.header {
	position: absolute;
	z-index: 500;
	width: 100%;
	top: 0;
	height: 89px;
}

.header .header-center, .header .header-left, .header .header-right {
	display: flex;
	align-items: center;
}

.header .header-center {
	flex: 1;
}

.header.header-menu-right .header-center {
	justify-content: flex-end;
	margin-right: 15px;
}

.header.header-menu-left .header-center {
	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: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin: 0;
	height: 50px;
}

.header-menu-left .i-nav > ul {
	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: 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: flex;
	align-items: center;
	white-space: nowrap;
}

.header.header-scroll {
	position: fixed !important;
	height: 89px;
	z-index: 1000;
}

.header.header-scroll.header-scroll-hide {
	transform: translateY(-100%);
}

.c27-main-header {
	transition: transform .3s ease !important;
	-webkit-transform: translateZ(0);
	will-change: transform;
}

.header.header-style-alternate {
	transition: transform .3s ease, height .5s ease !important;
}

.header.header-scroll.header-scroll-active {
	transform: translateY(0);
}

.header-skin {
	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: flex;
	align-items: center;
	margin-left: 15px;
	margin-right: 15px;
}

.i-nav li a {
	color: #fff;
	text-decoration: none;
	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: flex;
	align-items: center;
	height: 50px;
}

.header .user-area > a {
	text-decoration: none;
	color: #fff;
	opacity: .7;
	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;
	transition: opacity .2s ease-in-out;
	line-height: 24px;
	display: block;
	font-size: 14px;
	display: flex;
	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;
	transition: all .2s ease;
	top: 40px;
	opacity: 0;
	visibility: hidden;
}

.open > ul.dropdown-menu {
	opacity: 1 !important;
	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;
	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;
	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: flex;
	align-items: center;
}

.search-trigger {
	display: none;
	float: left;
	margin-right: 20px;
}

.search-trigger a {
	color: #fff;
	display: flex;
	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;
	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;
	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%;
}

.header-logo-text {
	font-size: 28px;
	color: #fff;
}

.header-cart-counter {
	transition: opacity .6s;
	opacity: 1;
}

.user-cart-updated .header-cart-counter.counter-pulse {
	animation: counter-pulse .3s linear 1;
}

.header-cart-counter.counter-hidden {
	opacity: 0 !important;
}

@keyframes counter-pulse {
	25% {
		transform: scale(.9);
	}
	
	75% {
		transform: scale(1.4);
	}
}

.submenu-toggle {
	width: 17px;
	height: 20px;
	background: transparent;
	color: #fff;
	display: flex;
	align-items: center;
	text-align: center;
	opacity: .3;
	justify-content: flex-end;
	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: flex;
	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;
	object-fit: cover;
	min-height: 26px;
	min-width: 26px;
	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 {
		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: none !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: flex;
		align-items: center;
		justify-content: center;
		border-radius: 40px;
		transition: .2s ease;
	}
	
	#quicksearch-mobile-modal button.close span {
		font-size: 0;
	}
	
	#quicksearch-mobile-modal button.close:before {
		content: "";
		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;
		transform: translate(0);
	}
	
	.i-dropdown li a {
		font-size: 15px;
	}
	
	.i-dropdown .submenu-toggle {
		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: flex;
		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: flex;
		align-items: center;
	}
	
	.mobile-nav-button .header-button a {
		padding: 0;
		background: var(--accent);
		color: #fff;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: 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: flex;
		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: flex;
		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 {
		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;
		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;
		transition: all .6s ease;
		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;
		transform: translateX(-400px);
		backface-visibility: hidden;
		-webkit-overflow-scrolling: touch;
		text-align: center;
		margin-top: -1px;
		position: fixed !important;
		overflow-y: auto;
		transition: 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;
		transition: opacity .25s ease-in-out;
	}
	
	.main-nav li.current-menu-item a > i {
		color: var(--accent);
	}
	
	.mobile-menu-open {
		z-index: 101;
		transition: transform .3s cubic-bezier(0, .52, 0, 1);
		right: unset !important;
		opacity: 1;
		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;
		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;
		transition: background .2s ease, color .2s ease;
		font-weight: 600;
		line-height: 18px;
		display: flex;
		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;
		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;
	}
	
	.header-mobile-menu-right .header-left .mobile-menu {
		float: right;
		margin-right: 0;
		position: absolute;
		right: 20px;
	}
	
	.header-mobile-menu-right .header-right {
		position: absolute;
		right: 60px;
	}
	
	.header-mobile-menu-right .i-nav {
		left: unset !important;
		right: 0 !important;
		transform: translateX(100%);
	}
	
	.header-mobile-menu-right .i-nav.mobile-menu-open {
		left: unset !important;
		right: 0 !important;
		transform: translateX(0);
	}
}

@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: 24px !important;
		height: 24px !important;
	}
	
	.header-right > div, .inbox-header-icon, body:not(.logged-in) .header-right a.view-cart-contents {
		margin-left: 20px !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;
		transform: translateX(-352px);
	}
	
	.mobile-menu-open {
		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;
		transform: translateX(-300px);
	}
	
	.mobile-menu-open {
		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;
	}
	
	.header-mobile-menu-right .header-right {
		right: 50px;
	}
	
	.header-mobile-menu-right .header-left .mobile-menu {
		right: 10px;
	}
}

@media only screen and (max-width:320px) {
	.header-right {
		position: absolute;
		right: 10px;
	}
	
	.i-nav {
		width: 240px;
		transform: translateX(-240px);
	}
	
	.mobile-menu-open {
		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%;
		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%;
		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;
		transform: translateY(0);
	}
	
	.user-profile-dropdown:hover .i-dropdown {
		opacity: 1 !important;
		transition: all .2s;
		top: 51px;
		visibility: visible;
		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 {
		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;
		justify-content: center;
	}
	
	.header-menu-center .i-nav > ul {
		margin: 0;
		height: 50px;
		display: flex;
	}
	
	.header-width-boxed .header-container {
		position: relative;
	}
	
	header.c27-main-header.header-width-boxed {
		display: flex;
		justify-content: center;
	}
	
	.header-menu-center .i-nav > ul {
		flex-wrap: wrap;
		align-items: center;
		height: unset;
		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;
	}
}