/*
@File: Robtic Template Style

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Home One CSS
** - Home Two CSS
** - Home Three CSS
** - About CSS
** - Service Details CSS
** - Project Details CSS
** - Blog Details CSS
** - Contact CSS
** - FAQ CSS
** - 404 Error CSS
** - Coming Soon CSS
** - Privacy Policy CSS
** - Preloader CSS
** - Back to Top CSS
*/

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

/*-- Default CSS --*/

body {
    font-family: "Roboto", sans-serif;
    color: #4e4e4e;
    background-color: #fff;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    font-family: "Poppins", sans-serif;
}

p {
    line-height: 1.8;
}

a {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-100 {
    padding-bottom: 100px;
}

button:focus {
    outline: 0;
}

.btn.focus,
.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*-- End Default CSS --*/


/*----- Home One CSS -----*/


/*-- Header Top --*/

.header-top-area {
    background-color: #ed4a2b;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-top-area .header-top-item ul {
    margin: 0;
    padding: 0;
}

.header-top-area .header-top-item ul li {
    list-style-type: none;
    display: inline-block;
}

.header-top-area .header-top-item ul li a {
    display: inline-block;
}

.header-top-area .header-top-item ul li i {
    display: inline-block;
}

.header-top-area .header-top-item .header-left ul li {
    margin-right: 22px;
}

.header-top-area .header-top-item .header-left ul li:nth-child(2) i {
    position: relative;
    top: 2px;
}

.header-top-area .header-top-item .header-left ul li:nth-child(3) {
    margin-right: 0;
}

.header-top-area .header-top-item .header-left ul li:nth-child(3) i {
    position: relative;
    top: 2px;
}

.header-top-area .header-top-item .header-left ul li i {
    color: #ffffff;
    margin-right: 3px;
    font-size: 18px;
}

.header-top-area .header-top-item .header-left ul li a {
    font-size: 14px;
    color: #ffffff;
}

.header-top-area .header-top-item .header-left ul li a:hover {
    color: #fa5f0b;
}

.header-top-area .header-top-item .header-right {
    text-align: right;
}

.header-top-area .header-top-item .header-right ul li {
    margin-right: 15px;
}

.header-top-area .header-top-item .header-right ul li:last-child {
    margin-right: 0;
}

.header-top-area .header-top-item .header-right ul li a {
    border-radius: 50%;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.header-top-area .header-top-item .header-right ul li a i {
    line-height: 25px;
}

.header-top-area .header-top-item .header-right ul li a:hover {
    color: #fa5f0b;
    background-color: #ffffff;
}


/*-- End Header Top --*/


/*-- Navbar --*/

.navbar-light .navbar-brand {
    z-index: 2;
}

.navbar-area .main-nav {
    background-color: #0165ba;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.navbar-area .main-nav:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 39px;
    height: 100%;
    width: 29%;
    border-left: 0px solid transparent;
    border-top: 90px solid #fff;
    border-right: 130px solid transparent;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.navbar-area .main-nav .navbar-light {
    padding-left: 0;
    padding-right: 0;
}

.navbar-area .main-nav .navbar-light .navbar-nav {
    margin-left: auto;
    margin-right: auto;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item:hover a {
    color: #fff;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:before {
    position: absolute;
    content: '';
    top: 9px;
    left: -12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    opacity: 0;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a::after {
    display: none;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a.active {
    color: #fff;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover:before,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus:before,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a.active:before {
    opacity: 1;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 3px solid #282828;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a {
    color: #282828;
    font-size: 15px;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a:before {
    display: none;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a.active {
    color: #fa5f0b;
}

.navbar-area .main-nav.menu-shrink {
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0px 0px 20px 0px #f1f1f1;
    box-shadow: 0px 0px 20px 0px #f1f1f1;
}

.navbar-area .main-nav.menu-shrink:before {
    border-top: 80px solid #fff;
}

.side-nav a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fa5f0b;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 12px 20px;
    position: relative;
    z-index: 1;
}

.side-nav a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0;
    top: 0;
    background-color: #282828;
    border-radius: 5px 5px 0 0;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    opacity: 0;
    z-index: -1;
}

.side-nav a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    background-color: #282828;
    border-radius: 0 0 5px 5px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    opacity: 0;
    z-index: -1;
}

.side-nav a:hover {
    color: #ffffff;
}

.side-nav a:hover:before {
    opacity: 1;
    height: 50%;
}

.side-nav a:hover:after {
    opacity: 1;
    height: 50%;
}


/*-- End Navbar --*/


/*-- Banner --*/



/*-- End Book --*/


/*----- End Home Two CSS -----*/


/*----- Home Three CSS -----*/


/*-- Header Top --*/

.header-top-area-two .header-top-item .header-left ul li i {
    color: #fa5f0b;
}

.header-top-area-two .header-top-item .header-right ul li a {
    color: #fa5f0b;
    border: 1px solid #fa5f0b;
}

.header-top-area-two .header-top-item .header-right ul li a:hover {
    color: #ffffff;
    background-color: #fa5f0b;
}


/*-- End Header Top --*/


/*-- Header Contact --*/

.header-contact-area {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-contact-area .logo a {
    display: block;
}

.header-contact-area .side-nav {
    text-align: right;
}

.header-contact-area .side-nav a {
    color: #ffffff;
    background-color: #fa5f0b;
    text-align: right;
}

.header-contact-area .contact-item {
    text-align: center;
}

.header-contact-area .contact-item ul {
    margin: 0;
    padding: 0;
}

.header-contact-area .contact-item ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    padding-left: 50px;
    text-align: left;
    margin-right: 10px;
}

.header-contact-area .contact-item ul li:last-child {
    margin-right: 0;
}

.header-contact-area .contact-item ul li i {
    position: absolute;
    top: 0;
    left: 0;
    color: #fa5f0b;
    display: inline-block;
    font-size: 40px;
}

.header-contact-area .contact-item ul li h4 {
    color: #4e4e4e;
    font-weight: 500;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 5px;
}

.header-contact-area .contact-item ul li h4 a {
    display: inline-block;
    color: #4e4e4e;
}

.header-contact-area .contact-item ul li h4 a:hover {
    color: #fa5f0b;
}

.header-contact-area .contact-item ul li span {
    display: block;
    font-size: 12px;
    color: #4e4e4e;
}


/*-- End Header Contact --*/


/*-- Navbar --*/

.nav-area-two .main-nav {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.nav-area-two .main-nav:before {
    display: none;
}

.nav-area-two .main-nav .navbar-light {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fa5f0b;
    padding-right: 25px;
}

.nav-area-two .main-nav .navbar-light:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 39px;
    height: 100%;
    width: 27%;
    border-top: 84px solid #fff;
    border-left: 120px solid transparent;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.nav-area-two .main-nav .navbar-light .nav-shape img {
    left: 0;
    right: unset;
    top: 0;
    max-width: 80%;
}

.nav-area-two .main-nav .navbar-nav {
    margin-left: 25px !important;
}

.nav-area-two .main-nav.menu-shrink {
    padding-top: 0;
    padding-bottom: 0;
}

.nav-area-two .main-nav.menu-shrink .navbar-light {
    -webkit-box-shadow: 0px 0px 20px 0px #dddddd5e;
    box-shadow: 0px 0px 20px 0px #dddddd5e;
}

.nav-area-two .main-nav.menu-shrink {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.side-nav-two .modal-btn {
    padding: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: -6px;
}

.side-nav-two .modal-btn:hover span:nth-child(2) {
    width: 25px;
}

.side-nav-two .modal-btn:hover span:nth-child(3) {
    width: 15px;
}

.side-nav-two .modal-btn span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #282828;
    margin-bottom: 5px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}


/*# sourceMappingURL=style.css.map */