.header{
	position:absolute;
	z-index:500;
	width:100%;
	top:0;
	height:89px
}
.header .header-center,.header .header-left,.header .header-right{
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center
}
.header .header-center{
	-webkit-box-flex:1;
	flex:1
}
.header.header-menu-right .header-center{
	-webkit-box-pack:end;
	justify-content:flex-end;
	margin-right:15px
}
.header.header-menu-left .header-center{
	-webkit-box-pack:start;
	justify-content:flex-start;
	margin-left:15px
}
.header-left #c27-header-search-form{
	margin-left:15px
}
.header-menu-left .i-nav>ul,.header-menu-right .i-nav>ul{
	display:-webkit-box;
	display:flex;
	flex-wrap:nowrap;
	-webkit-box-pack:end;
	justify-content:flex-end;
	margin:0;
	height:50px
}
.header-menu-left .i-nav>ul{
	-webkit-box-pack:start;
	justify-content:flex-start
}
.header-menu-center .header-left,.header-menu-center .header-right{
	z-index:2
}
.header .header-skin{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0
}
.header .header-container{
	height:100%
}
.header .header-container .header-top .logo a img{
	margin-top:0;
	max-width:unset
}
.header.header-style-alternate:not(.header-scroll){
	height:132px!important
}
.header.header-style-alternate:not(.header-scroll) .header-container .header-top .logo a img{
	max-height:132px
}
.header.header-style-alternate.header-scroll{
	padding:0 35px
}
.header.header-light-skin:not(.header-scroll) .header-skin{
	background:#fff;
	border-bottom:1px solid #ebebeb
}
.header.header-scroll.header-scroll-light-skin .header-skin{
	border-bottom:1px solid #ebebeb
}
.header.header-static{
	position:absolute!important
}
.header-top{
	display:-webkit-box;
	display:flex;
	position:absolute;
	left:0;
	width:100%
}
.header .logo img{
	height:38px;
	width:auto;
	margin-right:5px
}
.header .logo{
	float:left
}
.header-right .header-button a.buttons{
	font-size:13px
}
.header-right .header-button a.buttons i{
	float:none;
	position:static
}
.header-button a{
	padding:15px 20px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	white-space:nowrap
}
.header.header-scroll{
	position:fixed!important;
	height:89px;
	z-index:1000
}
.header.header-scroll.header-scroll-hide{
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
.c27-main-header{
	-webkit-transition:-webkit-transform .3s ease!important;
	transition:-webkit-transform .3s ease!important;
	transition:transform .3s ease!important;
	transition:transform .3s ease, -webkit-transform .3s ease!important;
	-webkit-transform:translateZ(0);
	will-change:transform
}
.header.header-style-alternate{
	-webkit-transition:height .5s ease,-webkit-transform .3s ease!important;
	transition:height .5s ease,-webkit-transform .3s ease!important;
	transition:transform .3s ease,height .5s ease!important;
	transition:transform .3s ease,height .5s ease,-webkit-transform .3s ease!important
}
.header.header-scroll.header-scroll-active{
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.header-skin{
	-webkit-transition:.2s ease;
	transition:.2s ease;
	-webkit-transform:translateZ(0);
	will-change:auto
}
.header.header-scroll.header-scroll-dark-skin .header-skin{
	background:rgba(25,28,31,.96)
}
.header.header-light-skin:not(.header-scroll) .header-skin,.header.header-scroll.header-scroll-light-skin .header-skin{
	background:#fff
}
.header-light-skin:not(.header-scroll) .user-area .user-profile-name,.header-light-skin:not(.header-scroll) .user-area a[data-toggle=modal],.header.header-scroll.header-scroll-light-skin .user-area .user-profile-name,.header.header-scroll.header-scroll-light-skin .user-area a[data-toggle=modal]{
	color:#242429
}
.header-light-skin:not(.header-scroll) .user-area .user-profile-name i,.header.header-scroll.header-scroll-light-skin .user-area .user-profile-name i{
	color:rgba(0,0,0,.3)
}
.header.header-light-skin:not(.header-scroll) .user-area>a,.header.header-light-skin:not(.header-scroll) .user-area>span,.header.header-scroll.header-scroll-light-skin .user-area>a,.header.header-scroll.header-scroll-light-skin .user-area>span{
	color:#484848
}
.header.header-scroll.header-scroll-light-skin .header-skin{
	background:#fff
}
.i-nav ul{
	margin-left:0;
	margin-top:10px;
	list-style:none
}
.i-nav ul li{
	float:left;
	display:block;
	font-size:14px
}
.i-nav>ul>li{
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	margin-left:15px;
	margin-right:15px
}
.i-nav li a{
	color:#fff;
	text-decoration:none;
	-webkit-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
	-webkit-backface-visibility:hidden
}
.main-nav>li>a{
	opacity:1;
	white-space:nowrap
}
.main-nav li:hover .submenu-toggle{
	opacity:1
}
.mob-sign-in{
	display:none
}
.i-nav li a.active,.i-nav li a:hover{
	color:#fff;
	opacity:1
}
.header .user-area{
	font-size:13px;
	text-align:right;
	color:#fff;
	margin-right:30px;
	white-space:nowrap;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	height:50px
}
.header .user-area>a{
	text-decoration:none;
	color:#fff;
	opacity:.7;
	-webkit-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
	line-height:24px;
	font-size:14px
}
.mobile-menu,.mobile-nav-head{
	display:none
}
.header .user-area>i.user-area-icon{
	font-size:20px;
	float:left;
	position:relative;
	padding-right:7px
}
.header-scroll.header-scroll-light-skin .user-area>span,.header.header-dark-skin.header-scroll-light-skin.header-scroll .user-area>i.user-area-icon,.header.header-light-skin .user-area>i.user-area-icon,.header.header-light-skin .user-area span,.header.header-scroll-light-skin .user-area>i.user-area-icon{
	color:#484848
}
.header-scroll.header-scroll-dark-skin .user-area>span,.header.header-dark-skin .user-area>i.user-area-icon,.header.header-scroll.header-scroll-dark-skin .user-area>i.user-area-icon{
	color:#fff
}
.header .user-area span{
	opacity:.7
}
.header .user-area>a:hover{
	opacity:1
}
.user-area div.avatar{
	margin-right:10px;
	height:26px;
	width:26px
}
.user-area .user-profile-name{
	opacity:1;
	color:#fff;
	text-decoration:none;
	-webkit-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
	line-height:24px;
	display:block;
	font-size:14px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	padding-bottom:15px;
	padding-top:15px;
	font-weight:400
}
.user-area .user-profile-name:hover{
	opacity:1
}
.user-profile-dropdown{
	position:relative
}
.i-dropdown{
	background:#fff;
	position:absolute;
	right:0!important;
	top:30px;
	width:215px;
	padding-top:5px;
	padding-bottom:5px;
	opacity:1;
	box-shadow:0 1px 4px rgba(0,0,0,.2588235294);
	border-top:none;
	z-index:199;
	border-radius:0
}
.dropdown-menu{
	border:1px solid #ebebeb;
	border-top:none;
	box-shadow:none
}
ul.dropdown-menu{
	display:block;
	float:none;
	left:auto;
	min-width:auto;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	top:40px;
	opacity:0;
	visibility:hidden
}
.open>ul.dropdown-menu{
	opacity:1!important;
	-webkit-transition:all .2s;
	transition:all .2s;
	top:40px;
	visibility:visible
}
.dropup .i-dropdown{
	top:-173px;
	opacity:1!important
}
.dropup.open .i-dropdown{
	top:-143px
}
ul.dropdown-menu>li>a:focus,ul.dropdown-menu>li>a:hover{
	background:#fff
}
.i-dropdown li{
	margin-right:0!important;
	-webkit-transition:all .2s;
	transition:all .2s
}
.i-dropdown li a{
	color:#242429;
	font-size:14px;
	text-transform:capitalize;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:0;
	font-weight:400;
	margin-left:20px;
	margin-right:20px;
	display:block;
	border-bottom:1px solid #ebebeb;
	text-align:left;
	position:relative;
	-webkit-transition:padding .2s ease-in-out;
	transition:padding .2s ease-in-out
}
.i-dropdown>li:last-child>a{
	border-bottom:none
}
.i-dropdown li a:hover{
	padding-left:5px;
	color:#242429
}
.user-profile-dropdown .i-dropdown li a i{
	font-size:16px!important;
	top:3px!important;
	position:relative;
	padding-right:5px
}
.signin-area>span{
	margin-left:4px;
	margin-right:4px;
	font-size:14px
}
.user-profile-dropdown .i-dropdown li:last-child a{
	color:var(--accent)
}
.header-container .container>div>form{
	margin-bottom:0
}
.header-fixed{
	position:fixed
}
.mob-sign-in i{
	font-size:22px
}
.header-light-skin .mob-sign-in i,.header-scroll.header-scroll-light-skin .mob-sign-in i{
	color:#484848
}
.header-dark-skin .mob-sign-in i,.header-dark-skin:not(.header-scroll) .mob-sign-in i,.header-scroll.header-scroll-dark-skin .mob-sign-in i{
	color:#fff
}
.mob-sign-in{
	float:right
}
.mob-sign-in,.mob-sign-in>a{
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center
}
.search-trigger{
	display:none;
	float:left;
	margin-right:20px
}
.search-trigger a{
	color:#fff;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center
}
.search-trigger a i{
	font-size:20px;
	padding-top:8px;
	color:#fff
}
.i-nav{
	z-index:11
}
.i-dropdown li{
	float:none!important
}
.main-nav li{
	position:relative
}
.main-nav .i-dropdown{
	left:0;
	right:auto;
	top:40px;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	border-radius:3px
}
.i-dropdown .submenu-toggle{
	display:none
}
.main-nav .i-dropdown li{
	float:none
}
.main-nav .i-dropdown .i-dropdown{
	left:215px!important;
	top:-15px!important
}
.header-light-skin:not(.header-scroll) .instant-results,.header-scroll-light-skin.header-scroll .instant-results{
	box-shadow:none
}
.header-light-skin:not(.header-scroll) .is-focused input{
	background:transparent
}
.main-nav .i-dropdown:before,ul.dropdown-menu:before{
	content:"";
	height:2px;
	width:0;
	position:absolute;
	bottom:0;
	-webkit-transition:width .3s ease;
	transition:width .3s ease;
	left:0;
	background:var(--accent);
	top:0;
	bottom:auto
}
.main-nav li:hover>.i-dropdown:before,.user-profile-dropdown:hover .i-dropdown:before{
	width:100%
}
.c27-header-element{
	z-index:500
}
.admin-bar .c27-header-element header.header.header-scroll{
	top:32px!important
}
.header-logo-text{
	font-size:28px;
	color:#fff
}
.header-cart-counter{
	-webkit-transition:opacity .6s;
	transition:opacity .6s;
	opacity:1
}
.user-cart-updated .header-cart-counter.counter-pulse{
	-webkit-animation:counter-pulse .3s linear 1;
	animation:counter-pulse .3s linear 1
}
.header-cart-counter.counter-hidden{
	opacity:0!important
}
@-webkit-keyframes counter-pulse{
	25%{
		-webkit-transform:scale(.9);
		transform:scale(.9)
}
	75%{
		-webkit-transform:scale(1.4);
		transform:scale(1.4)
}
}
@keyframes counter-pulse{
	25%{
		-webkit-transform:scale(.9);
		transform:scale(.9)
}
	75%{
		-webkit-transform:scale(1.4);
		transform:scale(1.4)
}
}
.submenu-toggle{
	width:17px;
	height:20px;
	background:transparent;
	color:#fff;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	text-align:center;
	opacity:.3;
	-webkit-box-pack:end;
	justify-content:flex-end;
	-webkit-transition:.2s ease;
	transition:.2s ease
}
.submenu-toggle i{
	font-size:18px;
	position:relative;
	right:-4px
}
.user-area .user-profile-name:hover .submenu-toggle{
	opacity:1
}
#c27-header-search-form.active .header-search{
	display:block
}
#quicksearch-mobile-modal .header-search{
	display:block!important
}
.mobile-user-menu ul{
	margin-top:0
}
.mobile-user-menu{
	background:#f9f9f9;
	display:none
}
.c27-main-header.header-scroll .scroll-logo~.static-logo,.c27-main-header:not(.header-scroll) .scroll-logo{
	display:none
}
.header-scroll.header-scroll-dark-skin .header-button a.buttons.button-2{
	color:var(--accent);
	border:none;
	background:#fff
}
.header-scroll.header-scroll-dark-skin .header-button a.buttons.button-2:hover{
	color:#fff;
	background:var(--accent)
}
.header-scroll.header-scroll-dark-skin .header-button a.buttons.button-2:visited{
	color:var(--accent)
}
.header-scroll.header-scroll-dark-skin .header-button a.buttons.button-2:visited:hover{
	color:#fff;
	background:var(--accent)
}
.header-scroll.header-scroll-light-skin .header-button a.buttons.button-1{
	color:#fff;
	border:none;
	background-color:var(--accent)
}
.header-scroll.header-scroll-light-skin .header-button a.buttons.button-1:hover{
	color:#fff;
	opacity:.9
}
.header-scroll.header-scroll-light-skin .header-button a.buttons.button-1:visited{
	color:#fff
}
.header-scroll.header-scroll-light-skin .header-button a.buttons.button-1:visited:hover{
	color:#fff;
	opacity:.9
}
.inbox-header-icon,a.view-cart-contents{
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	position:relative;
	opacity:1!important;
	margin-left:20px
}
.inbox-header-icon i{
	font-size:22px
}
.chat-counter-container,.header-cart-counter{
	font-size:10px;
	background:var(--accent);
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	border-radius:50%;
	color:#fff;
	font-style:normal;
	text-align:center;
	line-height:16px;
	bottom:-8px;
	right:-7px;
	font-family:sans-serif
}
header.header-light-skin:not(.header-scroll) .chat-counter-container span,header.header-light-skin:not(.header-scroll) .user-area i.header-cart-counter span,header.header-scroll-light-skin.header-scroll .user-area i.header-cart-counter span,header.header-scroll.header-scroll-dark-skin .view-cart-contents span{
	color:#fff
}
.view-cart-contents span{
	color:#fff;
	opacity:1!important
}
header.header-scroll.header-scroll-light-skin .inbox-header-icon i,header.header-scroll.header-scroll-light-skin .view-cart-contents span,header:not(.header-scroll).header-light-skin .inbox-header-icon i,header:not(.header-scroll).header-light-skin .view-cart-contents>span{
	color:#484848
}
.chat-counter-container span,.header-cart-counter.counter-pulse span{
	color:#fff!important
}
.user-area div.avatar img{
	height:26px;
	width:26px;
	-o-object-fit:cover;
	object-fit:cover;
	min-height:26px;
	min-width:26px;
	display:-webkit-box;
	display:flex
}
.view-cart-contents>span{
	font-size:22px
}
body:not(.logged-in) .view-cart-contents{
	margin-left:0;
	margin-right:25px
}
body:not(.logged-in) .user-area.signin-area{
	margin-right:15px
}
@media only screen and (max-width:1600px){
	.header .container{
		width:100%
}
}
@media only screen and (max-width:1550px){
	.header.header-style-alternate:not(.header-scroll){
		height:122px!important
}
	.header.header-style-alternate:not(.header-scroll) .header-container .header-top .logo a img{
		max-height:122px
}
}
@media only screen and (max-width:1450px){
	.header-style-default .header-container{
		width:100%
}
}
@media only screen and (max-width:1300px){
	.header,.header.header-style-alternate,.header.header-style-alternate.header-scroll{
		padding-left:0;
		padding-right:0
}
	.header.header-style-alternate:not(.header-scroll){
		height:102px!important
}
	.header.header-style-alternate:not(.header-scroll) .header-container .header-top .logo a img{
		max-height:102px
}
}
@media only screen and (max-width:1200px){
	.i-nav ul li a:hover{
		color:#242429!important
}
	ul.sub-menu.i-dropdown.shown-menu{
		background:#f9f9f9
}
	#quicksearch-mobile-modal{
		padding-right:0!important
}
	#quicksearch-mobile-modal .is-focused .instant-results:before{
		display:none
}
	#quicksearch-mobile-modal .instant-results ul li.ir-cat{
		padding:6px 15px;
		font-size:14px
}
	#quicksearch-mobile-modal .instant-results ul li a{
		display:block;
		font-size:15px;
		padding:10px 15px
}
	#quicksearch-mobile-modal .instant-results{
		top:80px
}
	#quicksearch-mobile-modal .modal-dialog{
		width:100%;
		position:absolute;
		top:0
}
	#quicksearch-mobile-modal .modal-content{
		border-radius:0;
		box-shadow:none;
		border:none
}
	.header-right .user-profile-dropdown{
		display:block!important
}
	#quicksearch-mobile-modal button.close{
		position:absolute;
		z-index:20000;
		opacity:1;
		right:15px;
		top:22px;
		width:35px;
		background:transparent;
		border:1px solid rgba(0,0,0,.1);
		height:35px;
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center;
		-webkit-box-pack:center;
		justify-content:center;
		border-radius:40px;
		-webkit-transition:.2s ease;
		transition:.2s ease
}
	#quicksearch-mobile-modal button.close span{
		font-size:0
}
	#quicksearch-mobile-modal button.close:before{
		content:"\e5cd";
		font-size:20px;
		opacity:.5;
		font-family:Material Icons;
		font-weight:400;
		font-style:normal;
		line-height:1;
		letter-spacing:normal;
		text-transform:none;
		display:inline-block;
		text-rendering:auto;
		white-space:nowrap;
		word-wrap:normal;
		direction:ltr;
		-webkit-font-feature-settings:"liga";
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		-webkit-transform:translate(0);
		transform:translate(0)
}
	.i-dropdown li a{
		font-size:15px
}
	.i-dropdown .submenu-toggle{
		display:-webkit-box;
		display:flex
}
	.user-profile-name .submenu-toggle{
		opacity:1;
		width:0;
		display:inline-block;
		opacity:.3
}
	.user-profile-dropdown{
		float:none
}
	.user-profile-name:hover .submenu-toggle{
		opacity:1
}
	.i-nav>ul>li{
		display:block
}
	.header-menu-left .i-nav>ul,.header-menu-right .i-nav>ul{
		display:block;
		height:auto
}
	.user-area .open>ul.dropdown-menu{
		top:60px
}
	.c27-header-search-form{
		display:none!important
}
	.user-profile-dropdown{
		padding-bottom:0!important;
		width:100%;
		text-align:center;
		height:100%
}
	.user-profile-dropdown .user-profile-name{
		padding:0 15px;
		text-align:left;
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center;
		color:#242429!important;
		white-space:nowrap;
		overflow:hidden;
		margin-right:58px;
		text-overflow:ellipsis;
		height:100%;
		font-weight:600
}
	.mobile-user-menu i{
		font-size:24px;
		width:40px
}
	.user-profile-dropdown .user-profile-name .submenu-toggle i{
		color:#000
}
	.user-profile-dropdown .user-profile-name:hover{
		color:#242429
}
	.user-profile-dropdown .user-profile-name .avatar{
		min-width:32px;
		margin-right:10px;
		display:block
}
	.header-right{
		height:38px
}
	.user-area .user-profile-name{
		margin-right:0
}
	.header-right a.view-cart-contents{
		margin-left:0!important
}
	.header-right>div,body:not(.logged-in) .header-right a.view-cart-contents{
		margin:0 0 0 20px!important
}
	.mobile-nav-button .header-button{
		background:#fff;
		padding:0;
		height:100%;
		width:100%;
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center
}
	.mobile-nav-button .header-button a{
		padding:0;
		background:var(--accent);
		color:#fff;
		height:100%;
		width:100%;
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center;
		-webkit-box-pack:center;
		justify-content:center;
		font-size:14px;
		border-radius:0
}
	.mobile-nav-button .header-button a i{
		vertical-align:middle;
		float:none;
		top:0;
		color:#fff
}
	.header-right .header-button{
		display:none
}
	.header .header-container .header-top .logo{
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center;
		height:40px
}
	.signin-area{
		display:none
}
	.mobile-nav-head{
		display:block;
		padding:0;
		border-bottom:1px solid rgba(0,0,0,.1);
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center;
		height:62px
}
	.main-nav li a>i{
		display:block;
		float:left;
		font-size:24px;
		position:relative;
		color:#484848!important;
		width:40px
}
	.header-light-skin .header-skin{
		background:#fff;
		border-bottom:1px solid #e3e3e3
}
	.header-light-skin .user-area>i.user-area-icon{
		font-size:28px;
		top:-3px
}
	.header-light-skin .user-area>a,.header-scroll.header-scroll-light-skin .mobile-menu-lines i,.header-scroll.header-scroll-light-skin .search-trigger a i,.header-scroll.header-scroll-light-skin .user-area .user-profile-name i,.header-scroll.header-scroll-light-skin .user-area>span{
		color:#242429
}
	.header-dark-skin .user-area>a,.header-dark-skin .user-area>span{
		color:#fff
}
	.header-light-skin .search-trigger a i,.header-light-skin .user-area .user-profile-name i,.header-light-skin .user-profile-name{
		color:#484848
}
	.header-scroll.header-scroll-dark-skin .mobile-menu-lines i,.header-scroll.header-scroll-dark-skin .search-trigger a i,.header-scroll.header-scroll-dark-skin .user-profile-name{
		color:#fff
}
	.header-scroll.header-scroll-dark-skin .user-area .user-profile-name i{
		color:hsla(0,0%,100%,.3)
}
	.header-scroll.header-scroll-dark-skin .user-area>a{
		color:#fff
}
	.header-light-skin .mobile-menu a span{
		background:#242429
}
	.search-trigger a i{
		padding-top:0!important
}
	.header.header-scroll{
		-webkit-transition:initial;
		transition:initial;
		background:initial;
		padding:initial;
		height:auto
}
	.search-trigger{
		display:block;
		margin-right:0
}
	.search-trigger a i{
		font-size:22px
}
	.header .user-area{
		margin-right:20px;
		margin-top:9px
}
	.header-top{
		position:relative;
		padding:20px
}
	.user-area .user-profile-name i{
		right:4px;
		top:2px
}
	.mobile-menu{
		display:block;
		margin-right:30px;
		background:transparent
}
	.mobile-user-menu ul{
		margin-bottom:0
}
	.mnh-close-icon{
		display:block;
		float:left;
		margin-right:0;
		width:40px;
		height:40px;
		background:transparent;
		text-align:center;
		border-radius:50%;
		position:absolute;
		right:10px;
		z-index:4
}
	.header.header-scroll.header-scroll-light-skin .mobile-menu a>div:active,.header.header-scroll.header-scroll-light-skin .search-trigger a i:active,.mnh-close-icon:active{
		background:rgba(0,0,0,.03)
}
	.mnh-close-icon i{
		font-size:28px;
		text-align:center;
		padding-top:6px;
		float:unset;
		font-weight:unset
}
	.mnh-close-icon i,.mnh-close-icon i.close:focus,.mnh-close-icon i.close:hover{
		color:#242429;
		opacity:1
}
	.mobile-menu-lines i{
		font-size:28px;
		text-align:center;
		padding-top:6px;
		color:#242429;
		-webkit-transition:all .2s ease;
		transition:all .2s ease
}
	.header-dark-skin .mobile-menu-lines i{
		color:#fff
}
	.mobile-menu a>div{
		position:relative;
		border-radius:50%
}
	.mobile-menu a span{
		height:2px;
		width:25px;
		background:#fff;
		display:block;
		margin-bottom:10px;
		margin-left:8px;
		margin-top:2px;
		-webkit-transition:all .6s ease;
		transition:all .6s ease;
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		position:absolute
}
	.mobile-menu div span:nth-child(2){
		top:8px
}
	.header .container{
		width:100%;
		padding:0
}
	.header,.header.header-style-alternate,.header.header-style-alternate:not(.header-scroll),.header.header-style-default{
		padding:0!important;
		height:80px!important
}
	.header .header-container .header-top .logo a img,.header.header-style-alternate:not(.header-scroll) .header-container .header-top .logo a img{
		max-height:50px
}
	.i-nav .main-nav{
		margin-top:0!important
}
	.header-light-skin.header-dark-skin .user-area .user-profile-name,.header-light-skin.header-dark-skin .user-area a[data-toggle=modal]{
		color:#fff
}
	.header.header-light-skin.header-dark-skin .header-skin{
		border-color:transparent
}
	.header.header-light-skin:not(.header-scroll) .mobile-menu a span,.header.header-scroll.header-scroll-light-skin .mobile-menu a span{
		background:#242429
}
	.user-area>a,.user-area>span{
		opacity:1!important
}
	.header ::-webkit-input-placeholder{
		color:#1d1d23!important
}
	.header ::-moz-placeholder{
		color:#1d1d23!important;
		opacity:1
}
	.header :-ms-input-placeholder{
		color:#1d1d23!important
}
	.header :-moz-placeholder{
		color:#1d1d23!important;
		opacity:1
}
	.i-nav{
		padding:0;
		display:block;
		clear:both;
		width:400px;
		-webkit-transform:translateX(-400px);
		transform:translateX(-400px);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		-webkit-overflow-scrolling:touch;
		text-align:center;
		margin-top:-1px;
		position:fixed!important;
		overflow-y:auto;
		-webkit-transition:-webkit-transform .3s ease;
		transition:-webkit-transform .3s ease;
		transition:transform .3s ease;
		transition:transform .3s ease, -webkit-transform .3s ease;
		right:unset!important
}
	.i-nav,.i-nav-overlay{
		opacity:0;
		height:100vh;
		z-index:100;
		top:0;
		left:0
}
	.i-nav-overlay{
		width:100%;
		background:rgba(29,29,31,.5);
		position:absolute;
		visibility:hidden;
		-webkit-transition:opacity .25s ease-in-out;
		transition:opacity .25s ease-in-out
}
	.main-nav li.current-menu-item a>i{
		color:var(--accent)
}
	.mobile-menu-open{
		z-index:101;
		-webkit-transition:-webkit-transform .3s cubic-bezier(0,.52,0,1);
		transition:-webkit-transform .3s cubic-bezier(0,.52,0,1);
		transition:transform .3s cubic-bezier(0,.52,0,1);
		transition:transform .3s cubic-bezier(0,.52,0,1), -webkit-transform .3s cubic-bezier(0,.52,0,1);
		right:unset!important;
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0)
}
	.mobile-menu-open~.i-nav-overlay{
		opacity:1;
		visibility:visible
}
	.i-nav .main-nav{
		width:100%;
		margin-bottom:0
}
	.i-nav>ul>li.current-menu-item>a{
		border-right:2px solid var(--accent);
		color:var(--accent)
}
	.main-menu .submenu-toggle{
		width:50px;
		height:50px;
		-webkit-box-pack:center;
		justify-content:center;
		position:absolute;
		top:0;
		right:0;
		cursor:pointer
}
	.main-menu .submenu-toggle i{
		color:#000;
		right:0;
		font-size:22px
}
	.main-menu a[href="#"]~.submenu-toggle{
		width:100%
}
	.main-menu a[href="#"]~.submenu-toggle i{
		position:absolute;
		right:15px
}
	.mobile-menu-open .main-nav{
		left:0
}
	.mobile-nav-button{
		height:50px;
		overflow:hidden;
		bottom:0;
		width:100%;
		margin-top:-1px;
		margin-bottom:120px
}
	.i-nav ul li{
		display:block;
		float:none;
		width:100%;
		margin:0;
		border-bottom:1px solid rgba(0,0,0,.1)
}
	.i-nav ul li a{
		padding:0 20px;
		height:50px;
		width:100%;
		border-bottom:none;
		margin-left:0!important;
		color:#242429;
		opacity:1;
		text-align:left;
		-webkit-transition:background .2s ease,color .2s ease;
		transition:background .2s ease,color .2s ease;
		font-weight:600;
		line-height:18px;
		display:-webkit-box;
		display:flex;
		-webkit-box-align:center;
		align-items:center
}
	.i-nav ul li a.active{
		color:#242429
}
	.mobile-menu-open .i-dropdown>li:first-child{
		border-top:1px solid rgba(0,0,0,.1)
}
	.mobile-menu-open .header-search{
		width:100%
}
	.mobile-menu-open .i-dropdown{
		background:transparent;
		box-shadow:none;
		width:100%;
		position:static;
		opacity:1!important;
		visibility:visible!important;
		display:none;
		margin-top:0;
		text-align:center;
		margin-bottom:0;
		padding:0;
		-webkit-transform:none;
		transform:none
}
	.mobile-menu-open .i-dropdown:before{
		content:none
}
	.mobile-menu-open .i-dropdown li a i{
		display:none
}
	.mobile-menu-open .i-dropdown li:last-child{
		border-bottom:none
}
	.mobile-menu-open .i-dropdown.id-open{
		display:block
}
	.mobile-menu-open .i-dropdown li a{
		color:#242429;
		text-transform:none;
		font-size:14px;
		padding-left:20px
}
	.mobile-menu-open .i-dropdown .i-dropdown .i-dropdown li a:hover{
		background:transparent;
		border-color:transparent;
		color:var(--accent)
}
	.mobile-menu-open .i-dropdown li a:hover{
		color:var(--accent);
		padding-left:20px!important
}
	.header-light-skin .header-right .header-button a.buttons{
		color:#242429
}
	.header-right .header-button a.buttons i{
		font-size:22px
}
	.header-scroll-light-skin.header-scroll .header-right .header-button a.buttons{
		color:#242429!important
}
	.header-scroll-dark-skin.header-scroll .header-right .header-button a.buttons{
		color:#fff!important
}
	body:not(.logged-in) .view-cart-contents{
		margin-top:10px;
		margin-right:15px
}
	.c27-main-header.header-scroll .i-nav.mobile-menu-open,.i-nav{
		background-color:#fff!important
}
	.c27-top-content-margin{
		height:80px
}
	.header-menu-center .i-nav{
		max-width:unset!important
}
}
@media only screen and (max-width:768px){
	.user-area .dropdown-menu{
		right:0!important;
		left:0!important;
		position:fixed;
		width:100%;
		top:78px
}
	.user-area .open>ul.dropdown-menu{
		top:78px!important
}
	.user-area .dropdown-menu a{
		font-size:16px
}
	.user-area .dropdown-menu a:hover{
		padding-left:0
}
	.mob-sign-in{
		display:block!important;
		position:relative;
		float:left
}
	.user-area div.avatar{
		width:30px!important;
		height:30px!important
}
	.header-right>div,.inbox-header-icon,body:not(.logged-in) .header-right a.view-cart-contents{
		margin-left:0px!important
}
	.user-area.signin-area{
		display:none
}
	.inbox-header-icon i,.mob-sign-in i,.search-trigger a i,.view-cart-contents>span{
		font-size:26px!important
}
	.mobile-menu{
		margin-right:10px
}
	.i-nav{
		width:350px;
		-webkit-transform:translateX(-352px);
		transform:translateX(-352px)
}
	.mobile-menu-open{
		-webkit-transform:translateX(0);
		transform:translateX(0)
}
	.header .user-area{
		margin-right:15px
}
}
@media only screen and (max-width:600px){
	.admin-bar #c27-site-wrapper .header.header-scroll-admin-bar{
		top:0!important
}
}
@media only screen and (max-width:480px){
	#quicksearch-mobile-modal .instant-results{
		top:60px
}
	#quicksearch-mobile-modal button.close{
		top:12px
}
	.user-area .dropdown-menu{
		top:58px
}
	.user-area .open>ul.dropdown-menu{
		top:58px!important
}
	.i-nav{
		width:300px;
		-webkit-transform:translateX(-300px);
		transform:translateX(-300px)
}
	.mobile-menu-open{
		-webkit-transform:translateX(0);
		transform:translateX(0)
}
	.mob-sign-in{
		margin-right:0
}
	.header-dark-skin .user-area>a,.header-dark-skin .user-area>i.user-area-icon,.header-dark-skin .user-area>span{
		color:#242429!important
}
	.header .header-container .header-top .logo a img,.header.header-style-alternate:not(.header-scroll) .header-container .header-top .logo a img{
		max-height:40px
}
	.mobile-menu a span{
		width:20px
}
	.header,.header.header-style-alternate,.header.header-style-alternate:not(.header-scroll),.header.header-style-default{
		height:60px!important
}
	.header-top{
		padding:10px
}
	.user-area .user-profile-name{
		font-size:0
}
	.user-area .avatar{
		margin-right:0!important
}
	.user-area .user-profile-name i{
		right:5px!important
}
	.c27-top-content-margin{
		height:60px
}
}
@media only screen and (max-width:320px){
	.header-right{
		position:absolute;
		right:10px
}
	.i-nav{
		width:240px;
		-webkit-transform:translateX(-240px);
		transform:translateX(-240px)
}
	.mobile-menu-open{
		-webkit-transform:translateX(0);
		transform:translateX(0)
}
	.header .logo img{
		height:20px!important
}
	.user-area .avatar{
		width:26px;
		height:26px;
		top:-3px
}
}
@media (min-width:769px) and (max-width:1200px){
	.mob-sign-in{
		display:none
}
	.header .user-area>i.user-area-icon{
		font-size:24px
}
	.inbox-header-icon i,.mob-sign-in i,.search-trigger a i,.view-cart-contents>span{
		font-size:26px!important
}
}
@media only screen and (min-width:1201px){
	body.admin-bar .c27-main-header.header.header-fixed{
		top:32px
}
	.header-container>.container{
		height:52px;
		min-height:unset
}
	.header-container .header-top{
		height:100%;
		-webkit-box-pack:justify;
		justify-content:space-between
}
	.header-container .header-top:after,.header-container .header-top:before{
		display:none
}
	.header.header-style-alternate.header-scroll .header-container .header-top .logo a img,.header.header-style-default .header-container .header-top .logo a img{
		max-height:89px
}
	.i-dropdown li a i.mi,.main-nav>li>a>i.mi{
		font-size:inherit;
		position:relative;
		top:2px
}
	.main-nav li a>i{
		display:none
}
	.i-nav .main-menu>li.menu-item:first-child>a{
		padding-left:0
}
	.i-nav .main-menu li.menu-item:first-child ul.i-dropdown{
		margin-left:-15px
}
	.main-nav ul.sub-menu li.has-children:after,.main-nav ul.sub-menu li.menu-item-has-children:after{
		position:absolute;
		right:20px;
		top:50%;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		color:rgba(0,0,0,.3)!important
}
	.main-nav li:hover>.i-dropdown{
		display:block!important;
		opacity:1;
		visibility:visible;
		top:40px;
		pointer-events:all;
		left:0;
		-webkit-transform:translateY(0);
		transform:translateY(0)
}
	.user-profile-dropdown:hover .i-dropdown{
		opacity:1!important;
		-webkit-transition:all .2s;
		transition:all .2s;
		top:51px;
		visibility:visible;
		-webkit-transform:translateY(0);
		transform:translateY(0)
}
	.header.header-transparent-skin .header-skin{
		border-bottom:1px solid hsla(0,0%,100%,.2)
}
	.header.header-transparent-skin.header-scroll .header-skin{
		border-bottom:1px solid hsla(0,0%,100%,0)
}
	.header.header-light-skin:not(.header-scroll) .header-skin,.header.header-scroll.header-scroll-light-skin .header-skin{
		background:#fff
}
	.header-light-skin:not(.header-scroll) .main-nav li.has-children:after,.header-light-skin:not(.header-scroll) .main-nav li.menu-item-has-children:after,.header.header-scroll.header-scroll-light-skin .main-nav li.has-children:after,.header.header-scroll.header-scroll-light-skin .main-nav li.menu-item-has-children:after{
		color:rgba(0,0,0,.3)
}
	.header-light-skin:not(.header-scroll) .user-area .user-profile-name,.header-light-skin:not(.header-scroll) .user-area a[data-toggle=modal],.header.header-scroll.header-scroll-light-skin .user-area .user-profile-name,.header.header-scroll.header-scroll-light-skin .user-area a[data-toggle=modal]{
		color:#242429
}
	.header-light-skin:not(.header-scroll) .user-area .user-profile-name i,.header.header-scroll.header-scroll-light-skin .user-area .user-profile-name i{
		color:rgba(0,0,0,.3)
}
	.header-light-skin:not(.header-scroll) .header-search input,.header.header-scroll.header-scroll-light-skin .header-search input{
		color:#1d1d23;
		font-weight:400
}
	.header-light-skin:not(.header-scroll) .header-search input:focus,.header.header-scroll.header-scroll-light-skin .header-search input:focus{
		padding-left:30px
}
	.header.header-light-skin:not(.header-scroll) .i-nav>ul>li .submenu-toggle i,.header.header-light-skin:not(.header-scroll) .i-nav>ul>li>a,.header.header-light-skin:not(.header-scroll) .user-area>a,.header.header-light-skin:not(.header-scroll) .user-area>span,.header.header-scroll.header-scroll-light-skin .i-nav>ul>li .submenu-toggle i,.header.header-scroll.header-scroll-light-skin .i-nav>ul>li>a,.header.header-scroll.header-scroll-light-skin .user-area>a,.header.header-scroll.header-scroll-light-skin .user-area>span{
		color:#242429
}
	.header.header-scroll.header-scroll-light-skin .header-skin{
		background:#fff
}
	.header-light-skin:not(.header-scroll) .header-search>i,.header.header-scroll.header-scroll-light-skin .header-search>i{
		color:#767676
}
	.header-light-skin:not(.header-scroll) ::-webkit-input-placeholder,.header.header-scroll.header-scroll-light-skin ::-webkit-input-placeholder{
		color:#1d1d23!important
}
	.header-light-skin:not(.header-scroll) ::-moz-placeholder,.header.header-scroll.header-scroll-light-skin ::-moz-placeholder{
		color:#1d1d23!important;
		opacity:1
}
	.header-light-skin:not(.header-scroll) :-ms-input-placeholder,.header.header-scroll.header-scroll-light-skin :-ms-input-placeholder{
		color:#1d1d23!important
}
	.header-light-skin:not(.header-scroll) :-moz-placeholder,.header.header-scroll.header-scroll-light-skin :-moz-placeholder{
		color:#1d1d23!important;
		opacity:1
}
	.main-nav .i-dropdown{
		-webkit-transition:all .2s;
		transition:all .2s;
		pointer-events:none
}
	.header.header-style-alternate.header-dark-skin,.header.header-style-alternate.header-light-skin,.header.header-style-alternate.header-transparent-skin{
		height:auto
}
	.header.header-style-alternate.header-dark-skin.header-scroll,.header.header-style-alternate.header-light-skin.header-scroll,.header.header-style-alternate.header-transparent-skin.header-scroll{
		height:89px
}
	#quicksearch-mobile-modal,.mob-sign-in,.mobile-nav-button .header-button{
		display:none!important
}
	.c27-top-content-margin{
		height:89px
}
	.header-menu-center .header-center{
		width:100%;
		position:absolute;
		height:100%;
		left:0;
		z-index:1;
		-webkit-box-pack:center;
		justify-content:center
}
	.header-menu-center .i-nav>ul{
		margin:0;
		height:50px;
		display:-webkit-box;
		display:flex
}
	.header-width-boxed .header-container{
		position:relative
}
	header.c27-main-header.header-width-boxed{
		display:-webkit-box;
		display:flex;
		-webkit-box-pack:center;
		justify-content:center
}
	.header-menu-center .i-nav>ul{
		flex-wrap:wrap;
		-webkit-box-align:center;
		align-items:center;
		height:unset;
		-webkit-box-pack:center;
		justify-content:center
}
	.header-menu-center .i-nav>ul>li{
		height:30px
}
	.header-menu-center .i-nav>ul>li:hover>.i-dropdown{
		top:30px
}
	.header-menu-center .i-nav>ul>li:hover>.i-dropdown:after{
		content:"";
		height:10px;
		display:block;
		position:absolute;
		top:-10px;
		width:100%
}
	.header.header-menu-left.header-width-boxed .header-center{
		margin-left:0
}
}
@media (min-width:1201px) and (max-width:1350px){
	.main-nav>li.menu-item>ul.i-dropdown{
		left:0
}
	.i-nav .main-menu>li.menu-item:first-child>ul.i-dropdown{
		left:20px
}
}
@media (min-width:1201px) and (max-width:1300px){
	.c27-main-header.header-style-alternate+.c27-top-content-margin{
		height:102px
}
}
@media (min-width:1301px) and (max-width:1550px){
	.c27-main-header.header-style-alternate+.c27-top-content-margin{
		height:122px
}
}
@media (min-width:1551px){
	.c27-main-header.header-style-alternate+.c27-top-content-margin{
		height:132px
}
}