/*** 



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

	Header style One

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



***/



.main-header{

	position:relative;

	z-index:99;

	width:100%;

}



.main-header .header-upper{

	position:relative;

}

.admin-bar .main-header.fixed-header .sticky-header {

    margin-top: 32px;

}

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

	z-index:10;

}



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

	position:relative;

}



.main-header .logo-box.style-two .logo{

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

}



.main-header .header-lower{

	position:relative;

}



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

	position:relative;

	max-width:1760px;

}



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

	position:static;

}

.main-header.primery-header .nav-outer{

	margin-left: auto;

}

.main-header .header-upper .logo-box{

	position: relative;

	padding:10px 0px 10px;

}



.main-header .header-upper .logo-box .logo{

	position:relative;

}



/* Main Menu */



.main-header .main-menu{

	position:static;

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

}



.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 .main-menu .navigation > li.dropdown > a{

	padding-right:15px !important;

}



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

	position: absolute;

    content: "";

    right: 0px;

	width:6px;

	height:6px;

	top:50%;

	margin-top:-3px;

	border-radius:50px;

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

}



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

	-webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



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

}



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

	padding:29px 0px;

	color:var(--black-color);

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

	font-family: "Flaticon";

}



.main-header .sticky-header .logo{

	position:relative;

	padding:7px 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:500;

	padding:32px 0px;

	color:var(--color-three);

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

	text-transform: capitalize;

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

}



.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:#29228C;

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

	line-height:24px;

	font-weight:400;

	font-size:16px;

	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;

	

}



.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 .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: 'Font Awesome 5 Pro';

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

	font-weight:normal;

	text-align:center;

	z-index:5;	

}



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

	color:var(--color-five);

}



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

	

}



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

}



/* Cart Box */



.main-header .cart-box-two{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

	display:inline-block;

}



.main-header .cart-box-two .cart{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

}

.language.dropdown span {

    margin-left: 8px;

}

.main-header .cart-box-two .total-like{

	position:absolute;

	right:-8px;

	top:-5px;

	width:16px;

	height:16px;

	font-weight:500;

	line-height:16px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	color:var(--white-color);

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

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

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

}

.main-header .cart-box{

	position:relative;

}



.main-header .cart-box .box-inner{

	position:relative;

	font-weight:500;

	color:var(--color-six);

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

	text-transform:uppercase;

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

}



.main-header .cart-box .icon-box{

	position:relative;

	left:0px;

	top:3px;

	width:40px;

	height:40px;

	line-height:40px;

	border-radius:50px;

	text-align:center;

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

	color:var(--main-color);

	display:inline-block;

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

}



.main-header .cart-box .icon-box .icon{

	position:relative;

	font-family: "Flaticon";

}



.main-header .cart-box:hover .icon-box{

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

}



.main-header .cart-box:hover .icon{

	color:var(--white-color);

}



.main-header .cart-box .total-cart{

	position:absolute;

	right:0px;

	top:0px;

	width:15px;

	height:15px;

	font-weight:600;

	line-height:14px;

	border-radius:50px;

	font-style:normal;

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

	color:var(--white-color);

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

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

	-webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



.main-header .cart-box a{

	position:relative;

	font-weight:500;

	color:var(--color-five);

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

}



.main-header .button-box{

	position:relative;

}



.main-header .button-box .theme-btn{

	display:block;

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

}



.main-header.header-style-two{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

}



.main-header.header-style-two .logo,

.main-header.header-style-three .logo,

.main-header.header-style-three .logo{

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

}



.main-header.header-style-three{

	position:relative;

	border-bottom:1px solid rgba(var(--black-color-rgb), 0.05);

}



.header-style-four .header-lower .nav-outer{

	position:absolute;

	left:-20px;

	top:0px;

	width:315px;

	height:860px;

	display:flex;

	align-items: center;

	border-right:1px solid rgba(var(--black-color-rgb), 0.06);

}



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

	display:block;

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

}



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

	padding:14px 0px;

	text-transform:uppercase;

	color:var(--black-color);

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

}



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

	display:none;

}



.header-style-four .header-lower .outer-box .mobile-nav-toggler{

	display:none;

}



/* User Box */



.header-style-four .user-box{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

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

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

}



/* Social Box */



.header-style-four .social-box{

	position:absolute;

	left:15px;

	right:15px;

	bottom:40px;

	text-align:center;

}



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

	position:relative;

	margin:0px 8px;

	display:inline-block;

}



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

	position:relative;

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

	color:var(--black-color);

}



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

	color:var(--main-color);

}



/* Like Box */



.header-style-four .like-box{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

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

}



.header-style-four .like-box .like{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

}



.header-style-four .like-box .total-like{

	position:absolute;

	right:-10px;

	top:-5px;

	width:16px;

	height:16px;

	font-weight:500;

	line-height:16px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	color:var(--white-color);

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

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

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

}





/* Header Style Four */



.header-style-four{

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

	border-bottom:1px solid rgba(var(--black-color-rgb), 0.06);

}



.header-style-four .search-box{

	position:relative;

	width:650px;

	padding:15px 0px;

}



.header-style-four .search-box .form-group{

	position:relative;

	margin:var(--margin-zero);

}



.header-style-four .search-box .form-group input[type="text"],

.header-style-four .search-box .form-group input[type="search"]{

	position:relative;

	line-height:28px;

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

	padding:10px 50px 10px 20px;

	display:block;

	width:100%;

	height:50px;

	border-radius:0px;

	color:var(--color-thirty);

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

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

	border:1px solid rgba(var(--black-color-rgb), 0.08)

}



.header-style-four .search-box .form-group button{

	position: absolute;

    right: 0px;

    top: 0px;

    width: 60px;

    height: 50px;

    font-family: "flaticon";

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

    color: var(--white-color);

    text-transform: capitalize;

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

}



.header-style-four .search-box .form-group button:hover{

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

	color:var(--white-color);

}



/* Language Dropdown */



.header-style-four .language{

	position:relative;

	line-height:1em;

	display:inline-block;

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

	border-left:1px solid var(--white-color-opicity-two);

}



.header-style-four .language .dropdown-menu{

	top:100%;

	right:0px !important;

	left:auto !important;

	width:170px;

	border:none;

	padding:0px;

	border-radius:0px;

	margin-top:var(--margin-top-20) !important;

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

}



.header-style-four .language > button{

	top: 0px;

	border:0px;

	font-weight:400;

	line-height:1em;

	padding:10px 14px;

	border-radius: 50px;

	display:inline-block;

	color:var(--black-color);

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

	text-transform:capitalize;

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

	border:1px solid rgba(var(--black-color-rgb), 0.06);

}



.header-style-four .language > button .flag{

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

}



.header-style-four .language > button:focus{

	box-shadow:inherit;

}



.header-style-four .language > button:after{

	display:none;

}



.header-style-four .language button:hover{

	background:none;

}



.header-style-four .language .dropdown-menu > li{

	padding-right:0px !important;

	margin:0px !important;

	float:none;

	display:block !important;

}



.header-style-four .language .dropdown-menu > li:last-child{

	border-bottom:none;	

}



.header-style-four .language .dropdown-menu > li > a{

	padding:13px 20px;

	display: block;

	text-align:left;

	color:var(--white-color);

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

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

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

}



.header-style-four .language .dropdown-menu > li > a:hover{

	color:var(--white-color);

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

}



/* Currency Dropdown */



.header-style-four .currency{

	position:relative;

	line-height:1em;

	display:inline-block;

}



.header-style-four .currency .dropdown-menu{

	top:100%;

	right:0px !important;

	left:auto !important;

	width:170px;

	border:none;

	padding:0px;

	border-radius:0px;

	margin-top:var(--margin-top-20) !important;

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

}



.header-style-four .currency > button{

	top: 0px;

	border:0px;

	font-weight:400;

	line-height:1em;

	display:inline-block;

	color:var(--black-color);

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

	text-transform:capitalize;

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

}



.header-style-four .currency > button .flag{

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

}



.header-style-four .currency > button:focus{

	box-shadow:inherit;

}



.header-style-four .currency > button:after{

	display:none;

}



.header-style-four .currency button:hover{

	background:none;

}



.header-style-four .currency .dropdown-menu > li{

	padding-right:0px !important;

	margin:0px !important;

	float:none;

	display:block !important;

}



.header-style-four .currency .dropdown-menu > li:last-child{

	border-bottom:none;	

}



.header-style-four .currency .dropdown-menu > li > a{

	padding:13px 20px;

	display: block;

	text-align:left;

	color:var(--white-color);

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

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

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

}



.header-style-four .currency .dropdown-menu > li > a:hover{

	color:var(--white-color);

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

}



/*** 



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

	Mobile Menu

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



***/



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

	position: relative;

	float: right;

	padding:2px 0 0px;

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

	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 50px;

}



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

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

	cursor: pointer;

	z-index: 10;

	font-family: "Flaticon";

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

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

	-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: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{

	/* border-top: 1px solid #dddddd; */

}



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

	position: relative;

	display: block;

	font-weight:600;

	line-height: 24px;

	padding: 10px 20px;

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

	color: var(--white-color);

	text-transform: uppercase;

	

}



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

.main-header .mobile-menu .navigation li.current > a{

	color: var(--white-color);

}



/* Search Box Widget */



.mobile-menu .search-box .form-group{

	position:relative;

	margin:0px;

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

}



.mobile-menu .search-box .form-group input[type="text"],

.mobile-menu .search-box .form-group input[type="search"]{

	position:relative;

	line-height:43px;

	padding:10px 50px 10px 25px;

	display:block;

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

	width:100%;

	height:54px;

	font-weight:500;

	background:none;

	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;

}



.mobile-menu .search-box .form-group button{

	position:absolute;

	right:0px;

	top:0px;

	height:56px;

	width:60px;

	display:block;

	font-size:16px;

	color:var(--white-color);

	cursor:pointer;

	line-height:100%;

	font-weight:normal;

	background:none;

	font-family: "Flaticon";

}



.mobile-menu .search-box .form-group input[type="text"]:focus,

.mobile-menu .search-box .form-group input[type="search"]:focus{

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

}



.mobile-menu .search-box .form-group input::-webkit-input-placeholder{

	color:var(--white-color);

}



.main-header .sticky-header .navbar-header{

	display:none;

}



.main-header .outer-box{

	position: relative;

	margin-left: 50px;

}



.main-header.primery-header .outer-box{

	margin-left: 50px;

}



/* Nav Button 



.main-header .nav-btn{

	position:relative;

	cursor:pointer;

	line-height:94px;

	text-align:center;

	color:var(--color-two);

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

	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 .nav-btn:hover{

	color:var(--main-color);

} */



/* Nav Button */



.nav-toggle-btn{

	position: relative;

	transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;	

	margin-right: 30px;

}

.main-header .cart-box.no-con-info .icon-box {

    position: relative;

}



.main-header .cart-box.no-con-info .box-inner {

    padding-left: 0;

}

.hamburger {

  display: flex;

  align-self: center;

  flex-direction: column;

  justify-content: space-between;

  width: 24px;

  height: 24px;

  cursor: pointer;

  padding-top: 5px;

  padding-bottom: 5px;

}



.hamburger span {

  /* align-self: flex-end; */

  height: 2px;

  width: 83.33333333%;

  background: #07335d;

  transition: all 400ms ease-in-out;

}



.hamburger .meat {

  width: 100%;

  transition: all 200ms ease-in-out;

}



.hamburger .bottom-bun {

  width: 58.33333333%;

  transition: all 100ms ease-in-out;

}



.hamburger:hover span {

  width: 100%;

}



html:not(.body-menu-opened) .hamburger .top-bun {

  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;

          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;

}



html:not(.body-menu-opened) .hamburger .meat {

  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;

          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;

}



html:not(.body-menu-opened) .hamburger .bottom-bun {

  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;

          animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;

}



@-webkit-keyframes burger-hover {

  0% {

    width: 100%;

  }

  50% {

    width: 50%;

  }

  100% {

    width: 100%;

  }

}



@keyframes burger-hover {

  0% {

    width: 100%;

  }

  50% {

    width: 50%;

  }

  100% {

    width: 100%;

  }

}



.main-header.fixed-header .sticky-header .main-menu .navigation > li > a{

	padding:22px 0px;

}



/*** 



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

	Search Popup

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



***/



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

}



/*** 



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

	Hidden Sidebar style

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



***/



/*** 



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

	Hidden Sidebar style

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



***/



.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 h6{

	color:var(--color-ten);

	text-transform:uppercase;

	margin-bottom:var(--margin-top-30);

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

}



.sidebar-info-contents .content-inner h6:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:30px;

	height:6px;

	border-radius:50px;

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

}



.sidebar-info-contents .content-inner h6:after{

	position:absolute;

	content:'';

	left:40px;

	bottom:0px;

	width:6px;

	height:6px;

	border-radius:50px;

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

}



.sidebar-services-list{

	position:relative;

	margin-bottom:var(--margin-bottom-60);

}



.sidebar-services-list li{

	position:relative;

	margin-bottom:var(--margin-bottom-15);

}



.sidebar-services-list li:last-child{

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

}



.sidebar-services-list li a{

	position:relative;

	font-weight:500;

	color:var(--color-ten);

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

	text-transform:uppercase;

}



.sidebar-services-list li a:hover{

	color:var(--main-color);

}



.close-side-widget,

.close-side-widget:hover{

	color:var(--color-three) !important;

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

}

.close-side-widget i.icon {

    font-family: 'Flaticon';

}



/* Megamenu */

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

    position: static !important;

}



.main-header .main-menu .navigation li.megamenu .sub-menu {

    width: 100%;

    max-width: 1170px;

    padding: 0;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    background: #fff;

    box-shadow: 0 18px 43px rgb(90 90 90 / 14%);

    border-radius: 5px;

}

.prinox__img_wrap {

    -webkit-box-shadow: 0 15px 22px rgb(185 181 181 / 20%);

    -khtml-box-shadow: 0 15px 22px rgba(185,181,181,.2);

    -moz-box-shadow: 0 15px 22px rgba(185,181,181,.2);

    -ms-box-shadow: 0 15px 22px rgba(185,181,181,.2);

    -o-box-shadow: 0 15px 22px rgba(185,181,181,.2);

    box-shadow: 0 15px 22px rgb(185 181 181 / 20%);

    -webkit-border-radius: 6px;

    -khtml-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;

    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);

    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);

    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);

    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);

    -o-transition: .3s cubic-bezier(.24,.74,.58,1);

    transition: .3s cubic-bezier(.24,.74,.58,1);

    position: relative;

    overflow: hidden;

	cursor: not-allowed;

}

.prinox_demo_mg_item.cm-soon a {cursor: no-drop;}

.prinox__img_wrap p {

    position: absolute;

    top: 50%;

    color: #fff;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

    font-size: 18px;

}

.prinox__img_wrap span {

    background: #28BCEF;

    position: absolute;

    top: 13px;

    right: 10px;

    color: #fff;

    width: 55px;

    text-align: center;

    height: 25px;

    display: block;

    border-radius: 3px;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 25px;

}

.prinox__content {

    display: block;

    text-align: center;

    margin-top: 18px;

    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);

    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);

    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);

    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);

    -o-transition: .3s cubic-bezier(.24,.74,.58,1);

    transition: .3s cubic-bezier(.24,.74,.58,1);

    font-size: 14px;

    color: rgba(34,34,34,.87);

    font-weight: 700;

    text-transform: uppercase;

}

.prinox_demo_mg_item:hover .prinox__img_wrap{

	-webkit-box-shadow: 0 20px 32px rgb(185 181 181 / 50%);

    -khtml-box-shadow: 0 20px 32px rgba(185,181,181,.5);

    -moz-box-shadow: 0 20px 32px rgba(185,181,181,.5);

    -ms-box-shadow: 0 20px 32px rgba(185,181,181,.5);

    -o-box-shadow: 0 20px 32px rgba(185,181,181,.5);

    box-shadow: 0 20px 32px rgb(185 181 181 / 50%);

}

.cm-soon .prinox__img_wrap:after {

    position: absolute;

    content: "";

    background: linear-gradient(to left, var(--color-seven) 0%, var(--color-eight) 100%);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: .8;

}



.cm-soon .prinox__img_wrap p {

    z-index: 1;

}







.main-header .header-top{

	position:relative;

	padding:10px 0px;

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

}



.main-header .header-top .text{

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

	color:rgba(var(--white-color-rgb), 0.90);

}



.main-header .header-top .text span{

	color:var(--main-color);

}



.main-header .header-top .text a{

	position:relative;

	color:rgba(var(--white-color-rgb), 0.90);

}



.main-header .header-top .track:hover,

.main-header .header-top .text a:hover{

	color:var(--main-color);

}



.main-header .header-top .first-order{

	position:relative;

	line-height:1em;

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

	color:var(--white-color);

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

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

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

	border-left:1px solid var(--white-color);

}



.main-header .header-top .first-order a{

	position:relative;

	color:var(--main-color);

}



.main-header .header-top .first-order a:hover{

	color:var(--white-color);

}



.main-header .header-top .social-box{

	position:relative;

}



.main-header .header-top .social-box li{

	position:relative;

	display:inline-block;

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

}



.main-header .header-top .social-box li a{

	position:relative;

	opacity:0.50;

	color:var(--white-color);

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

}



.main-header .header-top .social-box li a:hover{

	opacity:1;

}



.main-header .header-top .social-box.style-two{

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

}



.main-header .header-top .social-box.style-two li a{

	opacity:1;

}



.main-header .header-top .welcome{

	position:relative;

	color:var(--white-color);

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

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

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

}



.main-header .header-top .welcome:before{

	position:absolute;

	content: "\f004";

	left:0px;

	top:3px;

	line-height:1em;

	color:var(--main-color);

	font-family: 'Font Awesome 5 Pro';

}



.main-header .header-top.style-two .track{

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

}

/* Track */



.main-header .header-top .track{

	position:relative;

	display:inline-block;

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

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

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

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

	color:rgba(var(--white-color-rgb), 0.90);

}



.main-header .header-top .track .icon{

	position:absolute;

	left:0px;

	top:3px;

	color:var(--main-color);

}



/* Enquiry */



.main-header .header-top .enquiry{

	position:relative;

	display:inline-block;

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

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

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

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

	color:rgba(var(--white-color-rgb), 0.90);

}



.main-header .header-top .enquiry .icon{

	position:absolute;

	left:0px;

	top:2px;

	color:var(--main-color);

	font-family: "Flaticon";

}





.header-style-five .header-lower{

	margin-top:-15px;

}



.header-style-five .header-upper .logo-box .logo,

.header-style-five .header-upper .outer-box{

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

}



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

	max-width:1360px;

}



.main-header.header-style-five .header-upper .logo-box{

	padding:15px 0px;

}



/* Search Box */



.header-style-five .search-box{

	position:relative;

	width:700px;

}



.header-style-five .search-box select{

	position:absolute;

	left:0px;

	top:0px;

	height:50px;

}


.header-style-five .search-box .form-group{

	position:relative;

	border-radius:50px;

	overflow:hidden;

	margin:var(--margin-zero);

	border:1px solid var(--color-eightynine);

}



.header-style-five .form-group .ui-button .ui-icon{

	top:12px;

}



.header-style-five .form-group .ui-selectmenu-button.ui-button{

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

}



.header-style-five .form-group .ui-selectmenu-button.ui-button{

	position: absolute;

    left: 1px;

    top: 1px;

    width: 160px;

    z-index: 1;

    height: 48px;

    line-height: 48px;

    padding-left: 20px;

}



.header-style-five .form-group .ui-selectmenu-button.ui-button:before{

	position:absolute;

	content:'';

	right:-15px;

	top:8px;

	bottom:8px;

	width:1px;

	border-right:1px solid rgba(var(--black-color-rgb), 0.06);

}



/* Like Box */



.main-header .like-box{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

	display:inline-block;

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

}



.main-header .like-box .like{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

}

/* User Box */



.main-header .user-box{

	position:relative;

	font-family: "flaticon";

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

	color:var(--black-color);

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

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

}



.main-header .like-box .total-like{

	position:absolute;

	right:-10px;

	top:-5px;

	width:16px;

	height:16px;

	font-weight:500;

	line-height:16px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	color:var(--white-color);

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

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

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

}

.header-style-five .search-box .form-group input[type="text"],

.header-style-five .search-box .form-group input[type="search"]{

	position:relative;

	line-height:28px;

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

	padding:10px 50px 10px 200px;

	display:block;

	width:100%;

	height:50px;

	border-radius:0px;

	color:var(--color-thirty);

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

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

}



.header-style-five .search-box .form-group button{

	position: absolute;

    right: 0px;

    top: 0px;

    width: 60px;

    height: 50px;

    font-family: "flaticon";

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

    color: var(--white-color);

    text-transform: capitalize;

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

}



.header-style-five .search-box .form-group button .icon{

	position:relative;

	top:-2px;

	right:2px;

}



.header-style-five .search-box .form-group button:hover{

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

	color:var(--white-color);

}



.header-style-five .header-upper .language button{

	border:none;

	border-radius:0px;

	padding:4px 15px 4px 0px;

	border-right:1px solid rgba(0,0,0,0.10);

}



.header-style-five .header-lower{

	margin-top:-15px;

}



.header-style-five .header-upper .logo-box .logo,

.header-style-five .header-upper .outer-box{

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

}



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

	max-width:1360px;

}



.main-header.header-style-five .header-upper .logo-box{

	padding:15px 0px;

}



/* Search Box */



.header-style-five .search-box{

	position:relative;

	width:700px;

}



.header-style-five .search-box select{

	position:absolute;

	left:0px;

	top:0px;

	height:50px;

}



.header-style-five .search-box .form-group{

	position:relative;

	border-radius:50px;

	overflow:hidden;

	margin:var(--margin-zero);

	border:1px solid var(--color-eightynine);

}



.header-style-five .form-group .ui-button .ui-icon{

	top:12px;

}



.header-style-five .form-group .ui-selectmenu-button.ui-button{

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

}



.header-style-five .form-group .ui-selectmenu-button.ui-button{

	position: absolute;

    left: 1px;

    top: 1px;

    width: 160px;

    z-index: 1;

    height: 48px;

    line-height: 48px;

    padding-left: 20px;

}



.header-style-five .form-group .ui-selectmenu-button.ui-button:before{

	position:absolute;

	content:'';

	right:-15px;

	top:8px;

	bottom:8px;

	width:1px;

	border-right:1px solid rgba(var(--black-color-rgb), 0.06);

}



.header-style-five .search-box .form-group input[type="text"],

.header-style-five .search-box .form-group input[type="search"]{

	position:relative;

	line-height:28px;

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

	padding:10px 50px 10px 200px;

	display:block;

	width:100%;

	height:50px;

	border-radius:0px;

	color:var(--color-thirty);

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

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

}



.header-style-five .search-box .form-group button{

	position: absolute;

    right: 0px;

    top: 0px;

    width: 60px;

    height: 50px;

    font-family: "flaticon";

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

    color: var(--white-color);

    text-transform: capitalize;

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

}



.header-style-five .search-box .form-group button .icon{

	position:relative;

	top:-2px;

	right:2px;

}



.header-style-five .search-box .form-group button:hover{

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

	color:var(--white-color);

}



.header-style-five .header-upper .language button{

	border:none;

	border-radius:0px;

	padding:4px 15px 4px 0px;

	border-right:1px solid rgba(0,0,0,0.10);

}



/* Search Box */



.header-style-six .header-upper .nav-toggle-btn{

	cursor:pointer;

}



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

	max-width:1360px;

}



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

	position:relative;

}



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

	font-weight:400;

	padding:15px 0px;

	color:var(--black-color);

}



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

    position: absolute;

	content: "\f107";

	width:auto;

	right:-5px;

	top:auto;

    right: 0px;

	height:auto;

    margin-top:1px;

	background:none;

	font-family: 'FontAwesome';

}



.header-style-six .header-upper .outer-box{

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

}



.header-style-six .search-box{

	position:relative;

	width:700px;

}



.header-style-six .search-box select{

	position:absolute;

	left:0px;

	top:0px;

	height:50px;

}



.header-style-six .search-box .form-group{

	position:relative;

	border-radius:0px;

	overflow:hidden;

	margin:var(--margin-zero);

	border:1px solid var(--color-eightynine);

}



.header-style-six .form-group .ui-button .ui-icon{

	top:12px;

}



.header-style-six .form-group .ui-selectmenu-button.ui-button{

	position: absolute;

    left: 1px;

    top: 1px;

    width: 160px;

    z-index: 1;

    height: 48px;

    line-height: 48px;

    padding-left: 20px;

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

}



.header-style-six .form-group .ui-selectmenu-button.ui-button:before{

	position:absolute;

	content:'';

	right:-15px;

	top:8px;

	bottom:8px;

	width:1px;

	border-right:1px solid rgba(var(--black-color-rgb), 0.06);

}



.header-style-six .search-box .form-group input[type="text"],

.header-style-six .search-box .form-group input[type="search"]{
	position:relative;

	line-height:28px;

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

	padding:10px 50px 10px 200px;

	display:block;

	width:100%;

	height:50px;

	border-radius:0px;

	color:var(--color-thirty);

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

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

}



.header-style-six .search-box .form-group button{

	position: absolute;

    right: 0px;

    top: 0px;

    width: 60px;

    height: 50px;

    font-family: "flaticon";

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

    color: var(--white-color);

    text-transform: capitalize;

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

}



.header-style-six .search-box .form-group button .icon{

	position:relative;

	top:-2px;

	right:2px;

}



.header-style-six .search-box .form-group button:hover{

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

	color:var(--white-color);

}



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

	position:relative;

	bottom:-20px;

	padding:20px 25px;

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

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

}



.header-style-five .header-lower .inner-container .mobile-nav-toggler{

	cursor:pointer;

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

	font-family: "Flaticon";

}



.header-style-five .header-lower .outer-box,

.header-style-five .header-lower .outer-box .button-box .theme-btn{

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

}



.header-style-five .header-lower .nav-outer{

	display:none;

}



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

	display:none;

}



.header-style-five .button-box .theme-btn{

	width:auto;

	padding:14px 35px;

}



.header-style-five #navbarSupportedContent{

	display: block;

}



.header-style-five .business-list{

	position:relative;

}



.header-style-five .business-list li{

	position:relative;

	display:inline-block;

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

	color:var(--black-color);

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

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

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

	border-right:1px solid rgba(0,0,0,0.10);

}



.header-style-five .business-list li .icon{

	position:absolute;

	left:0px;

	top:0px;

}



.header-style-five .business-list li:last-child{

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

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

	border:none;

}





/* Currency Dropdown */



.main-header .currency{

	position:relative;

	line-height:1em;

	display:inline-block;

}



.main-header .currency .dropdown-menu{

	top:100%;

	right:0px !important;

	left:auto !important;

	width:170px;

	border:none;

	padding:0px;

	border-radius:0px;

	margin-top:var(--margin-top-20) !important;

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

}



.main-header .currency > button{

	top: 0px;

	border:0px;

	font-weight:400;

	line-height:1em;

	display:inline-block;

	color:var(--black-color);

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

	text-transform:capitalize;

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

}



.main-header .currency > button .flag{

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

}



.main-header .currency > button:focus{

	box-shadow:inherit;

}



.main-header .currency > button:after{

	display:none;

}



.main-header .currency button:hover{

	background:none;

}



.main-header .currency .dropdown-menu > li{

	padding-right:0px !important;

	margin:0px !important;

	float:none;

	display:block !important;

}



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

	border-bottom:none;	

}



.main-header .currency .dropdown-menu > li > a{

	padding:13px 20px;

	display: block;

	text-align:left;

	color:var(--white-color);

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

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

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

}



.main-header .currency .dropdown-menu > li > a:hover{

	color:var(--white-color);

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

}





/* Language Dropdown */



.main-header .language{

	position:relative;

	line-height:1em;

	display:inline-block;

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

	border-left:1px solid var(--white-color-opicity-two);

}



.main-header .language .dropdown-menu{

	top:100%;

	right:0px !important;

	left:auto !important;

	width:170px;

	border:none;

	padding:0px;

	border-radius:0px;

	margin-top:var(--margin-top-20) !important;

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

}



.main-header .language > button{

	top: 0px;

	border:0px;

	font-weight:400;

	line-height:1em;

	padding:10px 14px;

	border-radius: 50px;

	display:inline-block;

	color:var(--black-color);

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

	text-transform:capitalize;

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

	border:1px solid rgba(var(--black-color-rgb), 0.06);

}



.main-header .language > button .flag{

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

}



.main-header .language > button:focus{

	box-shadow:inherit;

}



.main-header .language > button:after{

	display:none;

}



.main-header .language button:hover{

	background:none;

}



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

	padding-right:0px !important;

	margin:0px !important;

	float:none;

	display:block !important;

}



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

	border-bottom:none;	

}



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

	padding:13px 20px;

	display: block;

	text-align:left;

	color:var(--white-color);

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

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

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

}



.main-header .language .dropdown-menu > li > a:hover{

	color:var(--white-color);

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

}







/* Search Box */



.header-style-six .header-upper .nav-toggle-btn{

	cursor:pointer;

}



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

	max-width:1360px;

}



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

	position:relative;

}



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

	font-weight:400;

	padding:15px 0px;

	color:var(--black-color);

}



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

    position: absolute;

	content: "\f107";

	width:auto;

	right:-5px;

	top:auto;

    right: 0px;

	height:auto;

    margin-top:1px;

	background:none;

	font-family: 'FontAwesome';

}



.header-style-six .header-upper .outer-box{

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

}



.header-style-six .search-box{

	position:relative;

	width:700px;

}



.header-style-six .search-box select{

	position:absolute;

	left:0px;

	top:0px;

	height:50px;

}



.header-style-six .search-box .form-group{

	position:relative;

	border-radius:0px;

	overflow:hidden;

	margin:var(--margin-zero);

	border:1px solid var(--color-eightynine);

}



.header-style-six .form-group .ui-button .ui-icon{

	top:12px;

}



.header-style-six .form-group .ui-selectmenu-button.ui-button{

	position: absolute;

    left: 1px;

    top: 1px;

    width: 160px;

    z-index: 1;

    height: 48px;

    line-height: 48px;

    padding-left: 20px;

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

}



.header-style-six .form-group .ui-selectmenu-button.ui-button:before{

	position:absolute;

	content:'';

	right:-15px;

	top:8px;

	bottom:8px;

	width:1px;

	border-right:1px solid rgba(var(--black-color-rgb), 0.06);

}



.header-style-six .search-box .form-group input[type="text"],

.header-style-six .search-box .form-group input[type="search"]{

	position:relative;

	line-height:28px;

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

	padding:10px 50px 10px 200px;

	display:block;

	width:100%;

	height:50px;

	border-radius:0px;

	color:var(--color-thirty);

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

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

}



.header-style-six .search-box .form-group button{

	position: absolute;

    right: 0px;

    top: 0px;

    width: 60px;

    height: 50px;

    font-family: "flaticon";

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

    color: var(--white-color);

    text-transform: capitalize;

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

}



.header-style-six .search-box .form-group button .icon{

	position:relative;

	top:-2px;

	right:2px;

}



.header-style-six .search-box .form-group button:hover{

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

	color:var(--white-color);

}





.main-header .select-categories{

	position:relative;

	width:230px;

	cursor:pointer;

}



.main-header .select-categories .category{

	position:relative;

	font-weight:500;

	padding:16px 17px;

	color:var(--white-color);

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

	text-transform:uppercase;

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

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

}



.main-header .select-categories .category .icon{

	position:relative;

	line-height:1em;

	top:2px;

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

	font-family: "flaticon";

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

}



.main-header .select-categories .category .arrow{

	position:relative;

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

	font-family: "flaticon";

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

}



.main-header .select-categories .categories-list{

	position:absolute;
	left:0px;

	top:100%;

	right:0px;

	opacity:0;

	height:40%;

	visibility:hidden;

	-webkit-transition:all 600ms ease;

	-ms-transition:all 600ms ease;

	-o-transition:all 600ms ease;

	-moz-transition:all 600ms ease;

	transition:all 600ms ease;

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

}



.category-open .select-categories .categories-list{

	display:block;

}



.category-open .main-header .select-categories .categories-list{

	height: 100%;

	opacity: 1;

	visibility: visible;

}



.main-header .select-categories .categories-list li{

	position:relative;

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

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

	border-bottom:1px solid rgba(var(--black-color-rgb), 0.05);

}



.main-header .select-categories .categories-list li.dropdown .dropdown-btn{

	position:absolute;

	right:15px;

	top:18px;

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

	transform:rotate(-90deg);

}



.main-header .select-categories .categories-list li.dropdown > ul{

	position:absolute;

	left:100%;

	top:20px;

	width:230px;

	opacity:0;

	visibility:hidden;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

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

}



.main-header .select-categories .categories-list li.dropdown:hover > ul{

	top:0px;

	opacity:1;

	visibility:visible;

}



.main-header .select-categories .categories-list li.dropdown > ul > li > a{

	padding:17px 15px;

}



.main-header .select-categories .categories-list li.dropdown > ul > li > ul > li > a{

	padding:16.5px 15px;

}



.main-header .select-categories .categories-list li.dropdown > ul > li > ul{

	position:absolute;

	left:100%;

	top:20px;

	width:230px;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

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

}



.main-header .select-categories .categories-list li a{

	position:relative;

	padding:16px 15px;

	display:block;

	font-weight:500;

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

	color:var(--color-thirty);

	-webkit-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .select-categories .categories-list li a:hover{

	color:var(--white-color);

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

}



.main-header .select-categories .categories-list li:hover > a{

	

}



.main-header .select-categories .categories-list li.dropdown > ul > li > .dropdown-btn{

	color:var(--black-color);

}



.main-header .select-categories .categories-list li.dropdown:hover > .dropdown-btn{

	color:var(--black-color);

}



.main-header .select-categories .categories-list li:last-child{

	border:none;

}



.main-header .select-categories .categories-list li .icon{

	position:relative;

	font-weight:500;

	font-family: "flaticon";

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

}



.main-header .login-box{

	position:relative;

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

}



.main-header .login-box a{

	position:relative;

	display:inline-block;

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

	color:var(--black-color);

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

}



.main-header .login-box span{

	position:absolute;

	left:0px;

	top:0px;

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

	font-family: "Flaticon";

}



.main-header .login-box a:hover{

	color:var(--main-color);

}





/* Enquiry */



.main-header .header-top .enquiry{

	position:relative;

	display:inline-block;

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

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

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

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

	color:rgba(var(--white-color-rgb), 0.90);

}



.main-header .header-top .enquiry .icon{

	position:absolute;

	left:0px;

	top:0px;

	color:var(--main-color);

	font-family: "Flaticon";

}



.main-header .header-top .info-list{

	position:relative;

}



.main-header .header-top .info-list li{

	position:relative;

	display:inline-block;

	line-height:1em;

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

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

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

}



.main-header .header-top .info-list li a{

	position:relative;

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

	color:var(--white-color);

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

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

}



.main-header .header-top .info-list li a .icon{

	position:absolute;

	left:0px;

	top:4px;

	color:var(--main-color);

	font-family: "Flaticon";

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

}



.main-header .header-top .info-list li:last-child{

	border-right:0px;

	margin:var(--margin-zero);

	padding:var(--padding-zero);

}



.main-header .header-upper{

	position:relative;

}



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

	z-index:10;

}



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

	position:relative;

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

}



.main-header .logo-box.style-two .logo{

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

}

.header-style-five .business-list li a {

    color: var(--black-color);

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

}