@charset "UTF-8";

.no-margin {
	margin: 0 !important;
}

.marginbottom__3x {
	margin-bottom: 30px;
}

@-webkit-keyframes animLoadedLogo {
	to {
		-webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
	}
}

@keyframes animLoadedLogo {
	to {
		-webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
		transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
	}
}

@-webkit-keyframes animLoadedLoader {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
	}
}

@keyframes animLoadedLoader {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
		transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
	}
}

@-webkit-keyframes animLoadedHeader {
	to {
		-webkit-transform: translate3d(0, -100%, 0);
	}
}

@keyframes animLoadedHeader {
	to {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@-webkit-keyframes animInitialHeader {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 800px, 0);
	}
}

@keyframes animInitialHeader {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 800px, 0);
		transform: translate3d(0, 800px, 0);
	}
}

/*Dev Custom */
/*====================================================*/
.lib-list-item-product2 {
	border: none;
}

.lib-list-item-product2 .image-dev .list-button-dev {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
}

.lib-list-item-product2 .image-dev .list-button-dev li {
	display: inline-block;
	float: left;
	height: 40px;
	width: 40px;
	background: #fff;
	position: relative;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #ddd;
	opacity: 0;
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) {
	transform: translateX(40px);
	-moz-transform: translateX(40px);
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	z-index: 1;
	transition-delay: 0s;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) {
	transition-delay: 0.2s;
	z-index: 2;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) {
	transition-delay: 0.2s;
	z-index: 2;
}

.lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) {
	transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	z-index: 1;
	transition-delay: 0s;
}

.lib-list-item-product2 .image-dev .list-button-dev li:first-child {
	border-left: 1px solid #ddd;
}

.lib-list-item-product2 .image-dev .list-button-dev li a,
.lib-list-item-product2 .image-dev .list-button-dev li button {
	background: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 40px;
	text-align: center;
	box-shadow: none;
	border: none;
	color: #555;
	width: 40px;
	padding: 0;
}

.lib-list-item-product2 .image-dev .list-button-dev li:hover {
	background: #ff5e00;
}

.lib-list-item-product2 .image-dev .list-button-dev li:hover a,
.lib-list-item-product2 .image-dev .list-button-dev li:hover button {
	color: #fff;
}

.lib-list-item-product2 .caption-dev {
	text-align: center;
	padding: 0 15px;
}

.lib-list-item-product2 .caption-dev .rating-dev {
	margin: 5px 0;
}

.lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x {
	font-size: 11px;
}

.lib-list-item-product2 .caption-dev .title-dev {
	color: #444;
	font-size: 13px;
}

.lib-list-item-product2 .caption-dev .price-dev .price.product-price {
	font-size: 16px;
}

.lib-list-item-product2 .caption-dev .price-dev .price-new {
	font-size: 16px;
}

.lib-list-item-product2 .caption-dev .price-dev .price-old {
	font-size: 12px;
}

.lib-list-item-product2 .caption-dev .add-cart-dev {
	background: #fff;
	border: 1px solid #ddd;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	box-shadow: none;
	border-radius: 0;
	padding: 6px 20px;
	margin: 0 0 30px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li {
	opacity: 1;
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) {
	transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transition-delay: 0.2s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) {
	transition-delay: 0s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) {
	transition-delay: 0s;
}

.lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) {
	transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transition-delay: 0.2s;
}

/*EFECT PRODUCT NUMBER*/
.lib-two-img {
	position: relative;
	display: block;
}

.lib-two-img .img-1 {
	opacity: 1;
	position: relative;
	transition: all 0.5s ease-in-out;
}

.lib-two-img .img-2 {
	position: absolute;
	z-index: 0;
	top: 0;
	opacity: 0;
	display: block;
	transition: all 0.5s ease-in-out;
	left: 50%;
	transform: translateX(-50%);
}

.lib-two-img-over .img-1 {
	opacity: 0;
	transform-style: inherit;
	transition: all 0.5s ease-in-out;
}

.lib-two-img-over .img-2 {
	opacity: 1;
	transform-style: inherit;
	transition: all 0.5s ease-in-out;
}

/*EFFECT SLIDERHOME*/
@keyframes myeffect-slideshow {
	0% {
		opacity: 0;
		transform: translateY(-300px);
		-webkit-transform: translateY(-300px);
		-moz-transform: translateY(-300px);
		-ms-transform: translateY(-300px);
		-o-transform: translateY(-300px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}

@-webkit-keyframes myeffect-slideshow {
	0% {
		opacity: 0;
		transform: translateY(-300px);
		-webkit-transform: translateY(-300px);
		-moz-transform: translateY(-300px);
		-ms-transform: translateY(-300px);
		-o-transform: translateY(-300px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}

@-moz-keyframes myeffect-slideshow {
	0% {
		opacity: 0;
		transform: translateY(-300px);
		-webkit-transform: translateY(-300px);
		-moz-transform: translateY(-300px);
		-ms-transform: translateY(-300px);
		-o-transform: translateY(-300px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}

/*===============================================
 [SASS DIRECTORY ]
 [1] BLOCK HEADER
 ==============================================*/
.typeheader-1.navbar-compact {
	background-position: left 0;
}

.typeheader-1.navbar-compact .header-middle {
	padding: 10px 0;
	margin: 0;
}

.typeheader-1.navbar-compact .container-megamenu.horizontal ul.megamenu>li>a strong img {
	display: none;
}

.typeheader-1.navbar-compact .search-header-w {
	margin-top: 3px;
}

.typeheader-1 .header-top .module {
	display: table-cell;
	margin-bottom: 0;
}

.typeheader-1 .header-top {
	background-color: var(--ff-accent);
}

.typeheader-1 .header-top .header-top-right {
	text-align: right;
}

.typeheader-1 .header-top .dropdown-menu li {
	line-height: 22px;
}

.typeheader-1 .header-top .header-top-right {
	display: inline-block;
}

.typeheader-1 .header-middle {
	clear: both;
	margin: 25px 0 16px 0;
}

.typeheader-1 .header-bottom {
	clear: both;
}


.typeheader-1 .header-middle , 
.typeheader-1 .header-bottom {
	background-color: #fff;
}


.typeheader-1 .header-bottom .container {
	position: relative;
}

.typeheader-1 .header-bottom .container .bottom3 {
	position: absolute;
	bottom: 8px;
	right: 0;
}

.typeheader-1 .telephone {
	float: right;
	font-size: 12px;
}

.typeheader-1 .telephone b {
	font-size: 14px;
	font-weight: 600;
}

.typeheader-1 .telephone ul li {
	display: inline-block;
	position: relative;
	list-style: outside none none;
	padding-left: 18px;
	margin-left: 18px;
	padding-right: 0;
}

.typeheader-1 .telephone ul li:after {
	background-color: rgba(255, 255, 255, 0.4);
	content: "";
	height: 11px;
	position: absolute;
	left: 0;
	top: 9px;
	width: 1px;
}

.typeheader-1 .telephone ul li a {
	color: #fff;
	text-transform: capitalize;
}

.typeheader-1 .telephone ul li a i {
	margin-right: 5px;
}

.typeheader-1 .lang-curr {
	float: right;
}

.typeheader-1 .signin-w {
	padding-left: 30px;
	float: right;
	color: #fff;
	font-size: 12px;
}

.typeheader-1 .signin-w ul li {
	float: left;
}

.typeheader-1 .signin-w ul li a {
	color: #fff;
}

.typeheader-1 .signin-w ul li a:hover {
	color: #222;
}

.typeheader-1 .welcome-msg {
	clear: both;
	color: #fff; 
	font-size: 1.3rem; 
	line-height: 40px;
}


.typeheader-1 .wishlist-comp {
	float: right;
	margin-right: 20px;
}

.typeheader-1 .wishlist-comp li {
	width: 40px;
	height: 40px;
	list-style: none;
	float: left;
	padding-top: 8px;
	margin-left: 15px;
}

.typeheader-1 .wishlist-comp li.wishlist {
	margin-top: 3px;
}

.typeheader-1 .wishlist-comp li a i {
	font-size: 26px;
	color: #000;
}

.typeheader-1 .wishlist-comp li a span {
	display: none;
}

.typeheader-1 .wishlist-comp li a.top-link-wishlist {
	width: 35px;
	height: 32px;
	text-align: center;
	overflow: hidden;
	display: block;
	text-indent: -999em;
}

.typeheader-1 .wishlist-comp li a.top-link-wishlist:before {
	font-family: 'FontAwesome';
	content: "\f004";
	font-size: 26px;
	color: #fff;
	display: block;
	text-indent: 0;
}

.typeheader-1 .wishlist-comp li a.top-link-wishlist:hover:before {
	color: #333;
}

.typeheader-1 .wishlist-comp li a:hover i {
	color: #333;
}

.typeheader-1 ul.top-link {
	list-style: none;
	margin: 0;
	vertical-align: top;
	display: inline-flex;
}

.typeheader-1 ul.top-link>li {
	position: relative;
	list-style: outside none none;
	padding-left: 20px;
	margin-left: 20px;
	padding-right: 0;
	font-size: 12px;
}

.typeheader-1 ul.top-link>li.language {
	min-height: 23px;
}

.typeheader-1 ul.top-link>li .btn-group {
	line-height: 35px;
}

.typeheader-1 ul.top-link>li .btn-group .btn-link {
	padding: 0;
	border: none;
	font-size: 12px;
}

.typeheader-1 ul.top-link>li .fa-caret-down {
	font-size: 12px;
}

.typeheader-1 ul.top-link>li:after {
	background-color: #d3d3d3;
	content: "";
	height: 11px;
	position: absolute;
	left: 0;
	top: 13px;
	width: 1px;
}

.typeheader-1 ul.top-link>li>a {
	font-size: 12px;
	padding-left: 3px;
}

.typeheader-1 ul.top-link>li.account {
	line-height: 35px;
}

.typeheader-1 ul.top-link>li.account>a {
	padding: 0;
	margin: 0;
}

.typeheader-1 ul.top-link>li.account:before {
	content: "\f007";
	font-family: FontAwesome;
	font-size: 12px;
}

.typeheader-1 ul.top-link>li.account .dropdown-menu {
	left: 0;
	right: auto;
}

.typeheader-1 ul.top-link>li.wishlist:before {
	content: "\f004";
	font-family: FontAwesome;
	font-size: 11px;
}

.typeheader-1 ul.top-link>li.account:hover ul.dropdown-link {
	top: 34px;
	z-index: 9999;
	opacity: 1;
	border-top: 1px solid rgba(200, 199, 199, 0.3);
}

.typeheader-1 ul.top-link>li.welcome-msg,
.typeheader-1 ul.top-link>li:first-child {
	padding-left: 0px;
	margin-left: 0px;
}

.typeheader-1 ul.top-link>li.welcome-msg:after,
.typeheader-1 ul.top-link>li:first-child:after {
	display: none;
}

.typeheader-1 #sosearchpro .search {
	position: relative;
	margin: 0;
	width: 100%;
	border-radius: 3px;
}

.typeheader-1 #sosearchpro .search .select_category {
	border: none;
	border-right: 1px solid #d7d7d7;
	background-color: #f5f5f5;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	width: 22%;
}

.typeheader-1 #sosearchpro .search .select_category select {
	height: 40px;
	line-height: 40px;
	color: #666;
	font-size: 12px;
	padding: 0 15px;
}

.typeheader-1 #sosearchpro .search .select_category select:hover {
	cursor: pointer;
}

.typeheader-1 #sosearchpro .search .select_category.icon-select:after {
	color: #999;
	background-color: #f5f5f5;
	font-size: 16px;
	line-height: 42px;
	right: 0;
	left: auto;
}

.typeheader-1 #sosearchpro .search button {
	position: absolute;
	top: 2px;
	right: 2px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	padding: 0 35px;
	font-size: 14px;
	color: #fff;
	background-color: #222;
	border-radius: 0;
	text-transform: upper-case;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.typeheader-1 #sosearchpro .search button i {
	font-size: 12px;
	color: #fff;
}

.typeheader-1 #sosearchpro .search button span {
	display: none;
}

.typeheader-1 #sosearchpro .search input {
	border: none;
	border-radius: 0px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #fff;
	z-index: 0;
	height: 40px;
	padding-left: 20px;
	font-size: 12px;
	width: 100%;
	background-color: #fff;
	color: #999;
}

.typeheader-1 #sosearchpro .search input::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.typeheader-1 #sosearchpro .search input:-ms-input-placeholder {
	color: #999;
}

.typeheader-1 #sosearchpro .search input::-webkit-input-placeholder {
	color: #999;
}

.typeheader-1 #sosearchpro .search input:focus {
	z-index: 0;
}

.typeheader-1 .shopping_cart {
	float: right;
	position: relative;
	margin-top: 3px;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart {
	position: relative;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .icon-c {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .icon-c i {
	font-size: 18px;
}

@media (min-width: 991px) and (-webkit-min-device-pixel-ratio: 0) {
	.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .icon-c {
		padding-top: 3px;
	}
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner {
	float: left;
	color: #fff;
	margin-left: 15px;
	margin-top: 8px;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .text-shopping-cart {
	font-size: 14px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 4px;
	line-height: 100%;
	text-transform: uppercase;
	padding-right: 5px;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart {
	font-size: 12px;
	float: left;
	line-height: 100%;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart2 {
	display: none;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_carts {
	color: #fff;
}

.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart {
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: -6px;
	left: 27px;
	font-size: 12px;
	color: #fff;
	background-color: #222;
}

.typeheader-1 .shopping_cart .dropdown-menu {
	top: 100%;
	right: -15px;
	left: auto;
	color: #666;
}

.typeheader-1 .shopping_cart .shoppingcart-box:before {
	right: 50px;
}

.typeheader-1 .megamenu-style-dev .navbar-default {
	background: transparent;
}

.typeheader-1 .container-megamenu.horizontal ul.megamenu>li>a {
	line-height: 100%;
	color: #000;
}

.typeheader-1 .container-megamenu.horizontal ul.megamenu>li.item-special,
.typeheader-1 .container-megamenu.horizontal ul.megamenu>li.item-purchase {
	display: none;
}

.typeheader-1 .container-megamenu.vertical {
	position: relative;
}

.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {
	background-color: #222;
}

.typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container:after {
	font-family: 'FontAwesome';
	content: "\f107";
	font-size: 16px;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 0;
	font-weight: 400;
}

@media (min-width: 992px) {
	.typeheader-1 .container-megamenu.vertical .vertical-wrapper {
		visibility: hidden;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		position: absolute;
		width: 100%;
		top: 60px;
	}

	.typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper {
		visibility: visible;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		top: 44px;
	}
}

.common-home .typeheader-1 {
	margin-bottom: 10px;
}

.common-home .typeheader-1 .container-megamenu.horizontal ul.megamenu>li.home>a {
	color: #222;
}

.typeheader-1 .container-megamenu.horizontal ul.megamenu>li:hover>a,
.typeheader-1 .container-megamenu.horizontal ul.megamenu>li.active>a,
.typeheader-1 .container-megamenu.horizontal ul.megamenu>li.menu_active>a {
	color: #222;
}

@media (min-width: 1200px) {
	.common-home .typeheader-1 .container-megamenu.vertical {
		position: relative;
	}

	.common-home .typeheader-1 .container-megamenu.vertical #menuHeading {
		margin: 0;
	}

	.common-home .typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern {
		position: relative;
	}

	.common-home .typeheader-1 .container-megamenu.vertical .vertical-wrapper {
		visibility: visible;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		top: 44px;
	}

	.common-home .typeheader-1 .container-megamenu.vertical:hover .vertical-wrapper {
		visibility: visible;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		top: 44px;
	}

	.common-home .typeheader-1.navbar-compact .container-megamenu.vertical .vertical-wrapper {
		visibility: hidden;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		top: 60px;
	}

	.common-home .typeheader-1.navbar-compact .container-megamenu.vertical:hover .vertical-wrapper {
		visibility: visible;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		top: 44px;
	}
}

@media (min-width: 1200px) and (max-width: 1649px) {
	.typeheader-1 .bottom1 {
		width: 21%;
	}

	.typeheader-1 .main-menu-w {
		width: 100%;
	}

	.typeheader-1 .bottom3 {
		width: 30%;
	}

	.typeheader-1 .container-megamenu.vertical .vertical-wrapper {
		margin-bottom: 30px;
	}

	.typeheader-1 .container-megamenu.vertical .vertical-wrapper ul.megamenu>a {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.typeheader-1 .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore {
		padding-top: 12px;
		padding-bottom: 15px;
	}

	.typeheader-1 .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore i {
		top: 12px;
	}

	.typeheader-1 #sosearchpro .search .select_category {
		width: 26%;
	}
}

@media (min-width: 1366px) and (max-width: 1649px) {
	.typeheader-1 .telephone ul li:first-child {
		display: none;
	}
}

.wrapper-boxed .typeheader-1 .telephone ul li:first-child {
	display: none;
}


/* header add start */
/* ====== Front Header Icons (right) ====== */
.front-header-quick {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	/* 아이템 간격 */
	margin: 0;
	padding: 0;
	list-style: none;
}

.front-header-item {
	display: flex;
}

.front-header-link {
	display: flex;
	flex-direction: column;
	/* 아이콘 위, 텍스트 아래 */
	align-items: center;
	text-decoration: none;
	gap: 6px;
}

.front-header-link i {
	font-size: 18px;
	/* 아이콘 크기 */
	line-height: 1;
}

.front-header-text {
	font-size: 12px;
	/* 텍스트 크기 */
	line-height: 1;
	white-space: nowrap;
}

/* 색상: 기본(검정), 호버(오렌지) — 두 번째 이미지 느낌 */
.front-header-link,
.front-header-link:visited {
	color: #111;
}

.front-header-link:hover,
.front-header-link:focus {
	color: #FE5000;
	/* 포커스/호버 시 포인트 컬러 */
}

/* 헤더 높이/정렬 보정이 필요하면 사용 (옵션) */
@media (min-width: 1200px) {
	.front-header-quick {
		margin-top: 2px;
		/* 상하 미세 조정 */
	}
}

/* 반응형: 기존처럼 md/sm/xs에서는 숨김(HTML의 hidden-*로 처리) */
/* 만약 md 이하에서도 아이콘만 보이게 하려면 아래를 참고해서 조정하세요.
@media (max-width: 991.98px) {
  .front-header-quick { justify-content: flex-end; gap: 16px; }
  .front-header-text { display: none; }  // 텍스트 감추고 아이콘만
}
*/
/* ================================
   공통: header row 수직 가운데 정렬
   (Bootstrap의 .row는 flex이므로 align-items만 보정)
===================================*/
.typeheader-1 .header-middle .row {
	align-items: center;
}

/* ================================
   PC 검색창 (두 번째 이미지 스타일)
   네임스페이스: .front-header-search
===================================*/
.front-header-search-wrap {
	display: flex;
	align-items: center;
}

.front-header-search {
	width: 100%;
}

.front-header-search__form {
	display: flex;
	align-items: center;
	height: 44px;
	border: 2px solid #FE5000;
	border-radius: 28px;
	padding: 0 6px 0 14px;
	background: #fff;
	box-sizing: border-box;
}

.front-header-search__input {
	flex: 1 1 auto;
	height: 100%;
	border: 0;
	outline: 0;
	font-size: 14px;
	color: #333;
	padding: 0 8px 0 2px;
	background: transparent;
}

.front-header-search__input::placeholder {
	color: #9aa0a6;
	/* 연한 회색 플레이스홀더 */
}

.front-header-search__btn {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 0;
	margin-left: 6px;
	background: #FE5000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .15s ease-in-out, transform .05s ease-in-out;
}

.front-header-search__btn i {
	color: #fff;
	font-size: 16px;
	line-height: 1;
}

.front-header-search__btn:hover {
	background: #e65900;
}

.front-header-search__btn:active {
	transform: scale(0.97);
}

/* 1200px 이상에서 미세 수직보정이 필요하면 조절 (환경에 따라 0~2px) */
@media (min-width: 1200px) {
	.front-header-search {
		margin-top: 0;
	}
}

/* 991px 이하: PC 검색창 숨김(기존 동작 유지) */
@media (max-width: 991.98px) {
	.front-header-search--pc {
		display: none !important;
	}
}

/* ================================
   오른쪽 아이콘/텍스트 묶음
   (간격 축소, 텍스트 볼드, 자간 보정)
===================================*/
.front-header-quick {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 18px;
	/* 간격 살짝 좁힘 (기존 24px→18px) */
	margin: 0;
	padding: 0;
	list-style: none;
}

.front-header-item {
	display: flex;
}

.front-header-link {
	display: flex;
	flex-direction: column;
	/* 아이콘 위, 텍스트 아래 */
	align-items: center;
	gap: 4px;
	/* 아이콘-텍스트 간격 살짝 줄임 */
	text-decoration: none;
	color: #111;
}

.front-header-link i {
	font-size: 19px;
	/* 아이콘 크기 미세 확대 */
	line-height: 1;
}

.front-header-text {
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	/* 텍스트 bold */
	letter-spacing: -0.2px;
	/* 자간 살짝 줄임 */
	white-space: nowrap;
}

.front-header-link:hover,
.front-header-link:focus {
	color: #FE5000;
}

/* 991px 이하: PC용 아이콘 묶음 숨김(기존 동작 유지) */
@media (max-width: 991.98px) {
	.front-header-quick {
		display: none !important;
	}
}

/* ================================
   레거시 규칙과의 충돌 회피 가이드
   - 기존 #sosearchpro .search ...와 충돌하지 않도록
   - 본 구현에서는 .search 클래스를 사용하지 않음
===================================*/
/* 혹시 기존 CSS가 더 높은 특이성으로 간섭하면 아래처럼 추가 특이성 부여 가능
.typeheader-1 #sosearchpro.front-header-search .front-header-search__btn { position: static !important; }
*/
/* === 데스크톱에서 헤더 한 줄 정렬 안정화 === */
@media (min-width: 992px) {

	/* ① 한 줄을 flex로, 세로 가운데 정렬 */
	.typeheader-1 .header-middle .container>.row {
		display: flex;
		align-items: center;
		/* 세로 중앙 */
	}

	/* ② 좌/우 칼럼은 내용만큼(auto) */
	.typeheader-1 .header-middle .navbar-logo,
	.typeheader-1 .header-middle .middle-right {
		flex: 0 0 auto;
		width: auto;
		/* col-lg-? 퍼센트 무시 */
	}

	/* ③ 가운데 칼럼은 가변폭(1fr) + 내부에서 중앙 정렬 */
	.typeheader-1 .header-middle .col-lg-7.col-md-6.col-sm-12 {
		flex: 1 1 0;
		width: auto;
		/* col-lg-7 폭 무시 */
		display: flex;
		justify-content: center;
		/* 가운데 칼럼 내 수평 중앙 */
	}

	/* ④ 검색 래퍼와 위젯의 최대폭 제한: 중앙에서 폭 줄이기 */
	.typeheader-1 .header-middle .search-header-w {
		flex: 0 1 auto;
		width: 100%;
		display: flex;
		justify-content: center;
		/* 검색 박스를 칼럼 중앙 */
	}

	/* 검색 박스 최대폭(필요 시 수치만 조절) */
	.typeheader-1 .header-middle #sosearchpro {
		flex: 0 1 720px;
		/* 최대 약 720px */
		max-width: 720px;
		width: 100%;
	}
}

/* === PC 검색박스: 오렌지 테두리 + pill + 우측 원형 버튼 === */
.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox {
	display: flex;
	align-items: center;
	height: 44px;
	/* 전체 높이 */
	padding: 0 6px 0 14px;
	border: 2px solid #FE5000;
	border-radius: 999px;
	background: #fff;
	position: relative;
	box-shadow: none;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox input.autosearch-input {
	flex: 1 1 auto;
	height: 40px;
	/* 내부 입력 높이 */
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 14px;
	color: #333;
	padding: 0 10px 0 0;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox input.autosearch-input::placeholder {
	color: #9aa0a6;
}

/* 레거시 절대배치 규칙 무력화 + 원형 버튼화 */
.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search {
	position: static !important;
	/* 기존 absolute 해제 */
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 0;
	margin-left: 6px;
	background: #FE5000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .15s ease-in-out, transform .05s ease-in-out;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search i {
	color: #fff;
	font-size: 16px;
	line-height: 1;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search:hover {
	background: #e65900;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search:active {
	transform: scale(.97);
}

/* 불필요한 기본 스타일 상쇄(버튼/인풋 주변) */
.typeheader-1 #sosearchpro .input-group.form-group.ibio-index-pc-searchbox {
	margin: 0;
	border: 0;
	box-shadow: none;
}

/* 아이콘/텍스트 묶음: 간격/볼드/자간 보정 */
.front-header-quick {
	gap: 16px;
}

/* 18→16로 살짝 더 좁힘 */
.front-header-link {
	gap: 4px;
}

.front-header-link i {
	font-size: 19px;
}

.front-header-text {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.2px;
}

/* ========== PC 검색 버튼: 오렌지 원형 버튼 ========== */
/* 대상: #sosearchpro > #search0.ibio-index-pc-searchbox 안의 버튼만 */
.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search {
	position: static !important;
	background: #FE5000 !important;
	border: 0 !important;
	border-radius: 50% !important;
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;
	margin-left: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
	cursor: pointer;
	transition: background .15s ease-in-out;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search i {
	color: #fff;
	font-size: 15px;
	line-height: 1;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search:hover {
	background: #e65900 !important;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search:hover i {
	color: #fff;
}

.typeheader-1 #sosearchpro #search0.ibio-index-pc-searchbox .button-search:active {
	transform: scale(.97);
}

/* 전체카테고리: 햄버거 아이콘 + 텍스트 정렬 */
.front-header-allcat-link {
	display: inline-flex;
	/* 아이콘-텍스트 가로 정렬 */
	align-items: center;
	/* 수직 중앙 */
	gap: 8px;
	/* 아이콘-텍스트 간격 */
	text-decoration: none;
}

/* 햄버거 아이콘 크기/색 */
.front-header-hamburger {
	font-size: 18px;
	/* 필요시 20~22px로 키우세요 */
	line-height: 1;
	color: #222;
}

/* 호버 색상 (사이트 포인트 컬러) */
.front-header-allcat-link:hover .front-header-hamburger,
.front-header-allcat-link:focus .front-header-hamburger {
	color: #FE5000;
}

/* 글자 기본색 보정(테마에 따라 필요 시) */
.front-header-allcat-link>strong {
	color: inherit;
	font-weight: 700;
}