.main-header{
position:absolute;
left:0px;
top:0px;
right:0px;
z-index:99;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.15);
} .main-header.header_v4 .header-top {
background: #477ffa;
}
.main-header.header_v4 .main-menu .navigation > li > a {
color: #222222;
}
header.main-header.header_v4 {
border-bottom: 1px solid #e5e5e5;
}
.main-header.header_v4 .main-menu .navigation > li:hover > a, .main-header.header_v4 .main-menu .navigation > li.current > a {
color: #666;
}
.main-header.header_v4 .header-lower .search-box-btn {
color: #222;
}
.main-header.header_v4 .header-lower .outer-box .nav-btn {
color: #222;
}
.main-header .header-top{
position:relative;
background-color:var(--main-color);
}
.main-header .inner-container{
position:relative;
}
.main-header .header-top .top-left{
position: relative;
float:left;
}
.main-header .header-top .top-left .text{
padding:12px 0px;
color:var(--white-color);
}
.main-header .header-top .text span{
position: relative;
font-weight:700;
}
.main-header .header-top .top-right{
position: relative;
padding:12px 0px;
}
.main-header .header-top .top-right .social-box{
position: relative;
float:left;
}
.main-header .header-top .top-right .social-box li{
position: relative;
display:inline-block;
margin-left:var(--margin-left-15);
}
.main-header .header-top .top-right .social-box li a{
color:var(--white-color);
font-size:var(--font-16);
}
.main-header .header-top .top-right .social-box li a:hover{
color:var(--main-color-two);
}
.main-header .header-top .top-right .text{
float:left;
padding-left:var(--padding-left-40);
margin-left:var(--margin-left-40);
color:var(--white-color);
border-left:2px solid rgba(255,255,255,0.20);
}
.main-header .header-top .top-right .text a{
font-weight:700;
color:var(--white-color);
}
.main-header .header-top .top-right .text a:hover{
color:var(--main-color-two);
}
.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 .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header .main-box .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 .logo-box{
position:relative;
z-index:1;
padding:10px 0px;
}
.main-header .header-lower .nav-outer{
position:relative;
} .main-header .main-menu{
position:relative; 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 .main-menu .navigation{
position:relative;
margin:0px;
}
.main-header .main-menu .navigation > li{
position:relative;
display:inline-block;
margin-left:var(--margin-left-15);
margin-right:var(--margin-right-15);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-left:1px solid var(--light-border-color);
}
.main-header .main-menu .navigation > li:last-child{
border-right:1px solid var(--light-border-color);
}
.main-header .sticky-header .main-menu .navigation > li > a{
padding:23px 0px;
color:var(--dark-color);
}
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a{
color:var(--main-color);
background-color:inherit !important;
}
.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;
color:var(--black-color);
font-size:var(--font-30);
font-family: "flaticon";
}
.main-header .sticky-header .logo{
padding:5px 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;
font-weight:700;
padding:35px 0px;
font-size:var(--font-16);
color:var(--white-color);
text-transform: capitalize;
font-family:var(--font-family-gilroy);
}
.main-header .main-menu .navigation > li.dropdown > a:before{
position: absolute;
content: "\f067";
right: 0px;
line-height: 30px;
font-weight:400;
font-size: var(--font-10);
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: 'FontAwesome';
}
.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 .main-menu .navigation > li.dropdown > a{
padding-right:var(--padding-right-15);
}
.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(--white-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{
display:block;
padding:12px 18px;
line-height:24px;
font-weight:700;
font-size:var(--font-16);
text-transform:capitalize;
color:var(--white-color);
font-family:var(--font-family-gilroy);
}
.main-header .main-menu .navigation > li > ul > li > a:before{
position:absolute;
content:'//';
left:10px;
top:13px;
opacity:0;
font-weight:700;
color:var(--main-color);
font-size:var(--font-12);
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;
}
.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(--main-color-two);
}
.main-header .main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:8px;
top:13px;
width:10px;
height:20px;
display:block;
color:var(--main-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;
left: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:700;
font-size:var(--font-16);
text-transform:capitalize;
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-gilroy);
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
color:var(--main-color);
background-color:var(--main-color-two);
}
.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{
position:absolute;
content:'//';
left:10px;
top:13px;
opacity:0;
font-weight:700;
font-size:var(--font-12);
color:var(--main-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;
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
padding-left:30px;
color:var(--main-color);
background-color:var(--main-color-two);
}
.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;
} .header-style-two .header-top{
background-color:#d2e8db;
}
.main-header.header-style-two .header-top .top-left .text{
color:var(--dark-color);
}
.main-header.header-style-two .header-top .top-right .text,
.main-header.header-style-two .header-top .top-right .text a{
color:var(--dark-color);
border-color:rgba(0,0,0,0.10);
}
.main-header.header-style-two .header-top .top-right .social-box li a{
color:var(--dark-color);
}
.header-style-two .main-menu .navigation > li > a{
color:var(--dark-color);
}
.header-style-two .main-menu .navigation > li.dropdown > a{
padding-right:var(--padding-zero);
}
.header-style-two .main-menu .navigation > li.dropdown > a:before{
display:none;
}
.main-header.header-style-two .main-menu .navigation > li:hover > a,
.main-header.header-style-two .main-menu .navigation > li.current > a{
color:var(--color-seventen);
}
.main-header.header-style-two .outer-box{
padding:20px 0px;
} .header-style-three{
position:absolute;
left:0px;
top:0px;
right:0px;
}
.header-style-three .header-top{
background:none;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-footer.style-two.footer-v7 .newsletter-widget .form-group .submit-btn:hover {
background: #4952ff;
}
.header-style-five .theme-btn.btn-style-six:hover {
background: #3b61ff;
color: #fff;
} header.main-header.header-style-two.header-style-five {
background: #fff;
position: relative;
}
.header-style-two.header-style-five .header-top {
background: #25083c;
}
.header-style-five .theme-btn.btn-style-six {
background: #e1f0ff;
color: #3b61ff;
}
.main-header.header-style-two.header-style-five .header-top .top-left .text {
color: #fff;
}
.main-header.header-style-two.header-style-five .header-top .top-right .social-box li a {
color: #fff !important;
}
.main-header.header-style-two.header-style-five .header-top .top-right .text, .main-header.header-style-two.header-style-five .header-top .top-right .text a {
color: #fff;
} .main-header .nav-outer .mobile-nav-toggler{
position: relative;
float: right;
padding:0px 0 0px;
font-size: var(--font-24);
line-height: 44px;
cursor: pointer;
color:var(--white-color);
display: none;
font-family: "flaticon";
}
.main-header.header_v4 .nav-outer .mobile-nav-toggler {
color: #222;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px 0;
text-align:left;	
}
.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;
right: -400px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
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{
right: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);
font-family: "flaticon";
}
.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%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.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 > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.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;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
}
.mobile-menu .navigation li > ul > li > a{
padding-left:30px;
}
.mobile-menu .navigation li > ul > li > ul{
padding-left:0px;
}
.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{
position: relative;
display: block;
width:100%;
border-top: 1px solid #dddddd;
}
.main-header .mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid #dddddd;
}
.main-header .mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.main-header .mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid #dddddd;
}
.main-header .mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: var(--font-16);
color: var(--dark-color);
text-transform: capitalize;
}
.main-header .mobile-menu .navigation li:hover > a,
.main-header .mobile-menu .navigation li.current > a{
color: var(--dark-text-color-two);
}
.main-header .mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
color: var(--dark-color);
font-size: var(--font-16);
line-height:44px;
cursor:pointer;
z-index:5;
}
.main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid #dddddd;
}
.main-header .mobile-menu .navigation li > ul,
.main-header .mobile-menu .navigation li > ul > li > ul{
display: none;
}
.main-header .sticky-header .navbar-header{
display:none;
}
.main-header .outer-box{
position: absolute;
float: right;
padding: 36.5px 0px;
right: 0px;
top: 0px;
} .main-header .header-lower .search-box-outer{
position:relative;
float:left;
}
.main-header .header-lower .search-box-btn{
position:relative;
display:block;
float:left;
font-size:var(--font-20);
color:var(--white-color);
line-height:20px;
cursor:pointer;
background:none;
}
.main-header .header-lower .search-box-btn:hover,
.main-header .header-lower .outer-box .nav-btn:hover{
color:var(--main-color-two);
}
.main-header .header-lower .outer-box .nav-btn{
position:relative;
float:left;
cursor:pointer;
font-size:var(--font-28);
color:var(--white-color);
font-family: "flaticon";
margin-left:var(--margin-left-25);
} .search-popup{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-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:before{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(//leniagriza.gr/wp-content/themes/avarton/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;
font-family: "flaticon";
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;
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 .sticky-header .search-box-btn{
color: var(--black-color);
margin-top:var(--margin-top-10);
}
.main-header .mobile-menu .menu-box .mCSB_scrollTools{
width:3px;
} .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 .content-box h4{
color:var(--white-color);
margin-bottom:var(--margin-top-20);
}
.sidebar-info-contents .content-inner .content-box .text{
color:rgba(255,255,255,0.80);
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 .contact-info h4{
color:var(--white-color);
font-weight:500;
margin-bottom:var(--margin-top-20);
}
.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);
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);
}