/*** 



====================================================================

	Header style One

====================================================================



***/



.main-header{

	position:relative;

	z-index:99;

	width:100%;

	background-color:var(--color-onehundred-twenty-nine);

}

.main-header.fixed-header .sticky-header .auto-container {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-header.fixed-header .sticky-header .auto-container::after{
	display: none;
}

.main-header .header-lower{
	padding:10px 0;
	position:relative;

}
.main-header.fixed-header .pull-right {
    padding-top: 0 !important;
}


.main-header .header-lower .auto-container{

	max-width:1340px;

}



.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 .logo-box{

	position:relative;

	z-index:1;

}



.main-header .header-lower .nav-outer{

	position:relative;

}



/* Main Menu */



.main-header .main-menu{

	position:relative;

	float:left;

	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;

	float: left;

	display:block !important;

}



.main-header .main-menu .navigation{

	position:relative;

	margin:0px;

}



.main-header .main-menu .navigation > li{

	position:relative;

	display:inline-block;

	margin-right:var(--margin-right-25);

	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);

}



/*Sticky Header*/



.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:8px 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:600;

	padding:30px 0px;

	font-size:var(--font-14);

	color:var(--text-color);

	text-transform:capitalize;

}



.main-header .main-menu .navigation > li.dropdown > a:before{

	position: absolute;

	content: "\f107";

	right: 0px;

    line-height: 30px;

	font-weight:400;

	font-size: var(--font-16);

	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(--main-color);

}



.main-header .main-menu .navigation > li > ul{

	position:absolute;

	width:15rem;

	transform: perspective(300px) scaleY(0) translateZ(30px);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	opacity: 0;

	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: 8px 18px;

    line-height: 24px;

    font-weight: 400;

    font-size: var(--font-14);

    text-transform: capitalize;

    color: var(--white-color);

	

}



.main-header .main-menu .navigation > li > ul > li > a:before{

	position:absolute;

	content:'//';

	left:10px;

	top:8px;

	opacity:0;

	font-weight:500;

	color:var(--white-color);

	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;

}



.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(--white-color);

	background-color:var(--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(--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;

	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: 8px 18px;

    line-height: 24px;

    font-weight: 400;

    font-size: var(--font-14);

    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;

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{

	color:var(--white-color);

	background-color:var(--color-two);

}



.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{

	position:absolute;

	content:'//';

	left:10px;

	top:12px;

	opacity:0;

	font-weight:500;

	font-size:var(--font-10);

	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;

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{

	padding-left:30px;

	color:var(--white-color);

	background-color:var(--color-two);

}



.main-header .main-menu .navigation > li.dropdown:hover > ul{

	transform: perspective(300px) scaleY(1) translateZ(0);

	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-one .header-lower .auto-container{

	max-width:1440px;

}



.header-style-one .main-menu .navigation > li > a{

	font-size:var(--font-16);

	color:var(--white-color);

	text-transform:uppercase;

}



.header-style-one .header-lower .logo-box{

	padding:15px 0px;

}



.header-style-one .header-lower .button-box .theme-btn{

	display:block;

}



.header-style-one .sticky-header .logo{

	padding:var(--padding-zero);

}









.main-header.header-style-two{

/*	position:absolute;*/

	left:0px;

	top:0px;

	right:0px;

	background:none;

}



.main-header.header-style-two .header-lower .auto-container {

    max-width: 1340px;

}



.main-header.header-style-two .main-menu .navigation > li > a{

	color:#282F3B;

	text-transform:capitalize;

}



.main-header.header-style-two .search-box-outer{

	color:#118586;

	border-color:#ffffff;

	background-color:#ffffff;

}



.main-header.header-style-two .outer-box .nav-btn{

	color:#118586;

	border-color:#ffffff;

	background-color:#ffffff;

}



.main-header.header-style-two .outer-box .cart-btn{

	color:#118586;

	border-color:#ffffff;

	background-color:#ffffff;

}



.header-style-two .sticky-header .main-menu .navigation > li > a{

	color:#ffffff;

}



.header-style-two .sticky-header{

	background-color:#111111;

}



.header-style-two .sticky-header .logo{

	padding:3px 0px;

}



.header-style-two .sticky-header .main-menu .navigation > li > a:before{

	display:none;

}



/* Header Style Four */



.header-style-four{

	position:absolute;

	top:40px;

	background:none;

}



.header-style-four .main-menu .navigation > li:hover > a,

.header-style-four .main-menu .navigation > li.current > a,

.header-style-four .sticky-header .main-menu .navigation > li:hover > a,

.header-style-four .sticky-header .main-menu .navigation > li.current > a{

	color:var(--color-onehundredfifteen);

}



.header-style-four .main-menu .navigation > li > ul,

.header-style-four .main-menu .navigation > li > ul > li > ul{

	background-color:var(--color-onehundredfifteen);

}



.header-style-four .main-menu .navigation > li > ul > li > a,

.header-style-four .main-menu .navigation > li > ul > li > ul > li > a{

	font-family:var(--font-family-Inter);

}



.header-style-four .login-nav{

	position:relative;

}



.header-style-four .login-nav li{

	position:relative;

	display:inline-block;

	margin-left:var(--margin-left-25);

}



.header-style-four .login-nav li a{

	position:relative;

	font-weight:600;

	font-size:var(--font-14);

	display:inline-block;

	color:var(--color-seventyfour);

	font-family:var(--font-family-Inter);

}



.header-style-four .login-nav li:last-child a{

	padding:10px 25px;

	border-radius:4px;

	color:var(--white-color);

	background-color:var(--color-onehundredfifteen);

}



.header-style-four .login-nav li:last-child a:hover{

	background-color:var(--color-seventythree);

}



.header-style-four .header-lower .inner-container{

	padding:0px 20px 0px 30px;

	background-color:var(--white-color);

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

}



.header-style-four .main-menu .navigation > li > a{

	padding:23px 0px;

	font-weight:600;

	font-size:var(--font-16);

	color:var(--color-seventytwo);

	font-family:var(--font-family-Inter);

}



.main-header.header-style-four .auto-container{

	max-width:1200px;

}



.main-header.header-style-four .main-menu .navigation > li{

	margin-right:var(--margin-right-40);

}



.main-header.header-style-four .main-menu .navigation > li:last-child{

	margin:var(--margin-zero);

}



.main-header.header-style-four .main-menu .navigation > li.dropdown > a{

	padding-right:var(--padding-zero);

}



.main-header.header-style-four .main-menu .navigation > li.dropdown > a:before{

	display:none;

}











.header-style-six{

	position:absolute;

	background:none;

}



.header-style-six .header-lower .inner-container{

	border-bottom:1px solid var(--color-nineteen);

}



.header-style-six .main-menu .navigation > li > a{

	padding:46px 0px;

	font-size:var(--font-16);

	font-family:var(--font-family-ibm);

}



.main-header.header-style-six .auto-container{

	max-width:1200px;

}



.main-header.header-style-six .main-menu .navigation > li{

	margin-right:var(--margin-right-40);

}



.main-header.header-style-six .main-menu .navigation > li:last-child{

	margin:var(--margin-zero);

}



.main-header.header-style-six .main-menu .navigation > li.dropdown > a{

	padding-right:var(--padding-zero);

}



.main-header.header-style-six .main-menu .navigation > li.dropdown > a:before{

	display:none;

}



.main-header.header-style-six .main-menu .navigation > li > a:after{

	position:absolute;

	content:'';

	left:0px;

	bottom:35px;

	width:9px;

	height:9px;

	opacity:0;

	border-radius:50px;

	display:inline-block;

	background: var(--color-thirtythree);

	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: -webkit-linear-gradient(to right, var(--color-thirtythree) 0%, var(--main-color) 100%);

	background: -moz-linear-gradient(to right, var(--color-thirtythree) 0%, var(--main-color) 100%);

	background: linear-gradient(to right, var(--color-thirtythree) 0%, var(--main-color) 100%);

}



.main-header.header-style-six .main-menu .navigation > li.current > a:after,

.main-header.header-style-six .main-menu .navigation > li:hover > a:after{

	opacity:1;

	left:92%;

}



.header-style-six .sticky-header .main-menu .navigation > li > a:after{

	bottom:15px;

}



/* Header Style Seven */



.header-style-seven{

	position:absolute;

	top:40px;

	background:none;

}



.header-style-seven .auto-container,

.header-style-seven .header-lower .auto-container{

	max-width:1600px;

}



.header-style-seven .header-upper{

	position:relative;

}



.header-style-seven .header-upper .inner-container{

	padding-right:var(--padding-right-40);

	background-color:var(--color-seventyfive);

}



.header-style-seven .header-upper .logo-box{

	position: relative;

	padding:65px 75px;

	float:left;

	z-index:1;

	background-color:var(--color-seventytwo);

}



.header-style-seven .header-upper .logo-box:before{

	position: absolute;

	content:'';

	left:0px;

	top:0px;

	width:22px;

	height:208px;

	background:url(../images/icons/logo-curve.png) no-repeat;

}



.header-style-seven .header-upper .logo-box .logo{

	position:relative;

}



.header-style-seven .header-upper .upper-right{

	position:relative;

	float:left;

	margin-left:var(--margin-left-30);

	padding-top:var(--padding-top-40);

	padding-bottom:var(--padding-bottom-40);

}



.header-style-seven .header-lower .inner-container{

	position:relative;

	padding-left:370px;

	background-color:var(--white-color);

}



.header-style-seven .header-lower .inner-container:before{

	position:absolute;

	content:'';

	left:340px;

	top:0px;

	right:220px;

	height:2px;

	background:-webkit-linear-gradient(left, var(--color-seventythree), var(--color-eightytwo));

}



.main-header.header-style-seven .header-lower{

	margin-top:-67px;

	top:-13px;

}



.main-header.header-style-seven .header-lower .button-box{

	padding:var(--padding-zero);

}



.main-header.header-style-seven .header-lower .search-box-btn{

	padding:var(--padding-zero);

}



.header-style-seven .info-box{

	position:relative;

	float:left;

	z-index:1;

	text-align:left;

	font-weight:normal;

	color:var(--color-five);

	font-size:var(--font-15);

	padding:5px 0px 10px 65px;

	margin-left:var(--margin-left-25);

}



.header-style-seven .info-box .icon-box{

	position:absolute;

	left:0px;

	top:3px;

	width:50px;

	height:50px;

	line-height:50px;

	border-radius:50px;

	text-align:center;

	font-size:var(--font-20);

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

	font-family: "Flaticon";

	color:var(--color-seventythree);

	background-color:var(--white-color);

}



.header-style-seven .info-box ul li{

	position:relative;

	line-height:20px;

	margin-bottom:4px;

	font-weight:400;

	font-weight:700;

	letter-spacing:2px;

	font-size:var(--font-12);

	text-transform:uppercase;

	color:var(--color-seventyfour);

	font-family:var(--font-family-exo-2);

}



.header-style-seven .info-box strong{

	position:relative;

	font-weight:600;

	letter-spacing:0px;

	font-size:var(--font-16);

	text-transform:capitalize;

	color:var(--color-seventytwo);

	font-family:var(--font-family-exo);

}



.header-style-seven .main-menu .navigation > li > a{

	padding:25px 0px;

	text-transform:uppercase;

	color:var(--color-seventyfour);

	font-family:var(--font-family-exo-2);

}



.header-style-seven .social-box{

	position:relative;

	float:right;

	padding:39px 0px;

	margin:var(--margin-zero);

}



.header-style-seven .social-box li{

	position:relative;

	display:inline-block;

	margin-left:var(--margin-left-10);

}



.header-style-seven .social-box li a{

	position:relative;

	width:52px;

	height:52px;

	line-height:52px;

	text-align:center;

	display:inline-block;

	font-size:var(--font-18);

	color:var(--color-seventyseven);

	background-color:var(--color-seventysix);

}



.header-style-seven .social-box li a:hover{

	color:var(--white-color);

	background-color:var(--color-seventyseven);

}



.main-header.header-style-seven .main-menu .navigation > li > ul > li > a,

.main-header.header-style-seven .main-menu .navigation > li > ul > li > ul > li > a{

	font-family:var(--font-family-exo-2);

}



.main-header.header-style-seven .main-menu .navigation > li:hover > a,

.main-header.header-style-seven .main-menu .navigation > li.current > a{

	color:var(--color-seventyeight);

}



.main-header.header-style-seven .main-menu .navigation > li > ul,

.main-header.header-style-seven .main-menu .navigation > li > ul > li > ul{

	background-color:var(--color-seventythree);

}



.main-header.header-style-seven .main-menu .navigation > li > ul > li:hover > a,

.main-header.header-style-seven .main-menu .navigation > li > ul > li > ul > li:hover > a{

	background-color:var(--color-seventyseven);

}



.main-header.header-style-seven .header-lower .search-box-btn{

	float:left;

	width:80px;

	height:80px;

	line-height:80px;

	text-align:center;

	display:inline-block;

	font-family: "flaticon";

	color:var(--white-color);

	font-size:var(--font-24);

	background-color:var(--color-seventynine);

	transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-header.header-style-seven .header-lower .search-box-btn:hover{

	color:var(--white-color);

	background-color:var(--color-seventyseven);

}



.main-header.header-style-seven .header-lower .button-box{

	margin-left:var(--margin-zero);

}



.main-header.header-style-seven .header-lower .quote-btn{

	position:relative;

	font-weight:700;

	color:var(--white-color);

	font-size:var(--font-16);

	padding:29px 30px;

	font-family:var(--font-family-exo-2);

	background-color:var(--color-seventythree);

}



.main-header.header-style-seven .header-lower .quote-btn i{

	position:relative;

	top:1px;

	font-style:normal;

	margin-left:var(--margin-left-5);

}



.main-header.header-style-seven .header-lower .quote-btn:hover{

	background-color:var(--color-seventyseven);

}



/* Header Style Eight */



.header-style-eight{

	position:relative;

	background:none;

}



.header-style-eight .header-lower .logo-box{

	padding:20px 0px;

	margin-right:var(--margin-right-30);

}



.header-style-eight .header-lower .auto-container{

	max-width:1300px;

}



.header-style-eight .main-menu .navigation > li > a{

	padding:50px 0px;

	font-size:var(--font-18);

	color:var(--color-onehundredone);

	font-family:var(--font-family-Futura);

}



.header-style-eight .main-menu .navigation > li > ul > li > a,

.header-style-eight .main-menu .navigation > li > ul > li > ul > li > a{

	font-family:var(--font-family-Futura);

}



.header-style-eight .main-menu .navigation > li:before{

	position:absolute;

	right:0px;

	width:2px;

}



.header-style-eight .main-menu .navigation > li.dropdown > a:before{

	display:none;

}



.header-style-eight .main-menu .navigation > li:before{

	position:absolute;

	content:'';

	right:-15px;

	top:50%;

	width:2px;

	height:15px;

	transform:translateY(-50%);

	background-color:var(--color-onehundredtwo);

}



.header-style-eight .main-menu .navigation > li:last-child::before{

	display:none;

}



.header-style-eight .phone-box-two{

	position:relative;

	float:left;

}



.header-style-eight .phone-box-two .box-inner{

	position:relative;

	font-weight:500;

	text-transform:uppercase;

	color:var(--color-onehundredfour);

	padding-left:var(--padding-left-65);

	font-family:var(--font-family-Roboto);

}



.header-style-eight .phone-box-two .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:50px;

	height:50px;

	line-height:50px;

	border-radius:50px;

	text-align:center;

	font-size:var(--font-28);

	color:var(--color-onehundredthree);

	background-color:var(--color-onehundredtwo);

}



.header-style-eight .phone-box-two a{

	position:relative;

	font-weight:800;

	display:block;

	font-size:var(--font-20);

	margin-top:var(--margin-top-5);

	color:var(--color-onehundredthree);

	font-family:var(--font-family-Futura);

}



.main-header.header-style-eight .header-lower .button-box{

	padding:0px 0px;

}



.main-header.header-style-eight .outer-box{

	padding:35px 0px 30px;

}



.header-style-one .main-menu .navigation > li > ul,

.header-style-one .main-menu .navigation > li > ul > li > ul,

.header-style-two .main-menu .navigation > li > ul,

.header-style-two .main-menu .navigation > li > ul > li > ul{

    background-color: var(--color-onehundredfifteen);

}



.header-style-one .main-menu .navigation > li > ul > li:hover > a,

.header-style-two .main-menu .navigation > li > ul > li:hover > a {

    background-color: var(--color-five);

	color: var(--black-color);

}



.header-style-one .main-menu .navigation > li > ul > li > ul > li > a:before,

.header-style-one .main-menu .navigation > li > ul > li > a:before,

.header-style-two .main-menu .navigation > li > ul > li > ul > li > a:before,

.header-style-two .main-menu .navigation > li > ul > li > a:before{

	color: var(--black-color);

}



.header-style-one .main-menu .navigation > li > ul > li > ul > li:hover > a,

.header-style-two .main-menu .navigation > li > ul > li > ul > li:hover > a{

    background-color: var(--color-five);

	color: var(--black-color);

}



.header-style-one .main-menu .navigation > li:hover > a,

.header-style-one .main-menu .navigation > li.current > a{

	color: var(--white-color);

}



/*** 



====================================================================

	Mobile Menu

====================================================================



***/



.main-header .nav-outer .mobile-nav-toggler{

	position: relative;

	float: right;

	padding:23px 0px;

	font-size: var(--font-24);

	line-height: 44px;

	cursor: pointer;

	color:var(--dark-color);

	display: none;

	font-family: "flaticon";

}



.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;

	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: relative;

    float: right;

}







/* Search Box Outer */



.main-header .search-box-outer{

	position: relative;

    width: 65px;

    height: 65px;

	float:left;

    cursor: pointer;

    line-height: 60px;

    text-align: center;

    color: #ffffff;

    font-size: 22px;

	border-radius:50px;

    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:1px solid rgba(var(--white-color-rgb), 0.20);

}



.main-header .search-box-outer:hover{

	background-color:#ffffff;

	color:var(--color-onehundred-twenty-nine);

}



.main-header .outer-box .nav-btn{

	position: relative;

    width: 65px;

    height: 65px;

	float:left;

    cursor: pointer;

    line-height: 55px;

	border-radius:50px;

    text-align: center;

    color: var(--color-onehundred-twenty-nine);

    font-size: var(--font-22);

	margin-left:var(--margin-left-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;

    font-family: "Flaticon";

	border:1px solid rgba(var(--white-color-rgb), 0.20);

}



.main-header .outer-box .nav-btn:hover{

	

}



.main-header .outer-box .cart-btn{

	position: relative;

    width: 65px;

    height: 65px;

	float:left;

    cursor: pointer;

    line-height: 58px;

    text-align: center;

    color:var(--white-color);

    font-size: var(--font-22);

	border-radius:50px;

	margin-left:var(--margin-left-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;

    font-family: "Flaticon";

	border:1px solid rgba(var(--white-color-rgb), 0.20);

}



.main-header .outer-box .cart-btn:hover{

	background-color:var(--white-color);

	color:var(--color-onehundred-twenty-nine);

}











.main-header .phone-box{

	position:relative;

	float:left;

	padding:34px 0px;

	margin-right:var(--margin-right-35);

}



.main-header .phone-box .box-inner{

	position:relative;

	font-weight:600;

	font-size:var(--font-17);

	padding-left:var(--padding-left-40);

}



.main-header .phone-box .box-inner .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:25px;

	height:25px;

	color:var(--white-color);

	line-height:27px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	font-size:var(--font-14);

	background-color:var(--color-two);

}



.main-header .phone-box .box-inner a{

	position:relative;

	color:var(--text-color);

}



.main-header .phone-box .box-inner a i{

	font-style:normal;

	color:var(--color-four);

}



.main-header .phone-box .box-inner a:hover{

	color:var(--main-color);

}



/* Language */



.main-header .header-lower .language{

	position:relative;

	float:left;

	line-height:1em;

	margin:30px 0px;

	padding-left:var(--padding-left-35);

}



.main-header .header-lower .language:before{

	position:absolute;

	content:'';

	left:0px;

	top:10px;

	width:6px;

	height:6px;

	border-radius:50px;

	background-color:var(--main-color);

}



.main-header .header-lower .language button{

	position:relative;

	background:none;

	font-weight:600;

	font-size:var(--font-17);

	color:var(--text-color);

	padding:var(--padding-zero);

	border:0px;

}



.main-header .header-lower .language button:focus{

	outline:none;

	box-shadow:inherit;

}



.main-header .header-lower .language button:after{

	display:none;

}



.main-header .header-lower .language .dropdown-menu{

	top:125% !important;

	z-index:1;

	left:0px;

	width:170px;	

	border:none;

	border-radius:0px;

	padding:var(--padding-zero);

	margin-top:var(--margin-top-10);

	background-color:var(--main-color);

    border-top:3px solid var(--main-color-two);

}



.main-header .header-lower .language > a{

	color:var(--text-color);

	padding:10px 0px;

	text-transform:uppercase;

	display:inline-block;

    border:0px;

	top: 0px;

	font-weight:500;

	font-size:var(--font-16);

	line-height:1em;

	border-radius: 0px;

}



.main-header .header-lower .language > a:focus{

	box-shadow:inherit;

}



.main-header .header-lower .language > a:after{

	display:none;

}



.main-header .header-lower .language a:hover{

	background:none;

}



.main-header .header-lower .language .dropdown-menu > li{

	padding-right:0px;

	margin:var(--margin-zero);

	float:none;

	display:block;

    border-bottom: 1px solid rgba(255,255,255,0.20);

}



.main-header .header-lower .language .dropdown-menu > li:last-child{

	border-bottom:none;	

}



.main-header .header-lower .language .dropdown-menu > li > a{

	padding:12px 20px;

	display: block;

	text-align:left;

	color:var(--white-color);

	font-size: var(--font-14);

	-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 .language .dropdown-menu > li > a:hover{

	color:var(--white-color);

	background-color:var(--color-two);

}



.main-header .header-lower .button-box{

	position:relative;

	float:left;

	margin-left:var(--margin-left-25);

}



/* Search Box Outer */



.main-header .header-lower .search-box-outer{

	position:relative;

	float:left;

}



/* .main-header .header-lower .search-box-btn{

	position:relative;

	display:block;

	float:left;

	padding: 35px 0px;

	font-size:var(--font-20);

	color:var(--text-color);

	line-height:20px;

	cursor:pointer;

	background:none;

	margin-left:var(--margin-left-30);

}



.main-header .header-lower .search-box-btn:hover{

	color:var(--main-color);

} */



/*** 



====================================================================

	Search Popup

====================================================================



***/





.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); /* easeInOutQuint */

    -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); /* easeInOutQuint */

}



.sidenav-bar-visible .search-popup{

	width: 80%;

}



.search-popup:before{

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	height: 560px;

	background-image: url(../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{

	float:left;

	cursor:pointer;

	padding:27px 0px;

	font-size:var(--font-18);

	color: var(--black-color);

	margin-left:var(--margin-left-25);

}



.main-header .mobile-menu .menu-box .mCSB_scrollTools{

	width:3px;

}

@media (max-width:1199px){
	.navbar-home__btn a.btn-style-twentyfive {
    font-size: 14px;
    line-height: 32px;
    padding: 5px 19px;
}
}
@media (max-width:1023px){
	.navbar-home__btn {
    display: none;
}


}