@charset "utf-8";
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, ul, li, form, label, table, tbody, thead, tr, th, td, footer,  nav {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	vertical-align:baseline;
}

@font-face {
    font-family:'Barlow';
    font-weight:300;
    font-style:normal;
    font-display:swap;
    src:local('Barlow Light'),
        url('../fonts/Barlow-Light.eot'),
        url('../fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Light.woff2') format('woff2'),
        url('../fonts/Barlow-Light.woff') format('woff'),
        url('../fonts/Barlow-Light.ttf') format('truetype'),
        url('../fonts/Barlow-Light.svg#Barlow-Light') format('svg');
}

@font-face {
    font-family:'Barlow';
    font-weight:300;
    font-style:italic;
    font-display:swap;
    src:local('Barlow LightItalic'),
        url('../fonts/Barlow-LightItalic.eot'),
        url('../fonts/Barlow-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-LightItalic.woff2') format('woff2'),
        url('../fonts/Barlow-LightItalic.woff') format('woff'),
        url('../fonts/Barlow-LightItalic.ttf') format('truetype'),
        url('../fonts/Barlow-LightItalic.svg#Barlow-LightItalic') format('svg');
}

@font-face {
    font-family:'Barlow';
    font-weight:400;
    font-style:italic;
    font-display:swap;
    src:local('Barlow Italic'),
        url('../fonts/Barlow-Italic.eot')
        url('../fonts/Barlow-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Italic.woff2') format('woff2'),
        url('../fonts/Barlow-Italic.woff') format('woff'),
        url('../fonts/Barlow-Italic.ttf') format('truetype'),
        url('../fonts/Barlow-Italic.svg#Barlow-Italic') format('svg');
}

@font-face {
    font-family:'Barlow';
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:local('Barlow Regular'),
        url('../fonts/Barlow-Regular.eot'),
        url('../fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Regular.woff2') format('woff2'),
        url('../fonts/Barlow-Regular.woff') format('woff'),
        url('../fonts/Barlow-Regular.ttf') format('truetype'),
        url('../fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    
}

@font-face {
    font-family:'Barlow';
    font-weight:500;
    font-style:normal;
    font-display:swap;
    src:local('Barlow Medium'),
        url('../fonts/Barlow-Medium.eot'),
        url('../fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Medium.woff2') format('woff2'),
        url('../fonts/Barlow-Medium.woff') format('woff'),
        url('../fonts/Barlow-Medium.ttf') format('truetype'),
        url('../fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
  
}

@font-face {
    font-family:'Barlow';
    font-weight:600;
    font-style:normal;
    font-display:swap;
    src:local('Barlow SemiBold'),
        url('../fonts/Barlow-SemiBold.eot'),
        url('../fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('../fonts/Barlow-SemiBold.woff') format('woff'),
        url('../fonts/Barlow-SemiBold.ttf') format('truetype'),
        url('../fonts/Barlow-SemiBold.svg#Barlow-SemiBold') format('svg');
}

@font-face {
    font-family:'Barlow';
    font-weight:700;
    font-style:normal;
    font-display:swap;
    src:local('Barlow Bold'),
        url('../fonts/Barlow-Bold.eot'),
        url('../fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Bold.woff2') format('woff2'),
        url('../fonts/Barlow-Bold.woff') format('woff'),
        url('../fonts/Barlow-Bold.ttf') format('truetype'),
        url('../fonts/Barlow-Bold.svg#Barlow-Bold') format('svg');
    
}

@font-face {
    font-family:'Barlow';
    font-weight:900;
    font-style:normal;
    font-display:swap;
    src:local('Barlow Black'),
        url('../fonts/Barlow-Black.eot'),
        url('../fonts/Barlow-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Black.woff2') format('woff2'),
        url('../fonts/Barlow-Black.woff') format('woff'),
        url('../fonts/Barlow-Black.ttf') format('truetype'),
        url('../fonts/Barlow-Black.svg#Barlow-Black') format('svg');
}

footer, header, nav {
	display:block;
}
html, body{
	font-family:'Barlow';
	font-style:normal;
	font-weight:400;
	background-color:#fff;
	color:#323232;
	line-height:1.4;
	-webkit-text-size-adjust:100%;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased}
*, *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul{
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:inherit;
	line-height:1.2;
	font-family:inherit;
	font-size:100%;
}
p {
	font-family:inherit;
	font-weight:inherit;
	font-size:100%;
	line-height:1.4;
}
img{
	border:none;
	outline:none;
}
a{
	text-decoration:none;
	color:#666;
}
button, input, textarea{
	padding:0;
	margin:0;
	border:none;
	outline:none;
	background:none;
	-webkit-appearance:none;
	font-family:inherit;
}
sup{
	font-size:50%;
	vertical-align:super;
}
.fs-no-scroll {
	height:100%;
	overflow:hidden;
}
.fs-hide-label{
	display:block;
	font-size:0;
	line-height:0;
}
.fs-has-layout::after {
	content:'';
	position:relative;
	display:block;
	width:100%;
	height:0;
	clear:both;
}
.open-menu{
	height:100%;
	overflow:hidden;
}
.open-cart{
	height:100%;
	overflow:hidden;
}


/*LAYOUT COMMON*/
.fs-page,
.fs-header, 
.header-inr,
.fs-container,
.fs-footer,
.fs-section,
.fs-inr {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}
/* .fs-page img{
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	user-select:none;
} */
.fs-bg,
.fs-pic,
.fs-txt{
	position:relative;
	display:block
}
.fs-pic{
	line-height:0;
}
.fs-bg{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.fs-bg::before {
	content:'';
	position:relative;
	display:block;
	width:100%;
	height:auto
}
.fs-pic img{	
	width:100%;
	height:auto;
}
.icon{
	line-height:0;
}
.icon img{
	width:100%;
}
.fs-bg {
	position:relative;
	width:100%;
	height:auto;
}
.fs-bg div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.fs-bg img{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover
}


/*HEADER AREA*/
.fs-header{
	/* position:fixed;
	left:0;
	top:0; */
	position: -webkit-sticky;
	position:sticky;
	top:0;
	z-index:1000;
}
.header-inr{
	position:relative;
	display:block;
	width:100%;
}
.hrd-top{
	position:relative;
	display:block;
	width:100%;
	height:2.77777vw;
	text-align:center;
	background-color:#323232;
	overflow: hidden;
}
.hrd-top p{
	position: relative;
	display: inline-block;
    top: 0.75vw;
	padding-left: 100%;
	font-size:0.97222vw;
	white-space: nowrap;
	color:#eaeaea;
	-webkit-animation: txtFly 13s linear infinite;
	animation: txtFly 13s linear infinite;
}
.hrd-bot{
	position:relative;
    display:block;
    height:4.16666vw;
    line-height:4.16666vw;
    padding:0 5%;
    background-color:rgba(255,255,255,0.9);
	text-align:right;
	font-size:0;
}
.logo{
	position:absolute;
	top:50%;
    left:5%;
	display:block;
	width:11.38888vw;
	max-width:164px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.icon-menu-wrapper{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-size:0;
}
.icon-menu-item{
    position:relative;
	display:inline-block;
	vertical-align:top;
    width:3.125vw;
	height:4.16666vw;
	line-height:4.16666vw;
	cursor:pointer;
	margin-left:1px;
	text-align:center;
}
.icon-menu-item .fs-pic{
	display:inline-block;
	vertical-align:middle;
}
.notification-icon .fs-pic{
	width:1.4583333vw;
	max-width:21px;
}
.noti-number{
    position:absolute;
    display:inline-block;
    top:0.8vw;
    left:1.4vw;
    padding:0 0.2083vw;
    background-color:#323232;
    color:#fff;
    width:auto;
    height:1.04166vw;
    min-width:1.04166vw;
    line-height:1.1vw;
    font-size:0.6944vw;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
}
.noti-number.color-red{
	background-color:#F0132D;
}
.cart-icon .noti-number{
	left:1.6vw;
}
.cart-icon .fs-pic{
	position:relative;
	width:1.7361vw;
	max-width:25px;
}
.cart-icon .link-cart{
	display:block;
	width:100%;
	height:100%;
}
.user-icon .fs-pic, .search-icon .fs-pic{
	width:1.597vw;
	max-width:23px;
}
.isLogin .user-icon .fs-pic img{
	opacity:0;
}
.isLogin .user-icon .fs-pic img.img-active {
	display:block;
	opacity:1;
}

.img-active{
	position:absolute;
	left:0;
	top:0;
	opacity: 0;
}





.icon-menu{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:5.5555vw;
	height:4.1666vw;
	line-height:4.16666vw;
	margin-left:1px;
	text-align:right;
}
.icon-menu .fs-pic{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	height:auto;
	max-width:80px;
	cursor:pointer;
}

.hrd-pc{
	vertical-align:middle;
	display:inline-block;
	width:auto;
	height:auto;
}
.hrd-sp{
	display:none;
}

.menu{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	opacity:0;
	visibility:hidden;
}
.menu .fs-bg, .menu .fs-bg > div{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.menu .fs-bg::before{
	display:none;
}
.menu .fs-bg > div{
	background-size:cover;
}
.menu .hrd-bot{
	background-color:transparent;
}
.fs-navigation{
	position:relative;
	display:block;
	padding:10vh 5% 0 5%;
	text-align:right;
	z-index:2;
}
.fs-navigation li{
	margin-bottom:4.58333vh;
}
.fs-navigation li a{
	display:inline-block;
	font-size:1.52777vw;
	color:#fff;
}

.open-menu .menu{
	opacity:1;
	visibility:visible;
}

.search-top{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	background-color:rgba(255,255,255,0.9);
	padding:7.6vw 5% 0 5%;
	display:none;
}
.search-top label{
	display:block;
	font-size:0.972222vw;
	color:#323232;
	font-weight:700;
	text-align:right;
}
.search-title{
	font-size:4.16666vw;
	color:#000;
	font-weight:700;
}
.search-top input[type="text"] {
	height:auto;
	margin-bottom:0.3vw;
	padding:30px 0 10px 0;
	line-height:initial;
	border:none;
	border-bottom:2px solid #323232;
	font-size:0.972222vw;
}
.search-top input[type="text"]:focus{
	border:none;
	border-bottom:2px solid #000;
}
.search-close{
	position:absolute;
	right:5%;
	top:10vw;
	width:2.3vw;
	height:auto;
	cursor:pointer;
}
.search-close img{
	width:100%;
}
.open-search .search-top{
	display:block;
}

.search-menu-sp{
	display:none;
}
i{
    font-weight:400;
    font-style:italic;
}
.copy-right p{
    font-weight:300;
    font-style:normal;
}
.wrap-input input[type="text"]::placeholder{
    font-weight:300;
    font-style:italic;
}
.fs-navigation li.active a, .footer-bot .small-title, .footer-bot .slogan-footer p{
	font-weight:700;
}
.fs-navigation li a, .footer-bot p, .footer-bot p a, .footer-bot li a{
	font-weight:400;
}
.input[type="text"], .wrap-input input[type="text"]{
    font-weight:400;
    font-style:normal;
}
.hrd-top p{
    font-weight:600;
    font-style:normal;
}



/*FOOTER AREA*/
.footer-inr{
	position:relative;
	display:block;

}
.footer-top{
	position:relative;
	display:block;
	width:100%;
	height:4.16666vw;
	padding:0 5%;
	line-height:4.16666vw;
	background-color:#323232;
	text-align:right;
}

.logo-footer{
	position:absolute;
	top:50%;
	left:5%;
	display:block;
	width:11.38888vw;
    max-width:164px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.fs-social{
	position:relative;
	left:0.6vw;
	display:inline-block;
	vertical-align:top;
	font-size:0;
}
.fs-social li {
    display:inline-block;
	vertical-align:top;
	width:3.2vw;
	height:4.16666vw;
	line-height:4.1666vw;
	margin-left:0.5vw;
	text-align:center;
}
.fs-social .fs-pic{
	display:inline-block;
	vertical-align:middle;
	width:1.875vw;
	height:auto;
	max-width:27px;
	color:#fff;
}
.fs-social .fs-pic img{
	width:100%;
}
.footer-bot{
	position:relative;
	display:block;
	width:100%;
	padding:1.1% 5% 2.08333% 5%;
	background-color:#eeeff3;
}
.footer-bot-inr{
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	justify-items:center;
}
.footer-left{
	position:relative;
	flex:0 0 50%;
	max-width:50%;
}
.footer-right{
	position:relative;
	flex:0 0 50%;
	max-width:50%;
}

.slogan-footer, .wrap-input {
	position:relative;
	width:23.75vw;
}


.slogan-footer{
	overflow: hidden;
	height: 2.2395vw;
}
.slogan-marquee {
	position: absolute;
	left: 0;
    top: 0;
    width: 100%;
}
.footer-bot .slogan-footer p{
	display: inline-block;
    font-size: 1.02vw;
	color:#323232;
	white-space: nowrap;
	padding-left: 100%;
	margin-bottom: 0;
} 
.fs-ani .slogan-footer p.marquee-1{
	-webkit-animation: txtFly 8s linear infinite 1s;
	animation: txtFly 8s linear infinite 1s;
}
.fs-ani .slogan-footer p.marquee-2{
	-webkit-animation: txtFly 8s linear infinite 5s;
	animation: txtFly 8s linear infinite 5s;
}


.form-footer{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:3.47vw;
}
.wrap-input input[type="text"]{
	width:100%;
	height:2.7777vw;
	line-height:2.7777vw;
	padding:0 7.638888vw 0 0;
	border:none;
	border-bottom:1px solid #323232;
	-webkit-border-radius:0;
	border-radius:0;
}
.wrap-input input[type="text"]:focus{
	border:none;
	border-bottom:1px solid #323232;
}
.wrap-input input[type="text"]::placeholder{
	color:#323232;
}
.wrap-input input[type="text"]::placeholder {
	color:#323232;
}
.wrap-input input[type="text"]:-ms-input-placeholder { 
	color:#323232;
}
.wrap-input input[type="text"]::-moz-placeholder {
	color:#323232;
	opacity:1;
}
/* .subscribe-but{
	position:absolute;
	top:0;
	right:0;
	width:6.94444vw;
	height:2.7777vw;
	line-height:2.7777vw;
	font-size:0.83333vw;
	color:#fff;
	background-color:#323232;
	cursor:pointer;
	font-weight:700;
} */
.footer-contact{
	font-size:0;
}
.location-box{
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
	max-width:50%;
	margin-right:2.777vw;
}
.location-box:last-child{
	margin:0;
}
.footer-bot .small-title, .footer-bot p, .footer-bot li {
	margin-bottom:1.1vw;
}
.footer-bot .small-title{
	font-size:0.972222vw;
}
.footer-bot p, .footer-bot p a, .footer-bot li a{
	font-size:0.83333vw;
	color:#000;
}
.footer-bot li a.fs-hide-label{
	font-size:0;
}
.footer-right{
	position:relative;
	flex:0 0 50%;
	max-width:50%;
	text-align:right;
	padding-top:2.777vw;
}
.nav-box{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:auto;
	max-width:50%;
	margin-left:2.08333vw;
}
.footer-extra{
	padding:3.2vw 0 0 0;
	width:100%;
	overflow:hidden;
}
.copyright{
	position:relative;
	top:0.5vw;
	display:inline-block;
	vertical-align:top;
}
.footer-bot .copyright p{
	font-weight:300;
	margin:0;
}
.payment-accept{
	float:right;
	width:12.91666vw;
	line-height:0;
}

.menu .footer-bot{
	position:absolute;
	left:0;
	bottom:0;
	padding:1.1% 5%;
	background-color:transparent;
}
.menu .footer-bot .small-title, .menu .footer-bot p, .menu .footer-bot p a, .menu .footer-bot li a{
	color:#fff;
}
.menu .copyright{
	top:0.9vw;
}
.menu .fs-social{
	float:right;
}
.menu .fs-social li{
	height:3.2vw;
	line-height:3.2vw;
	margin:0 0 0 0.5vw;
}


/*Slider*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform, -webkit-transform;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform, -webkit-transform;
	background-color:#fff
}
.swiper-button-next,
.swiper-button-prev {
	position:absolute;
	top:11vw;
	width:6.94444vw;
	height:auto;
	max-width:100px;
	z-index:10;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
}
.swiper-button-next::before,
.swiper-button-prev::before {
	content:'';
	position:relative;
	display:block;
	width:100%;
	height:auto;
	padding-top:100%
}
.swiper-button-prev {
	background-image:url(../images/prev-circle.png);
	left:-0.5vw;
	right:auto;
	background-size:100% auto;
}
.swiper-button-next {
	background-image:url(../images/next-circle.png);
	right:-0.5vw;
	left:auto;
	background-size:100% auto;
}
.swiper-pagination {
	position:absolute;
	text-align:center;
	-webkit-transition:.3s opacity;
	-o-transition:.3s opacity;
	transition:.3s opacity;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	z-index:10
}
.swiper-pagination-bullet {
	position:relative;
	width:10px;
	height:10px;
	display:inline-block;
	margin:0 5px;
	border:1px solid #3c3c3c;
	background-color:transparent;
	-webkit-border-radius:50%;
	border-radius:50%
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor:pointer;
}
.swiper-pagination-bullet-active {
	background-color:#3c3c3c;
}
.swiper-container-fade .swiper-slide {
	pointer-events:none;
	-webkit-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-pagination, .swiper-button-next, .swiper-button-prev{
	display:none;
}
.show-controls .swiper-pagination, .show-controls .swiper-button-next, .show-controls .swiper-button-prev{
	display:block;
}


/*Page*/
.fs-title{
	position:relative;
}

/*PAGING*/
.page-controls{
	font-size:0;
}
.page-controls.ta-r{
	text-align:right;
}
.pagination-number{
	display:inline-block;
	vertical-align:top;
	width:auto;
	height:auto;
	border:1px solid #323232;
}
.pagination-prev{
	background:url(../images/prev.png) no-repeat center center;
	background-size:0.625vw auto;
	background-color:#323232;
}
.pagination-next{
	background:url(../images/next.png) no-repeat center center;
	background-size:0.625vw auto;
	background-color:#323232;
}
.pagination-next.disabled, .pagination-prev.disabled{
	opacity:0.5;
	pointer-events:none;
	cursor:auto;
}
.pagination-number li{
	display:inline-block;
	vertical-align:middle;
	/* color:#919191; */
	color:#666;
	font-weight:400;
	font-size:0.83333vw;
	width:2.7777vw;
	height:2.7777vw;
	line-height:2.7777vw;
	text-align:center;
	cursor:pointer;
}
.pagination-number li.current{
	color:#323232;
	font-weight:700;
}

.pagination-input{
	display:inline-block;
	vertical-align:top;
	border:1px solid #000;
	font-size:0;
}
.pagination-input li{
	display:inline-block;
	vertical-align:middle;
	font-weight:400;
	font-size:0.83333vw;
	height:2.7777vw;
	line-height:2.7777vw;
	color:#323232;
}
.pagination-input li.pagination-cap{
	padding:0 1.25vw;
}
.pagination-input input[type="text"] {
	border:none;
	width:4vw;
    height:1.6vw;
    border-bottom:1px solid #323232;
	display:inline-block;
	padding:0;
}
.pagination-input input[type="text"]:focus{
	border: none;
	border-bottom:1px solid #323232;
}
.page-controls .pagination-input{
	float:right;
}

/*Banner*/
.hide-controls .swiper-button-next, .hide-controls .swiper-button-prev, .hide-controls .swiper-pagination{
	display:none;
}

.fs-banner .fs-txt{
    position:absolute;
    z-index:1;
}
.stroke-type{
    color:#fff;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#fff;
    line-height:1;
}
.stroke-type.color-black{
	color:#323232;
    -webkit-text-stroke-color:#323232;
}
.ta-c h1{
	text-align:center;
}
.ta-center{
	text-align:center;
}
.ta-left{
	text-align:left;
}
.ta-right{
	text-align:right;
}


/*Breadcrum*/


/*CheckBox*/
.fs-checkbox{
	position:relative;
}
.fs-checkbox label {
	display:inline-block;
	vertical-align:top;
	font-size:0.972222vw;
	font-weight:400;
	padding-left:0.5vw;
	cursor:pointer;
}
.fs-checkbox label strong, .fs-checkbox label a{
	font-weight:700;
	color:#323232;
}
.fs-checkbox label::before, .fs-checkbox label::after, .fs-checkbox input[type='checkbox']{
	display:inline-block;
	vertical-align:top;
	width:1.4vw;
	height:1.4vw;
}
.fs-checkbox label::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	border:1px solid #323232;
}
.fs-checkbox input[type='checkbox']{
	-webkit-appearance:none;
	opacity:0;
	cursor:pointer;
}
.fs-checkbox label::after {
	content:'';
    position:absolute;
	left:0;
	top:0;
	opacity:0;
	background:url(../images/checked.png) no-repeat center 0.1vw;
	background-size:1vw auto;
	background-color:#323232;
}
.fs-checkbox input[type='checkbox']:checked + label::after {
    opacity:1;
}
.fs-checkbox.empty{
	display:inline-block;
	font-size:0;
	line-height:0;
}
.fs-checkbox.empty label {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.radio-box li{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-right:1.1vw;
}
.radio-box li:last-child{
	margin:0;
}
.radio-box input[type="radio"], .radio-box label::before, .radio-box label::after{
	width:1.4vw;
	height:1.4vw;
}
.radio-box input[type="radio"], .radio-box label {
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
.radio-box label {
	padding-left:0.5vw;
	font-size:0.97222vw;
	font-weight:400;
}
.radio-box label::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	border:1px solid #464646;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.radio-box label::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	background-color:#323232;
	-webkit-border-radius:50%;
	border-radius:50%;
	opacity:0;
}
.radio-box input[type='radio']:checked + label::before{
	opacity:0;
}
.radio-box input[type='radio']:checked + label::after{
	opacity:1;
}

/*Form*/
.fs-but{
	position: relative;
	display:inline-block;
	width:13.8888vw;
	height:2.7777vw;
	line-height:2.6777vw;
	font-size:0.83333vw;
	cursor:pointer;
	text-align:left;
	font-weight:700;
}
.fs-but span{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding:0 1.38888vw;
	z-index: 1;
}

.fs-but.color-white{
	border:1px solid #fff;
}
.fs-but.color-white span{
	color:#fff;
}

.fs-but.color-white-fill{
	background-color: #fff;
	border:1px solid #fff;
}
.fs-but.color-white-fill span{
	color:#323232;
}

.fs-but.color-black{
	border: 1px solid #323232;
}
.fs-but.color-black span{
	color:#323232;
}

.fs-but.color-grey-white{
	background-color:#323232;
	border:1px solid #323232;
}
.fs-but.color-grey-white span{
	color:#fff;
}

.fs-but.no-icon{
	background:none;
	background-color:#323232;
	border:1px solid #323232;
	text-align:center;
}
.fs-but.no-icon span{
	color:#fff;
}

.fs-but.no-icon-black{
	background:none;
	background-color:#fff;
	text-align:center;
}
.fs-but.no-icon-black span{
	color:#000;
}

.fs-but.subscribe-but{
	position: absolute;
	top: 0;
	right: 0;;
	width:6.94444vw;
	height:2.7777vw;
	line-height:2.7777vw;
	font-size:0.83333vw;
}

.fs-but.icon-menu, 
.fs-but.icon-menu-close{
	position: absolute;
	right: 0;
	top: 50%;
    width: 4.15vw;
    height: 1.7vw;
    line-height: 1.7vw;
    font-size: 0.7vw;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fs-but.icon-menu-close{
	text-align: center;
}

.fs-but.icon-menu span, 
.fs-but.icon-menu-close span{
	padding: 0;
}

.fs-but span::before,
.fs-but span::after{
	content: '';
    position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* But Black */
.fs-but.color-black::before{
	background-color: #323232;
}
.fs-but.color-black span::before{
	background:url(../images/arrow-link-black.png) no-repeat 90% center;
	background-size:0.625vw auto;
	opacity: 1;
}
.fs-but.color-black span::after{
	background:url(../images/arrow-link-black-active.png) no-repeat 90% center;
	background-size:0.625vw auto;
	opacity: 0;
}

/* But White */
.fs-but.color-white::before{
	background-color: #fff;
}
.fs-but.color-white span::before{
	background:url(../images/arrow-link-white.png) no-repeat 90% center;
	background-size:0.73vw auto;
	opacity: 1;
}
.fs-but.color-white span::after{
	background:url(../images/arrow-link-white-active.png) no-repeat 90% center;
	background-size:0.73vw auto;
	opacity: 0;
}

/* But grey white */
.fs-but.color-grey-white::before{
	background-color:#fff;
}
.fs-but.color-grey-white span::before{
	background:url(../images/arrow-link-white.png) no-repeat 90% center;
	background-size:0.625vw auto;
	opacity: 1;
}
.fs-but.color-grey-white span::after{
	background:url(../images/arrow-link-white-active.png) no-repeat 90% center;
	background-size:0.625vw auto;
	opacity: 0;
}

/* but no-icon */
.fs-but.no-icon::before{
	background-color:#fff;
}

.fs-but.no-icon span::before,
.fs-but.no-icon span::after,
.fs-but.no-icon-black span::before,
.fs-but.no-icon-black span::after,
.fs-but.color-white-fill span::before,
.fs-but.color-white-fill span::after{
	display: none;
}

/* but white fill */
.fs-but.color-white-fill::before{
	background-color:#323232;
}

/* But animation */
/* .fs-but, .fs-but.color-black::before,
.fs-but.color-white::before,
.fs-but.color-grey-white::before,
.fs-but.no-icon::before,
.fs-but.color-white-fill::before{
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.fs-but.color-black::before,
.fs-but.color-white::before,
.fs-but.color-black::before,
.fs-but.color-grey-white::before,
.fs-but.no-icon::before,
.fs-but.no-icon-black::before,
.fs-but.color-white-fill::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}*/

.fs-but::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}

.fs-form .fs-but{
	max-width:100%;
	text-align:left;
}
.fs-form .fs-but.ta-c{
	text-align:center;
}
.fs-group{
	position:relative;
	display:block;
	margin-bottom:1.38888vw;
}
input[type='text'],
input[type='email'],
input[type='number'],
input[type='password'],
textarea {
	display:block;
	width:100%;
	height:2.7777vw;
	padding:0 1.25vw;
	border:1px solid #979797;
	-webkit-border-radius:0;
	border-radius:0;
	font-size:0.83333vw;
	font-weight:400;
	color:#323232;
}

input[type='text'], 
input[type='email'], 
input[type='number'], 
input[type='password'],
textarea, .fs-select-header{
	border:1px solid #979797;
}

input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='number']::placeholder,
input[type='password']::placeholder,
textarea::placeholder {
	color:#979797;
}
input[type='text']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
  color:#979797;
}
input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
	color:#979797; 
	opacity:1;
}

input[type='text']:focus, 
input[type='email']:focus, 
input[type='number']:focus, 
input[type='password']:focus,
textarea:focus,
.fs-open-select .fs-select-header{
	border:1px solid #323232;
}

input[type='password']{
	padding:0 4.25vw 0 1.25vw;
}
input[type='text'].input-customer{
    width:50%;
}
input[type='text']:disabled{
    opacity:0.3;
}
textarea{
	padding:0.7vw 1.25vw;
	height:4.16666vw;
	resize:none;
	overflow:hidden;
	overflow-y:auto;
}

.type-stroke-box input[type="text"] {
	height:auto;
	padding:5px 0;
	border:none;
	border-bottom:1px solid #979797;
}
.type-stroke-box input[type="text"]:focus{
	border-bottom:1px solid #323232;
}

.fs-form h3{
    font-size:2.5vw;
    font-weight:400;
    margin-bottom:1vw;
}
.fs-form h1{
	font-size:2.5vw;
    font-weight:400;
    margin-bottom:1vw;
}

.fs-caption{
	margin-bottom:0.3555vw;
	font-size:0.83333vw;
	font-weight:400;
	color:#323232;
	opacity:0.7;
}

.flex-spr2{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.flex-spr2 .col{
    width:48%;
    position:relative;
}

.flex-spr2 .col.fs-size-08{
	width:66.6666%;
}
.flex-spr2 .col.fs-size-04{
	width:33.3333%;
}
.flex-spr3{
	display:flex;
	flex-wrap:wrap;
    justify-content:space-between;
}
.flex-spr3 .col{
    width:32%;
}
.flex-spr3 .col.fs-size-05{
	width:34.666%;
}
.flex-spr3 .col.fs-size-02{
	width:22.666%;
}
.fs-error-txt{
	display:none;
}

.eye-icon{
	position:absolute;
	right:0;
	bottom:0;
	width:4vw;
	height:2.7777vw;
	line-height:2.7777vw;
	opacity:0.5;
	cursor:pointer;
	text-align:center;
}
.eye-icon img{
	width:60%;
	max-width:60%;
	height: auto;
	vertical-align:middle;
}
.eye-icon.active{
	opacity:1;
}


/*SELECT LIST*/
.fs-select{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	text-align:left;
	z-index:2;
}
.lv10{
	z-index:10;
}
.lv9{
	z-index:9;
}
.lv8{
	z-index:8;
}
.lv7{
	z-index:7;
}
.lv6{
	z-index:6;
}
.lv5{
	z-index:5;
}
.lv4{
	z-index:4;
}
.lv3{
	z-index:3;
}
.lv2{
	z-index:2;
}

.fs-select-header {
	position:relative;
	display:block;
	height:2.7777vw;
	padding:0 1.25vw;
	line-height:2.7777vw;
	border:1px solid #979797;
	cursor:pointer;
	z-index:2;
}

.fs-open-select .fs-select-header{
	border:1px solid #323232;
}
.fs-select-header span {
	position:relative;
	top:-0.2vw;
	display:inline-block;
	vertical-align:middle;
	width:auto;
	line-height:1.4;
	max-width:100%;
	font-size:0.83333vw;
    font-weight:400;
	color:#323232;
	opacity:0.7;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.not-default .fs-select-header span{
	opacity:1;
}

.fs-select-box{
	position:absolute;
	top:100%;
	left:0;
	display:block;
	width:100%;
	min-width:9.72222vw;
	height:auto;
	margin:2px 0 0 0;
	display:none;
}
.fs-select-box ul{
	position:relative;
	display:block;
	max-height:300px;
	background-color:#fff;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.fs-select-box li {
	position:relative;
	display:block;
	font-size: 0.845vw;
	font-weight:400;
	color:#323232;
	margin-bottom:1px;
	padding:0.4vw 1.3888vw;
	cursor:pointer;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.fs-select-box li:hover{
	background-color:#f0f0f0;
}
.fs-select-box li.selected{
	display:none;
}
.fs-open-select .fs-select-box{
	display:block;
}
.fs-select-header::after{
	content:'';
	position:absolute;
	right:1vw;
	top:50%;
	margin-top:-0.27777vw;
	width:1.0416666vw;
	height:0.5555vw;
	background:url(../images/select-arrow.png) no-repeat center center;
	background-size:100% auto;
}


/*Cart*/
.cart-pop{
	position:absolute;
	right:0;
    top:100%;
	width:24.3055vw;
	height:auto;
	overflow:hidden;
	cursor:default;
	text-align:left;
	-webkit-transform:translateY(-0.7vw);
	transform:translateY(-0.7vw);
	-webkit-box-shadow:0px 0px 12px 0px rgba(0,0,0,0.6); 
	box-shadow:0px 0px 12px 0px rgba(0,0,0,0.6);
	z-index:1;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.cart-icon:hover > .cart-pop{
	opacity:1;
	visibility:visible;
}
.cart-inr{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:2.0833vw 2.0833vw 1.3888vw 1.3888vw;
	background-color:#eeeff3;
	color:#323232;
}
.cart-inr .logo.fs-sp{
	display:none;
}
.cart-total, .item-total{
	display:flex;
	align-items:center;
	margin-bottom:1.3888vw;
}
.cart-icon .cart-total{
	border-top:1px solid #000;
	padding-top:1.3888vw;
}
.total-title, .total-amount, .item-title, .item-amount{
	flex:0 0 50%;
	max-width:50%;
}
.total-amount, .item-amount{
	text-align:right;
}
.cart-inr .fs-buts{
    margin-bottom:0;
    line-height:initial;
}
.cart-inr .fs-but{
	width: 100%;
}
.cart-inr .fs-but span::before,
.cart-inr .fs-but span::after{
	background-position:96% center;
}
.item-total{
	padding:0;
	justify-content:space-between;
}
.total-title, .total-amount, .item-title, .item-amount, .item-txt h3{
	font-size:1.11111vw;
	font-weight:700;
	line-height:initial;
}
.cart-items{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
}
.cart-icon .cart-items{
	height:15.9722vw;
}
.cart-item{
	width:100%;
	display:flex;
	margin-bottom:1.25vw;
	padding-bottom:0.9722vw;
	border-bottom:1px solid #b7b7b7;
}
.cart-scroll{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding-right:5%;
	overflow:hidden;
	overflow-y:auto;
}
.cart-item:last-child{
	border:none;
}
.item-pic{
	flex:0 0 22%;
	max-width:22%;
}
.item-info{
	flex:0 0 78%;
	max-width:78%;
	padding:0 0 0 3.78%;
}
.cart-icon .cart-item{
	justify-content:space-between;
	flex-wrap:wrap;
	line-height:initial;
}

.cart-icon .item-pic{
	flex:0 0 36%;
	max-width:36%;
	width:auto;
}
.cart-icon .item-info{
	flex:0 0 57%;
	max-width:57%;
	padding:0;
}
.item-txt, .cart-quantity {
	width:100%;
	height:auto;
}
.item-txt p, .cart-delete, div.item-cart > span{
	font-size:0.83333vw;
	font-weight:400;
}
.item-txt p strong{
	font-weight:700;
}
.item-txt h3 {
	margin-bottom:0.5555vw;
}
.item-txt p{
	margin-bottom:0.4166vw;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
}

/* Cart */
div.item-cart {
	position:relative;
	display:flex;
	align-items:center;
	margin-bottom:0.69444vw;
}
div.item-cart > span{
	flex:0 0 15%;
    max-width:15%;
}
div.item-cart .fs-select {
	flex:0 0 23.7%;
	max-width:23.7%;
}
.checkout-info .cart-quantity {
    padding:0;
}
.checkout-info .cart-items{
	overflow:visible;
}
.checkout-info .item-cart .fs-select-box{
	min-width:100%;
}
.checkout-info .item-cart .fs-select-header{
	padding:0 0.6944vw;
	height:2.08333vw;
	line-height:2.08333vw;
	border: 1px solid #323232;
}
.types-teamwear li{
	position:relative;
	display:block;
	font-size:0.8333vw;
	color:#323232;
	margin-bottom:0.2083vw;
}


.item-txt p span:nth-child(1){
	display:inline-block;
	flex:15%;
	max-width:15%;
}
.item-txt p span:nth-child(2){
	display:inline-block;
	flex:30%;
	max-width:30%;
}
.cart-icon .item-txt p span:nth-child(1){
	display:inline-block;
    flex:0 0 25%;
    max-width:25%;
}
.cart-icon .item-txt p span:nth-child(2){
	display:inline-block;
	flex:0 0 75%;
	max-width:75%;
}
.cart-delete{
	display:inline-block;
	padding:0.3vw 0 0 2.2916666vw;
	background:url(../images/cart-delete.png) no-repeat left center;
	background-size:1.527777vw auto;
	color:#666;
	cursor:pointer;
}
.cart-quantity{
	padding:0.5555vw 0;
	overflow:hidden;
}
.cart-minus, .cart-plus, input[type='text'].cart-value{
	float:left;
	width:2.3vw;
	height:2.08333vw;
	cursor:pointer;
}
.cart-minus{
	border:1px solid #323232;
	border-right:none;
}
.cart-plus{
	border:1px solid #323232;
	border-left:none;
}
input[type='text'].cart-value{
	font-size:1.1vw;
	color:#666;
	padding:0;
	text-align:center;
	border: 1px solid #323232;
	border-left:none;
	border-right:none;
}
.cart-minus{
	background:url(../images/cart-minus.png) no-repeat center center;
	background-size:0.625vw auto;
}
.cart-plus{
	background:url(../images/cart-plus.png) no-repeat center center;
	background-size:0.625vw auto;
}
.cart-close{
	position:absolute;
	right:5vw;
	top:3.5vh;
	width:1.38888vw;
	max-width:20px;
	height:auto;
	cursor:pointer;
}
.cart-close img{
	width:100%;
}


/*Featured*/
.fs-featured {
    background-color:#eeeff3;
}
.featured-inr{
    float:right;
    width:87.5%;
}
.featured-box{
    width:100%;
    padding-left:0.5vw;
	overflow:hidden;
	color:#323232;
}
.fs-featured h2{
    text-transform:uppercase;
    margin:-2.2vw 0 2.777vw 0;
    padding-left:2.08333vw;
    font-size:4.16666vw;
    font-weight:700;
}
.featured-outer {
    position:relative;
    display:block;
    width:86%;
}
.featured-slider{
    width:100%;
    overflow:visible;
}
.featured-slider .swiper-slide{
    padding:0 2.083333vw;
    background-color:transparent;
}
.featured-slider .fs-pic{
    position:relative;
    background-color:#fff;
    text-align:center;
    overflow:hidden;
}
.featured-slider .fs-pic img{
   display:inline-block;
   width:auto;
   height:26.38888vw;
   margin:0 -50%;
}
.featured-cap{
    font-size:0.97222vw;
}
.fs-featured h3{
    margin:0.5555vw 0 0.972222vw 0;
    font-weight:700;
    font-size:1.25vw;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    max-height:3.16vw;
    overflow:hidden;
    display:-webkit-box;
    line-height:1.3;
}
.fs-featured .fs-txt{
    padding:0.76vw 0;
}
.prices {
    display:flex;
	justify-content:space-between;
	align-items:center;
}
.price, .prices del{
    font-size:1.25vw;
    font-weight:400;
}
.prices del{
	/* color:#b3b3b3; */
	color:#666;
	opacity:0.8;
}
.fs-featured .fs-buts{
    padding:1.3888vw 0 2.7777vw 2.083333vw;
}


/*ThankYou*/
.thankyou-inr{
	padding:3.25vw 5%;
}
.thankyou-pic{
	width:23%;
	margin:0 auto 3.125vw auto;
}
.thankyou-info{
	width:38%;
	margin:0 auto;
	color:#000;
	text-align:center;
}
.thankyou-info h1{
	font-size:1.66666vw;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:1vw;
}
.thankyou-info p{
	font-size:0.83333vw;
	font-weight:400;
}
.thankyou-but{
	padding:1.3888vw;
	font-size:0.83333vw;
	font-weight:400;
	color:#000;
	text-decoration:underline;
	width:auto;
	height:auto;
	line-height:initial;
}


/*Popup*/
.popup-overlay{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	overflow:hidden;
	overflow-y:auto;
	background-color:rgba(255, 255, 255, 0.8);
	z-index:1001;
	text-align:center;
}
.close-but{
	position:absolute;
	right:0;
	top:0;
	width:40px;
	padding:10px;
	cursor:pointer;
	z-index:2;
}
.close-but img{
	width:100%;
}
.popup-overlay::before, .popup-overlay::after{
	content:'';
	position:relative;
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
.popup-inr{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:90%;
	height:auto;
	background-color:#fff;
	text-align:left;
	z-index:3;
}
.wishlist-pop .popup-inr{
	width:33.3333%;
	padding:2vw 0 2.5vw 0;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.15);
	text-align:center;
}
.popup-inr .small-title{
	font-size:1.1111vw;
	font-weight:700;
	color:#323232;
	text-transform:uppercase;
	margin-bottom:1.2888vw;
}
.popup-inr p{
	color:#323232;
	font-size:0.8333vw;
	font-weight:400;
	margin-bottom:1.3888vw;
}
.wishlist-cancel, .wishlis-remove-confirm{
	width:9.7222vw;
	text-align:center;
	text-transform:uppercase;
	margin:0 0.69444vw;
}
.wishlist-cancel{
	border:1px solid #323232;
	color:#323232;
}
.wishlis-remove-confirm{
	background-color:#323232;
	color:#fff;

}
.wishlist-pop .fs-buts{
	font-size:0;
}

.popup-inr.is-stay {
	width:33.3333%;
	padding:1.6vw;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.15);
}
.popup-inr.is-stay.has-stroke{
	border:1px solid #323232;
}
.is-stay .small-title{
	text-transform:initial;
	margin-bottom:0.3vw;
}
.popup-inr.is-stay .fs-buts{
	text-align:right;
}
.popup-inr.is-stay .fs-but {
	width:auto;
	margin-left:1.4vw;
	text-align:center;
	min-width:5.5vw;
}

.stay-but, .continute-but{
	background-color:#323232;
	color:#fff;
}
.leave-but, .continute-cancel{
	border:1px solid #323232;
	color:#323232;
}

.leave-but span::before,
.leave-but span::after,
.continute-cancel span::before,
.continute-cancel span::after{
	display: none;
}


.user-actions{
	position:absolute;
	top:100%;
	right:3vw;
	display:block;
	width:100%;
	min-width:9.72222vw;
	height:auto;
	margin:2px 0 0 0;
	z-index:10;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;	
	transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
}
.user-actions.user-open{
	opacity:1;
    visibility:visible;
    -webkit-transition-delay:0s, 0s;
    transition-delay:0s, 0s;
}
.user-actions::before{
	content:'';
    position:absolute;
    width:22px;
    height:18px;
    background:url(../images/select-up.png) no-repeat center 0;
    right:1.1vw;
    top:-18px;
    z-index:1;
}
.user-actions ul{
	position:relative;
	display:block;
	padding:1vw 0;
	line-height:initial;
    background-color:#fff;
    box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
}
.user-actions ul li{
	position:relative;
    display:block;
    margin-bottom:1px;
	padding:0 1.3888vw;
	cursor:pointer;
	text-align:left;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.user-actions ul li.active, .user-actions ul li:not(.active):hover{
	background-color:#f0f0f0;
}
.user-actions ul li.logout-link, .user-actions ul li.logout-link:hover{
	background-color:transparent
}
.user-actions ul li a, .user-actions ul li span{
	color:#323232;
	font-size:0.83333vw;
	font-weight:700;
	display:block;
	padding:0.7vw 0;
}
.user-actions ul li span{
	border-top:1px solid #eeeff3;
}

.noti-pop{
	position:absolute;
	top:100%;
	right:9.3vw;
	display:block;
	width:100%;
	min-width:16.666vw;
	height:auto;
	margin:2px 0 0 0;
	text-align:left;
	z-index:10;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;	
	transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
}
.noti-inr{
	position:relative;
	display:block;
	line-height:initial;
    background-color:#fff;
    box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
}
.noti-pop.noti-open{
	opacity:1;
    visibility:visible;
    -webkit-transition-delay:0s, 0s;
    transition-delay:0s, 0s;
}
.noti-pop::before{
	content:'';
    position:absolute;
    width:22px;
    height:18px;
    background:url(../images/select-up.png) no-repeat center 0;
    right:1.1vw;
    top:-18px;
    z-index:1;
}
.noti-title{
	padding:1.38888vw 5% 0.69444vw 5%;
	color:#323232;
	font-weight:700;
	font-size:0.8333vw;
	text-transform:uppercase;
	border-bottom:1px solid #aaa;
}
.noti-detail{
	position:relative;
	display:block;
	width:100%;
	height:50vh;
	padding:0 10% 0 5%;
}
.noti-scroll{
	position:absolute;
	left:5%;
	top:0;
	width:85%;
	height:80%;
	overflow:hidden;
}
.noti-items, .noti-item{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}
.noti-item {
	padding:0.69444vw 0 0.8vw 0;
	border-bottom:1px solid #aaaaaa;
}
.noti-detail p{
	font-size:0.8333vw;
	color:#323232;
	font-weight:400;
	margin-bottom:0.39444vw;
}
.noti-link a{
	display:inline-block;
	color:#323232;
	text-decoration:underline;
	font-weight:700;
	font-size:0.8333vw;
}
.noti-detail .fs-buts{
	padding-bottom:1vw;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:0 5% 1vw 5%;
}
.noti-detail .fs-but{
	width:100%;
	background:none;
	text-align:center;
}
.noti-detail .fs-but span::before,
.noti-detail .fs-but span::after{
	display: none;
}
.noti-pop .nicescroll-rails{
	margin-left:1.6vw;
}


/*Lookbooks Step*/
.back-link{
	font-size:1.25vw;
    font-weight:400;
    color:#000;
    background:url(../images/back-arrow.png) no-repeat left center;
    background-size:0.55555vw auto;
    position:absolute;
    left:5%;
    top:3.4vw;
	padding:0 0 0 1.2vw;
	z-index:1;
}

.lookbook-steps{
	position:relative;
	width:90%;
	margin:0 auto 7.638888vw auto;
}
.lookbook-steps::before{
	content:'';
	position:relative;
	display:block;
	width:100%;
	height:0.2083333vw;
	background-color:#eeeff3;
}
.lookbook-steps::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0.2083333vw;
	background-color:#323232;
}
.step1::after{
	width:15.43%;
}
.step2::after{
	width:49.537%;
}
.step3::after{
	width:83.3333%;
}
.lookbook-steps .step-item{
	position:absolute;
	top:-0.6vw;
	z-index:1;
}
.lookbook-steps .step-item:nth-child(1) {
	left:15.43%;
}
.lookbook-steps .step-item:nth-child(2) {
	left:49.537%;
}
.lookbook-steps .step-item:nth-child(3) {
	left:83.3333%;
}
.lookbook-steps .step-circle{
	display:block;
	width:1.3888vw;
	height:1.3888vw;
	border:1px solid rgba(60,60,60,0);
	-webkit-border-radius:50%;
	border-radius:50%;
	padding:3px;
}
.lookbook-steps .step-circle span{
	display:block;
	width:100%;
	height:100%;
	border:1px solid #323232;
	background-color:#fff;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.lookbook-steps .step-number,
.lookbook-steps .step-txt{
	position:absolute;
	font-weight:400;
	color:#aaa;
}
.lookbook-steps .step-number {
	left:0.2vw;
	top:-2vw;
	font-size:1.25vw;
}
.lookbook-steps .step-txt{
	top:2vw;
	font-size:1.1vw;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	white-space:nowrap;
	text-align:center;
	text-transform:uppercase;
}
.lookbook-steps .step-item.active .step-circle{
	background-color:#fff;
	border:1px solid rgba(60,60,60,1);
}
.lookbook-steps .step-item.active .step-circle span,
.lookbook-steps .step-item.actived .step-circle span{
	background-color:#323232;
}
.lookbook-steps .active .step-txt, .lookbook-steps .active .step-number,
.lookbook-steps .actived .step-txt, .lookbook-steps .actived .step-number{
	font-weight:700;
	color:#000;
}
.is-gallery .close-but{
	right:10px;
	top:10px;
}

.fs-sp {
	display:none;
}

/* popup size chart */
.popup-size-chart .close-but{
	position:absolute;
	top:1.25vw;
	right:1.25vw;
	width:1.5277vw;
	height:1.5277vw;
	line-height:0;
	padding:0;
	cursor:pointer;
	z-index:3;
}
.popup-size-chart .close-but img{
	width:100%;
}
.popup-size-chart{
	background-color:rgba(0, 0, 0,0.8);
}
.popup-size-chart .popup-inr{
	width:59.5833%;
	max-height:35vw;
}
.popup-size-chart  .fs-title{
	text-align:center;
	padding:4.6620% 0 0 0;
}
.popup-size-chart .small-title{
	font-weight:500;
	font-style:normal;
	font-size:1.6666vw;
	color:#323232;
	margin-bottom:0;
}
.popup-size-chart p{
	font-size:0.9722vw;
	font-weight:400;
	margin-bottom:0.6944vw;
}
.popup-size-chart .fs-box{
	position:relative;
	display:block;
	padding:0 10.4895% 0 8.1585%;
	margin:5% 0;
	overflow:hidden;
	max-height:22vw;
}
.popup-size-chart .box-size{
	position:relative;
	display:block;
}
.popup-overlay.popup-size-chart .nicescroll-rails{
	margin-left:-0.694vw!important;
}


/* Select Language */
.icon-menu.language{
	width: 3.8vw;
	margin-left: 0.5vw;
}
.sl-language.fs-select{
	position: absolute;
	top: 50%;
	left: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0;
}
.sl-language .fs-select-header{
    padding: 0 0.34722vw;
    height: 1.7vw;
    line-height: 1.7vw;
	text-align: right;
}
.sl-language .fs-select-header::after{
	display: none;
}
.sl-language .fs-select-header span{
	top: 0;
	width: 100%;
	font-size: 1vw;
    font-weight: 700;
    background-image: url(../images/language-vi-icon.png);
    background-repeat: no-repeat;
    background-position: -0.18vw center;
	background-size: 1.75vw auto;
	opacity: 1;
}
.sl-language .fs-select-box{
    min-width: 100%;
}
.sl-language .fs-select-box li.is-vn {
    background-image: url(../images/language-vi-icon.png);
}
.sl-language .fs-select-box li.is-en {
    background-image: url(../images/language-en-icon.png);
}
.sl-language .fs-select-box li.is-vn, 
.sl-language .fs-select-box li.is-en{
	background-size: 1.75vw auto;
	background-position: 0.2vw center;
	background-repeat: no-repeat;
	line-height: initial;
	padding: 0.34722vw;
	text-align: right;
	margin-bottom: 0;
	font-weight: 700;
}

/* Loading */
.fs-loading {
	display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1000;
}
.fs-loading::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    border-left: 3px solid #323232;
    border-top: 3px solid #323232;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: rotate360 1.5s infinite;
    animation: rotate360 1.5s infinite linear;
    z-index: 1000;
}


@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes txtFly {
	0% {
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0);
	  }
	  100% {
		  -webkit-transform:translate(-100%, 0);
		transform:translate(-100%, 0);
	  }
}
@keyframes txtFly {
	0% {
		-webkit-transform:translate(0, 0);
		transform:translate(0, 0);
	  }
	  100% {
		  -webkit-transform:translate(-100%, 0);
		transform:translate(-100%, 0);
	  }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

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

@media screen and (max-width:1440px) {
	.cart-minus, .cart-plus{
	
		background-size:0.7638888vw auto;
	}
	
}

@media screen and (min-width:1101px) and (max-height:660px) {
    .popup-size-chart .popup-inr {
        max-height:30vw;
    }
    .popup-size-chart .fs-box {
        max-height:19vw;
    }
}

@media screen and (min-width:1101px){
	.open-search {
		height:100%;
		overflow:hidden;
	}
	.pagination-next, .pagination-prev{
		-webkit-transition:background-color 0.3s ease-in-out;
		transition:background-color 0.3s ease-in-out;
	}
	.pagination-number li, .fs-social li a{
		-webkit-transition:opacity 0.3s ease-in-out;
		transition:opacity 0.3s ease-in-out;
	}
	.pagination-number li:hover{
		color:#323232;
	}
	.fs-social li a:hover{
		opacity: 0.6;
	}
	.pagination-next:hover, .pagination-prev:hover{
		background-color:#000;
	}

	/* Hover active menu */
	.icon-menu-item:hover > .fs-pic > img, 
	.icon-menu-item:hover > a.link-cart > .fs-pic > img{
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.icon-menu-item:hover .fs-pic > img.img-active, 
	.icon-menu-item:hover > a.link-cart > .fs-pic > img.img-active{
		opacity: 1;
	}

	.menu .icon-menu-item:hover > .fs-pic > img,
	.menu .icon-menu-item:hover > a.link-cart > .fs-pic > img{
		opacity: 0.5;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	/* Button */
	.fs-but::before{
		-webkit-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out;
	}
	.fs-but span{
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}
	.fs-but:hover::before {
		width: 100%;
	}

	.fs-but span::before,
	.fs-but span::after{
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	.fs-but:hover span::before {
		opacity: 0;
	}
	.fs-but:hover span::after {
		opacity: 1;
	}

	.fs-but.color-black:hover span,
	.fs-but.color-white-fill:hover span{
		color:#fff;
	}

	.fs-but.color-white:hover span,
	.fs-but.color-grey-white:hover span,
	.fs-but.no-icon:hover span{
		color:#323232;
	}

	/* Open menu */
	.menu{
		-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	}

}

/*RESPONSIVE*/
@media screen and (max-width:1100px) {
	/* Zoom */
	.zoomContainer{
		display: none!important;
	}
	/* Common */
	.fs-pc{
		display:none;
	}
	.fs-sp {
		display:block;
	}
	/* .fs-page {
		padding-top:32vw;
		overflow:hidden;
	}
	.no-message .fs-page {
		padding-top:21.3333vw;
	} */
	.page-controls.ta-r {
		text-align:center;
	}

	.back-link{
		font-size:2.666vw;
		background-size:2vw auto;
		padding:0.5vw 0 0.5vw 3vw;
		background-position:left 0.5vw;
	}

	.fs-lookbook .back-link{
		top:9.6vw;
	}
	.fs-checkout .back-link{
		top:10.4vw;
	}
	.by-cart .back-link{
		top:1.5vw;
	}

	/* button */
	.fs-but {
		display:inline-block;
		width:33.8666vw;
		height:10.6666vw;
		line-height:10.6666vw;
		font-size:2.93333vw;
	}

	.fs-but span{
		padding:0 2.6666vw;
	}

	.fs-but.color-white span::before,
	.fs-but.color-white span::after{
		background-size:1.866vw auto;
	}

	.fs-but.color-black span::before, 
	.fs-but.color-black span::after, 
	.fs-but.color-grey-white span::before,
	.fs-but.color-grey-white span::after{
		background-size:2.133vw auto;
		background-position:94% center;
	}


	.fs-but.color-black span::after{
		width: 2vw;
		height: 5.6vw;
		background-size: 4.5vw auto;
	}

	/* Cart */
	.cart-minus, .cart-plus, input[type='text'].cart-value {
		width:9vw;
		height:9vw;
	}
	.cart-minus, .cart-plus {
		background-size:3.7333vw auto;
	}
	input[type='text'].cart-value {
		font-size:2.9333vw;
		color:#000000;
		font-weight:700;
	}

	/* Select box */
	.fs-select-header {
		height:8vw;
		line-height:8vw;
		padding:0 2.9333vw;
	}
	.fs-select-header span {
		top:-0.75vw;
		font-size:2.9333vw;
	}
	.fs-select-header::after {
		right:2.5vw;
		margin-top:-0.9vw;
		width:3.2vw;
		height:2.4vw;
	}
	.fs-select-box ul{
		box-shadow:none;
		border:1px solid #EEEFF3;
	}
	.fs-select-box li {
		font-size:2.93333vw;
		margin-bottom:0.8vw;
		padding:1.3vw 2.666vw;
	}

	/* Pagination */
	.page-controls{
		text-align:center;
	}
	.page-controls .pagination-input{
		display:none;
	}
	.pagination-number li {
		font-size:2.9333vw;
		width:8vw;
		height:8vw;
		line-height:8vw;
	}
	.pagination-prev, .pagination-next {
		background-size:1.8666vw auto;
	}

	/* Swiper */
	.swiper-pagination-bullet {
		width:2.6666vw;
		height:2.6666vw;
		margin:0 1.333vw;
	}

	/* Form */
	.flex-spr2 {
		display:block;
	}
	.flex-spr2 .col,
	.flex-spr2 .col.fs-size-08,
	.flex-spr2 .col.fs-size-04 {
		width:100%;
		margin-bottom:2.1333vw;
	}
	.flex-spr2-sp, .flex-spr3-sp, .rdo-gender .flex-spr2{
		display:flex;
	}
	.flex-spr2-sp .col{
		width:48%;
		margin-bottom:0;
	}
	.rdo-gender .flex-spr2 .col:nth-child(1){
		width:72.5373%;
	}
	.rdo-gender .flex-spr2 .col:nth-child(2){
		width:22.3880%;
	}
	input[type='text'].input-customer {
		width:100%;
	}
	.radio-box input[type="radio"], .radio-box label{
		vertical-align:middle;
	}
	.flex-spr3 .col, 
	.flex-spr3 .col.fs-size-05, 
	.flex-spr3 .col.fs-size-02 {
		width:48%;
		margin-bottom:2.1333vw;
	}
	.flex-spr3-sp .col {
		width:32%;
		margin-bottom:0;
	}
	.fs-group {
		margin-bottom:2.1333vw;
	}
	.fs-caption {
		margin-bottom:1.6vw;
		font-size:2.9333vw;
	}
	input[type='text'], 
	input[type='email'], 
	input[type='number'], 
	input[type='password'] {
		height:8vw;
		padding:0 2.93333vw;
		font-size:2.93333vw;
	}
	input[type='password']{
		padding:0 10.25vw 0 2.93333vw;
	}
	textarea{
		height:13.3333vw;
		font-size:2.93333vw;
		padding:1.3333vw 2.93333vw;
	}
	
	.fs-checkbox label::before, 
	.fs-checkbox label::after, 
	.fs-checkbox input[type='checkbox'] {
		width:5.3333vw;
		height:5.3333vw;
	}
	.fs-checkbox label::after {
		background:url(../images/checked.png) no-repeat center 0.5vw;
		background-size:3.4vw auto;
		background-color:#323232;
	}
	.fs-checkbox label {
		vertical-align:middle;
		font-size:2.9333vw;
		padding-left:2.4vw;
	}
	.radio-box li {
		margin-right:5vw;
	}
	.radio-box input[type="radio"], .radio-box label::before, .radio-box label::after {
		width:5.3333vw;
		height:5.3333vw;
	}
	.radio-box label {
		padding-left:2.6666vw;
		font-size:2.9333vw;
	}
	.eye-icon {
		width:10vw;
		height:8vw;
		line-height:8vw;
	}
	/*Page*/
	.hrd-top {
		height:10.6666vw;
	}
	.hrd-top p {
		line-height:10.6666vw;
		font-size:2.9333vw;
	}
	.hrd-bot {
		height:21.3333vw;
		line-height:21.3333vw;
		padding:0 5%;
	}
	.logo {
		left:4vw;
		width:32.8vw;
		max-width:initial;
	}
	.icon-menu-item {
		width:7.3333vw;
		height:21.3333vw;
		line-height:21.3333vw;
		margin-left:3.4666vw;
	}
	.cart-icon .fs-pic {
		width:6.66666vw;
		max-width:inherit;
	}
	.icon-menu {
		width:12vw;
		height:21.3333vw;
		line-height:21.3333vw;
		margin-left:5.3333vw;
	}
	.icon-menu .fs-pic{
		max-width:inherit;
	}
	.notification-icon .fs-pic {
		width:5.0666vw;
		max-width:inherit;
	}
	.noti-number {
		top:5.35vw;
		left:3vw;
		padding:0 1vw;
		height:4vw;
		min-width:4vw;
		line-height:4vw;
		font-size:2.9333vw;
	}
	.cart-icon .noti-number{
		left:5vw;
	}

	/* menu */
	.hrd-pc{
		display:none;
	}
	.hrd-sp{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:72vw;
		font-size:0;
		text-align:left;
	}
	.nav-hrd-sp{
		position:relative;
		display:block;
	}
	.nav-hrd-sp li{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		margin-right:6.9333vw;
	}
	.nav-hrd-sp li:last-child{
		margin-right:0;
	}
	.nav-hrd-sp li a{
		position:relative;
		font-size:3.2vw;
		font-weight:700;
		color:#fff;
		text-decoration:underline;
	} 
	.nav-hrd-sp li a::after{
		content:'';
		position:absolute;
		top:0;
		right:-3.4666vw;
		width:0.5333vw;
		height:100%;
		background-color:#fff;
	}
	.nav-hrd-sp li:last-child a::after{
		display:none;
	}
	.name-user{
		position:relative;
		display:none;
		width:100%;
		line-height:initial;
	}
	.name-user p{
		font-size:3.7333vw;
		font-weight:700;
		color:#fff;
	}
	.link-daskboard{
		position:relative;
		display:block;
		width:100%;
	}
	.link-daskboard a{
		display:inline-block;
		font-size:2.9333vw;
		color:#fff;
		text-decoration:underline;
	}
	.is-login .nav-hrd-sp{
		display:none;
	}
	.is-login .name-user{
		display:block;
	}

	.search-menu-sp{
		position:relative;
		display:block;
		width:100%;
		padding:0 5%;
	}
	.search-outer{
		position:relative;
		display:block;
		width:100%;
	}
	.search-outer input[type='text']{
		height:10.666vw;
		padding:0 12vw 0 2.6666vw;
		border:1px solid #aaa;
		background-color:#fff;
		font-size:2.666vw;
		color:#323232;
	}
	.search-outer input[type='text']::placeholder{
		color:#323232;
	}
	.icon-search-sp{
		position:absolute;
		display:block;
		top:0;
		right:0;
		width:10.666vw;
		height:10.666vw;
		background:url(../images/hdr-icon-search-sp.png) no-repeat center center;
		background-size:4.5333vw auto;
		cursor:pointer;
	}

	/* Navigation */
	.fs-navigation {
		padding:7.2vw 0 0 0;
	}
	.fs-navigation li {
		margin-bottom:8vw;
	}
	.fs-navigation li:last-child {
		margin-bottom:0;
	}
	.fs-navigation li a {
		font-size:4.8vw;
	}
	.nav-inr{
		position:relative;
		display:block;
		width:100%;
		max-height:calc(100vh - 55vw);
		overflow:hidden;
		overflow-y:auto;
		padding:0 5%;
		-webkit-overflow-scrolling:touch;
	}
	.menu .footer-bot {
		padding:0 5%;
	}
	.menu .footer-left{
		display:none;
	}
	.menu .footer-extra {
		padding:0;
		overflow:hidden;
	}
	.menu .copyright {
		display:none;
	}

	.menu .fs-social {
		display:inline-block;
		left:0;
	}
	.menu .fs-social li {
		height:15.2vw;
		line-height:15.2vw;
		margin:0 0 0 9.3333vw;
	}




	/* Footer */
	.fs-social{
		display:none;
	}
	.fs-social li{
		width:8vw;
	}
	.fs-social .fs-pic {
		width:8vw;
		max-width:inherit;
	}
	.footer-top {
		height:13.33333vw;
		padding:0 5%;
		line-height:13.33333vw;
		text-align:center;
	}
	.logo-footer {
		top:50%;
		left:50%;
		width:32.8vw;
		max-width:inherit;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	.footer-bot {
		padding:3.4666vw 5%;
	}
	.footer-bot-inr {
		display:block;
	}
	.footer-left, .footer-right {
		position:relative;
		flex:0 0 auto;
		max-width:100%;
	}
	.footer-right {
		text-align:left;
		padding-top:5.066vw;
	}
	.slogan-footer, .wrap-input {
		position:relative;
		width:100%;
	}
	.slogan-footer{
		height: 9.2vw;
	}
	.footer-bot .slogan-footer p {
		font-size:3.8vw;
	}
	.form-footer {
		margin-bottom:5.3333vw;
	}
	.wrap-input input[type="text"] {
		height:8vw;
		line-height:8vw;
		padding:0 25vw 0 0;
		font-size:2.66666vw;
	}
	.fs-but.subscribe-but {
		width:21.333vw;
		height:8vw;
		line-height:8vw;
		font-size:2.9333vw;
	}
	.fs-but.icon-menu,
	.fs-but.icon-menu-close{
		top: 49%;
		width: 11.95vw;
		height: 7.2vw;
		line-height: 6.8vw;
		font-size: 2.9333vw;
		margin: 0;
	}
	.footer-contact {
		display:flex;
		border-bottom:1px solid #000000;
	}
	.footer-right{
		display:flex;
	}
	.location-box:nth-child(1), .nav-box:nth-child(1) {
		width:54%;
		margin:0;
		max-width:initial;
	}
	.nav-box{
		margin:0;
	}
	.footer-bot .small-title{
		margin-bottom:1.333vw;
	}
	.footer-bot p, .footer-bot li{
		margin-bottom:4vw;
	}
	.footer-bot .small-title {
		font-size:2.9333vw;
	}
	.footer-bot p, .footer-bot p a, .footer-bot li a {
		font-size:2.9333vw;
	}
	.slogan-footer p{
		font-size:3.7333vw;
	}
	.footer-extra {
		padding:2.9333vw 0 0 0;
	}
	.payment-accept {
		float:none;
		width:100%;
		margin-bottom:2.9333vw;
	}
	.payment-accept .fs-pic{
		width:54.9333vw;
		margin:0 auto;
	}
	.copyright {
		top:auto;
		width:100%;
		text-align:center;
	}

	.open-search .search-top, .search-top{
		display:none;
	}

	/* Notification */
	.noti-pop::before {
		display:none;
	}
	.noti-pop {
		position:fixed;
		top	:0;
		right:0;
		height:100vh;
		min-width:inherit;
		margin:0;
	}
	.noti-inr {
		background-color:#EEEFF3;
		box-shadow:none;
	}
	.noti-title {
		padding:9.6vw 5.33333vw 4vw 5.33333vw;
		color:#4d4d4d;
		font-size:3.7333vw;
		border-bottom:none;
	}
	.noti-detail {
		height:100vh;
		padding:0 5%;
	}
	.noti-scroll {
		left:5.3333vw;
		top:0;
		width:86%;
		height:calc(100vh - 41vw);
	}
	.noti-item {
		padding:3.73333vw 0 4vw 0;
	}
	.noti-detail p {
		font-size:2.9333vw;
		margin-bottom:2.1333vw;
	}
	.noti-link a {
		font-size:2.9333vw;
	}
	.noti-detail .fs-buts {
		position:absolute;
		bottom:22vw;
		padding-bottom:2.66666vw;
	}
	.close-noti{
		position:absolute;
		top:8vw;
		right:5.33333vw;
		width:5.33333vw;
		height:5.33333vw;
		background:url(../images/close-black.png) no-repeat center center;
		background-size:5.3333vw auto;
		cursor:pointer;
	}
	.noti-pop .nicescroll-rails {
		margin-left:6.6vw;
	}

	/* Shopping Cart */
	.cart-inr {
		float:none;
		width:100%;
		height:100%;
		padding:28.533vw 5.3333vw 5% 5.3333vw;
	}
	.cart-inr .logo.fs-sp{
		display:block;
		top:12.5333vw;
		left:5.3333vw;
		-webkit-transform:none;
		transform:none;
	}
	.cart-close {
		right:5.3333vw;
		top:12.5333vw;
		width:5.3333vw;
		max-width:inherit;
	}
	.item-total {
		margin-bottom:7vw;
	}
	.cart-inr .fs-title{
		margin-bottom:6.4vw;
	}
	.cart-inr .fs-title .small-title{
		font-size:9.6vw;
		font-weight:700;
	}
	.item-title, .item-amount{
		font-size:3.7333vw;
	}
	.cart-scroll {
		padding-right:0;
	}
	.cart-item {
		margin-bottom:5.3333vw;
		padding-bottom:5.3333vw;
	}
	.item-pic {
		flex:0 0 35.8208%;
		max-width:35.8208%;
	}
	.item-info {
		flex:0 0 60%;
		max-width:60%;
		padding:0 0 0 4.4776%;
	}
	.checkout-item .item-pic{
        flex:0 0 38.0952%;
        max-width:38.0952%;
	}
	.checkout-item .item-info {
		flex:0 0 60.6349%;
		max-width:60.6349%;
		padding:0 0 0 6.3492%;
	}
	.item-txt h3 {
		font-size:3.2vw;
		margin-bottom:1.8666vw;
	}
	.item-txt p {
		margin-bottom:1.333vw;
	}
	.item-txt p, .cart-delete, div.item-cart > span{
		font-size:2.9333vw;
	}
	.item-txt p span:nth-child(1), div.item-cart > span{
		flex:0 0 28%;
		max-width:28%;
	}
	.item-txt p span:nth-child(2){
		flex:0 0 72%;
		max-width:72%;
	}
	.cart-quantity {
		padding:2.5vw 0;
	}
	.cart-delete {
		padding:1vw 0 1vw 8vw;
		background-size:5.6vw auto;
	}
	.cart-pop .nicescroll-rails{
		margin-left:3.5vw;
	}
	div.item-cart .fs-select {
		flex:0 0 27vw;
		max-width:27vw;
	}
	.checkout-info .item-cart .fs-select-header {
		padding:0 2.6666vw;
		height:9vw;
		line-height:9vw;
	}
	.cart-total, .item-total {
		margin-bottom:3.4666vw;
	}
	.total-title, .total-amount, .item-title, .item-txt h3 {
		font-size:3.7333vw;
	}
	.item-amount{
		font-size:2.9333vw;
		text-decoration:underline;
	}
	.toggle-product{
		cursor:pointer;
	}
	.checkout-item .item-total .small-title{
		margin-bottom:0;
	}
	.types-teamwear li {
		font-size:2.9333vw;
		margin-bottom:0.8vw;
	}


	/* Slider FEATURED */
	.featured-inr {
		float:none;
		width:90.6666%;
		margin:0 auto;
	}
	.fs-featured h2 {
		position:relative;
		margin:0;
		padding-left:0;
		font-size:9.6vw;
		top:-6vw;
	}
	.featured-box {
		padding-left:0;
		overflow:visible;
	}
	.featured-outer {
		width:100%;
	}
	.featured-slider {
		overflow:hidden;
	}
	.featured-slider .swiper-slide {
		padding:0 1.8666vw;
	}
	.featured-slider .fs-pic img {
		height:45.3333vw;
	}
	.fs-featured .fs-txt {
		padding:2.666vw 0;
	}
	.featured-cap {
		font-size:2.666vw;
	}
	.fs-featured h3 {
		margin:1.3333vw 0 1.6vw 0;
		font-size:3.2vw;
		max-height:inherit;
	}
	.price, .prices del {
		font-size:2.9333vw;
	}
	.fs-featured .fs-buts {
		padding:2.6666vw 0 5.3333vw 0;
		text-align:center;
	}
	.fs-featured .fs-but{
		width:40.8666vw;
	}
	.swiper-button-next, .swiper-button-prev {
		top:18.6666vw;
		width:10.6666vw;
		max-width:inherit;
	}
	.swiper-button-prev {
		left:-2vw;
	}
	.swiper-button-next{
		right:-2vw;
	}

	/* thanks */
	.thankyou-inr {
		padding:9.3333vw 5.3333%;
	}
	.thankyou-info p {
		font-size:2.9333vw;
	}
	.thankyou-info p br{
		display:none;
	}
	.thankyou-pic {
		width:76%;
		margin:0 auto 4.8vw auto;
	}
	.thankyou-info {
		width:100%;
	}
	.thankyou-info h1 {
		font-size:3.7333vw;
		margin-bottom:1.6vw;
	}
	.thankyou-but {
		font-weight:700;
		width: auto;
	}

	

	/*Popup*/
	.wishlist-pop .popup-inr{
		width:90%;
		padding:7vw 5vw;
	}
	.popup-inr .small-title{
		font-size:5.4vw;
	}
	.popup-inr p{
		margin-bottom:4vw;
		font-size:2.8vw;
	}


	/* Time line lookbook */
	.fs-lookbook {
		padding:7.2vw 0 0 0;
	}
	.fs-lookbook h1 {
		font-size:9.6vw;
		margin-bottom:17.3333vw;
		text-transform:uppercase;
	}
	.lookbook-steps {
		width:52%;
		margin:0 auto 9.3333vw auto;
	}
	.lookbook-steps::before {
		height:0.26666vw;
	}
	.lookbook-steps .step-number {
		left:50%;
		top:50%;
		font-size:2.9333vw;
		color:#000;
		font-weight:700;
		line-height:0;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	.lookbook-steps .step-circle {
		width:6.9333vw;
		height:6.9333vw;
		padding:4px;
	}
	.lookbook-steps .step-circle span {
		border:2px solid #323232;
	}
	.lookbook-steps .step-item {
		top:-3.3vw;
	}
	.lookbook-steps .step-item:nth-child(1), 
	.lookbook-steps .step-item:nth-child(2),
	.lookbook-steps .step-item:nth-child(3) {
		left:0;
		width:100%;
	}
	.lookbook-steps .step-item:nth-child(1) .step-circle{
		position:absolute;
		left:12.3076%;
	}
	.lookbook-steps .step-item:nth-child(2) .step-circle{
		position:absolute;
		left:44.6153%;
	}
	.lookbook-steps .step-item:nth-child(3) .step-circle{
		position:absolute;
		left:75.3846%;
	}

	.lookbook-steps .step-item.active .step-circle {
		border:2px solid rgba(60,60,60,1);
	}
	.lookbook-steps .step-txt {
		top:-9.3333vw;
		font-size:3.7333vw;
	}
	.lookbook-steps .step-txt{
		opacity:0;
	}
	.step-item.active .step-txt{
		opacity:1;
	}

	/* text lookbook active */
	.lookbook-steps .active .step-number, 
	.lookbook-steps .actived .step-txt, 
	.lookbook-steps .actived .step-number {
		color:#fff;
	}
	.lookbook-steps .active .step-txt{
		color:#000;
	}

	.step1::after, .step2::after, .step3::after {
		width:100%;
	}

	/* Popup Size Chart*/
    .popup-size-chart .popup-inr {
        width:90%;
        max-height:90vh;
    }
    .popup-size-chart .close-but {
        top:5vw;
        right:5%;
        width:5.3333vw;
        height:5.3333vw;
    }
    .popup-size-chart .fs-title {
        text-align:left;
        padding:5vw 5% 0 5%;
    }
    .popup-size-chart .small-title {
        font-size:3.7333vw;
    }
    .popup-size-chart .fs-box {
        padding:0 5% 0 5%;
        margin:3.4666vw 0;
        max-height:60vh;
    }
    .popup-size-chart p {
        font-size:2.9333vw;
        margin-bottom:3.7333vw;
    }
    .popup-overlay.popup-size-chart .nicescroll-rails {
        margin-left:-1.5vw!important;
    }

	/* popup overlay*/
	.close-but {
		top:12.5333vw;
		right:5.3333vw;
		width:5.6vw;
		padding:0;
	}

	.is-lookbook .close-but, 
	.is-gallery .close-but,
	.is-team .close-but{
		position: fixed;
		top: 5vw;
		right: 2.65vw;
		width: 8vw;
		height: 8vw;
		background-color: #C4C4C4;
		text-align: center;
	}
	.is-lookbook .close-but img,
	.is-gallery .close-but img,
	.is-team .close-but img{
		display:inline-block;
		width:5.333vw;
		margin:1.2vw auto;
	}


	.popup-inr.is-stay {
		width:90%;
		padding:5vw;
	}
	.is-stay .small-title {
		font-size:3.73333vw;
	}
	.is-stay  p{
		font-size:2.93333vw;
	}

	.popup-inr.is-stay .fs-buts{
		text-align:right;
	}
	.popup-inr.is-stay .fs-but {
		margin:0 2vw 0 0;
		padding:0 5vw;
		min-width:22vw;
	}



	/* Select Language */
	.icon-menu.language{
		width: 14vw;
		margin-left: 1vw;
	}
	.sl-language.fs-select{
		top: 49%;
	}
	.sl-language .fs-select-header{
		padding: 0 1.5vw;
		height: 7.2vw;
		line-height: 7.2vw;
	}
	.sl-language .fs-select-header span{
		top: -0.1vw;
		font-size: 3.1vw;
		background-size: 6vw auto;
	}
	.sl-language .fs-select-box li.is-vn, 
	.sl-language .fs-select-box li.is-en{
		background-size: 6vw auto;
		background-position: 0.2vw center;
		padding: 1.5vw;
		font-size: 3.1vw;
	}


}

@media screen and (max-width:520px) { 
	
	.lookbook-steps .step-circle {
		padding:2px;
	}
	.lookbook-steps .step-circle span, .lookbook-steps .step-item.active .step-circl {
		border:1px solid #323232;
	}
}
@media screen and (max-width:390px) { 
}
@media screen and (max-width:370px) { 
}