.main-header{
position:relative;
z-index:11;
width:100%;
background-color:var(--color-three);
}
.main-header .header-upper{
position:relative;
background-color:var(--white-color);
}
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.main-header .logo-box{
position:absolute;
left:100px;
top:0px;
float:left;
z-index:10;
padding:25px 30px;
background-color:var(--white-color);
}
.main-header .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;	
}
.main-header .header-lower{
position:relative;
}
.main-header .header-lower .nav-outer{
position:static;
}
.main-header .header-upper .logo-box{
position: relative;
padding:10px 0px 10px;
}
.main-header .header-upper .logo-box .logo{
position:relative;
} .main-header .main-menu{
position:relative;
width:100%;
text-align:center;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-menu .navbar-collapse{
padding:0px;
display:block !important;
}
.main-header .header-lower .main-menu .navigation{
position:relative;
margin:0px;
left:150px;
}
.main-header .main-menu .navigation > li{
position:relative;
display:inline-block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-right:var(--margin-right-35);
}
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a{
color:var(--main-color);
}
.main-header .sticky-header .nav-outer .options-box{
margin-top:var(--margin-top-40);
} .main-header .sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
z-index:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--white-color);
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}
.main-header .sticky-header .mobile-nav-toggler{
display:none;
cursor:pointer;
padding:34px 0px;
color:var(--black-color);
font-size:var(--font-30);
font-family: "Flaticon";
}
.main-header .sticky-header .logo{
position:relative;
padding:0px 0px;
}
.main-header.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;	
}
.main-header .main-menu .navigation > li > a{
position:relative;
display:block;
text-align:center;
line-height:30px;
letter-spacing:0px;
opacity:1;
font-weight:600;
padding:45px 0px;
font-size:var(--font-16);
color:var(--color-two);
text-transform: uppercase;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: var(--font-family-DMsans);
}
.main-header .main-menu .navigation > li:last-child{
margin-right:var(--margin-zero);
}
.main-header .main-menu .navigation > li:last-child > a{
padding-right:0px;
}
.main-header .sticky-header .main-menu .navigation > li{
position:relative;
}
.main-header .sticky-header .main-menu .navigation > li:last-child{
margin-right:var(--margin-zero);
}
.main-header .main-menu .navigation > li:last-child ul{
right:0px;
}
.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a{
opacity:1;
color:var(--main-color);
}
.main-header .main-menu .navigation > li > ul{
position:absolute;
width:15rem;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
opacity: 0;
visibility: hidden;
visibility: hidden;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-radius:0px;
background-color:var(--main-color);
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-header .main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;	
}
.main-header .main-menu .navigation > li > ul > li{
position:relative;
width:100%;
text-align:left;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-header .main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-header .main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:12px 18px;
line-height:24px;
font-weight:600;
font-size:var(--font-15);
text-transform:uppercase;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: var(--font-family-DMsans);
}
.main-header .main-menu .navigation > li > ul > li > a:before{
position:absolute;
content:'//';
left:10px;
top:11px;
opacity:0;
font-weight:700;
font-size:var(--font-12);
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li > ul > li:hover > a::before{
opacity:1;
color:var(--main-color);
}
.main-header .sticky-header .main-menu .navigation > li > a:before{
}
.main-header .main-menu .navigation > li > ul > li:hover > a{
padding-left:30px;
color:var(--main-color);
background-color:var(--white-color);
}
.main-header .main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:13px;
width:10px;
height:20px;
display:block;
color:var(--white-color);
line-height:20px;
font-size:var(--font-16);
font-weight:normal;
text-align:center;
z-index:5;	
}
.main-header .main-menu .navigation > li > ul > li > ul{
position:absolute;
right:100%;
top:0px;
width:15rem;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
opacity: 0;
visibility: hidden;
visibility: hidden;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-radius:0px;
background-color:var(--main-color);
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-header .main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;	
}
.main-header .main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
text-align:left;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;	
}
.main-header .main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:12px 18px;
line-height:24px;
font-weight:600;
font-size:var(--font-15);
text-transform:uppercase;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: var(--font-family-DMsans);
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
color:var(--main-color);
background-color:var(--white-color);
}
.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{
position:absolute;
content:'//';
left:10px;
top:11px;
opacity:0;
font-weight:700;
font-size:var(--font-12);
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a::before{
opacity:1;
color:var(--main-color);
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
padding-left:30px;
color:var(--main-color);
background-color:var(--white-color);
}
.main-header .main-menu .navigation > li.dropdown:hover > ul{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
}
.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
}
.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:var(--white-color);
line-height:28px;
border:1px solid var(--white-color-opicity-two);
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-menu .navigation > li > ul > li.updates{
padding:12px 15px;
color:#ffffff;
left:0px;
right:0px;
width:auto;
font-weight:600;
font-size:var(--font-16);
background-color:var(--main-color);
} .main-header .nav-outer .mobile-nav-toggler{
position: relative;
float: right;
padding:2px 0 0px;
font-size: var(--font-30);
line-height: 44px;
cursor: pointer;
color:var(--black-color);
display: none;
font-family: "Flaticon";
}
.mobile-menu{
position: fixed;
left: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
text-align:center;
padding:40px 20px 15px;
}
.mobile-menu .nav-logo img{
max-width:200px;
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
width:100%;
visibility: visible;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
left: -400px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: var(--color-two);
padding: 0px 0px;
z-index: 5;
border-radius: 0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu .menu-box{
left:0px;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobile-menu .close-btn{
position: absolute;
right: 15px;
top: 15px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
width:100%;
}
.mobile-menu .navigation li{
position: relative;
display: block;
margin-bottom:var(--margin-bottom-5);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#111111;
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
cursor:pointer;
opacity:0.60;
z-index:5;
color:var(--white-color);
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
background-color:var(--white-color);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
padding-left:var(--padding-left-15);
}
.mobile-menu .navigation li > ul > li,
.mobile-menu .navigation li > ul > li > ul > li{
margin-bottom:var(--margin-zero);
}
.mobile-menu .navigation li > ul > li >  a,
.mobile-menu .navigation li > ul > li > ul > li > a{
padding:7px 20px !important;
font-size:var(--font-14) !important;
}
.mobile-menu .navigation li > ul > li > a{
}
.mobile-menu .navigation li > ul > li > ul{
padding-left:15px;
}
.mobile-menu .navigation li > ul > li > ul > li > a{
padding-left:40px;
}
.main-header .mobile-menu .close-btn:hover{
opacity: 0.50;
}
.main-header .mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.main-header .mobile-menu .navigation li > ul > li:first-child{ }
.main-header .mobile-menu .navigation li > a{
position: relative;
display: block;
font-weight:600;
line-height: 24px;
padding: 10px 20px;
font-size: var(--font-16);
color: var(--white-color);
text-transform: uppercase;
font-family: var(--font-family-Jost);
}
.main-header .mobile-menu .navigation li:hover > a,
.main-header .mobile-menu .navigation li.current > a{
color: var(--white-color);
}
.main-header .sticky-header .navbar-header{
display:none;
}
.main-header .outer-box{
position: absolute;
right:0px;
top:0px;
float:right;
} .main-header .search-box-outer{
position: relative;
width: 120px;
height: 120px;
float:left;
cursor: pointer;
line-height: 120px;
text-align: center;
color: var(--color-two);
font-size: var(--font-22);
background-color: var(--white-color);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: "Flaticon";
border-left:1px solid var(--color-nine);
border-right:1px solid var(--color-nine);
}
.main-header .outer-box .nav-btn{
position:relative;
width:120px;
height:120px;
float:left;
cursor:pointer;
line-height:120px;
text-align:center;
color:var(--color-two);
font-size:var(--font-30);
background-color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
font-family: "Flaticon";
}
.main-header .outer-box .nav-btn:hover{
background-color:var(--main-color);
color:var(--white-color);
}
.main-header.fixed-header .sticky-header .main-menu .navigation > li > a{
padding:22px 0px;
}
.main-header .button-box{
position:relative;
float:left;
margin-top:-17px;
margin-left:var(--margin-left-30);
} .search-popup{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.search-popup .color-layer{
position: absolute;
content:'';
left: 0;
top: 0;
height: 100vh;
width: 100%;
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.sidenav-bar-visible .search-popup{
width: 80%;
}
.search-popup:after{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(//dav-roofing.ro/wp-content/themes/roonix/assets/images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup{
transform: translateY(0%);
margin-top:var(--margin-zero);
}
.search-popup .close-search{
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color:var(--main-color);
width: 70px;
cursor:pointer;
border-bottom: 3px solid var(--white-color);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span{
position: relative;
display: block;
height: 70px;
width: 70px;
font-size:var(--font-30);
line-height: 70px;
color: var(--white-color);
}
.search-active .search-popup .close-search{
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form{
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
z-index:999;
margin:-35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: var(--dark-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form{
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group{
position:relative;
margin:var(--margin-zero);
overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
position:relative;
display:block;
font-size:var(--font-18);
line-height: 50px;
color:var(--black-color);
height:70px;
width:100%;
padding: 10px 30px;
background-color: var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-weight:500;
text-transform:capitalize;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
position:absolute;
right:30px;
top:0px;
height:70px;
line-height: 70px;
background: transparent;
text-align:center;
font-size:var(--font-24);
color:var(--black-color);
padding: 0;
cursor:pointer;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
color: var(--black-color);
}
.search-popup input::placeholder,
.search-popup textarea::placeholder{
color: var(--black-color);
}
.search-popup .close-search.style-two{
position: absolute;
right: 25px;
left: auto;
color: var(--white-color);
width:auto;
height:auto;
top:25px;
margin:0px;
border:none;
background:none !important;
box-shadow:none !important;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .close-search.style-two span{
font-size:var(--font-20);
color: var(--white-color);
}
.main-header .mobile-menu .menu-box .mCSB_scrollTools{
width:3px;
} .header-style-two{
position:absolute;
top:0px;
left:0px;
right:0px;
background:none;
}
.header-style-two .header-lower .auto-container{
max-width:1500px;
}
.header-style-two .header-lower .inner-container{
position:relative;
}
.header-style-two .logo-box{
left:0px;
background:none;
padding:25px 0px;
}
.header-style-two .header-lower .nav-outer{
float:right;
padding-right: 150px;
}
.header-style-two .header-lower .main-menu .navigation{
left:0px;
} .header-style-three{
position:relative;
border-bottom:1px solid var(--color-nine);
background-color:var(--white-color);
}
.header-style-three .logo-box{
position:relative;
left:0px;
padding:25px 0px;
}
.main-header.header-style-three .main-menu .navigation{
left:-110px;
}
.header-style-three .header-lower .auto-container{
max-width:1550px;
}
.main-header.header-style-three .main-menu .navigation > li > a:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
height:3px;
opacity:0; 
transform:scale(0.3,1);
background-color:var(--main-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header.header-style-three .main-menu .navigation > li:hover > a:before,
.main-header.header-style-three .main-menu .navigation > li.current > a:before{
opacity:1;
transform:scale(1,1);
} .header-style-four .sticky-header{
display:none;
}
.header-style-four .header-lower{
display:none;
}
.sidebar-menu-page .mobile-menu{
visibility:visible;
}
.sidebar-menu-page .mobile-menu .menu-box{
left:0px;
}
.sidebar-menu-page .mobile-menu #navbarSupportedContent{
display:block;
} .header-style-five{
background-color:var(--white-color);
}
.header-style-five .header-lower .auto-container{
position:relative;
max-width:1700px;
}
.main-header.header-style-five .header-lower .nav-outer{
float:right;
}
.main-header.header-style-five .header-lower .main-menu .navigation{
left:0px;
}
.header-style-five .logo-box{
position:absolute;
left:0px;
padding:25px 30px 25px 15px;
}
.header-style-five .header-lower .main-menu{
float:left;
width:auto;
}
.header-style-five .outer-box{
position:relative;
float:right;
right:-15px;
margin-left:var(--margin-left-120);
}
.header-style-five .logo-box:before{
position:absolute;
content:'';
left:100%;
top:0px;
bottom:0px;
width:300px;
background-color:var(--main-color);
} .header-style-six{
position:relative;
border-bottom:1px solid var(--color-nine);
background-color:var(--white-color);
}
.header-style-six .logo-box{
position:relative;
left:0px;
padding-left:0px;
}
.main-header.header-style-six .main-menu .navigation{
left:-110px;
}
.header-style-six .header-lower .auto-container{
max-width:1550px;
}
.main-header.header-style-six .main-menu .navigation > li > a:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
right:0px;
height:3px;
opacity:0; 
transform:scale(0.3,1);
background-color:var(--main-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header.header-style-six .main-menu .navigation > li:hover > a:before,
.main-header.header-style-six .main-menu .navigation > li.current > a:before{
opacity:1;
transform:scale(1,1);
}
.main-header.header-style-six .main-menu .navigation > li > a:after{
position:absolute;
content:'';
left:50%;
bottom:0px;
opacity:0; 
margin-left:-5px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid var(--main-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header.header-style-six .main-menu .navigation > li:hover > a:after,
.main-header.header-style-six .main-menu .navigation > li.current > a:after{
opacity:1;
transform:scale(1,1);
} .header-style-seven{
position:relative;
background-color:var(--white-color);
}
.header-style-seven .header-lower .auto-container{
max-width:1800px;
}
.header-style-seven .main-menu{
width:auto;
}
.header-style-seven .logo-box{
position:relative;
left:0px;
padding-left:var(--padding-zero);
}
.header-style-seven .outer-box{
position:relative;
}
.header-style-seven .main-menu .navbar-collapse{
display:inline-block !important;
}
.header-style-seven .header-lower .main-menu .navigation{
left:0px;
}
.header-style-seven .button-box{
margin-top:var(--margin-zero);
} .sidebar-info-contents{
position:relative;
}
.sidebar-info-contents .content-inner{
position:relative;
}
.sidebar-info-contents .content-inner .logo {
padding-bottom:var(--padding-bottom-20);
}
.sidebar-info-contents .content-inner .logo img{
display:inline-block;
max-width:100%;	
}
.sidebar-info-contents .content-inner .content-box{
position:relative;
}
.sidebar-info-contents .content-inner h5{
color:var(--white-color);
margin-bottom:var(--margin-top-20);
}
.sidebar-info-contents .content-inner .content-box .text{
color:var(--white-color);
margin-bottom:var(--margin-top-25);
}
.sidebar-info-contents .content-inner .contact-info{
position:relative;
margin-top:var(--margin-top-60);
}
.sidebar-info-contents .content-inner .social-box{
position:relative;
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-top-30);
}
.sidebar-info-contents .content-inner .social-box li{
position:relative;
display:inline-block;
margin-right:var(--margin-right-5);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a{
position:relative;
width:36px;
height:36px;
color:var(--main-color-two);
z-index:1;
font-size:var(--font-14);
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.sidebar-info-contents .content-inner .social-box li a:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.close-side-widget,
.close-side-widget:hover{
color:var(--white-color) !important;
font-size:var(--font-24);
}