/***

====================================================================
	NAVBAR BUTTONS
====================================================================

***/

.btn-donate {
 --color: blue;
 font-family: inherit;
 display: inline-block;
 /*width: 6em;*/
 /*height: 2.6em;*/
 /*line-height: 2.5em;*/
 margin-top: 10px;
 position: relative;
 overflow: hidden;
 border: 2px solid var(--color);
 transition: color .5s;
 z-index: 1;
 font-size: 17px;
 border-radius: 6px;
 font-weight: 500;
 color: var(--color);
	text-align: center;
	padding: 5px 20px;
}

.btn-donate:before {
 content: "";
 position: absolute;
 z-index: -1;
 background: var(--color);
 height: 150px;
 width: 200px;
 border-radius: 50%;
}

.btn-donate:hover {
 color: #fff;
}

.btn-donate:before {
 top: 100%;
 left: 100%;
 transition: all .7s;
}

.btn-donate:hover:before {
 top: -30px;
 left: -30px;
}

.btn-donate:active:before {
 background: #3a0ca3;
 transition: background 0s;
}

/*.custom-nav-toggler{*/
/*	background: transparent;*/
/*	border: none;*/
/*	margin: 0;*/
/*}*/

/***

====================================================================
			Custom Mobile Menu
====================================================================

***/

@media (min-width:1200px) {
	.custom-mobile-menu {
		display: none;
	}
}

.custom-mobile-menu {
	position: relative;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	z-index: 9999;
}

.custom-mobile-menu .logo {
	text-align: left;
	padding-left: 25px;
	display: flex;
	align-items: start;
}

.mobile-nav-right{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
}

.custom-mobile-menu .menu-box {
	position: relative;
	width: 100%;
	max-height: 100%;
	padding: 15px 10px;
}

.custom-mobile-menu .menu-box .nav-collapse{
	position: relative;
	width: 100vw;
	/*left: 0px;*/
	/*background: black;*/
}

.custom-mobile-menu .navigation {
	position: relative;
	width: 100%;
	list-style: none;
	padding: 20px 30px;
}

.custom-mobile-menu .main-menu .navigation li .mobile-submenu {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}

.custom-mobile-menu .main-menu .navigation li .mobile-submenu li a{
	display: block;
	padding-left: 20px;
	width: 100%;
}

.custom-mobile-menu .main-menu .navigation li .mobile-submenu li a:hover{
	background-color: rgba(138, 137, 137, 0.1);
	color: black;
	padding-left: 40px;
}

.custom-mobile-menu .main-menu .navigation li {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: start;
	float: none;
	text-align: left;
	padding: 0;
	margin-right: 0px;
}

.custom-mobile-menu .main-menu .navigation>li.current:before {
	display: none;
}

.custom-mobile-menu .main-menu .navigation>li.current:after {
	display: none;
}

.custom-mobile-menu .navigation li>a:before {
	display: none;
}

.custom-mobile-menu .main-menu .navigation>li>ul>li:hover>a {
	padding-left: 0;
	font-weight: 400;
}

.custom-mobile-menu .main-menu .navigation>li.dropdown:hover>ul {
	margin: 0;
}

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

.custom-mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 8px 50px;
	padding-left: 0;
	font-size: 14px;
	color: #858585;
	text-transform: uppercase;
	font-weight: 500;
	text-align: left;
}

.custom-mobile-menu .navigation li>a:before {
	position: absolute;
	content: '';
	background: #2f333b;
	height: 6px;
	width: 6px;
	left: 30px;
	top: 23px;
}

.custom-mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 15px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	color: #6a6d73;
	cursor: pointer;
	z-index: 5;
	display: block !important;
}

.custom-mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 1px;
	width: 1px;
	height: 24px;
}

.custom-mobile-menu .navigation li>ul,
.custom-mobile-menu .navigation li>ul>li>ul {
	display: none;
	position: relative;
	width: 100%;
	-webkit-transition: 0s !important;
	-o-transition: 0s !important;
	transition: 0s !important;
	left: 0;
	padding-left: 20px;
}

.custom-mobile-menu .main-menu .navigation>li>ul>li:hover>ul {
	left: 0;
	margin-left: 0;
}

.custom-mobile-menu .main-menu .navigation>li>ul>li>ul>li>a:hover {
	font-weight: 400;
	padding-left: 0px;
}

.custom-navbar-toggler {
	background: transparent;
	font-size: 20px;
	z-index: 9;
	color: #000;
	font-weight: 700;
	border: none;
}

.toggler-active{
	position: absolute;
	right: 15px;
	top: -48px;
}

.custom-mobile-menu .main-menu .navbar-collapse {
	padding: 0px;
	max-height: 300px;
	overflow-x: hidden;
}

/***

====================================================================
	Main Header
====================================================================

***/

.main-header {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
}

.top-bar {
	position: relative;
	padding: 11px 0;
	z-index: 999;
}

.top-bar .wrapper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.top-bar .left-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.top-bar .right-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.top-bar .language-switcher {
	position: relative;
}

.top-bar .language-switcher:before {
	position: absolute;
	content: '';
	background: #ff8e59;
	height: 20px;
	width: 1px;
	top: 4px;
	right: 17px;
}

.top-bar .language-switcher .ui-selectmenu-button.ui-button {
	min-width: auto;
	border: 0px;
	padding: 11.5px 0;
	padding-right: 35px;
}

.top-bar .language-switcher .ui-selectmenu-text:after {
	color: #fff;
	font-size: 15px;
	right: -16px;
}

.top-bar .text {
	position: relative;
	color: #fff;
}

.top-bar .text a {
	color: #fff;
}

.contact-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.contact-info li {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ff8e59;
}

.contact-info li span {
	color: #fff;
	margin-right: 8px;
	position: relative;
	top: 2px;
}

.contact-info li a {
	color: #fff;
}

/* Social Icon One */

.social-icon-one {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.social-icon-one li+li {
	margin-left: 10px;
}

.social-icon-one li a {
	position: relative;
	color: var(--dark-color);
	background: #fff;
	height: 22px;
	line-height: 23px;
	width: 22px;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	border-radius: 50%;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.social-icon-one li a:hover {
	color: var(--theme-color);
	background: #fff;
}

/* Social Icon Two */

.social-icon-two {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.social-icon-two li+li {
	margin-left: 10px;
	border-left: 1px solid #ededed;
	padding-left: 10px;
}

.social-icon-two li a {
	position: relative;
	color: #7c7e84;
	background: #fff;
	height: 22px;
	line-height: 23px;
	width: 22px;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	border-radius: 50%;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.social-icon-two li a:hover {
	color: var(--theme-color);
	background: #fff;
}

/* Social Icon Three */

.social-icon-three {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.social-icon-three li+li {
	margin-left: 10px;
}

.social-icon-three li a {
	position: relative;
	color: #9b99ad;
	border: 1px solid #423f5f;
	height: 52px;
	line-height: 53px;
	width: 52px;
	text-align: center;
	font-size: 15px;
	display: inline-block;
	border-radius: 50%;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.social-icon-three li a:hover {
	background: var(--theme-color);
	color: #fff;
	border-color: var(--theme-color);
}

.top-bar .location-area .bootstrap-select {
	width: 180px !important;
}

.top-bar .right-content .location-area .text {
	color: #868686;
}

.top-bar .right-content .location-area .active .text {
	color: #fff;
}

.top-bar .location-area button {
	position: relative;
	background: #ffffff;
	border-color: #ffffff;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: var(--dark-color);
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	padding: 10px 10px;
	padding-left: 50px;
	top: 4px;
}

.top-bar .location-area .dropdown-toggle .filter-option:after {
	position: absolute;
	content: '\f107';
	font-size: 17px;
	font-family: FontAwesome;
	color: #302c51;
	right: 15px;
	top: 6px;
}

.top-bar .location-area .dropdown-toggle .filter-option:before {
	position: absolute;
	content: "\f127";
	font-size: 30px;
	font-family: Flaticon;
	color: #02c06d;
	left: 9px;
	top: -2px;
}

.top-bar .btn-light:not(:disabled):not(.disabled).active,
.top-bar .btn-light:not(:disabled):not(.disabled):active,
.top-bar .show>.btn-light.dropdown-toggle,
.top-bar .btn-light:hover {
	background: #ffffff;
	border-color: #ffffff;
	color: var(--dark-color);
	outline: none;
}

/*=== Header Upper ===*/

.main-header .header-upper {
	position: relative;
	z-index: 99;
	background: #fff;
}

.main-header .header-upper .wrapper-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.main-header .header-upper .logo-box {
	position: relative;
}

.main-header .logo {
	position: relative;
	text-align: center;
}

.main-header .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.main-header .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

/*=== Header Lower ===*/

.main-header .nav-outer {
	position: relative;
	padding: 0;
	min-height: 70px;
	margin: 0;
}

.main-header .header-upper .nav-outer:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 50px;
	background: #eaeaea;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.nav-outer .mobile-nav-toggler {
	position: relative;
	font-size: 30px;
	line-height: 40px;
	cursor: pointer;
	color: #fff;
	padding: 25px 30px;
	right: 0;
	background-color: #1c1f26;
}

.main-header .nav-outer .nav-inner {
	position: relative;
	background-color: #fff;
}

.main-header .nav-outer .nav-inner.close-menu {
	pointer-events: none;
}

.main-header .main-box {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu {
	position: relative;
}

.main-menu .nav-collapse {
	padding: 0px;
}

.main-menu .navigation {
	position: relative;
	margin: 0px;
}

.main-menu .navigation>li {
	position: relative;
	float: left;
	padding: 25px 0px;
	margin-right: 30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li.current:before {
	position: absolute;
	content: '';
	background: var(--theme-color);
	left: 50%;
	bottom: 30px;
	width: 20px;
	height: 2px;
	margin-left: -10px;
}

.main-menu .navigation>li.current:after {
	position: absolute;
	content: '';
	background: var(--theme-color);
	left: 50%;
	bottom: 26px;
	width: 40px;
	height: 2px;
	margin-left: -20px;
}

.sticky-header .main-menu .navigation>li.current:after,
.sticky-header .main-menu .navigation>li.current:before {
	-webkit-transform: translateY(9px);
	    -ms-transform: translateY(9px);
	        transform: translateY(9px);
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	text-align: center;
	padding: 10px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: var(--dark-color);
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	color: var(--theme-color);
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 110%;
	width: 250px;
	z-index: 100;
	opacity: 1;
	padding: 20px 0 20px;
	background: #fff;
	border-top: 1px solid #fff;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	padding: 0 30px;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 0px;
	line-height: 19px;
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	color: #858585;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: var(--theme-color);
	font-weight: 500;
	padding-left: 22px;
}

.main-menu .navigation>li>ul>li>ul>li>a:before,
.main-menu .navigation>li>ul>li>a:before {
	position: absolute;
	content: "\f128";
	font-size: 13px;
	font-family: Flaticon;
	color: var(--theme-color);
	left: 0;
	top: 10px;
	opacity: 0;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover:before,
.main-menu .navigation>li>ul>li>a:hover:before {
	opacity: 1;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 0px;
	top: 9px;
	width: 10px;
	display: block;
	line-height: 19px;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 110%;
	top: 0;
	width: 258px;
	z-index: 100;
	opacity: 1;
	padding: 20px 0 30px;
	background: #fff;
	border-top: 1px solid #fff;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	padding: 0 30px;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 0px;
	line-height: 19px;
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	color: #858585;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color);
	font-weight: 500;
	padding-left: 22px;
}

.main-menu .navigation>li>ul>li>ul>li:last-child>a {
	border-bottom: 0;
}

.main-menu .navigation>li.dropdown:hover>ul {
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	visibility: visible;
	opacity: 1;
	top: 100%;
	margin-top: 5px;
}

.main-menu .navigation>li>ul>li:hover>ul {
	visibility: visible;
	opacity: 1;
	left: 100%;
	margin-left: 5px;
	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-menu .navigation>li>ul>li.dropdown>ul.from-right {
	left: auto;
	right: 110%;
}

.main-menu .navigation>li>ul>li.dropdown:hover>ul.from-right {
	left: auto;
	right: 100%;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 35px;
	height: 35px;
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	color: #000000;
	cursor: pointer;
	z-index: 5;
	display: none;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	        box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	background: #fff;
}


/***

====================================================================
			Mobile Menu
====================================================================

***/

.mobile-menu {
	position: relative;
	right: 0;
	bottom: 0;
	max-width: 100%;
	z-index: 9999;
}

.mobile-menu .logo {
	text-align: left;
	padding-left: 10px;
}

.mobile-menu .menu-box {
	position: relative;
	width: 100%;
	max-height: 100%;
	background: #ffffff;
	padding: 20px 10px;
}

.mobile-menu .navigation {
	position: relative;
	width: 100%;
	list-style: none;
	padding: 0 10px;
	padding-top: 20px;
}

.mobile-menu .main-menu .navigation li {
	position: relative;
	display: block;
	float: none;
	text-align: left;
	padding: 0;
	margin-right: 0px;
}

.mobile-menu .main-menu .navigation>li.current:before {
	display: none;
}

.mobile-menu .main-menu .navigation>li.current:after {
	display: none;
}

.mobile-menu .navigation li>a:before {
	display: none;
}

.mobile-menu .main-menu .navigation>li>ul>li:hover>a {
	padding-left: 0;
	font-weight: 400;
}

.mobile-menu .main-menu .navigation>li.dropdown:hover>ul {
	margin: 0;
}

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

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 8px 50px;
	padding-left: 0;
	font-size: 14px;
	color: #858585;
	text-transform: uppercase;
	font-weight: 500;
	text-align: left;
}

.mobile-menu .navigation li>a:before {
	position: absolute;
	content: '';
	background: #2f333b;
	height: 6px;
	width: 6px;
	left: 30px;
	top: 23px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 15px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	color: #6a6d73;
	cursor: pointer;
	z-index: 5;
	display: block !important;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 1px;
	width: 1px;
	height: 24px;
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
	position: relative;
	width: 100%;
	-webkit-transition: 0s !important;
	-o-transition: 0s !important;
	transition: 0s !important;
	left: 0;
	padding-left: 20px;
}

.mobile-menu .main-menu .navigation>li>ul>li:hover>ul {
	left: 0;
	margin-left: 0;
}

.mobile-menu .main-menu .navigation>li>ul>li>ul>li>a:hover {
	font-weight: 400;
	padding-left: 0px;
}

.navbar-toggle {
	position: absolute;
	right: 10px;
	top: -33px;
	background: transparent;
	font-size: 33px;
	z-index: 9;
	color: #000;
	font-weight: 700;
}

.mobile-menu .main-menu .navbar-collapse {
	padding: 0px;
	max-height: 300px;
	overflow-x: hidden;
}

.nav-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	display: none;
	background: rgba(20, 20, 20, 0.70);
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	cursor: none;
}

.main-header .mobile-menu .search-box-outer {
	position: absolute;
	right: 85px;
	top: 13px;
	left: auto;
}

/* ========= Menu Bar Style =========== */

/* --------------------------------
 Title: Animated Menu Button
 Descr: A menu button w/ a morphing icon
 -------------------------------- */

.navbar-btn-wrap {
	position: relative;
	text-align: center;
}

.anim-menu-btn {
	width: var(--anim-menu-btn-size);
	height: var(--anim-menu-btn-size);
	background: transparent;
	color: var(--dark-color);
	position: relative;
}

.anim-menu-btn:before {
	position: absolute;
	content: 'MENU';
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	top: 8px;
	left: -60px;
	letter-spacing: 5px;
	display: none;
}

.anim-menu-btn__icon {
	position: relative;
	display: block;
	font-size: var(--anim-menu-btn-icon-size);
	width: 1em;
	height: var(--anim-menu-btn-icon-stroke);
	color: var(--color-contrast-high);
	background-image: -o-linear-gradient(currentColor, currentColor);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.anim-menu-btn__icon::before,
.anim-menu-btn__icon::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0px;
	height: 100%;
	width: 100%;
	background-image: inherit;
	border-radius: inherit;
}

.anim-menu-btn__icon--close {
	background-size: 100% 100%;
	will-change: transform, background-size;
	-webkit-transition: background-size 0.2s, -webkit-transform 0.2s;
	transition: background-size 0.2s, -webkit-transform 0.2s;
	-o-transition: transform 0.2s, background-size 0.2s;
	transition: transform 0.2s, background-size 0.2s;
	transition: transform 0.2s, background-size 0.2s, -webkit-transform 0.2s;
}

.anim-menu-btn:active .anim-menu-btn__icon--close {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.anim-menu-btn__icon--close::before,
.anim-menu-btn__icon--close::after {
	will-change: inherit;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

.anim-menu-btn__icon--close::before {
	-webkit-transform: translateY(-0.25em) rotate(0);
	-ms-transform: translateY(-0.25em) rotate(0);
	transform: translateY(-0.25em) rotate(0);
}

.anim-menu-btn__icon--close::after {
	-webkit-transform: translateY(0.25em) rotate(0);
	-ms-transform: translateY(0.25em) rotate(0);
	transform: translateY(0.25em) rotate(0);
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close {
	background-size: 0% 100%;
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close::before {
	-webkit-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close::after {
	-webkit-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

.main-header .header-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* ====================== search box btn ===========================*/

.main-header .search-box-outer {
	position: relative;
	left: 3px;
	display: inline-block;
	padding: 6px 0;
	vertical-align: middle;
}

.main-header .search-box-btn {
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: #222;
	cursor: pointer;
	display: inline-block;
	padding: 7px 0px 6px;
	background: transparent;
	border-radius: 50px 0px 0px 50px;
}

.main-header .dropdown-toggle::after {
	display: none;
}

.main-header .header-upper.dark .search-box-btn {
	color: #fff;
}

.main-header .search-box-outer .dropdown-menu {
	top: 63px !important;
	padding: 0px;
	width: 330px;
	border-radius: 0px;
	background: #ffffff;
	right: 0;
	left: auto !important;
	-webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 0.8) !important;
	        transform: translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 0.8) !important;
	border-color: transparent;
	border-radius: 3px;
	-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
	        box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	display: block;
	opacity: 0;
	visibility: hidden;
}

.main-header .header-bottom .search-box-outer .dropdown-menu {
	top: 48px !important;
}

.main-header .search-box-outer .show .dropdown-menu {
	display: block;
	-webkit-transform: scale3d(1, 1, 1)!important;
	        transform: scale3d(1, 1, 1)!important;
	opacity: 1;
	visibility: visible;
}

.main-header .search-panel .form-container {
	padding: 30px;
}

.main-header .search-panel .form-group {
	position: relative;
	margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 9px 50px 9px 15px;
	height: 50px;
	border: 1px solid #f3f5fe;
	border-radius: 3px;
	background: #f3f5fe;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
	border-color: #f3f5fe;
}

.main-header .search-panel .search-btn {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 50px;
	height: 48px;
	text-align: center;
	color: #111111;
	background: #f3f5fe;
	font-size: 14px;
	border-radius: 0px 3px 3px 0px;
	cursor: pointer;
}

/*================================================
			Sticky Header
==================================================*/

.sticky-header {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	z-index: 0;
	background: #ffffff;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .wrapper-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sticky-header .logo {
	padding: 10px 0px;
}

.fixed-header .sticky-header {
	z-index: 99999;
	opacity: 1;
	visibility: visible;
}

.main-header .sticky-header .main-menu .navigation>li {
	margin-right: 0px;
	margin: 0px;
	padding: 0;
}

.main-header .sticky-header .main-menu .navigation>li>a {
	padding: 20px 15px;
	line-height: 30px;
	min-height: 0px;
	background: none;
	border: 0px;
	margin-right: 0px;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
	opacity: 1;
	color: var(--theme-color);
}

/* Option Panel */

.main-header .header-upper .option-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.main-header .header-upper .option-wrapper>div {
	margin-left: 25px;
}

.main-header .header-upper .link-btn .btn-style-one {
	position: relative;
	padding: 6px 35px;
	border-radius: 20px;
}

.main-header .cart-btn .cart-icon {
	position: relative;
	color: var(--dark-color);
	font-size: 21px;
	margin-right: 10px;
}

.main-header .cart-btn .item-count {
	position: absolute;
	right: -13px;
	top: -4px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	background: var(--theme-color);
}

.main-header .navbar-btn-wrap button {
	font-size: 30px;
}

.make-payment {
	position: absolute;
	right: 0;
	top: 100%;
	padding: 15px 20px;
	background: #d40032;
}

.make-payment form {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.make-payment .left-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	background: #fff;
	border-radius: 4px;
	margin-right: 10px;
}

.make-payment button {
	position: relative;
	font-size: 13px;
	font-weight: 500;
	background: #fff;
	color: var(--theme-color-three);
	padding: 1px 23px;
	text-transform: uppercase;
	border-radius: 4px;
}

.make-payment .ui-selectmenu-button.ui-button {
	border: 0px;
	padding: 6px 10px;
}

.make-payment .ui-selectmenu-text {
	color: #1e1e1e;
	font-size: 15px;
	font-weight: 500;
	font-family: var(--rubik);
}

.make-payment .ui-selectmenu-text:after {
	font-size: 14px;
	top: 2px;
	right: -11px;
}

/* Main Header Style Two */

.main-header.style-two {
	position: absolute;
	background: transparent;
}

.main-header .header-upper.style-two {
	background: transparent;
}

.top-bar.style-two {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.top-bar.style-two .contact-info li {
	border-color: rgba(255, 255, 255, 0.12);
}

.top-bar.style-two .language-switcher:before {
	opacity: 0;
}

.top-bar.style-two .languages {
	padding-right: 0;
}

.top-bar.style-two .languages:after {
	right: 0;
}

.main-header .header-upper.style-two .nav-outer:before {
	width: 2px;
	background: rgba(255, 255, 255, 0.3);
}

.header-upper.style-two .main-menu .navigation>li>a {
	color: #fff;
}

.mobile-menu.style-two .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-two .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-two .main-menu .navigation>li:hover>a,
.mobile-menu.style-two .main-menu .navigation>li.current>a,
.sticky-header.style-two .main-menu .navigation>li:hover>a,
.sticky-header.style-two .main-menu .navigation>li.current>a,
.header-upper.style-two .main-menu .navigation>li:hover>a,
.header-upper.style-two .main-menu .navigation>li.current>a,
.sticky-header.style-two .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-two .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-two .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-two .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-two .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-two .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-two .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-two .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-two);
}

.sticky-header.style-two .main-menu .navigation>li.current:before,
.header-upper.style-two .main-menu .navigation>li.current:before,
.sticky-header.style-two .main-menu .navigation>li.current:after,
.header-upper.style-two .main-menu .navigation>li.current:after {
	background: var(--theme-color-two);
}

.main-header .header-upper.style-two .search-box-btn {
	color: #f2f2f2;
}

.main-header .header-upper.style-two .cart-btn .cart-icon {
	color: #f2f2f2;
}

.main-header .header-upper.style-two .cart-btn .item-count {
	background: var(--theme-color-two);
}

.header-upper.style-two .anim-menu-btn {
	color: #f2f2f2;
}

/* Main Header Style Three */

.top-bar.style-three {
	background: #1b1b1b;
}

.top-bar.style-three .contact-info li {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.top-bar.style-three .language-switcher:before {
	opacity: 0;
}

.top-bar.style-three .languages {
	padding-right: 0;
}

.top-bar.style-three .languages:after {
	right: 0;
}

.top-bar.style-three .social-icon-one li a {
	background: transparent;
	color: #fff;
	font-size: 14px;
}

.top-bar.style-three .social-icon-one li a:hover {
	color: var(--theme-color-three);
}

.top-bar .login-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.top-bar .login-info li {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.top-bar .login-info li span {
	color: #fff;
	margin-right: 8px;
	position: relative;
	top: 2px;
}

.top-bar .login-info li a {
	color: #fff;
}

.main-header .header-upper.style-three {
	margin-bottom: -45px;
	background: transparent;
}

.main-header.style-three {
	background: transparent;
}

.main-header .header-upper.style-three .wrapper-box {
	position: relative;
}

.main-header .header-upper.style-three .wrapper-box:before {
	position: absolute;
	content: '';
	background: #fff;
	right: 0;
	top: 0;
	height: 100%;
	width: 500%;
}

.main-header .header-upper.style-three:before {
	position: absolute;
	content: '';
	background: #1b1b1b;
	right: 0;
	top: 0;
	height: 50%;
	width: 500%;
	border-bottom: 3px solid #fff;
}

.mobile-menu.style-three .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-three .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-three .main-menu .navigation>li:hover>a,
.mobile-menu.style-three .main-menu .navigation>li.current>a,
.sticky-header.style-three .main-menu .navigation>li:hover>a,
.sticky-header.style-three .main-menu .navigation>li.current>a,
.header-upper.style-three .main-menu .navigation>li:hover>a,
.header-upper.style-three .main-menu .navigation>li.current>a,
.sticky-header.style-three .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-three .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-three .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-three .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-three .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-three .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-three .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-three .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-three);
}

.sticky-header.style-three .main-menu .navigation>li.current:before,
.header-upper.style-three .main-menu .navigation>li.current:before,
.sticky-header.style-three .main-menu .navigation>li.current:after,
.header-upper.style-three .main-menu .navigation>li.current:after {
	background: var(--theme-color-three);
}

/* Header Style Four */

.main-header.header-style-four .top-bar {
	padding: 0;
	background: #283354;
}

.main-header.header-style-four .logo {
	padding: 5px 0;
}

.main-header.header-style-four .top-bar .logo img {
	position: relative;
	top: 19px;
}

.main-header.header-style-four .logo:before {
	position: absolute;
	content: '';
	background: #fff;
	top: 0;
	right: -90px;
	height: 100%;
	width: 5000%;
}

.main-header.header-style-four .contact-info {
	min-width: 500px;
}

.main-header.header-style-four .contact-info li {
	border-color: rgba(255, 255, 255, 0.2);
}

.main-header.header-style-four .contact-info li:last-child {
	border-right: 0px;
}

.main-header.header-style-four .top-bar .login-info li:last-child {
	border-right: 0px;
}

.main-header.header-style-four .contact-info li span {
	color: #02c06d;
}

.main-header.header-style-four .main-menu .navigation>li>a {
	margin-left: 30px;
}

.main-header.header-style-four .main-menu .navigation>li.current:before {
	left: 8px;
	bottom: 45px;
	height: 1px;
}

.main-header.header-style-four .main-menu .navigation>li.current:after {
	content: '\f105';
	font-size: 20px;
	font-family: FontAwesome;
	color: var(--theme-color-four);
	width: auto;
	height: auto;
	background: transparent !important;
	bottom: 32px;
	left: 38px;
}

.main-header.header-style-four .sticky-header .main-menu .navigation>li>a {
	margin-left: 15px;
}

.main-header.header-style-four .header-upper .nav-outer:before {
	visibility: hidden;
}

.main-header.header-style-four .search-box-btn {
	border: 1px solid #f3f3f3;
	padding: 7px 13px;
	border-radius: 5px;
}

.header-upper.style-four .theme-btn {
	padding: 10px 30px;
}

.main-header.header-style-four .header-upper .option-wrapper>div {
	margin-left: 10px;
}

.main-header.header-style-four .search-box-outer {
	padding: 0;
}

.main-header.header-style-four .header-upper .option-wrapper .link-btn {
	position: relative;
	top: 3px;
}

/* Location */

.top-bar .location-area {
	position: relative;
}

.top-bar .location-area:before {
	position: absolute;
	content: '';
	background: #fff;
	left: -24px;
	top: 7px;
	width: 30px;
	height: 40px;
	-webkit-clip-path: polygon(80% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(80% 0, 100% 0, 100% 100%, 0% 100%);
}

/* Social icon Five */

.social-icon-five {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.social-icon-five li {}

.social-icon-five li a {
	color: #858585;
	display: inline-block;
	border-right: 1px solid #d9d9d9;
	text-align: center;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	font-size: 14px;
	padding: 0px 12px;
	border-top: 1px solid #eaeaea;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.social-icon-five li:last-child a {
	border-right: 0px;
}

.social-icon-five li a:hover {
	color: var(--theme-color-four);
}

.main-header .header-upper .social-icon-five {
	margin-top: 10px;
}

.mobile-menu.style-four .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-four .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-four .main-menu .navigation>li:hover>a,
.mobile-menu.style-four .main-menu .navigation>li.current>a,
.sticky-header.style-four .main-menu .navigation>li:hover>a,
.sticky-header.style-four .main-menu .navigation>li.current>a,
.header-upper.style-four .main-menu .navigation>li:hover>a,
.header-upper.style-four .main-menu .navigation>li.current>a,
.sticky-header.style-four .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-four .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-four .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-four .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-four .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-four .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-four .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-four .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-four);
}

.sticky-header.style-four .main-menu .navigation>li.current:before,
.header-upper.style-four .main-menu .navigation>li.current:before,
.sticky-header.style-four .main-menu .navigation>li.current:after,
.header-upper.style-four .main-menu .navigation>li.current:after {
	background: var(--theme-color-four);
}

/* Header Style Five */

.main-header.header-style-five .main-menu .navigation>li {
	margin-right: 40px;
}

.main-header.header-style-five .main-menu .navigation>li.current:before {
	background: transparent;
	left: 50%;
	height: 4px;
	width: 4px;
	content: '';
	bottom: 22px;
	border: 2px solid var(--theme-color-five);
	margin-left: -2px;
	border-radius: 50%;
}

.main-header.header-style-five .main-menu .navigation>li.current:after {
	background: transparent;
	left: 50%;
	height: 12px;
	width: 12px;
	content: '';
	bottom: 18px;
	border: 2px solid var(--theme-color-five);
	margin-left: -6px;
	border-radius: 50%;
}

.main-header.header-style-five {
	position: absolute;
	background: transparent;
	padding-top: 25px;
}

.main-header.header-style-five .header-upper {
	background: transparent;
}

.header-upper.style-five .main-menu .navigation>li>a {
	color: #fff;
}

.main-header.header-style-five .header-upper .nav-outer:before {
	display: none;
}

.main-header.header-style-five .search-box-btn {
	color: #fff;
}

.main-header.header-style-five .cart-btn .cart-icon {
	color: #fff;
}

.main-header.header-style-five .cart-btn .item-count {
	background: var(--theme-color-five);
}

.mobile-menu.style-five .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-five .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-five .main-menu .navigation>li:hover>a,
.mobile-menu.style-five .main-menu .navigation>li.current>a,
.sticky-header.style-five .main-menu .navigation>li:hover>a,
.sticky-header.style-five .main-menu .navigation>li.current>a,
.header-upper.style-five .main-menu .navigation>li:hover>a,
.header-upper.style-five .main-menu .navigation>li.current>a,
.sticky-header.style-five .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-five .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-five .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-five .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-five .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-five .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-five .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-five .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-five);
}

.sticky-header.style-four .main-menu .navigation>li.current:before,
.header-upper.style-four .main-menu .navigation>li.current:before,
.sticky-header.style-four .main-menu .navigation>li.current:after,
.header-upper.style-four .main-menu .navigation>li.current:after {
	background: var(--theme-color-five);
}


/* ========= Menu Bar Style =========== */

/* --------------------------------
 Title: Animated Menu Button
 Descr: A menu button w/ a morphing icon
 -------------------------------- */

.navbar-btn-wrap {
	position: relative;
	text-align: center;
}

.anim-menu-btn {
	width: var(--anim-menu-btn-size);
	height: var(--anim-menu-btn-size);
	background: transparent;
	color: var(--dark-color);
	position: relative;
}

.anim-menu-btn:before {
	position: absolute;
	content: 'MENU';
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	top: 8px;
	left: -60px;
	letter-spacing: 5px;
	display: none;
}

.anim-menu-btn__icon {
	position: relative;
	display: block;
	font-size: var(--anim-menu-btn-icon-size);
	width: 1em;
	height: var(--anim-menu-btn-icon-stroke);
	color: var(--color-contrast-high);
	background-image: -o-linear-gradient(currentColor, currentColor);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.anim-menu-btn__icon::before,
.anim-menu-btn__icon::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0px;
	height: 100%;
	width: 100%;
	background-image: inherit;
	border-radius: inherit;
}

.anim-menu-btn__icon--close {
	background-size: 100% 100%;
	will-change: transform, background-size;
	-webkit-transition: background-size 0.2s, -webkit-transform 0.2s;
	transition: background-size 0.2s, -webkit-transform 0.2s;
	-o-transition: transform 0.2s, background-size 0.2s;
	transition: transform 0.2s, background-size 0.2s;
	transition: transform 0.2s, background-size 0.2s, -webkit-transform 0.2s;
}

.anim-menu-btn:active .anim-menu-btn__icon--close {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.anim-menu-btn__icon--close::before,
.anim-menu-btn__icon--close::after {
	will-change: inherit;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

.anim-menu-btn__icon--close::before {
	-webkit-transform: translateY(-0.25em) rotate(0);
	-ms-transform: translateY(-0.25em) rotate(0);
	transform: translateY(-0.25em) rotate(0);
}

.anim-menu-btn__icon--close::after {
	-webkit-transform: translateY(0.25em) rotate(0);
	-ms-transform: translateY(0.25em) rotate(0);
	transform: translateY(0.25em) rotate(0);
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close {
	background-size: 0% 100%;
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close::before {
	-webkit-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.anim-menu-btn--state-b .anim-menu-btn__icon--close::after {
	-webkit-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

.main-header .header-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* ====================== search box btn ===========================*/

.main-header .search-box-outer {
	position: relative;
	left: 3px;
	display: inline-block;
	padding: 6px 0;
	vertical-align: middle;
}

.main-header .search-box-btn {
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: #222;
	cursor: pointer;
	display: inline-block;
	padding: 7px 0px 6px;
	background: transparent;
	border-radius: 50px 0px 0px 50px;
}

.main-header .dropdown-toggle::after {
	display: none;
}

.main-header .header-upper.dark .search-box-btn {
	color: #fff;
}

.main-header .search-box-outer .dropdown-menu {
	top: 63px !important;
	padding: 0px;
	width: 330px;
	border-radius: 0px;
	background: #ffffff;
	right: 0;
	left: auto !important;
	-webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 0.8) !important;
	        transform: translate3d(0px, 0px, 0px) scale3d(0.8, 0.8, 0.8) !important;
	border-color: transparent;
	border-radius: 3px;
	-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
	        box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	display: block;
	opacity: 0;
	visibility: hidden;
}

.main-header .header-bottom .search-box-outer .dropdown-menu {
	top: 48px !important;
}

.main-header .search-box-outer .show .dropdown-menu {
	display: block;
	-webkit-transform: scale3d(1, 1, 1)!important;
	        transform: scale3d(1, 1, 1)!important;
	opacity: 1;
	visibility: visible;
}

.main-header .search-panel .form-container {
	padding: 30px;
}

.main-header .search-panel .form-group {
	position: relative;
	margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 9px 50px 9px 15px;
	height: 50px;
	border: 1px solid #f3f5fe;
	border-radius: 3px;
	background: #f3f5fe;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
	border-color: #f3f5fe;
}

.main-header .search-panel .search-btn {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 50px;
	height: 48px;
	text-align: center;
	color: #111111;
	background: #f3f5fe;
	font-size: 14px;
	border-radius: 0px 3px 3px 0px;
	cursor: pointer;
}

/*================================================
			Sticky Header
==================================================*/

.sticky-header {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	z-index: 0;
	background: #ffffff;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .wrapper-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sticky-header .logo {
	padding: 10px 0px;
}

.fixed-header .sticky-header {
	z-index: 99999;
	opacity: 1;
	visibility: visible;
}

.main-header .sticky-header .main-menu .navigation>li {
	margin-right: 0px;
	margin: 0px;
	padding: 0;
}

.main-header .sticky-header .main-menu .navigation>li>a {
	padding: 20px 15px;
	line-height: 30px;
	min-height: 0px;
	background: none;
	border: 0px;
	margin-right: 0px;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
	opacity: 1;
	color: var(--theme-color);
}

/* Option Panel */

.main-header .header-upper .option-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.main-header .header-upper .option-wrapper>div {
	margin-left: 25px;
}

.main-header .header-upper .link-btn .btn-style-one {
	position: relative;
	padding: 6px 35px;
	border-radius: 20px;
}

.main-header .cart-btn .cart-icon {
	position: relative;
	color: var(--dark-color);
	font-size: 21px;
	margin-right: 10px;
}

.main-header .cart-btn .item-count {
	position: absolute;
	right: -13px;
	top: -4px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	background: var(--theme-color);
}

.main-header .navbar-btn-wrap button {
	font-size: 30px;
}

.make-payment {
	position: absolute;
	right: 0;
	top: 100%;
	padding: 15px 20px;
	background: #d40032;
}

.make-payment form {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.make-payment .left-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	background: #fff;
	border-radius: 4px;
	margin-right: 10px;
}

.make-payment button {
	position: relative;
	font-size: 13px;
	font-weight: 500;
	background: #fff;
	color: var(--theme-color-three);
	padding: 1px 23px;
	text-transform: uppercase;
	border-radius: 4px;
}

.make-payment .ui-selectmenu-button.ui-button {
	border: 0px;
	padding: 6px 10px;
}

.make-payment .ui-selectmenu-text {
	color: #1e1e1e;
	font-size: 15px;
	font-weight: 500;
	font-family: var(--rubik);
}

.make-payment .ui-selectmenu-text:after {
	font-size: 14px;
	top: 2px;
	right: -11px;
}

/* Main Header Style Two */

.main-header.style-two {
	position: absolute;
	background: transparent;
}

.main-header .header-upper.style-two {
	background: transparent;
}

.top-bar.style-two {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.top-bar.style-two .contact-info li {
	border-color: rgba(255, 255, 255, 0.12);
}

.top-bar.style-two .language-switcher:before {
	opacity: 0;
}

.top-bar.style-two .languages {
	padding-right: 0;
}

.top-bar.style-two .languages:after {
	right: 0;
}

.main-header .header-upper.style-two .nav-outer:before {
	width: 2px;
	background: rgba(255, 255, 255, 0.3);
}

.header-upper.style-two .main-menu .navigation>li>a {
	color: #fff;
}

.mobile-menu.style-two .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-two .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-two .main-menu .navigation>li:hover>a,
.mobile-menu.style-two .main-menu .navigation>li.current>a,
.sticky-header.style-two .main-menu .navigation>li:hover>a,
.sticky-header.style-two .main-menu .navigation>li.current>a,
.header-upper.style-two .main-menu .navigation>li:hover>a,
.header-upper.style-two .main-menu .navigation>li.current>a,
.sticky-header.style-two .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-two .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-two .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-two .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-two .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-two .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-two .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-two .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-two);
}

.sticky-header.style-two .main-menu .navigation>li.current:before,
.header-upper.style-two .main-menu .navigation>li.current:before,
.sticky-header.style-two .main-menu .navigation>li.current:after,
.header-upper.style-two .main-menu .navigation>li.current:after {
	background: var(--theme-color-two);
}

.main-header .header-upper.style-two .search-box-btn {
	color: #f2f2f2;
}

.main-header .header-upper.style-two .cart-btn .cart-icon {
	color: #f2f2f2;
}

.main-header .header-upper.style-two .cart-btn .item-count {
	background: var(--theme-color-two);
}

.header-upper.style-two .anim-menu-btn {
	color: #f2f2f2;
}

/* Main Header Style Three */

.top-bar.style-three {
	background: #1b1b1b;
}

.top-bar.style-three .contact-info li {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.top-bar.style-three .language-switcher:before {
	opacity: 0;
}

.top-bar.style-three .languages {
	padding-right: 0;
}

.top-bar.style-three .languages:after {
	right: 0;
}

.top-bar.style-three .social-icon-one li a {
	background: transparent;
	color: #fff;
	font-size: 14px;
}

.top-bar.style-three .social-icon-one li a:hover {
	color: var(--theme-color-three);
}

.top-bar .login-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.top-bar .login-info li {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.top-bar .login-info li span {
	color: #fff;
	margin-right: 8px;
	position: relative;
	top: 2px;
}

.top-bar .login-info li a {
	color: #fff;
}

.main-header .header-upper.style-three {
	margin-bottom: -45px;
	background: transparent;
}

.main-header.style-three {
	background: transparent;
}

.main-header .header-upper.style-three .wrapper-box {
	position: relative;
}

.main-header .header-upper.style-three .wrapper-box:before {
	position: absolute;
	content: '';
	background: #fff;
	right: 0;
	top: 0;
	height: 100%;
	width: 500%;
}

.main-header .header-upper.style-three:before {
	position: absolute;
	content: '';
	background: #1b1b1b;
	right: 0;
	top: 0;
	height: 50%;
	width: 500%;
	border-bottom: 3px solid #fff;
}

.mobile-menu.style-three .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-three .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-three .main-menu .navigation>li:hover>a,
.mobile-menu.style-three .main-menu .navigation>li.current>a,
.sticky-header.style-three .main-menu .navigation>li:hover>a,
.sticky-header.style-three .main-menu .navigation>li.current>a,
.header-upper.style-three .main-menu .navigation>li:hover>a,
.header-upper.style-three .main-menu .navigation>li.current>a,
.sticky-header.style-three .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-three .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-three .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-three .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-three .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-three .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-three .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-three .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-three);
}

.sticky-header.style-three .main-menu .navigation>li.current:before,
.header-upper.style-three .main-menu .navigation>li.current:before,
.sticky-header.style-three .main-menu .navigation>li.current:after,
.header-upper.style-three .main-menu .navigation>li.current:after {
	background: var(--theme-color-three);
}

/* Header Style Four */

.main-header.header-style-four .top-bar {
	padding: 0;
	background: #283354;
}

.main-header.header-style-four .logo {
	padding: 5px 0;
}

.main-header.header-style-four .top-bar .logo img {
	position: relative;
	top: 19px;
}

.main-header.header-style-four .logo:before {
	position: absolute;
	content: '';
	background: #fff;
	top: 0;
	right: -90px;
	height: 100%;
	width: 5000%;
}

.main-header.header-style-four .contact-info {
	min-width: 500px;
}

.main-header.header-style-four .contact-info li {
	border-color: rgba(255, 255, 255, 0.2);
}

.main-header.header-style-four .contact-info li:last-child {
	border-right: 0px;
}

.main-header.header-style-four .top-bar .login-info li:last-child {
	border-right: 0px;
}

.main-header.header-style-four .contact-info li span {
	color: #02c06d;
}

.main-header.header-style-four .main-menu .navigation>li>a {
	margin-left: 30px;
}

.main-header.header-style-four .main-menu .navigation>li.current:before {
	left: 8px;
	bottom: 45px;
	height: 1px;
}

.main-header.header-style-four .main-menu .navigation>li.current:after {
	content: '\f105';
	font-size: 20px;
	font-family: FontAwesome;
	color: var(--theme-color-four);
	width: auto;
	height: auto;
	background: transparent !important;
	bottom: 32px;
	left: 38px;
}

.main-header.header-style-four .sticky-header .main-menu .navigation>li>a {
	margin-left: 15px;
}

.main-header.header-style-four .header-upper .nav-outer:before {
	visibility: hidden;
}

.main-header.header-style-four .search-box-btn {
	border: 1px solid #f3f3f3;
	padding: 7px 13px;
	border-radius: 5px;
}

.header-upper.style-four .theme-btn {
	padding: 10px 30px;
}

.main-header.header-style-four .header-upper .option-wrapper>div {
	margin-left: 10px;
}

.main-header.header-style-four .search-box-outer {
	padding: 0;
}

.main-header.header-style-four .header-upper .option-wrapper .link-btn {
	position: relative;
	top: 3px;
}

/* Location */

.top-bar .location-area {
	position: relative;
}

.top-bar .location-area:before {
	position: absolute;
	content: '';
	background: #fff;
	left: -24px;
	top: 7px;
	width: 30px;
	height: 40px;
	-webkit-clip-path: polygon(80% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(80% 0, 100% 0, 100% 100%, 0% 100%);
}

/* Social icon Five */

.social-icon-five {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.social-icon-five li {}

.social-icon-five li a {
	color: #858585;
	display: inline-block;
	border-right: 1px solid #d9d9d9;
	text-align: center;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	font-size: 14px;
	padding: 0px 12px;
	border-top: 1px solid #eaeaea;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.social-icon-five li:last-child a {
	border-right: 0px;
}

.social-icon-five li a:hover {
	color: var(--theme-color-four);
}

.main-header .header-upper .social-icon-five {
	margin-top: 10px;
}

.mobile-menu.style-four .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-four .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-four .main-menu .navigation>li:hover>a,
.mobile-menu.style-four .main-menu .navigation>li.current>a,
.sticky-header.style-four .main-menu .navigation>li:hover>a,
.sticky-header.style-four .main-menu .navigation>li.current>a,
.header-upper.style-four .main-menu .navigation>li:hover>a,
.header-upper.style-four .main-menu .navigation>li.current>a,
.sticky-header.style-four .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-four .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-four .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-four .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-four .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-four .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-four .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-four .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-four);
}

.sticky-header.style-four .main-menu .navigation>li.current:before,
.header-upper.style-four .main-menu .navigation>li.current:before,
.sticky-header.style-four .main-menu .navigation>li.current:after,
.header-upper.style-four .main-menu .navigation>li.current:after {
	background: var(--theme-color-four);
}

/* Header Style Five */

.main-header.header-style-five .main-menu .navigation>li {
	margin-right: 40px;
}

.main-header.header-style-five .main-menu .navigation>li.current:before {
	background: transparent;
	left: 50%;
	height: 4px;
	width: 4px;
	content: '';
	bottom: 22px;
	border: 2px solid var(--theme-color-five);
	margin-left: -2px;
	border-radius: 50%;
}

.main-header.header-style-five .main-menu .navigation>li.current:after {
	background: transparent;
	left: 50%;
	height: 12px;
	width: 12px;
	content: '';
	bottom: 18px;
	border: 2px solid var(--theme-color-five);
	margin-left: -6px;
	border-radius: 50%;
}

.main-header.header-style-five {
	position: absolute;
	background: transparent;
	padding-top: 25px;
}

.main-header.header-style-five .header-upper {
	background: transparent;
}

.header-upper.style-five .main-menu .navigation>li>a {
	color: #fff;
}

.main-header.header-style-five .header-upper .nav-outer:before {
	display: none;
}

.main-header.header-style-five .search-box-btn {
	color: #fff;
}

.main-header.header-style-five .cart-btn .cart-icon {
	color: #fff;
}

.main-header.header-style-five .cart-btn .item-count {
	background: var(--theme-color-five);
}

.mobile-menu.style-five .main-menu .navigation>li>ul>li>ul>li>a:hover,
.mobile-menu.style-five .main-menu .navigation>li>ul>li:hover>a,
.mobile-menu.style-five .main-menu .navigation>li:hover>a,
.mobile-menu.style-five .main-menu .navigation>li.current>a,
.sticky-header.style-five .main-menu .navigation>li:hover>a,
.sticky-header.style-five .main-menu .navigation>li.current>a,
.header-upper.style-five .main-menu .navigation>li:hover>a,
.header-upper.style-five .main-menu .navigation>li.current>a,
.sticky-header.style-five .main-menu .navigation>li>ul>li:hover>a,
.header-upper.style-five .main-menu .navigation>li>ul>li:hover>a,
.sticky-header.style-five .main-menu .navigation>li>ul>li>ul>li>a:before,
.sticky-header.style-five .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-five .main-menu .navigation>li>ul>li>ul>li>a:before,
.header-upper.style-five .main-menu .navigation>li>ul>li>a:before,
.header-upper.style-five .main-menu .navigation>li>ul>li>ul>li>a:hover,
.header-upper.style-five .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color-five);
}

.sticky-header.style-four .main-menu .navigation>li.current:before,
.header-upper.style-four .main-menu .navigation>li.current:before,
.sticky-header.style-four .main-menu .navigation>li.current:after,
.header-upper.style-four .main-menu .navigation>li.current:after {
	background: var(--theme-color-five);
}