/* TABLE OF CONTENTS
0.   RESET
1.   BODY 
2. Breabcrumb
32.  Responsive CSS  */
/*============ OWL-BRAN WRAPPER =============*/
#owl-bran-root.owl-bran-wrapper{position:relative;width:100%;min-height:100vh;overflow-x:hidden;}
#owl-bran-root.owl-bran-wrapper *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/*============ 0. Reset =============*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
*{
	margin:0;
	padding:0
}
body{background: #fff;color: #000;font-family: 'Helvetica Neue', sans-serif;font-size: 20px;overflow-x: hidden;font-weight:300;}
b,strong{font-weight: 700;}
h1,h2,h3,h4,h5,h6{font-weight: 500;}
h1 { font-size: 36px; }
h2 { font-size: 28px;}
h3 { font-size: 24px;}
h4 { font-size: 13px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }
em { font-style: italic; }
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;width: 100%;}
ul,ol{padding:0;list-style:none;margin:0}
img{max-width:100%; vertical-align: middle;}
a {text-decoration: none; outline: none;color: #000;transition:all 0.3s linear;}
a svg{transition:all 0.3s linear;}
a:focus,a:hover,a:active{text-decoration: none;outline: none;color: #01656C;}
.flex-box {display: flex;}
.flex-box-i {display: inline-flex;}
.flex-w {flex-wrap: wrap;}
.flex-c {flex-direction:column;}
.align-c {align-items: center;}
.justify-c {justify-content: center;}
.justify-s {justify-content: space-between;}
.justify-e {justify-content: end;}
.flex-box.row:before,.flex-box.row:after{display:none;}
.flex-box > img{align-self:center;}
.flex-scroll{overflow-x: auto;}
.flex-scroll::-webkit-scrollbar{display: none;}
.header-page h1 {
	font-weight: 500;
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.01em;
	margin:20px 0;
}
.index-title {
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.64px;
	margin-bottom: 40px;
	font-weight: 300;
}
.index-title span{
	color: #01656C;
}
.blue-btn {
	display: inline-flex;
	align-items: center;
	justify-content:space-between;
	border: 1px solid #FFFFFF;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 15px 26px 15px 20px;
	min-width:240px;
}
.main-slider-item .blue-btn.main-slider-item-img {
	padding: 0;
}

.blue-btn.w256{min-width:256px;}
.blue-btn svg{width:9px;fill:#fff;position:relative;}
.blue-btn.border{border-color:#BFBFBF;color:#000;}
.blue-btn.border svg{fill:#000;}
.blue-btn:not(.main-slider-item-img):hover {background:#01656C;color:#fff !important;border-color:#01656C !important;}
.blue-btn:not(.main-slider-item-img):hover svg{transform:translateX(6px);fill:#fff !important;}
.pagi{margin-bottom:60px;}
#collection-all .pagi{margin-bottom:0px;}
#pagination .page-node {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	font-size: 16px;
	margin: 0 5px;
}
#pagination a.page-node:hover, #pagination .page-node.current{
	color: #fff;
	background: #01656C;
}
.pro-color .color-box {
	flex:0 0 16px;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	border: 1px solid #bfbfbf;
	border-radius: 50%;
}
.pro-color .color-name {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.03em;
	background: transparent;
}
.wrapper-breadcrum .breadcrumb{
	background:transparent;
	margin: 30px 0 20px;
	padding:0;
}
.wrapper-breadcrum .breadcrumb>.active{color:#000;}
.wrapper-breadcrum .breadcrumb li a, .wrapper-breadcrum .breadcrumb li > span, .pro-breadcrumb a{
	display:inline-block;
	color:#000;
	text-transform:uppercase;
	letter-spacing: 0.03em;
	font-size:14px;
	line-height:16px;
}
.wrapper-breadcrum .breadcrumb>li+li:before, .pro-breadcrumb a + a:before{
	font-family:'FontAwesome';
	content:'\f105';
	color:#000;
	padding: 0 5px;
}
.wrapper-breadcrum .breadcrumb li a:hover{color:#01656C;}
.pro-breadcrumb{padding: 40px 0 20px;}
.select-quantity .box_qty {
	border: 1px solid #000000;
	border-radius: 8px;
}
.select-quantity .box_qty .qty-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 21px;
	cursor: pointer;
}
.select-quantity .box_qty input{
	border: 0;
	width: 18px;
	text-align: center;
	font-size: 18px;
	color: #000;
	outline: none;
	pointer-events: none;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	background: #fff;
}
@media (max-width: 767px){
	header.main-header {
		/*top: 31px;*/
	}
}
.main-content {
	min-height: 50vh;
	padding-top:144px;
}
.nav-sub a {
	display: block;
	padding: 18px 0 14px;
	border-bottom: 4px solid transparent;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.9px;
	margin: 0 20px;
	color:#000;
}
.nav-sub a.active, .nav-sub a:hover{
	border-color:#01656C;
}
/*============ 1. Body ==============*/
@media (min-width: 1300px){
	.container{width: 1280px;position: relative}
}
.container-fluid{max-width:1440px;margin:0 auto;padding-left:80px;padding-right:80px;}
.container-fluid.no-padding{padding-left:0;padding-right:0;}
.container-fluid.no-right{padding-right:0;}
@media (max-width: 1199px){
	.container-fluid{padding-left:6px;padding-right:6px;}
}
/*============2. Breabcrumb==============*/
#breadcrumb{margin-bottom:15px;}
#breadcrumb .breadcrumb{margin-bottom: 0;background: none;padding: 10px 0;}
#breadcrumb .breadcrumb>li+li:before{content: ">";color:#999;}
#breadcrumb .breadcrumb li a, #breadcrumb .breadcrumb li.active{color:#999;}
#breadcrumb .breadcrumb li a:hover{color:#f58220;}
.banner_list div {padding: 0;}
.login-tab{border-bottom: 1px dotted #000;}
.login-tab li.active a{border: none!important;border-bottom: 3px solid #222!important;font-weight: bold;padding-bottom: 15px!important;}
.login-tab li a:hover{border: none;background: none;}
.login-tab li a{text-align: center;text-transform: uppercase;font-size: 15px;	color: #222;}
.fancybox-skin{    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.p75{padding-left: 7.5px;padding-right: 7.5px;}
.search-sidebar input{
	width:100%;
	border: 0;
	border-bottom: 1px solid #444;
	font-family: GothamLight;
}
.search-sidebar input:focus{
	outline: none;
}
.wrap-logo-mobile {
	text-align: center;
	padding: 10px 0;
}
.wrap-logo-mobile a.logo-mobile img {
	width: 100px;
}
.search-result-top{margin-bottom: 20px;}
.results-search, .search-input{
	font-family: GothamBold!important;  
}
.button-caption.hidden-xs {
	display: none;
}

#size_windowx{
	position: fixed;
	top: 0;
	left: 0;
	display:none;
	background: rgba(0, 0, 0, 0.29);
	z-index: 999;
	max-width: 100%;
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	bottom: 0;
}
.boxsize{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: #fff;
	padding: 8px;
	border: 1px solid #ccc;
	z-index: 99999999;
}
#size_windowx .wraper{
	width:100%;
	height:100%;
}
.closepopup{
	float: right;
	display: inline-block;
	background: #a14545;
	width: 30px;
	margin-top: -10px;
	margin-right: -10px;
	color: #fff;
}
input#accepts_marketing {
	position: relative;
	top: 3px;
}
.sub-main-menu .col-sub-menu:last-child p.menu-child-1 a {
	color: #000000 !important;
}
.col-sub-menu:nth-child(3) {
	width: 23%;
}
.col-sub-menu:nth-child(4) {
	width: 13%;
}

.video-responsive{
	overflow:hidden;
	padding-bottom:45%;
	position:relative;
	height:0;
}
.video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

.dongmenu{
	float: right;
	color: #fff;
}
.user-box {
	position: absolute;
	top: 100%;
	left: 100%;
	width: 200px;
	opacity: 0;
	visibility:hidden;
	transition: all .3s;
}	

.user-icon {
	position: relative;
}
.user-icon:hover .user-box {
	left: 0;
	visibility:visible;
	opacity: 1;
}

.icon-header {
	display: flex;
}

.search-sidebar {
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	width: 300px;
}
.search-sidebar input {
	line-height: 50px;
}

.sidebar-menu.col-header {
	position: relative;
	right: 0;
	top: 0;
}

.icon-header li {
	display: inline-flex;
	align-items: center;
	margin-left:20px;
}
.icon-header li:first-child{margin-left:0px;}
.icon-header li .txt{
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color:#000;
}
.customer {
	margin-right: 0;
}
.customer .txt{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#000;
}
.customer .txt .owl-account-icon{
	display:block;
	width:24px;
	height:24px;
}
.show-search-box {
	display: block !important;
}
.cartpro {
	padding-top: 0;
}
.header a i {
	color: #01656C;
	font-size: 25px;
}

.dangonngu a{
	margin-left: 36px;
	vertical-align: -webkit-baseline-middle;
}
.dangonngu a:last-child{
	margin-left: 15px;
}
/*.dangonngu.visbile-xs{
display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;    
display: flex;  
}

.dangonngu.visbile-xs a{
width:50px !important; 
}*/

.dangonngu.visbile-md{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;  
}

.dangonngu.visbile-md a{
	width:50px !important; 
}
@media (max-width:767px){
	.dangonngu.visbile-md {
		display: none!important;
	}
	#page {position: relative;}
}

.alert-note-promotion {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	color: red;
}
@media screen and (max-width: 767px){
	.search-bar-top {
		background: #ebebeb none repeat scroll 0 0;
		clear: both;
		padding: 4px;
		line-height: 30px;
		margin-bottom: 6px;
	}
	.search-input-top {
		background: #fff none repeat scroll 0 0;
		clear: both;
		height: 31px;
		overflow: hidden;
		position: relative;
		z-index: 999;
	}
	.search-bar-top div {
		line-height: 30px;
	}
	.search-bar-top input[type="text"] {
		border: medium none;
		font-size: 13px;
		font-weight: normal;
		height: 26px;
		padding-left: 13px;
		padding-top: 2px;
		width: 80%;
		float: left;
	}
	.search-bar-top .icon-search {
		background-color: #01656C!important;
		border: medium none;
		cursor: pointer;
		float: right;
		height: 31px;
		position: relative;
		width: 43px;
		z-index: 99999;
		outline: medium none;
		line-height: 39px;
	}
	svg.icon-search_white {
		padding: 0;
		width: 15px;
		height: 15px;
		background: transparent;
		fill: #ffffff;
		display: inline-block;
		transition: all 0.2s linear;
		cursor: pointer;
		position: relative;
		top: -1px;
	}
	.sidebar-menu.col-header {
		display: none;
	}
	.mobile-search-btn {
		right: 30px;
		left: auto !important;
		background-image: none !important;
		top: 25% !important;
	}
	.mobile-search-btn i {
		color: #fff !important;
	}
	.search-bar-top {
		display: none;
		opacity: 0;
		transition: opacity .3s;
	}
	.show-search-bar-top {
		display: block !important;
		opacity: 1 !important;
	}
}
.related-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.article_lq_title{
	font-size: 13px;
	line-height: 21.034px;
	line-height: 1.4em;
	color: #000;
}
.product-description div {
	max-width: initial !important;
}
.product-description div iframe {
	height: 350px;
	width: 100%;
}

#shopthelook ul li{
	padding:0 !important;
}
.slick-next {
	top: 100%!important;
	left: 45%!important;
	transform: rotate(90deg) translateX(-50%) !important;
	color: #000!important;
	z-index: 99;
}
.slick-next:before{color:#000!important;font-size:30px!important;}
.slick-prev {
	top: 0px!important;
	left: 45%!important;
	transform: rotate(90deg) translateX(-50%) !important;
	color: #000!important;
	z-index: 99;
}
.slick-prev:before{color:#000!important;font-size:30px!important;}
.header.scrollDown {
	background: #01656C;
	position: fixed;
	top: 0px;
	z-index: 1000;
	width: 100%;
}
.menuside_more_usestq.scrollDown {
	top: 90px;
}
@media screen and (max-width: 767px){
	.menuul{
		padding-bottom: 100px;
	}
	body.active {
		height: 100vh;
		overflow: hidden;
	}
	body.active .overflow-menu-open {
		position: fixed;
		background: #000;
		opacity: 0.2;
		top: 0px;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		cursor: not-allowed;
		pointer-events: none;
	}
	.menuside_more_usestq.scrollDown ul.menuul{
		padding-bottom: 150px
	}
}
.topbar_advertisement{
	z-index: 99;
	background: #01656C;
	color: #fff;
	text-align: center;
	position:relative;
}
.topbar_advertisement a{
	display:inline-block;
	color: #fff;
	font-size: 14px;
	line-height:20px;
	padding:10px 0;
	letter-spacing: 0.03em;
}
.topbar_advertisement .cross {
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
}
.positin-s-hihi {
	position: -webkit-sticky;
	position: sticky;
	top: 65px;
}
@media (max-width: 500px) {
	.header.top_ne.scrollDown {
		top: 0;
	}
	.header.top_ne.scrollDown.top_hihi_55 {
		top: 53px;
	}
}
.main-menu, .cartpro {
	flex: 0 0 calc((100% - 200px)/2);
	width:calc((100% - 200px)/2);
}
.nav-top {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	position:relative;
}
.nav-menu{
	padding: 24px 40px 16px 40px;
}
@media(min-width:1024px){
	.imglogo img {
		transform: translateY(-6px);
	}
}
.main-menu > li{margin-right:40px;}
.main-menu li a{
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.sub-main-menu{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 22;
	padding:20px 40px 40px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.1);
	display:none;
}
.sub-main-menu:before {
	content: '';
	top: -40px;
	left: 0;
	width: 40%;
	height: 57px;
	position: absolute;
	background: transparent;
}
.sub-main-menu .sub-main-box{
	position:relative;
	max-width: 1360px;
	margin: 0 auto;
}
.sub-main-menu .sub-main-box .notify{
	position:absolute;
	bottom:0;
	left:0;
	width:50%;
	color:#01656C;
	font-size:14px;
	line-height:20px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.main-menu > li:hover > a{color:#000;}
.main-menu > li.has-child:hover > .sub-main-menu {
	display: block;
}
.sub-main-menu .col-sub-menu{margin-right:30px;}
.main-menu li .sub-main-menu .menu-child-title{margin-bottom:15px;}
.main-menu li .sub-main-menu .menu-child-title a{
	color:#000;
	font-weight:bold;
}
.main-menu li .sub-main-menu li{margin-bottom:4px;}
.main-menu li .sub-main-menu li a{
	text-transform: initial;
	color: #808080;
}
.main-menu li .sub-main-menu li a:hover{color:#01656C;}
.main-menu li .sub-main-menu .menu-child-title a:hover{color:#01656C;}
.sub-main-menu .left{
	flex:0 0 50%;
	width:50%;
	padding-bottom:30px;
}
.sub-main-menu .img-right{
	flex:0 0 45%;
	width:45%;
}
.sub-main-menu .img-right .menu-img{
	flex:0 0 calc(50% - 5px);
	width:calc(50% - 5px);
}
.sub-main-menu .img-right .menu-img a{
	text-transform: initial;
}
.sub-main-menu .img-right .menu-img a span{display:block;margin-top:5px;}
.icon-header .cart-count {
    display: inline-flex;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    margin-left: -10px;
    font-size: 12px;
    font-family: 'Manrope', sans-serif;
    margin-top: -15px;
}
.icon-header .cart-count.color{
	color:#fff;
	background:#01656C;
	border-color:#01656C;
}
/*----------------------------*/
/*New CSS*/
.product-block .product-img {position: relative;}
.product-block .product-img a {display: block;position: relative;overflow: hidden;padding-bottom:133%;}
.product-block .product-img .img-wrapper a > img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.product-img .img-wrapper :is(.product-sale,.product-sale-background) {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #f00;
	color: #fff;
	padding: 4px 8px;
	z-index: 3;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.product-img .img-wrapper .product-sale-background {
	background: #fff;
	color: #b10b0b;
	left: auto;
	right: 12px;
	font-weight: 500;
}
.product-img .img-wrapper .product-sale.sold-out{background: #ccc;}
.product-img .img-wrapper .product-new {
	position: absolute;
	top: 12px;
	right: 12px;
	background: #01656C;
	color: #fff;
	padding: 4px 8px;
	z-index: 3;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.product-img .img-wrapper .product-action-wishlist {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #fff;
	z-index: 3;
	display: none;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	border-radius: 4px;
	cursor: pointer;
	color:#c33437;
}
.product-img .img-wrapper .product-action-wishlist i{transition:all 0.3s linear;}
.product-img .img-wrapper .product-action-wishlist:hover i{transform:scale(1.2);}
.product-block .product-img .img-wrapper a > img.hover{
	opacity: 0;
	visibility: hidden;
	z-index:2;
}
.product-action-quick {
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: calc(100% - 24px);
	z-index: 3;
	background: #fff;
	box-shadow: 0 0px 2px rgba(0,0,0,0.1);
	display:none;
}
.product-action-quick .quick-add {
	padding: 0 24px 0 20px;
	height: 52px;
	cursor: pointer;
	color: #000;
	font-size: 14px;
	letter-spacing: 0.03em;
	transition:all 0.3s linear;
}
.product-action-quick .quick-add-list {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 52px;
	background: #fff;
	padding: 10px;
	opacity:0;
	visibility:hidden;
	transition:all 0.3s linear;
}
.quick-add-list .quick-add-item {
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	border: 1px solid transparent;
	padding: 0px;
	min-width: 30px;
	text-align: center;
	margin: 0 0px 3px;
	color: #000;
	border-radius: 4px;
	position:relative;
	overflow:hidden;
	font-size: 12px;
}
.quick-add-list .quick-add-item.sold{pointer-events:none;background: #f2f2f2;color: #bfbfbf;}
.quick-add-list .quick-add-item.sold:before{
	content: '';
	position: absolute;
	width: 120%;
	height: 0.5px;
	background: #bfbfbf;
	left: -3px;
	top: 50%;
	transform: rotate(40deg);
}
.quick-add-list .quick-add-item:hover, .quick-add-list .quick-add-item.active{border-color:#000;}
.product-action-quick:hover .quick-add {
	opacity:0;
	visibility:hidden;
}
.product-action-quick:hover .quick-add-list {
	opacity:1;
	visibility:visible;
}
.product-block .product-img:hover .product-action-quick{display:block;}
@media screen and (min-width:1200px){
	.product-block .product-img:hover .img-wrapper .product-action-wishlist{display:flex;}
	.product-block .product-img:hover .img-wrapper.has-effect a > img {
		opacity: 0;
		visibility: hidden;
	}
	.product-block .product-img:hover .img-wrapper.has-effect a > img.hover{
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (max-width:1199px){
	.product-block .product-img .product-action-quick{display:none;}
	.product-action-quick .quick-add{height:36px;}
}
.product-block .product-img a .product-frame {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.product-block .product-img a .product-frame img {display:none;}
.product-block .product-img a .product-frame img:first-child {	display: block;	width: 100%;}
.product-block .product-detail {
	padding: 10px 0 4px;
	align-items: flex-start;
}
.product-block .product-detail .pro-name{
	flex:1;
	margin-right:10px;
}
.product-block .product-detail .pro-name a{
	display:block;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.333;
}
.product-block .pro-price{
	background: #f7f6f4;
	padding: 6px 10px 4px;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0.02em;
	color: #000000;
	white-space: nowrap;
	font-weight: 500;
	border-radius: 12px;
}
.product-block del{color:#808080;font-size: 13px;}
@media (min-width: 1200px){
	.article-detail.container {
		width: 900px;	
	}
}
.article-item span {
	text-align: center;
}


.product-block .haravan-product-reviews-badge {
	min-height: 20px;
}
@media (max-width: 767px) {
	.three_banner_top .bannerimg:first-child{
		margin-bottom: 42px;
	}
	.boxsize {
		width: 100%;
	}
	footer {
		position: relative;
		/* z-index: -1;*/
	}
}

@media (min-width: 768px) {
	.hidden-pc {display: none!important;}
}
#last_name {
	/*display: flex;*/
	align-items: center;
	justify-content: space-between;
}
.mg-bottom-10{margin-bottom: 10px;}

@media(max-width: 480px){
	.menu-m a.customer i {
		color: #fff;
		font-size: 24px;
	}
	.menu-m a.customer {
		position: absolute;
		top: 25px;
		left: 55px;
	}
}
.content-product-list{display: flex;flex-wrap: wrap;padding:0 30px;}
#collection-all .content-product-list {
	padding: 0;
	margin-left: -10px;
	margin-right: -10px;
}
.content-product-list .pro-item {
	flex: 0 0 50%;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 40px;
}
.content-product-list .pro-item.col4{
	flex: 0 0 25%;
	width: 25%;
}
.dangonngu {
	display: none;
}

.menuul li a.sale-red {
	color: #f00;
}
.main-menu > li > a.sale-red {
	color: #f00 !important;
} 
.sidebar-menu .title-menu .sale-red {
	color: #f00;
}

.fb_customer_chat_icon {
	bottom: 80px !important;
}
.zalo-chat-widget {
	right: 24px !important;
	z-index: 999 !important;
	bottom: 100px !important;
}

.wrap-container.active{position: relative;z-index: 9999}
/* new layout */
.footer-top{
	background: #01656C;
	padding: 20px 0 4px;
}
.footer-top .top-col{
	flex:0 0 31.6%;
	width:31.6%;
	padding:20px 15px;
	text-align:center;
}
.footer-top .top-txt{
	flex: 0 0 36.8%;
	width:36.8%;
	padding:20px 15px;
	text-align:center;
}
.footer-top .top-title{
	color:#fff;
	font-size: 23px;
	line-height: 1.3333;
	letter-spacing: 0.01em;
	margin-bottom:10px;
}
.footer-top .top-title a{display: block;}
.footer-top .list-img li{margin:0 8px;}
.footer-top .list-img li img{max-height:24px;}
.footer-top .list-img li svg{
	height:24px;
	width:auto;
	fill:#fff;
}
.footer-top .list-img li svg path{fill:#fff;}
.footer-top .list-socials li{margin:0 8px;}
.footer-top .list-socials li a img{width:24px;height:24px;object-fit:cover;}
.footer-top .list-socials li a svg{
	height:24px;
	width:24px;
	fill:#fff;
}
.footer-bottom {
	background: #F2F2F2;
}
.footer-bottom-box{
	padding:80px 40px;
}
.footer-bottom-box .footer-left{
	flex:0 0 39.2%;
	width:39.2%;
}
.footer-bottom-box .footer-right{
	flex:0 0 44.5%;
	width:44.5%;
}
.newsletter{margin-bottom:20px;}
.newsletter .newsletter-title {
	font-size: 18px;
	line-height: 1.3333;
	color: #000;
	margin-bottom: 24px;
}
.newsletter .form-box input{
	flex:0 0 calc(100% - 48px);
	width:calc(100% - 48px);
	height:48px;
	background:#fff;
	font-size:18px;
	color: #000;
	line-height:24px;
	padding:12px 16px;
	border:0;
	outline: none;
}
.newsletter .form-box input::-webkit-input-placeholder {color: #BFBFBF;}
.newsletter .form-box input:-ms-input-placeholder {color: #BFBFBF;}
.newsletter .form-box input::placeholder {color: #BFBFBF;}
.newsletter .form-box button{
	flex:0 0 48px;
	width:48px;
	height:48px;
	text-align:center;
	border:0;
	background: #01656C;
	color:#fff;
	font-size:24px;
}
.newsletter .form-box button svg{fill:#fff;width:9px;}
.footer-store a{
	display:block;
	font-size: 18px;
	line-height: 1.3333;
	color: #01656C;
	text-transform:uppercase;
}
.footer-store a span{display:inline-flex;margin-bottom: 20px;align-items: center;}
.footer-store a span i{font-size:16px;margin-left:12px;}
.footer-store a .img, .footer-buy {
	position: relative;
}
.footer-store a .img > img{width:100%;}
.footer-store a .img .img-rotate {
	position: absolute;
	top: -39px;
	right: -39px;
	width: 78px;
	height: 78px;
}
.footer-store a .img .img-rotate svg{
	width:100%;
	height:100%;
	-webkit-animation: rotate-circle 8s infinite linear;
	animation: rotate-circle 8s infinite linear;
}
@-webkit-keyframes rotate-circle {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	5% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}
	10% {
		-webkit-transform: rotate(36deg);
		transform: rotate(36deg);
	}
	15% {
		-webkit-transform: rotate(54deg);
		transform: rotate(54deg);
	}
	20% {
		-webkit-transform: rotate(72deg);
		transform: rotate(72deg);
	}
	25% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	30% {
		-webkit-transform: rotate(108deg);
		transform: rotate(108deg);
	}
	35% {
		-webkit-transform: rotate(126deg);
		transform: rotate(126deg);
	}
	40% {
		-webkit-transform: rotate(144deg);
		transform: rotate(144deg);
	}
	45% {
		-webkit-transform: rotate(162deg);
		transform: rotate(162deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	55% {
		-webkit-transform: rotate(198deg);
		transform: rotate(198deg);
	}
	60% {
		-webkit-transform: rotate(216deg);
		transform: rotate(216deg);
	}
	65% {
		-webkit-transform: rotate(234deg);
		transform: rotate(234deg);
	}
	70% {
		-webkit-transform: rotate(252deg);
		transform: rotate(252deg);
	}
	75% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	80% {
		-webkit-transform: rotate(288deg);
		transform: rotate(288deg);
	}
	85% {
		-webkit-transform: rotate(306deg);
		transform: rotate(306deg);
	}
	90% {
		-webkit-transform: rotate(324deg);
		transform: rotate(324deg);
	}
	95% {
		-webkit-transform: rotate(342deg);
		transform: rotate(342deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes dot-animate {
	0% {
		width:0;
	}
	5% {
		width:5%;
	}
	10% {
		width:10%;
	}
	15% {
		width:15%;
	}
	20% {
		width:20%;
	}
	25% {
		width:25%;
	}
	30% {
		width:30%;
	}
	35% {
		width:35%;
	}
	40% {
		width:40%;
	}
	45% {
		width:45%;
	}
	50% {
		width:50%;
	}
	55% {
		width:55%;
	}
	60% {
		width:60%;
	}
	65% {
		width:65%;
	}
	70% {
		width:70%;
	}
	75% {
		width:75%;
	}
	80% {
		width:80%;
	}
	85% {
		width:85%;
	}
	90% {
		width:90%;
	}
	95% {
		width:95%;
	}
	100% {
		width:100%;
	}
}
.footer-right .footer-menu{
	flex:0 0 calc(100%/3 - 13px);
	width:calc(100%/3 - 13px);
}
.footer-right .footer-menu .footer-title{
	font-size: 14px;
	line-height: 16px;
	color: #01656C;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.footer-menu ul li{
	margin-bottom:8px;
}
.footer-menu ul li a, .copy-left ul li a{
	display:inline-block;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.03em;
}
.footer-copy-box{margin-top:80px;}
.footer-copy-box .copy-left{
	flex:0 0 calc(100% - 160px);
	width:calc(100% - 160px);
}
.footer-copy-box .logo-bct{
	margin-top:7px;
	flex:0 0 150px;
	width:150px;
}
.copy-left ul{margin-bottom:8px;}
.copy-left ul li{margin-right:20px;}
.copy-left .copyright{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.03em;
	margin:0;
}
.footer-buy{margin-bottom:40px;display: inline-block;}
.footer-buy .buy-title{
	display:inline-flex;
	justify-content: space-between;
	min-width:305px;
	border: 0.5px solid #000000;
	padding:15px 24px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 28px;
	cursor:pointer;
}
.footer-buy .buy-title span{margin-right:19px;}
.footer-buy .buy-list{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#fff;
	border: 0.5px solid #000000;
	border-top:0;
}
.footer-buy .buy-list .buy-item{
	font-size: 18px;
	line-height: 24px;
	padding: 15px 24px;
	border-bottom: 0.5px solid #ccc;
	cursor: pointer;
	transition:all 0.3s linear;
}
.footer-buy .buy-list .buy-item:hover{background:#F2F2F2;}
.footer-buy.active .buy-title .icon-plus:after{display:none;}
.footer-buy.active .buy-list{display:block;}
.icon-plus{position:relative;width:16px;height:16px;font-style:normal;}
.icon-plus:before, .icon-plus:after{
	content:'';
	position:absolute;
	top:calc(50% - 1px);
	left:0;
	width:100%;
	height:1px;
	background:#000;
}
.icon-plus:after{transform:rotate(90deg);}
.index-about{
	background:#01656C;
}
.index-about .about-box{
	max-width:935px;
	padding:80px 0;
}
.index-about .about-desc{
	color:#fff;
	font-size: 48px;
	line-height: 1.17;
	margin-bottom:40px;
}
.index-about .about-link a{
	color:#fff;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.06em;
}
.index-about .about-link a i{font-size:16px;margin-left:12px;}
.my-nav.owl-carousel .owl-nav button{
	position:absolute;
	top:50%;
	transform:translateY(-50%);

	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
}
.my-nav.owl-carousel .owl-nav button svg {
	width: 40px;
	height: 40px;
	fill: #fff;
}
//.my-nav.owl-carousel .owl-nav button:hover{color:#fff;background:#01656C;}
.my-nav.owl-carousel .owl-nav button.disabled{opacity:0;visibility:hidden;}
.my-nav.owl-carousel .owl-nav button.owl-prev{left:10px;}
.my-nav.owl-carousel .owl-nav button.owl-next{right:10px;}
.my-nav.owl-carousel .owl-nav button.owl-prev i{position:relative;left:-3px;}
.my-nav.owl-carousel .owl-nav button.owl-next i{position:relative;left:3px;}
.my-dot.owl-carousel .owl-dots {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	padding-left: 60px;
}
.my-dot.owl-carousel .owl-dots .owl-dot{
	flex: 0 0 50px;
	width: 50px;
	height: 3px;
	background: rgba(0,0,0,0.2);
	margin-right: 11px;
	position:relative;
}
.my-dot.owl-carousel .owl-dots .owl-dot:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background:#01656C;
	visibility:hidden;
}
.my-dot.owl-carousel .owl-dots .owl-dot.active:before{
	-webkit-animation: dot-animate 4s infinite linear;
	animation: dot-animate 4s infinite linear;
	transition: all 4s linear;
	visibility:visible;
}
.index-featured {
	padding: 100px 0;
}
.featured-item a{display:block;}
.featured-item a .featured-item-end{display:none;}
.featured-item a .featured-item-img{position:relative;padding-bottom:150%;overflow:hidden;margin-bottom:12px;}
.featured-item a .featured-item-img img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.4s linear;
}
.featured-item a .featured-item-img img.hover{
	z-index:2;
	opacity:0;
	visibility:hidden;
	transform:scale(0.95);
}
.featured-item a .sub{
	font-size: 14px;
	line-height: 16px;
	display: block;
	letter-spacing: 0.03em;
	color:#000;
}
.featured-item a .title{
	font-size: 24px;
	line-height: 1.333;
	color:#000;
}
.featured-item a .title i{
	font-size:20px;
	margin-left:20px;
	position:relative;
	top:-2px;
}
.featured-item a:hover .featured-item-title{display:none;}
.featured-item a:hover .featured-item-end{display:block;}
.featured-item a:hover .featured-item-img img.default{opacity:0;visibility:hidden;transform:scale(1.2);}
.featured-item a:hover .featured-item-img img.hover{opacity:1;visibility:visible;transform:scale(1);}
.main-slider-item {
	position: relative;
}
/*.main-slider-item:after{
content:'';
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.2);
z-index:2;
}*/
.main-slider-item picture img{
	/*
	height: 100vh;
	object-fit: cover;
	*/
}
.main-slider-item .caption{
	position: absolute;
	top: auto;
	bottom: 12%;
	left: 50%;
	transform: translate(-50%,-0%);
	//width: 100%;
	max-width: 532px;
	color: #fff;
	z-index:3;
}
.main-slider-item .caption .caption-title{
	font-size: 64px;
	line-height: 1.06;
	margin-bottom:8px;
}
.main-slider-item .caption .caption-desc{
	font-size: 32px;
	line-height: 1.25;
	margin-bottom:40px;
	letter-spacing: 0.01em;
}
.index-banner, .index-feedback, .index-instagram, .index-blog, .index-collection, .index-about{
	margin-bottom:160px;
}
.index-instagram .index-title{margin-left:15px;}
.banner-owl, .feedback-owl {
	background: #f2f2f2;
}
.banner-owl .banner-item .img{
	flex:0 0 59.38%;
	width:59.38%;
	position:relative;
}
.banner-owl .banner-item .banner-info{
	flex:0 0 calc(100% - 59.38%);
	width:calc(100% - 59.38%);
}
.banner-info{
	padding:80px 80px 40px;
}
.banner-info .sub-title{
	font-size: 18px;
	line-height: 1.333;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.banner-info .desc{
	font-size: 18px;
	line-height: 1.333;
	letter-spacing: 0.03em;
	margin-bottom:40px;
}
.banner-info .title{
	font-weight: 300;
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.01em;
	margin:0;
}
.banner-info .title-64{
	font-size:64px;
	line-height:1.06;
	margin-bottom:40px;
}
.feedback-owl .feedback-item .img{
	flex:0 0 35.5%;
	width:35.5%;
}
.feedback-owl .feedback-item .img img {
	aspect-ratio: 1/1;
	width: auto;
	height: auto;
	object-fit: cover;
}
.feedback-owl .feedback-item .info{
	flex:0 0 calc(100% - 35.5%);
	width:calc(100% - 35.5%);
	padding:80px;
}
.feedback-item .info .title{margin:0 0 30px;font-weight:300;}
.feedback-item .info .title a{
	display:inline-flex;
	align-items:center;
	color: #01656C;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.feedback-item .info .title a svg{width:5px;fill:#01656C;margin-left:10px;transition:all 0.3s linear;position:relative;}
.feedback-item .info .title a:hover svg{transform:translateX(6px);}
.feedback-item .info .index-title{margin-bottom: 24px;font-weight:300;}
.feedback-item .info .person{font-size: 32px;line-height: 1.25;letter-spacing: 0.01em;}
.index-blog .index-title{margin-bottom:60px;}
.blogs-list .index-blog-item {
	flex:0 0 calc(100%/3 - 13.5px);
	width:calc(100%/3 - 13.5px);
	margin-right:20px;
}
.blogs-list .index-blog-item:last-child{margin-right:0;}
.index-blog-item .blog-img{
	position:relative;
	padding-bottom:86.6%;
	overflow:hidden;
	margin-bottom:20px;
}
.img-pos{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.index-blog-item .title{
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: 0.01em;
	margin-bottom:12px;
	color:#000;
}
.index-blog-item .btn-more{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.index-blog-item .btn-more svg{fill:#000;width:5px;margin-left:8px;transition:all 0.3s linear;position:relative;}
.index-blog-item a:hover .btn-more svg{transform:translateX(6px);fill:#01656C;}
.cookie-box {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #F2F2F2;
	z-index: 999999999;
	padding: 0 40px;
}
.cookie-box .cookie-title{
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.05em;
	padding: 11px 40px 11px 0;
}
.cookie-box .cookie-close{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor:pointer;
	white-space: nowrap;
}
.cookie-box .cookie-close:hover{color:#01656C;}
@media (max-width: 767px){
	.cookie-box{
		padding: 0 24px 10px;
	}
	.cookie-box .flex-box{
		flex-wrap: wrap;
	}
	.cookie-box .cookie-title{padding-right:0;font-size:12px;}
}
.full-width{width:100%;}
.blog-top, .blog-cate{margin-bottom:80px;}
.blog-top-article .img, .blog-top-article .banner-info{
	flex:0 0 50%;
	width:50%;
	background: #F2F2F2;
}
.blog-top-article .img a{
	display: block;
	position: relative;
	padding-bottom: 87.77%;
	overflow: hidden;
}
.blog-top-article .banner-info .sub-title{margin-bottom:40px;}
.blog-bottom{margin-bottom:60px;}
.blog-items{margin-left:-20px;margin-right:-20px;margin-bottom:40px;}
.blog-items .blog-item{
	flex:0 0 calc(100%/3);
	width:calc(100%/3);
	padding:0 20px;
	margin-bottom:40px;
}
.blog-item .blog-img{
	position:relative;
	padding-bottom:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.blog-item .blog-cate-item{margin-bottom:4px;}
.blog-item .blog-cate-item a{
	display:inline-block;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	letter-spacing: 0.03em;
}
.blog-item .title a{
	display:block;
	font-size: 24px;
	line-height: 1.333;
	letter-spacing: 0.04em;
}
.blog-cate a {
	display: inline-flex;
	font-size: 16px;
	line-height: 20px;
	padding: 6px 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 10px;
}
.blog-cate a.active, .blog-cate a:hover{
	color:#fff;
	background:#01656C;
}
.banner2-owl{background:#f2f2f2;margin-bottom:160px;}
.banner-item2 .img {
	flex: 0 0 58.33%;
	width: 58.33%;
	position: relative;
}
.banner-item2 .banner-info {
	flex: 0 0 40.27%;
	width: 40.27%;
	padding:40px 60px;
}
.banner-item2 .banner-info .sub-title{height:40px;pointer-events:none;}
.banner2-box{position:relative;}
.banner2-box .banner2-dot{
	position:absolute;
	top:40px;
	right:0;
	width:40.27%;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:2;
}
.banner2-box .banner2-dot .dot-item{
	margin:0 30px;
	cursor:pointer;
}
.banner2-box .banner2-dot .dot-item img{width:auto;max-height:40px;opacity: 0.25;}
.banner2-box .banner2-dot .dot-item:nth-child(1) img{max-height:26px;}
.banner2-box .banner2-dot .dot-item:nth-child(2) img{max-height:20px;}
.banner2-box .banner2-dot .dot-item.active img{opacity: 1;}
.index-collection-box .img{
	flex:0 0 39%;
	width:39%;
	position:relative;
	height: max-content;
}
.index-collection-box .img img{
	width: 100%;
	height:auto;
	object-fit:contain;
}
.index-collection-box .img:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
.index-collection-box .img .coll-caption{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 2;
	color: #fff;
}
.coll-caption .title{
	font-size: 64px;
	line-height: 1.06;
	margin:0 0 20px;
}
.index-collection-box.right .img{
	order:2;
}
.index-collection-box .index-collection-list{
	flex:0 0 60.9%;
	width:60.9%;
	padding:0 30px;
}
.index-collection-list .pro-item{
	flex:0 0 calc(100%/3);
	width:calc(100%/3);
	padding:0 10px;
	margin-bottom:24px;
}
.index-collection-list .pro-item:nth-child(n+4){margin-bottom:0;}
.collection-banner .collection-image{
	//flex:0 0 58.33%;
	//width:58.33%;
	flex: 1;
}
.collection-image .img-cover{
	display:block;
	position:relative;
	padding-bottom:69%;
}
.collection-banner .banner-info{
	flex:0 0 41.67%;
	width:41.67%;
	position:relative;
}
.collection-banner .banner-info .title-64{margin-bottom:20px;}
.collection-banner .banner-info .coll-breadcrumb {
	position: absolute;
	top: -20px;
	right: 80px;
}
.collection-banner, .collection-title-box{
	margin-bottom: 40px;
	flex-direction: column;
}
.collection-title-box, .filter-block {position: relative;}
.collection-title-box{z-index:4;}
#collection .collection-title-box{padding:0 40px;}
.collection-title-box .left{
	flex:1;
}
.collection-title-box .left h1{
	font-size: 28px;
	line-height: 1.17;
	font-weight:300;
	letter-spacing: 0.02em;
}
.filter-block {
	margin-left: 20px;
}
.filter-block.no-relative{position:static;}
.filter-block .title-filter {
	border: 1px solid;
	color: #000;
	height: 40px;
	padding: 0 17px 0 20px;
	min-width:130px;
	cursor:pointer;
}
.filter-block.filter-sort .title-filter {min-width:170px;}
.filter-block .title-filter span{
	font-size: 14px;
	letter-spacing: 0.03em;
}
.filter-block .title-filter i{
	margin-left:20px;
}
.filter-block.active .title-filter i:before{content: "\f106";}
.filter-block .sort-by {
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	display: none;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
	padding: 10px 20px 20px;
	min-width: 100%;
	z-index: 2;
}
.filter-block .sort-by li{
	display:block;
	font-size:18px;
	line-height:24px;
	padding:12px 0;
	border-bottom:1px solid #bfbfbf;
	letter-spacing: 0.03em;
	text-transform:uppercase;
	white-space: nowrap;
	cursor:pointer;
}
.filter-wrap{
	padding:16px 0;
	margin-bottom:20px;
	background: #fff;
	border-bottom:2px solid #bfbfbf;
	z-index: 2;
	display: none;
}
.filter-block.active .sort-by, .filter-wrap.active{display:block;}

.collection-lists {
	margin-bottom: 20px;
}
.collection-lists-title {
	font-weight: 300;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0.01em;
	margin-bottom: 40px;
}
.collection-lists-pro{
	margin-left: -10px;
	margin-right: -10px;
}
.collection-lists-pro .pro-item {
	flex: 0 0 25%;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 40px;
}
#collection-all {
	margin-bottom: 60px;
}
.filter-wrap .filter-text{
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 20px;
}
.filter-wrap .filter-text .clear-filter{
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.03em;
	margin-left: 16px;
}
.filter-wrap .filter-text .clear-result span{
	display: block;
	background: rgba(248, 248, 248, 0.82);
	border-radius: 4px;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 30px 8px 12px;
	position: relative;
	letter-spacing: 0.03em;
	color: #404040;
	cursor:pointer;
	margin-left: 16px;
}
.filter-wrap .filter-text .clear-result span:before, .filter-wrap .filter-text .clear-result span:after{
	content:'';
	position:absolute;
	top:calc(50% - 1px);
	right:12px;
	width:8px;
	height:1px;
	background:#bfbfbf;
	transform:rotate(-45deg);
}
.filter-wrap .filter-text .clear-result span:after{transform:rotate(45deg);}
.filter-wrap .filter-text .clear-result span:hover:before, .filter-wrap .filter-text .clear-result span:hover:after{background:#f00;}
.filter-wrap .filter-text .clear-filter:hover{color:#f00;}
.filter-wrap .col1{
	flex:0 0 25.3%;
	width:25.3%;
	padding-right:20px;
}
.filter-wrap .col2{
	flex:0 0 35.5%;
	width:35.5%;
	padding-right:20px;
}
.filter-wrap .col3{
	flex:0 0 20.3%;
	width:20.3%;
	padding-right:20px;
}
.filter-wrap .col4{
	flex:0 0 18.9%;
	width:18.9%;
}
.filter-wrap .filter-label{
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.03em;
	margin-bottom:20px;
}
.filter-wrap .filter-check .item-title{
	font-size: 14px;
	line-height: 16px;
	padding:8px 12px;
	margin:0 12px 12px 0;
	letter-spacing: 0.03em;
	background: #F7F6F4;
	border-radius: 8px;
	position:relative;
	cursor:pointer;
}
.filter-wrap .filter-check .item-title:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	border-radius: 8px;
	width:100%;
	height:100%;
	border:1px solid transparent;
}
.filter-wrap .filter-check .item-title.checked:after{border-color:#000;}
.color-choise .item-color{
	flex: 0 0 calc(100%/3);
	width: calc(100%/3);
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	cursor:pointer;
}
.color-choise .item-color span {
	display: block;
	flex:0 0 22px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 12px;
	position: relative;
}
.color-choise .item-color span:after{
	content:'';
	position:absolute;
	left:-2px;
	top:-2px;
	right:-2px;
	bottom:-2px;
	border-radius: 50%;
	border:2px solid transparent;
}
.color-choise .item-color.checked span:after {
	border-color:#bfbfbf;
}
.coll-empty{
	font-size: 18px;
	line-height:24px;
}
.mini-cart-content{
	padding: 40px 40px 0;
	top: 0;
	height: 100%;
	right: 0;
	width: 480px;
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
	max-height: 100%;
	position: fixed;
	background: #fff;
	z-index: 99999;
	transition: all .3s;
	border: none;
	-webkit-box-shadow: 0 0 0 100vw rgba(20, 20, 20, 0.4);
	box-shadow: 0 0 0 100vw rgba(20, 20, 20, 0.4);
}
.mini-cart-content.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
.mini-cart-content.active + .overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:10;
}
body.open-cart{
	height: 100%;
	overflow: hidden;
}
.mini-cart-header {margin-bottom:20px;}
.mini-cart-header .mini-cart-header-title {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.04em;
}
.mini-cart-header .mini-cart-close-btn {
	background: transparent;
	border: 0;
	width: 24px;
}
.cart-message{
	margin-bottom:30px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.03em;
	color:#000;
}
.mb-cart-save{
	flex: 0 0 100%;
	width: 100%;
	margin-top: 16px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.03em;
}
.cart-message .cart-message-success, .mb-cart-save{color:#01656C;}
.cart-message .cart-message-success svg, .mb-cart-save svg{width:16px;height:16px;margin-right:12px;}
.cart-message .cart-message-remain span{
	color:#01656C;
	margin:0 4px;
}
.mini-cart-products .no-product{
	font-size: 16px;
	line-height: 24px;
}
.cart-mess-bar {
	margin-top: 12px;
	height: 3px;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.05);
	overflow:hidden;
}
.cart-mess-bar span{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#01656C;
	z-index:2;
}
.mini-cart-content .minicart-bottom-wrapper{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.1);
	padding: 20px 40px 30px;
}
.minicart-bottom-wrapper {
	background: #fff;
}
.mini-cart-subtotals {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
}
.mini-cart-subtotals .value{
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.02em;
	color: #01656C;
}
.mini-cart-link-cart{
	color: #fff;
	background: #01656C;
	font-size: 18px;
	line-height: 24px;
	padding: 16px 20px;
	text-decoration: none;
	outline: none;
	font-weight:300;
	letter-spacing: 0.03em;
	margin: 20px -20px;
}
.mini-cart-link-cart i{color:#000;transition:all 0.3s linear;}
.mini-cart-link-cart:hover{color:#fff;}
.mini-cart-link-cart:hover i{color:#fff;transform:translateX(6px);}
.mini-cart-content .mini-cart-products {
	height: calc(100% - 290px);
	overflow-y: auto;
}
.mini-cart-content .mini-cart-products::-webkit-scrollbar{display: none;}
.mb-cart {
	border-bottom: 1px solid #BFBFBF;
	padding-bottom:20px;
	margin-bottom:20px;
}
.mb-cart .mb-cart-img {
	flex: 0 0 30%;
	width: 30%;
}
.mb-cart .mb-cart-info {
	flex: 0 0 70%;
	width: 70%;
	padding-left: 20px;
}
.mb-cart-info .title a {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	display: block;
	margin-bottom: 8px;
}
.mb-cart-info .pro-color .color-box{
	flex:0 0 12px;
	width: 12px;
	height: 12px;
	margin-right: 4px;
}
.mb-cart-info .pro-color .color-name{
	font-size: 14px;
	line-height: 16px;
}
.mb-cart-info .select-quantity .box_qty{margin:8px 0;}
.mb-cart-info .select-quantity .box_qty .qty-btn{height:22px;width:19px;}
.mb-cart-info .select-quantity .box_qty input{height:22px;font-size:12px;width:12px;}
.mb-cart-price{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.02em;
}
.mb-cart-price del{color: #BFBFBF;margin-right:7px;}
.mb-cart-price .item-remove a{letter-spacing: 0.03em;}
.error-txt {
	color: #f00;
	margin-left: 10px;
	font-size: 14px;
}
.search-top {
	padding: 40px 0;
	border-bottom: 1px solid #e6e6e6;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#fff;
	z-index:2;
	box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.1);
	display:none;
}
.search-top.active{display:block;}
#search .search-top {
	position: static;
	display: block;
	box-shadow: none;
	margin-bottom:20px;
}
.search-form-box form {
	position: relative;
	width: 630px;
	margin-right: 80px;
}
.search-form-box form input{
	width:100%;
	border:0;
	outline:none;
	background:#f2f2f2;
	font-size: 24px;
	line-height: 32px;
	padding:16px 16px 16px 56px;
	color:#000;
}
.search-form-box form input::-webkit-input-placeholder {color: #000;}
.search-form-box form input:-ms-input-placeholder {color: #000;}
.search-form-box form input::placeholder {color: #000;}
.search-form-box form button{
	border:0;
	outline:none;
	background:transparent;
	position:absolute;
	top:0;
	left:0;
	width:56px;
	padding:20px 12px 20px 20px;
	z-index:2;
}
.search-form-box form button svg{width:24px;height:24px;}
.search-cancel, .search-error {
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.03em;
}
.search-cancel{cursor:pointer;}
.search-cancel:hover{color:#01656C;}
.search-error {color:#f00;margin-top:20px;display:none;}
.search-result-top .collection-title-box{margin-bottom:80px;}
.search-result-top .collection-title-box .left h1{
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.01em;
}
.search-result-top .search-count {
	margin-right: 20px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.03em;
}
#search {
	padding:0 0 160px;
}
#article {
	padding: 40px 0;
}
#mmenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999999999;
	transform: translateX(-100%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	padding-top:20px;
}
#mmenu.active{
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.menu-close {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: 16px;
	margin-bottom: 20px;
}
.mmenu-account {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 24px;
	background: #fff;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
}
.mmenu-account a{
	flex: 0 0 calc(50% - 12px);
	width: calc(50% - 12px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	height: 40px;
	border: 1px solid #000;
	font-size: 18px;
	letter-spacing: 0.05em;
}
.mmenu-account a.btn1{
	background:#01656C;
	border-color:#01656C;
	color:#fff;
}
.mmenu-wrapper {
	padding-left: 24px;
	padding-bottom: 30px;
	overflow-y: auto;
	height: calc(100% - 170px);
}
.mmenu-products-list .pro-item {
	flex: 0 0 158px;
	width: 158px;
	margin-right: 12px;
}
.mmenu-products-list .product-block .product-detail{
	flex-wrap: wrap;
}
.mmenu-products-list .product-block .product-detail .pro-name{
	flex: 0 0 100%;
	width:100%;
}
.mmenu-products .title{margin-bottom:20px;}
.mmenu-products .title a{
	font-size: 24px;
	line-height: 1.333;
	color:#000;
	letter-spacing: 0.01em;
}
#nav-mobile {
	padding-right: 24px;
	margin-bottom: 40px;
}
#nav-mobile li{

}
#nav-mobile li.has-child {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#nav-mobile li.has-child > a {
	flex: 0 0 calc(100% - 20px);
	width: calc(100% - 20px);
}
#nav-mobile li.has-child > .mmenu-arrow {
	flex: 0 0 16px;
	width: 16px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
#nav-mobile li.has-child > .mmenu-arrow svg{transition:all 0.3s linear;}
#nav-mobile li.has-child > .mmenu-arrow.active svg{transform: rotate(-180deg);}
#nav-mobile > li:first-child{border-top: 0.5px solid #bfbfbf;}
#nav-mobile > li{border-bottom: 0.5px solid #bfbfbf;}
#nav-mobile li a{
	display:block;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.03em;
	color: #808080;
}
#nav-mobile .menucap2{
	padding-left: 12px;
}
#nav-mobile .menucap2 li{
	position: relative;
}
#nav-mobile .menucap2 > li > a{
	color: #000;
	font-weight: bold;
	padding: 16px 0;
}
#nav-mobile .menucap2 li.bold-title > a{
	font-weight: bold;
	padding: 16px 0;
}
#nav-mobile .menucap2 li.bold-title span{
	position: absolute;
	top: 0;
	right: 0;
	padding: 16px 0;
	z-index: 9999;
	cursor: pointer;
}
#nav-mobile .menucap2 .menucap3{
	padding-left: 15px;
}
#nav-mobile > li > a{color: #01656C;text-transform: uppercase;letter-spacing: 0.05em;padding: 12px 0;font-weight: 700;}
#nav-mobile li.has-child ul {
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 8px;
	display: none;
}
#nav-mobile li.has-child ul li{margin-bottom:4px;}
#nav-mobile li.has-child ul.menucap2 {
	display: block;
}
#nav-mobile .menucap2 li > .mmenu-arrow.active svg{transform: rotate(-180deg);}
/* article.brand */
.article-custom .top-full {
	position: relative;
}
.top-full .caption{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 560px;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.333;
	z-index:3;
}
.top-full .caption h1{
	font-size: 64px;
	font-weight: 300;
	line-height: 1.0625;
	margin:0 0 40px;
}
.top-full .caption .desc{
	max-width: 320px;
	margin: 0 auto;
}
.article-custom .first-box{
	padding:120px 24px;
}
.article-custom .first-box .content{
	max-width:780px;
	margin:0 auto;
	color: #01656C;
	text-align: center;
	font-size: 48px;
	line-height: 1.167;
	letter-spacing: 0.96px;
}
.article-custom .custom-info{margin-bottom:40px;position:relative;}
.article-custom .custom-info .box-txt {
	position: absolute;
	bottom: 40px;
	left: 80px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.333;
	letter-spacing: 0.54px;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.50);
	max-width: 500px;
	z-index:3;
}
.article-custom .custom-info .box-1:after, .article-custom .custom-info .box4-1:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
.article-custom .custom-info .box-1:after{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.50) 100%);
}
.article-custom .custom-info .box4-txt {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left: 80px;
	font-size: 64px;
	font-weight: 300;
	line-height: 1.0625;
	color: #fff;
	max-width: 500px;
	z-index:3;
}
.article-custom .custom-info.last{margin-bottom:0;}
.custom-info .content {
	flex: 0 0 50%;
	width: 50%;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.333;
	letter-spacing: 0.54px;
	color:#000;
}
.custom-info .content.info {
	padding:0 80px;
}
.custom-info.right .content.info {order:2;}
.custom-info .content h4{
	text-transform:uppercase;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.42px;
	margin:0 0 5px;
}
.custom-info .content h2{
	font-size: 35px;
	line-height: 1.167;
	font-weight: 300;
	letter-spacing: 0.96px;
	margin:0 0 40px;
	color:#000;
}
.custom-info .content.info p + p{margin-top:15px;}
.custom-info .content img {width:100%;}
/* end article.brand */
#popup-contact .modal-dialog{
	width: 96%;
	max-width: 680px;
	margin:0 auto;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
#popup-contact .modal-content{border:0;border-radius: 0;}
#popup-contact .popup-img {
	flex: 0 0 47%;
	width: 47%;
}
#popup-contact .popup-img img,
#popup-contact-success .popup-img img {
	display: block;
	width: 100%;
	height: auto;
}
#popup-contact .popup-right {
	flex: 0 0 53%;
	width: 53%;
	padding: 100px 40px 80px;
	position: relative;
}
#popup-contact .close-popup-contact {
	position: absolute;
	right: 40px;
	width: 24px;
	height: 24px;
	top: 38px;
	opacity: 1;
}
#popup-contact .title-popup-contact{
	font-size: 24px;
	font-weight: 300;
	line-height: 1.33;
	letter-spacing: 0.96px;
	margin:0 0 12px;
	color:#01656C;
}
#popup-contact .title-adv-popup-contact{
	font-size: 18px;
	font-weight: 300;
	line-height: 1.33;
	letter-spacing: 0.9px;
	color:#000;
	margin:0 0 12px;
}
#popup-contact .popup-form-customer .input-group{
	display:flex;
	align-items:center;
}
#popup-contact .popup-form-customer .input-group input{
	flex:0 0 calc(100% - 48px);
	width:calc(100% - 48px);
	border:1px solid #e6e6e6;
	height:48px;
	background:#fff;
	padding:0 16px;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.54px;
	border-radius:0;
	color:#bfbfbf;
	outline: none;
	box-shadow: none;
}
#popup-contact .popup-form-customer .input-group button{
	background:#01656C;
	border:0;
	flex:0 0 48px;
	width:48px;
	height:48px;
	border-radius:0;
}
#popup-contact .popup-form-customer .popup-form-link {
	background: #01656C;
	height:48px;
	width: 100%;
	display: grid;
	place-items: center;
	color: #fff;
	margin: 20px 0 0;
}
#popup-contact .popup-form-customer .input-group button svg{
	fill: #fff;
}
#popup-contact .popup-form-customer {position:relative;}
#popup-contact .popup-form-customer .succes-popup {
	position:absolute;
	position: absolute;
	bottom: -40px;
	left: 0;
	color: green;
}
#popup-contact .popup-form-customer .succes-popup.error{color:red;}
.mb-nav-sub {
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.84px;
	text-transform: uppercase;
}

#popup-contact-success .modal-dialog{
	width: 96%;
	max-width: 680px;
	margin:0 auto;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
#popup-contact-success .modal-content{border:0;border-radius: 0;}
#popup-contact-success .popup-img {
	flex: 0 0 47%;
	width: 47%;
}
#popup-contact-success .popup-right {
	flex: 0 0 53%;
	width: 53%;
	padding: 100px 40px 80px;
	position: relative;
}
#popup-contact-success .close-popup-contact-success {
	position: absolute;
	right: 40px;
	width: 24px;
	height: 24px;
	top: 38px;
	opacity: 1;
}
#popup-contact-success .title-popup-contact-success{
	font-size: 24px;
	font-weight: 300;
	line-height: 1.33;
	letter-spacing: 0.96px;
	margin:0 0 12px;
	color:#01656C;
}
#popup-contact-success .title-adv-popup-contact-success{
	font-size: 18px;
	font-weight: 300;
	line-height: 1.33;
	letter-spacing: 0.9px;
	color:#000;
	margin:0 0 12px;
}
#popup-contact-success .popup-form-customer .input-group{
	display:flex;
	align-items:center;
}
#popup-contact-success .popup-form-customer .input-group input{
	flex:0 0 calc(100% - 48px);
	width:calc(100% - 48px);
	border:1px solid #e6e6e6;
	height:48px;
	background:#fff;
	padding:0 16px;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.54px;
	border-radius:0;
	color:#bfbfbf;
	outline: none;
	box-shadow: none;
}
#popup-contact-success .popup-form-customer .input-group button{
	background:#01656C;
	border:0;
	flex:0 0 48px;
	width:48px;
	height:48px;
	border-radius:0;
}
#popup-contact-success .popup-form-customer .input-group button svg{
	fill: #fff;
}
#popup-contact-success .popup-form-customer {position:relative;}
#popup-contact-success .popup-form-customer .succes-popup {
	position:absolute;
	position: absolute;
	bottom: -40px;
	left: 0;
	color: green;
}
#popup-contact-success .popup-form-customer .succes-popup.error{color:red;}
.mb-nav-sub {
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0.84px;
	text-transform: uppercase;
}
.mb-nav-sub .txt-title{
	display:block;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.24px;
	text-transform: capitalize;
}
.mb-nav-sub svg{transform: rotate(90deg);transition:transform 0.3s linear;}
.addThis_iconContact{
	position: fixed;
	bottom: 50px;
	right: 13px;
	margin: 0;
	z-index: 994;
	cursor: pointer;
	display:none;
}
.addThis_iconContact .box-contact .svgico {
	position: relative;
	z-index: 4;
	height: 60px;
	width: 60px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	background: #01656C;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	display:flex;
	align-items:center;
	justify-content:center;
}
.addThis_iconContact .svgico svg {
	fill: #fff;
	width: 36px;
	height: 36px;
}
.addThis_iconContact .svgico > svg {
	width: 32px;
	height: 32px;
}
.addThis_iconContact .svgico .svgico--close {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.3);
	transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
	transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.addThis_listSharing {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 994;
	background-color: transparent;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.addThis_listSharing .listSharing_action {
	position: absolute;
	bottom: 122px;
	right: 13px;
	max-width: 300px;
	background-color: transparent;
	-webkit-transform-origin: 100% bottom;
	transform-origin: 100% bottom;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.addThis_listSharing.active {
	opacity: 1;
	visibility: visible;
	background: rgba(0,0,0,0.25);
}
.addThis_listSharing.active .listSharing_action {
	-ms-transition-delay: 0.1s;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.1s;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.addThis_listing .addThis_item {
	margin: 0;
	padding: 12px 0;
}
.addThis_listing .addThis_item a span{
	color: #FFF;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.54px;
}
.addThis_listing .addThis_item a img{
	align-self:center;
	width:60px;
	margin-left:12px;
}
.addThis_listSharing.active + .addThis_iconContact .svgico > svg{
	opacity: 0;
	visibility: hidden;
	transform: scale(0.3);
}
.addThis_listSharing.active + .addThis_iconContact .svgico .svgico--close {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/* media */
@media screen and (max-width:1199px){
	.container-fluid.no-padding{
		padding-left:15px;
		padding-right:15px;
	}
	.main-slider .container-fluid.no-padding, .index-banner2 .container-fluid.no-padding, .blog-top .container-fluid.no-padding{
		padding-left:0;padding-right:0;
	}
	.blog-items{margin-left:-15px;margin-right:-15px;}
	.blog-items .blog-item{
		padding:0 15px;
	}
	.footer-bottom-box .footer-right {
		flex: 0 0 50.5%;
		width: 50.5%;
	}
	.my-nav.owl-carousel .owl-nav button{width:60px;height:60px;}
	.index-collection-box .img{
		flex:0 0 30%;
		width:30%;
	}
	.index-collection-box .index-collection-list {
		flex: 0 0 70%;
		width: 70%;
		padding: 0 10px;
	}

	.main-slider-item .caption .caption-title {font-size: 55px;}
	.main-slider-item .caption .caption-desc{font-size: 24px;margin-bottom: 30px;}
	.index-featured {
		padding: 60px 0;
	}
	.index-title{font-size:36px;}
	.banner-info {
		padding: 40px 40px 20px;
	}
	.banner-info .title, .index-blog-item .title{font-size: 24px;}
	.banner-info .title-64, .coll-caption .title{font-size:50px;}
	.index-banner, .index-feedback, .index-instagram, .index-blog, .index-collection, .index-about, .banner2-owl{
		margin-bottom:100px;
	}
	.index-about .about-desc {
		font-size: 36px;
		line-height: 1.25;
		margin-bottom: 30px;
	}
	.index-about .about-link a {
		font-size: 18px;
		line-height: 24px;
	}
	.index-about .about-link a i{display:none;}
	.index-collection-box .product-block .product-detail{flex-wrap: wrap;}
	.index-collection-box .product-block .product-detail .pro-name {
		flex: 0 0 100%;
		width:100%;
		margin: 0 0 5px;
	}
	.index-collection-box .product-block .pro-price-right {
		flex: 0 0 100%;
		width:100%;
		flex-direction: row;
	}
	.product-img .img-wrapper .product-new{
		font-size:10px;
		line-height:14px;
		top: 5px;
	}
	.product-img .img-wrapper .product-sale{
		font-size:10px;
		line-height:14px;
		left: 5px;
		top: 5px;
	}
	.product-img .img-wrapper .product-sale .sale-lb{
		display: none;
	}
	.product-block .product-detail .pro-name a{font-size:14px;}
	.pro-color .color-name {
		font-size: 14px;
		line-height: 20px;
	}
	.index-banner2 .banner-info .title{margin-bottom:20px;}
	.index-blog-item .btn-more{font-size:16px;line-height:20px;}
	.feedback-owl .feedback-item .info{padding:40px;}
	.feedback-item .info .title{margin-bottom:30px;}
	.feedback-item .info .person{font-size:26px;}
	.collection-banner .banner-info .coll-breadcrumb{right:0;}
	.collection-title-box .left h1{
		font-size: 36px;
		line-height: 1.25;
	}
	.blog-top, .blog-cate {
		margin-bottom: 60px;
	}
	.blog-item .title a{font-size:18px;}
	.index-instagram .index-title{margin-left:0;}
}
@media screen and (max-width:991px){
	.main-content{padding-top:132px;}
	.blue-btn{font-size:16px;line-height:20px;min-width: initial !important;}
	.blue-btn.main-slider-item-img {
		display:block;
		padding: 0;
	}
	.blue-btn svg{margin-left:40px;}
	.nav-menu{padding:10px 0;}
	.main-menu{display:none !important;}
	.icon-header li{margin-left:12px;}
	.icon-header li .qtycart{position:relative;}
	.icon-header li .qtycart svg{width:24px;height:24px;}
	.icon-header li .qtycart .cart-count{
		margin:0;
		position:absolute;
		top:8px;
		left:0;
		width:24px;
		height:15px;
		border:0;
		color:#000 !important;
		font-size:11px;
		background:transparent !important;;
	}
	.icon-header li .qtycart .cart-count.color:after{
		content: '';
		position: absolute;
		right: 0;
		top: -4px;
		width: 7px;
		height: 7px;
		background: #01656C;
		border-radius: 50%;
	}
	.mini-cart-header .mini-cart-header-title > div{margin-left:4px;}
	.menu-mobile-box{
	
	}
	.blog-top-article .img, .blog-top-article .banner-info {
		flex: 0 0 100%;
		width: 100%;
	}
	.blog-top-article .banner-info .title{
		font-size:36px;
	}
	.blog-items .blog-item, .collection-lists-pro .pro-item{
		flex:0 0 50%;
		width:50%;
	}
	.footer-top {padding: 10px 0;}
	.footer-top .top-col, .footer-top .top-txt{
		flex:0 0 100%;
		width:100%;
		padding:30px 15px;
	}
	.footer-top .top-txt .top-title{margin:0;}
	.footer-bottom-box .footer-right, .footer-bottom-box .footer-left {
		flex: 0 0 100%;
		width: 100%%;
	}
	.collection-banner .banner-info .coll-breadcrumb {
		padding-left: 10px;
	}
	.search-form-box form {
		margin-right: 40px;
		width: auto;
		flex: 1;
	}
	.search-form-box form input{font-size:20px;}
	.coll-caption .title{font-size:40px;}
	.banner-item2 .img, .banner-item2 .banner-info{
		flex:0 0 100%;
		width:100%;
	}
	.banner-item2 .img a {
		display: block;
		padding-bottom: 75%;
		position: relative;
		overflow: hidden;
	}
	.banner-item2 .img a img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.banner-item2 .banner-info{padding:24px;min-height: 320px;}
	.banner-info .sub-title{margin-bottom:24px;}
	.index-banner2 .banner-info .title {
		margin-bottom: 31px;
	}
	.banner2-box .banner2-dot{
		right:initial;
		top: 68%;
		left:0;
		width:100%;
	}
	#collection .collection-title-box{padding:0;}
	.content-product-list {
		padding: 0;
		margin-left: -10px;
		margin-right: -10px;
	}
	.color-choise .item-color{
		flex: 0 0 50%;
		width: 50%;
	}
	.my-dot.owl-carousel .owl-dots{padding-left:40px;}
	.page-account .container-fluid.no-padding{padding:0;}
	.top-full .caption{font-size: 20px;}
	.top-full .caption h1 {
		font-size: 48px;
		margin: 0 0 20px;
	}
	.article-custom .first-box {
		padding: 80px 24px;
	}
	.article-custom .first-box .content, .custom-info .content h2{font-size: 36px;}
	.custom-info .content{
		flex:0 0 100%;
		width:100%;
	}
	.custom-info .content.info {
		padding: 40px;
		order: 2;
	}
	.content-product-list .pro-item.col4{
		flex: 0 0 50%;
		width: 50%;
	}
	.article-custom .custom-info .box4-1{padding-bottom:87.5%;}
	.article-custom .custom-info .box4-1 img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.article-custom .custom-info .box4-txt{
		left: 40px;
		font-size: 48px;
		max-width: 400px;
		z-index: 2;
	}
}
@media screen and (min-width:768px){
	.footer-right .footer-menu ul{display:block !important;}
}
@media screen and (max-width:767px){
	#collection-all .container-fluid{
		padding-left:6px;
		padding-right:6px;
	}
	#collection-all .collection-image {margin: 0 -6px;}
	#collection-all .banner-info2 {
		padding: 0 15px;
	}
	.nav-sub{display:none;padding-top:12px;}
	.nav-sub a{
		display:block;
		margin: 0 0 8px;
		padding: 2px 0;
		border: 0;
	}
	#popup-contact .modal-dialog,
	#popup-contact-success .modal-dialog{
		width: calc(100% - 32px);
		height: auto;
		min-height: 100vh;
		min-height: 100dvh;
	}
	#popup-contact .modal-content,
	#popup-contact-success .modal-content{
		max-height: calc(100vh - 32px);
		max-height: calc(100dvh - 32px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	#popup-contact .modal-wrapper-contact,
	#popup-contact-success .modal-wrapper-contact{
		flex-direction: column;
		flex-wrap: nowrap;
	}
	#popup-contact .popup-img,
	#popup-contact-success .popup-img{
		display:block;
		flex:0 0 auto;
		width:100%;
		height:clamp(220px, 65vw, 300px);
		overflow:hidden;
	}
	#popup-contact .popup-img img,
	#popup-contact-success .popup-img img{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center top;
	}
	#popup-contact .popup-right{
		flex:0 0 100%;
		width:100%;
		padding:48px 16px 24px;
	}
	#popup-contact .close-popup-contact,
	#popup-contact-success .close-popup-contact-success{
		top:16px;
		right:16px;
	}
	#popup-contact .title-popup-contact,
	#popup-contact-success .title-popup-contact{
		font-size:20px;
		line-height:1.35;
	}
	#popup-contact .title-adv-popup-contact{margin-bottom:24px;}

	#popup-contact-success .popup-right{
		flex:0 0 100%;
		width:100%;
		padding:48px 16px 24px;
	}
	#popup-contact-success .title-adv-popup-contact-success{margin-bottom:24px;}
	.main-content{padding-top:116px;}
	.topbar_advertisement .container-fluid{
		padding: 0 24px;
		overflow: hidden;
	}
	.topbar_advertisement a{padding:8px 0;margin-right:12px;}
	.topbar_advertisement .cross{right:0;}
	.container-fluid.no-right.fix-mb {
		padding: 0 15px;
	}
	.blue-btn svg {
		margin-left: 0;
		display: none;
	}
	.blue-btn{padding:9px 23px;}
	.my-dot.owl-carousel .owl-dots{justify-content: center;padding-left:0;bottom:initial;}
	.my-dot.owl-carousel .owl-dots .owl-dot{height:2px;margin:0 6px;}
	.imglogo {
		margin-top:-5px;
	}
	.menu-mobile-btn,.cartpro {
		transform: translateY(4px);
	}
	.imglogo img {
		width: auto;
		height: 26px;
	}
	.mini-cart-content{
		padding:24px 24px 0;
		width:100%;
		z-index:9999999999;
	}
	.mini-cart-header .mini-cart-header-title {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 0.01em;
	}
	.mini-cart-content .minicart-bottom-wrapper{
		padding:24px;
	}
	.cart-message .cart-message-success {
		justify-content: flex-start;
	}
	.main-slider {
		background: #f2f2f2;
	}
	.main-slider .btn-slide-mobile{
		color: #000;
		position: static;
		transform: none;
		padding:40px 24px;
		text-align: center;
    display: none;
	}
	.main-slider .btn-slide-mobile .blue-btn {
		color: #fff;
		border-color: #01656C;
		background: #01656C;
	}
	.main-slider-item picture {
		position: relative;
		padding-bottom: 125%;
		display: block;
	}
	.main-slider-item picture img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.main-slider-item .caption{
		color: #000;
		//position: static;
		//transform: none;
		padding:40px 24px;
    bottom: 5%;
		//display: none;
	}
	.main-slider-item .caption .caption-title {
		font-size: 48px;
		line-height: 1.17;
		margin-bottom: 16px;
	}
	.main-slider-item .caption .caption-desc {
		line-height:32px;
		margin-bottom: 24px;
	}
	.main-slider-item .caption .blue-btn {
		color:#fff;
		border-color:#01656C;
		background:#01656C;
	}
	.index-title{line-height:1.222;text-align: center;}
	.index-featured .container-fluid.no-right{padding-left:24px;}
	.index-banner {
		padding-left: 9px;
		padding-right: 9px;
	}
	.banner-info {
		padding: 24px;
	}
	.banner-owl .banner-item .img, .banner-owl .banner-item .banner-info, .index-collection-box .img, .index-collection-box .index-collection-list,
	.feedback-owl .feedback-item .info, .footer-right .footer-menu{
		flex:0 0 100%;
		width:100%;
	}
	.index-banner, .index-feedback, .index-instagram, .index-blog, .index-collection, .index-about, .banner2-owl{
		margin-bottom:60px;
	}
	.index-about .about-box {
		padding: 48px 9px;
		text-align: center;
	}
	.index-about .about-desc {
		font-size: 20px;
		line-height: 1.333;
		margin-bottom: 40px;
	}
	.index-about .about-link a {
		font-size: 18px;
		line-height: 28px;
		height: 40px;
		border: 1px solid #fff;
		padding: 11px 24px;
		letter-spacing: 0.05em;
	}
	.index-collection-box .index-collection-list{
		padding:0;
		margin-top: 24px;
		justify-content:space-between;
	}
	.index-collection-box .img .coll-caption{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 24px;
	}
	.coll-caption .title{
		margin:0;
		font-size: 40px;
		line-height: 1.17;
	}
	.coll-caption .blue-btn{
		background:transparent;
		color:#ffffff;
	}
	.index-collection-list .pro-item, .content-product-list .pro-item.col4{
		flex:0 0 calc(50% - 6px);
		width:calc(50% - 6px);
		padding:0;
	}
	.index-collection-box.right .img{order:initial;}
	.index-blog .index-title{margin-bottom: 40px;font-size: 26px;}
	.blogs-list .index-blog-item{
		flex: 0 0 285px;
		width: 285px;
		margin-right: 12px;
	}
	.index-instagram .index-title{font-size: 32px;}
	.instagram-owl.owl-carousel .owl-nav, .feedback-owl .feedback-item .img, .feedback-item .info .title a svg{display:none;}
	.index-feedback .container-fluid.no-padding{padding:0;}
	.feedback-owl .feedback-item .info{padding:32px 24px;}
	.feedback-item .info .title a{font-size:14px;}
	.feedback-item .info .title{
		margin-bottom: 24px;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.feedback-item .info .index-title {
		font-size: 20px;
		margin: 0 0 12px;
		line-height: 1.333;
	}
	.feedback-item .info .person {
		font-size: 18px;
		text-align: center;
		line-height: 28px;
		margin-bottom: 0;
	}
	.feedback-mb {
		position: relative;
		padding-bottom: 40px;
		min-height: 285px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.feedback-mb .feedback-btn {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.footer-bottom {
		overflow: hidden;
	}
	.footer-bottom-box {
		padding: 40px 9px;
	}
	.footer-buy .buy-title{display:flex;justify-content: space-between;}
	.collection-banner{
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom:0;
	}
	.collection-banner .collection-image, .collection-banner .banner-info, .product-block .product-detail .pro-name,
	.product-block .pro-price-right, .filter-wrap .filter-check{
		flex:0 0 100%;
		width:100%;
	}

	.collection-banner .banner-info{
		padding:40px 24px;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.collection-banner .banner-info .coll-breadcrumb {
		padding-left: 0;
		position: static;
	}
	.collection-banner .banner-info .wrapper-breadcrum .breadcrumb{margin:0;}
	.product-block .product-detail {
		flex-wrap: wrap;
	}
	.product-block .pro-price-right{ margin-top:4px;}
	.index-collection-box .product-block .pro-price-right{
		flex-direction: column;
		align-items: flex-start;
	}
	#collection .collection-title-box .left{display:none;}
	.filter-block{margin:0 20px 0 0;}
	.filter-block.filter-sort{order:2;}
	.filter-block .title-filter{padding:0 12px 0 16px;min-width:initial !important;}
	.collection-title-box .title-right .filter-block:first-child{
		margin:0;
	}
	.product-block .product-detail .pro-name{margin:0 0 4px;}
	.banner-info .title{margin-bottom:20px;}
	.newsletter {margin-bottom: 40px;}
	.newsletter .newsletter-title{max-width:320px;}
	.footer-store a{font-size:18px;line-height:1.555;margin-bottom: 40px;}
	.footer-right .footer-menu:first-child{border-top:0.5px solid #bfbfbf;}
	.footer-right .footer-menu{border-bottom:0.5px solid #bfbfbf;}
	.footer-right .footer-menu .footer-title{
		font-size:18px;
		line-height:28px;
		letter-spacing: 0.05em;
		cursor:pointer;
		padding:12px 0;
		margin:0;
	}
	.footer-right .footer-menu .footer-title svg{transition:all 0.3s linear;}
	.footer-right .footer-menu ul{display:none;margin-bottom:24px;}
	.footer-right .footer-menu .footer-title.active svg{transform: rotate(-180deg);}
	.footer-menu ul li{margin-bottom:4px;}
	.footer-menu ul li a{
		font-size:18px;
		line-height:28px;
		color:#808080;
		letter-spacing: 0.03em;
	}
	.footer-copy-box {
		margin-top: 40px;
	}
	.footer-copy-box .logo-bct {
		margin-top: 0;
		flex: 0 0 120px;
		width: 120px;
	}
	.footer-copy-box .copy-left {
		flex: 0 0 calc(100% - 130px);
		width: calc(100% - 130px);
	}
	.copy-left ul li a{line-height:28px;}
	.footer-top .top-title{font-size:24px;}
	.footer-top .top-title a {color: #fff;}
	.collection-banner .banner-info .title-64 {
		margin: 0;
		font-size: 36px;
		line-height: 1.22;
	}
	#collection .collection-title-box, .collection-title-box {
		padding: 0 9px;
	}
	.filter-wrap{padding: 0 9px 16px;}
	.main-content-collection {
		padding: 0 9px;
	}
	.content-product-list, #collection-all .content-product-list {
		margin: 0;
		justify-content: space-between;
	}
	.content-product-list .pro-item {
		flex: 0 0 calc(50% - 6px);
		width: calc(50% - 6px);
		padding:0;
		margin-bottom:24px;
	}
	.product-block .product-detail .pro-name a {
		font-size: 14px;
		line-height: 1.555;
	}
	.wrapper-breadcrum.justify-e {
		justify-content: flex-start;
	}
	#collection-all .wrapper-breadcrum.justify-e{padding: 0 9px;}
	.wrapper-breadcrum .breadcrumb{margin-bottom:0;}
	.collection-title-box .left {
		display: none;
	}
	.collection-title-box .title-right {
		margin-top: 15px;
	}
	.collection-lists {
		margin-bottom: 16px;
		padding: 0 9px;
	}
	.collection-lists-title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 24px;
	}
	.collection-lists-pro {
		margin-left: -6px;
		margin-right: -6px;
	}
	.collection-lists-pro .pro-item {
		padding:0 6px;
		margin-bottom:24px;
	}
	#sliderproduct .product-thumb a {
		display: block;
		padding-bottom: 127%;
		position: relative;
		overflow: hidden;
		background: #ececec;
	}
	#sliderproduct .product-thumb a img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.product-title h1 {
		font-size: 36px;
	}
	#price-preview {
		line-height: 20px;
		margin-bottom: 40px;
	}
	.search-top{
		padding:8px 0 8px 9px; 
		box-shadow:none;
	}
	.search-form-box form{margin-right:20px;}
	.search-form-box form button{display:none;}
	.search-form-box form input {
		font-size: 24px;
		background: #fff;
		padding: 0;
	}
	.search-result-top .collection-title-box {
		margin-bottom: 40px;
	}
	#search{padding-bottom:40px;}
	.search-result-top .collection-title-box .left h1{margin-bottom:20px;}
	.main-slider-item:after{display:none;}
	.article-custom .custom-info {
		margin-bottom: 0;
	}
	.article-custom .top-full {
		padding-bottom: 195%;
	}
	.article-custom .top-full img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.top-full .caption {
		font-size: 24px;
		padding: 0 24px;
	}
	.article-custom .first-box, .custom-info .content h2 {
		margin-bottom: 24px;
	}
	.custom-info .content img {
		padding: 0 24px;
	}
	.custom-info .content.info {
		padding: 24px;
	}
	.article-custom .custom-info.fix-mb {
		padding: 24px;
		background: #f2f2f2;
	}
	.article-custom .custom-info.right{padding-top:24px;}
	.article-custom .custom-info .box-txt{
		position: static;
		margin-top: 24px;
		max-width: initial;
		color: #000;
		text-shadow: none;
	}
	.article-custom .custom-info .box4-txt {
		left: 0;
		max-width: initial;
		padding:0 24px;
	}
	.instagram-owl2 {
		/*padding-left: 24px;*/
	}
	.instagram-owl2 .featured-item{
		/*width:200px;*/
	}
	.topbar_mb a{margin:0 10px;}
	.addThis_iconContact{
		display:block;
	}
}
@media screen and (max-width:600px){
	.blog-items{
		margin-left:0;
		margin-right:0;
		.blog-item{
			flex:0 0 100%;
			width:100%;
			padding:0;
		}
	}
	.product-img .img-wrapper .product-sale-background {
		font-size: 11px;
	}
	.my-nav.owl-carousel .owl-nav button svg {
		width: 30px;
		height: 30px;
	}
}
@media screen and (max-width:767px){
	.index-featured {
		padding: 20px 0;
		margin-bottom: 20px;
	}
	.index-banner .banner-owl .owl-dots {
		top: -20px !important;
	}
	.index-featured .featured-box .container-fluid {
		padding: 0 15px;
	}
	.index-banner .container-fluid {
		padding: 0;
	}
	.index-banner.index-banner-one {
		padding-left: 0;
		padding-right: 0;
	}
	.index-banner2 .banner2-owl.owl-carousel {
		margin-bottom: 20px;
	}
	.index-blog .index-title {
		margin-bottom: 20px!important;
	}
	.index-featured .featured-box .index-title {
		margin-bottom: 15px;
	}
}

.mt-2 {
	margin-top: 20px;
}

.main-menu li .sub-main-menu li a[href="https://thebluetshirt.com/collections/sale-03/"]{color: red;font-weight:bold;}
#collection-all .collection-title-box {
	margin-bottom: 30px;
}
#collection-all .collection-title-box .title-right.flex-box {
	margin-top: 17px;
}
.collection-title-box .title-right .filter-block.filter-sort {
	margin-left: 0;
}
@media (min-width: 992px) {
	.collection-title-box .title-right .filter-block.filter-sort,.view-by {
		height: 40px;
	} 
}

.main-menu li a.menu-red {
	color: #f00 !important;font-weight:bold;
}
#nav-mobile li a.menu-red {
	color: #f00 !important;font-weight:bold;
}
/*.banner-item.flex-box {
width: 100%;
height: 100%;
}*/

@media (min-width: 992px) {
	.main-slider .btn-slide-mobile {
		display: none;
	}
}

.hrv-pmo-coupon.dlpm-coupon__girds-0 .dlpm-card-section.dlpm-coupons {
	margin: 0 !important;
}

#product .infomation-des .hrv-pmo-coupon,
#product .infomation-des .hrv-pmo-discount {
	width: 100%;
	max-width: 360px;
	margin-left: auto !important;
	margin-right: auto !important;
}
#product .infomation-des .hrv-pmo-discount {
	margin-top: 14px !important;
	margin-bottom: 18px !important;
}
#product .infomation-des .hrv-pmo-discount:empty {
	display: none;
}
#product .infomation-des .hrv-pmo-discount *,
#product .infomation-des .hrv-pmo-discount *:before,
#product .infomation-des .hrv-pmo-discount *:after {
	box-sizing: border-box;
}
#product .infomation-des .hrv-pmo-discount .dlpm-card-section,
#product .infomation-des .hrv-pmo-discount [class*="dlpm-card"],
#product .infomation-des .hrv-pmo-discount [class*="discount"] {
	max-width: 100% !important;
}
#product .infomation-des .hrv-pmo-discount h2,
#product .infomation-des .hrv-pmo-discount h3,
#product .infomation-des .hrv-pmo-discount h4,
#product .infomation-des .hrv-pmo-discount [class*="heading"],
#product .infomation-des .hrv-pmo-discount [class*="title"] {
	font-size: 16px !important;
	line-height: 1.25 !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}
#product .infomation-des .hrv-pmo-discount p,
#product .infomation-des .hrv-pmo-discount span,
#product .infomation-des .hrv-pmo-discount small,
#product .infomation-des .hrv-pmo-discount div {
	line-height: 1.35 !important;
}
#product .infomation-des .hrv-pmo-discount p,
#product .infomation-des .hrv-pmo-discount span,
#product .infomation-des .hrv-pmo-discount small {
	font-size: 12px !important;
}
#product .infomation-des .hrv-pmo-discount b,
#product .infomation-des .hrv-pmo-discount strong {
	font-size: 20px !important;
	line-height: 1.2 !important;
}
#product .infomation-des .hrv-pmo-discount img,
#product .infomation-des .hrv-pmo-discount svg {
	max-width: 62px !important;
	max-height: 62px !important;
	height: auto !important;
}
#product .infomation-des .hrv-pmo-discount a,
#product .infomation-des .hrv-pmo-discount button {
	font-size: 12px !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
	padding: 8px 12px !important;
}
@media (max-width: 767px) {
	#product .infomation-des .hrv-pmo-coupon,
	#product .infomation-des .hrv-pmo-discount {
		max-width: calc(100% - 32px);
	}
	#product .infomation-des .hrv-pmo-discount {
		margin-top: 20px !important;
		margin-bottom: 24px !important;
	}
	#product .infomation-des .hrv-pmo-discount h2,
	#product .infomation-des .hrv-pmo-discount h3,
	#product .infomation-des .hrv-pmo-discount h4,
	#product .infomation-des .hrv-pmo-discount [class*="heading"],
	#product .infomation-des .hrv-pmo-discount [class*="title"] {
		font-size: 20px !important;
		margin-bottom: 12px !important;
	}
	#product .infomation-des .hrv-pmo-discount p,
	#product .infomation-des .hrv-pmo-discount span,
	#product .infomation-des .hrv-pmo-discount small {
		font-size: 13px !important;
	}
	#product .infomation-des .hrv-pmo-discount b,
	#product .infomation-des .hrv-pmo-discount strong {
		font-size: 24px !important;
	}
	#product .infomation-des .hrv-pmo-discount img,
	#product .infomation-des .hrv-pmo-discount svg {
		max-width: 78px !important;
		max-height: 78px !important;
	}
}


body:not(.template-index).sub-main-menu:before {

	top: -100px;

	height: 120px;

}

.bentrai *:not(.youtube-embed-wrapper):not(iframe) {
	display: none;
}
.bentrai{margin-top: 15px;}

@media (min-width: 768px){
	.product-info-content.active .youtube-embed-wrapper{display:none}
}

#overload{
	background: #fff;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	position: fixed;
}

/* Cờ */
.language_navtitle{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.language_navtitle svg{
	margin-left: 15px;
}
.language_navtop ul,
.language_navtop li{
	margin: 0 !important;
	padding: 0 !important;
}
.language_navtop {position: relative;line-height: 38px;margin-right:0;margin-left: 15px;}
.language_navtop .language_navtitle span{display: inline-block;vertical-align: middle;}
.language_navtop .language_navtitle > i,
.language_navtop .language_navtitle >.fa,
.language_navtop .language_navtitle > svg{
	font-size: 12px;display: inline-block;vertical-align: middle;    margin:0px 5px;
	-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;
}
.language_navtop:hover .language_navtitle > i,
.language_navtop:hover .language_navtitle > .fa,
.language_navtop:hover .language_navtitle > svg{ color: #2979ff;-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.language_navtop .language_navtitle span svg,
.language_dropdown ul li>a span svg{width:30px;height:30px;display:block;}
.language_navcontent{
	position: absolute;z-index:99999;top: 100%;right:-10px;
	width: 165px;padding: 0 10px 10px;overflow: hidden;height: 0;    opacity: 0;visibility: hidden;
	-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);
	-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.language_navcontent .language_dropdown{background: #fff;    border-radius: 4px;margin-top:20px;    box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);}
.language_navcontent .language_dropdown:after,
.language_navcontent .language_dropdown:before {
	content: '';
	position: absolute;top: 16px;right:45px;
	border: 5px solid transparent;
	border-top-color: #fff;    border-right-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(8, 88, 157, 0.2);
	-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
	-webkit-transition: all .5s ease;transition: all .5s ease;
}
.language_dropdown ul{background-color: #fff;position: relative;z-index: 2;}
.language_dropdown ul li{display:block;-webkit-transition: all .5s ease;transition: all .5s ease;}
.language_dropdown ul li + li {border-top: 1px solid #dfe3e8;}
.language_dropdown ul li>a{font-size: 13px;color: #3d5067;display: block !important;text-align: left;line-height: initial;padding: 5px 9px;}
.language_dropdown ul li>a span{display: inline-block;vertical-align: middle;margin-right:5px;}
.language_dropdown ul li:hover {background:#e3f2fd;}
.language_dropdown ul li:hover a{text-decoration: none;}
.language_dropdown ul li:hover a:after{
	display: none;
}
.language_hovertop:hover .language_navcontent{
	height: auto;opacity: 1;filter: alpha(opacity=100);    visibility: visible;
	-webkit-transform: translateY(-12px);-ms-transform: translateY(-12px);transform: translateY(-12px);
}
.js-parents.hover-bg .language_dropdown:after,
.js-parents.hover-bg .language_dropdown:before {border-top-color: #e3f2fd;border-right-color: #e3f2fd;}

.header-topbar{display:none;background: #e3f2fd;padding:4px 0;border-bottom: 1px solid #c4e2fc;text-align:left;}
.header-topbar .navTop{margin:0;position: relative;}
.header-topbar .navTop>li{display: inline-block;vertical-align: middle;}
.navTop>li>a{font-size: 14px;}
.navTop li.language_mobile {position: relative;cursor:pointer;}
.navTop li.language_mobile .language_flag{
	background-color: #fff;border: 1px solid #d8edff;
	height: 22px;line-height: 19px;    padding:0px 20px 0px 28px;
	-webkit-border-radius: 13px;-moz-border-radius: 13px;    border-radius: 13px;
	color: #3d5067;font-size:12px;
}
.navTop li.language_mobile .language_flag .flag  {
	width: 12px;height: 12px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;    border-radius: 50%;
	position: absolute;left: 8px;top: 5px;display: inline-block;
}
.navTop li.language_mobile .language_flag .flag.en{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB5PSI4NS4zMzMiIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM0MS4zMzciLz48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIyODgsODUuMzMgMjI0LDg1LjMzIDIyNCwyMjMuOTk2IDAsMjIzLjk5NiAwLDI4Ny45OTYgMjI0LDI4Ny45OTYgMjI0LDQyNi42NjIgMjg4LDQyNi42NjIgMjg4LDI4Ny45OTYgNTEyLDI4Ny45OTYgNTEyLDIyMy45OTYgMjg4LDIyMy45OTYgIi8+PGc+PHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwNTJCNDsiIHBvaW50cz0iMzkzLjc4NSwzMTUuMzU4IDUxMiwzODEuMDM0IDUxMiwzMTUuMzU4ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjMxMS42NTIsMzE1LjM1OCA1MTIsNDI2LjY2MiA1MTIsMzk1LjE4OCAzNjguMzA3LDMxNS4zNTggIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6IzAwNTJCNDsiIHBvaW50cz0iNDU4LjYzNCw0MjYuNjYyIDMxMS42NTIsMzQ0Ljk5OCAzMTEuNjUyLDQyNi42NjIgIi8+PC9nPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNGMEYwRjA7IiBwb2ludHM9IjMxMS42NTIsMzE1LjM1OCA1MTIsNDI2LjY2MiA1MTIsMzk1LjE4OCAzNjguMzA3LDMxNS4zNTggIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIHBvaW50cz0iMzExLjY1MiwzMTUuMzU4IDUxMiw0MjYuNjYyIDUxMiwzOTUuMTg4IDM2OC4zMDcsMzE1LjM1OCAiLz48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSI5MC4zNDEsMzE1LjM1NiAwLDM2NS41NDYgMCwzMTUuMzU2ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjIwMC4zNDgsMzI5LjUxIDIwMC4zNDgsNDI2LjY2MSAyNS40OTEsNDI2LjY2MSAiLz48L2c+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIHBvaW50cz0iMTQzLjY5MywzMTUuMzU4IDAsMzk1LjE4OCAwLDQyNi42NjIgMCw0MjYuNjYyIDIwMC4zNDgsMzE1LjM1OCAiLz48Zz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIxMTguMjE1LDE5Ni42MzQgMCwxMzAuOTU4IDAsMTk2LjYzNCAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIyMDAuMzQ4LDE5Ni42MzQgMCw4NS4zMyAwLDExNi44MDQgMTQzLjY5MywxOTYuNjM0ICIvPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjUzLjM2Niw4NS4zMyAyMDAuMzQ4LDE2Ni45OTQgMjAwLjM0OCw4NS4zMyAiLz48L2c+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0YwRjBGMDsiIHBvaW50cz0iMjAwLjM0OCwxOTYuNjM0IDAsODUuMzMgMCwxMTYuODA0IDE0My42OTMsMTk2LjYzNCAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIyMDAuMzQ4LDE5Ni42MzQgMCw4NS4zMyAwLDExNi44MDQgMTQzLjY5MywxOTYuNjM0ICIvPjxnPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiMwMDUyQjQ7IiBwb2ludHM9IjQyMS42NTksMTk2LjYzNiA1MTIsMTQ2LjQ0NiA1MTIsMTk2LjYzNiAiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojMDA1MkI0OyIgcG9pbnRzPSIzMTEuNjUyLDE4Mi40ODIgMzExLjY1Miw4NS4zMzEgNDg2LjUwOSw4NS4zMzEgIi8+PC9nPjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBwb2ludHM9IjM2OC4zMDcsMTk2LjYzNCA1MTIsMTE2LjgwNCA1MTIsODUuMzMgNTEyLDg1LjMzIDMxMS42NTIsMTk2LjYzNCAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
	background-size: 25px 25px;background-repeat: no-repeat;background-position: center;
}
.navTop li.language_mobile .language_flag .flag.vn{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBzdHlsZT0iZmlsbDojRDgwMDI3OyIgcG9pbnRzPSIxOTYuNjQxLDg1LjMzNyAwLDg1LjMzNyAwLDQyNi42NjMgMTk2LjY0MSw0MjYuNjYzIDUxMiw0MjYuNjYzIDUxMiw4NS4zMzcgIi8+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0ZGREE0NDsiIHBvaW50cz0iMjU2LDE1Ny4yNzkgMjc4LjY2MywyMjcuMDI2IDM1MiwyMjcuMDI2IDI5Mi42NjgsMjcwLjEzMiAzMTUuMzMyLDMzOS44ODEgMjU2LDI5Ni43NzQgMTk2LjY2OCwzMzkuODgxIDIxOS4zMzIsMjcwLjEzMiAxNjAsMjI3LjAyNiAyMzMuMzM3LDIyNy4wMjYgIi8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
	background-size: 25px 25px;background-repeat: no-repeat;background-position: center;
}
.navTop li.language_mobile .language_flag .flag.th{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPHBhdGggc3R5bGU9ImZpbGw6I0Y1RjVGNTsiIGQ9Ik01MDMuMiw0MjMuN0g4LjhjLTQuOSwwLTguOC00LTguOC04LjhWOTcuMWMwLTQuOSw0LTguOCw4LjgtOC44aDQ5NC4zYzQuOSwwLDguOCw0LDguOCw4Ljh2MzE3LjggQzUxMiw0MTkuOCw1MDgsNDIzLjcsNTAzLjIsNDIzLjd6Ij48L3BhdGg+IDxnPiA8cGF0aCBzdHlsZT0iZmlsbDojRkY0QjU1OyIgZD0iTTUwMy4yLDQyMy43SDguOGMtNC45LDAtOC44LTQtOC44LTguOHYtNDQuMWg1MTJ2NDQuMUM1MTIsNDE5LjgsNTA4LDQyMy43LDUwMy4yLDQyMy43eiI+PC9wYXRoPiA8cGF0aCBzdHlsZT0iZmlsbDojRkY0QjU1OyIgZD0iTTguOCw4OC4zaDQ5NC4zYzQuOSwwLDguOCw0LDguOCw4Ljh2NDQuMUgwVjk3LjFDMCw5Mi4yLDQsODguMyw4LjgsODguM3oiPjwvcGF0aD4gPC9nPiA8cmVjdCB5PSIxOTQuMiIgc3R5bGU9ImZpbGw6IzQxNDc5QjsiIHdpZHRoPSI1MTIiIGhlaWdodD0iMTIzLjYiPjwvcmVjdD4gPC9zdmc+);
	background-size: 25px 25px;background-repeat: no-repeat;background-position: center;
}
.navTop li a.link-login {height: 26px;line-height: 26px;color: #0180fe;font-family: 'sfuiText_bold';margin-left:20px;border-bottom:1px solid #0180fe;text-transform: uppercase;}
@media (max-width:991px){
	.header-topbar{display: block;}
	.language_mobile .language_navcontent{left: -15px;}
	.language_mobile .language_navcontent .language_dropdown:after, 
	.language_mobile .language_navcontent .language_dropdown:before{right: 72%;}
}
@media (max-width:767px){
	.header-topbar{display: block;}
	.navTop li a.link-login{
		display: none;
	}
}
@media (min-width:991px){
	.new-sticky-detail {
        position: sticky;
    top: 40px;
  }
}


.header-wrap-icon .navItem-language.language_navtop {
	margin-left: 10px;
}
/* Cờ - end */
.main-slider-item img{
	display: block;
	height: 100% !important;
	width: 100% !important;
}
.blue-btn.main-slider-item-img {display: block;}
.main-menu > li > a {
    z-index: 9999999;
    position: relative;
}
@media screen and (min-width: 1100px){
a.txt.header-search-btn svg {
    position: relative;
    top: 3px;
    margin-right: 2px;
}
}
@media (max-width: 767px){

  .content-page {
  width: 100%;
  height: 80vh;           /* hoặc px */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* QUAN TRỌNG cho iOS */
}

.content-page iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
} 

.index-banner2 .banner2-box .banner2-dot {
    display: none;
}
.blogs-list.flex-box{
  gap:15px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  @media (max-width:767px){
        display: flex;
    overflow: auto;
  }
}
.blogs-list .index-blog-item {
    flex: initial;
    width: 100%;
    margin-right: 0;
  @media (max-width:767px){
        flex: 0 0 calc(100% / 1.5);
  }
}

#mmenu{
      width: 500px;
    max-width: 100%;
}
#mmenu.active + .overlaymenu{
      position: fixed;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.flexgridmain{
      display: flex;
    align-items: center;
    gap: 10px;

}
@media (min-width:1000px){
.quick-add-list .quick-add-item {
    margin: 0 5px;
}
}
@media screen and (max-width: 767px) {
    .product-title h1,#price-preview,
  .swatch-header.pro-title-18, .select-quantity .pro-title-18{
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .product-quickview-swatch .product-sw-title {
        min-width: 68px !important;
        text-align: left !important;
    }
  .quick-add-list .quick-add-item {
    margin: 0 10px;
}
}