@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Regular.eot');

	src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Regular.woff') format('woff'),

		url('../fonts/Inter-Regular.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Thin.eot');

	src: url('../fonts/Inter-Thin.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Thin.woff') format('woff'),

		url('../fonts/Inter-Thin.ttf') format('truetype');

	font-weight: 100;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Light.eot');

	src: url('../fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Light.woff') format('woff'),

		url('../fonts/Inter-Light.ttf') format('truetype');

	font-weight: 300;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Medium.eot');

	src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Medium.woff') format('woff'),

		url('../fonts/Inter-Medium.ttf') format('truetype');

	font-weight: 500;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Black.eot');

	src: url('../fonts/Inter-Black.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Black.woff') format('woff'),

		url('../fonts/Inter-Black.ttf') format('truetype');

	font-weight: 900;

	font-style: normal;

	font-display: swap;

}



:root {scroll-behavior: initial;}

.progress-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 4px; background: rgba(0, 0, 0, 0.1); z-index: 9999;}

.progress-bar {height: 100%; width: 0%; background-color:#FFFFFF;}



#page-loader{position: fixed; inset: 0; background: #000000; z-index: 9999;  display: flex;  align-items: center; justify-content: center;}

.spinner {width: 50px; height: 50px; border: 5px solid #ddd; border-top: 5px solid #000;  border-radius: 50%; animation: spin 1s linear infinite;}



@keyframes spin {

  to { transform: rotate(360deg); }

}

body {font-family: 'Inter', sans-serif;	color: #FFFFFF; background-color:#000000; font-size:14px; line-height:180%; font-weight: 300; letter-spacing: 0.8px;}

a{color:inherit; text-decoration:none;}

img{max-width:100%; height: auto;}

video{max-width:100%; height: auto;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:normal; letter-spacing:0;}

.container{max-width:100%; width:1600px}

p{ margin-bottom:20px;}

h2,.h2{font-size:36px; text-transform:uppercase; line-height: 130%;}

h3,.h3{font-size: 24px; text-transform:uppercase;}



.header-sec{position: absolute; left:0; top:10px; width: 100%; z-index: 10;}

.headerlogo-wrp{display: inline-block;}



.sec1{position:relative;}

.sec1-main-img{width:100%; display:block;}

.sec1-text{font-size:20px; text-transform:uppercase; line-height: 150%; font-weight: 500;}

.sec1-colimg{width:100%;}

.sec1-textcol,.sec2-textcol,.sec1-textcol-3,.sec1-textcol-4{ position:absolute; z-index:2; display: flex; flex-direction: column; row-gap: 10px; width: 21%; }

.sec1-textcol-1{right:43.0%; top:19%; }

.sec1-textcol-2{left: 78.5%; top: 27%; }

.sec1-textcol-2 .sec1-text{margin-left: auto; width:80%;}

.sec1-textcol-3{left: 31.5%; top: 70%; flex-direction: column-reverse;}

.sec1-textcol-4{left: 51%; top: 87%; row-gap:0;}

.sec1-textcol-4 .sec1-textimg{margin-top:-70px;}

.sec1-container{position:absolute; left:0; right:0; top:50%; z-index:1; transform: translate(0%, -52%);}

.sec1-caption{width:436px; max-width:100%;}

.sec1-caption > h2{margin-bottom:15px;}

.sec1-caption > *:last-child{margin-bottom:0;}

.sec1-logo{margin-bottom:65px;}

.sec1-mobile-img{display: none;}





.sec-video{display: block; width:100%;}

.video-section .sec-videowrp{overflow: hidden;}

.video-section .sec-video{max-height: 100vh; min-height: 100vh; }





ul.list-switch {margin: 0;  padding: 0; display: flex;  flex-wrap: wrap;  gap: 20px;}

ul.list-switch > li {display: block; text-align: center;}

.spray-img {display: block;  margin: 0 auto 10px auto; width: 62px;}

.spray-label {display: block; line-height: 130%; font-size: 18px;}



.sec3{min-height:100vh; display: flex; flex-wrap: wrap; position: relative; align-items: center;}

.sec3-container{display: flex; flex-direction: column; position: absolute; left: 0; right: 0; min-height: 100%; width: 1750px;}

.sec3-main-img{width:100%;}

ul.effort-list {margin: 0;  padding: 0;}

ul.effort-list > li {display: block;  margin-bottom: 10px; position: relative; padding-left: 12px;}

ul.effort-list > li::before {content: "";  display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #FFFFFF; position: absolute; left: 0; top: 12px;}

.sec3-caption{margin-top:auto; width:710px; margin-bottom: 75px;}

.sec3 ul.effort-list {width: 400px;  position: absolute;  left: 63%;  top:20%;}

.sec3 ul.list-switch{gap:75px; margin-top: 40px;}

.sec3-caption h2{margin-bottom: 15px;}



.sec4{position: relative; min-height:100vh;}

.sec4-container{display: flex; flex-wrap: wrap; position:absolute; left:0; right:0; z-index:1; min-height: 100%;}

.sec4-caption{margin: auto 0 60px auto; width: 565px; }

.sec4-caption > *:last-child{margin-bottom:0;}

.sec4-main-img{width:100%; }

.sec4-text{font-size: 18px; text-align: center;}

.sec4-textcol{position: absolute; z-index: 1; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; display: none;}

.sec4-textcol-1 {right: 43%;  top: 18%; flex-direction: row-reverse;}

.sec4-textcol-2{align-items: flex-start; left: 17.5%; top: 44%;}

.sec4-textcol-2 .sec4-text{width:175px; margin-top: -33px; }



.sec5{background-image: url("../img/sec5-img.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 160px 0;}

.sub-title{font-size: 22px; font-weight: 200; letter-spacing: 2px;}

.threecol-caption{margin-bottom: 55px;}

.threecol-caption > *:last-child{margin-bottom:0;}

.threecol-caption .sub-title{margin-bottom: 15px; font-weight: 400; font-size: 36px; letter-spacing: 0;}

.threecol-caption > h2{margin-bottom: 20px; font-size: 24px;}

.threecolrow{margin-left:-25px; margin-right: -25px;}

.threecolrow > .col-md-4{padding-left: 25px; padding-right: 25px;}

.threecol-box{position: relative;}

.spray-boximg{width:100%; margin-bottom: 30px;}

.spray-box-content{position: relative; padding-left: 70px;}

.spray-title{text-transform: none;}

.spray-text{margin-bottom: 0; }

.spray-img-icon{position: absolute; left: 0px; top: 0px; z-index: 2; width: 50px;}



.sec6{position: relative;}

.sec6-main-img{width:100%; display: block; }

.sec6-container{display: flex; flex-wrap: wrap; align-items: flex-start; position:absolute; left:0; right:0; z-index:1; min-height: 100%; padding-top:6%;}

.sec6-caption{width:100%;}

.sec6-caption > h2{text-align: center; margin-bottom: 0;}

.sec6-text{font-size: 18px; font-weight: 500; position: absolute; z-index: 1; text-transform: uppercase;}

.sec6-text1{left: 53%; top: 31%;}

.sec6-text2{left: 14%; top: 59%;}

.sec6-text3{left: 79%; top: 61%;}

.sec6-text4{left: 46%; bottom: 10%;}

.sec6-text5{left: 70%; bottom: 5%;}



.sec7{position: relative; min-height:100vh; display: none;}

.sec7-container{display: flex; flex-wrap: wrap; position:absolute; left:0; right:0; z-index:1; min-height: 100%;}

.sec7-caption{margin: auto 0 150px auto; width: 565px; }

.sec7-caption > *:last-child{margin-bottom:0;}

.sec7-main-img{width:100%;}

.sec7-text{font-size: 18px; width: 210px; text-align: center;}

.sec7-textcol{position: absolute; z-index: 1; display: flex; flex-wrap: wrap; gap: 20px; align-items: center;}

.sec7-textcol-1 {left: 59%; top: 39%;}

.sec7-textcol-1 .sec7-text{width:175px;}

.sec7-textcol-2{align-items: flex-start; left:8%; top: 17%;}

.sec7-textcol-2 .sec7-text{width:212px; margin-top: -33px; }



.sec8{background-image: url("../img/sec5-img.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 160px 0;  display: none;}

.sec8 .spray-title{text-transform: uppercase;}



.sec9{position: relative; display: none;}

.sec9-main-img{width:100%; display: block;}

.sec9-container{display: flex; flex-wrap: wrap; align-items: flex-start; position:absolute; left:0; right:0; z-index:1; height: 100%; padding-top: 10%;}

.sec9-caption{width:100%;}

.sec9-caption > h2{text-align: center; margin-bottom: 0;}

.sec9-text{font-size: 18px; font-weight: 300; position: absolute; z-index: 1; width:150px; text-transform: uppercase; text-align: center; }

.sec9-text1{left:15%; top: 35%;}

.sec9-text2{left:30%; top: 35%;}

.sec9-text3{left:46%; top: 35%;}

.sec9-text4{left:62%; top: 35%;}

.sec9-text5{left:78%; top: 35%;}



.sec10{position: relative;}

.sec10-container{display: flex; flex-wrap: wrap; position:absolute; left:0; right:0; z-index:1; min-height: 100%; align-items: center;}

.sec10-main-img{width:100%; display: block;}

.sec10-caption > h2{line-height: 150%;}

.sec10-caption > *:last-child{margin-bottom:0;}

.sec10-text{font-size: 18px; font-weight: 400; text-transform:uppercase; position: absolute; z-index: 1; text-align: left; line-height: 150%; padding: 10px 70px 10px 0px; border-right: 2px solid #FFF; line-height:130%;}

.sec10-text span{font-weight:200;}

.sec10-text1{right: 48%; top: 55.0%;}

.sec10-text1::after{content:""; display:block; position:absolute; right:0%; top:50%; width:50px; border-top:2px dashed #FFFFFF;}





.sec11{position: relative; min-height:100vh;}

.sec11-container{display: flex; flex-wrap: wrap; position:absolute; left:0; right:0; z-index:1; min-height: 100%;}

.sec11-caption{margin: auto 0 130px auto; width: 567px; }

.sec11-caption > *:last-child{margin-bottom:0;}

.sec11-main-img{width:100%; }

.sec11-text{font-size: 18px; width: 150px; text-align: center; }

.sec11-textcol{position: absolute; z-index: 1; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; flex-direction: column-reverse;}

.sec11-textcol-1{right: 12%; top: 34%;}

.sec11-textcol-1 .sec11-text{margin-left: auto; margin-right:-67px;}



.sec12{background-image: url("../img/sec12-img.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding:160px 0; }







.sec13{position: relative;}

.sec13-main-img{width:100%; display: block; }

.sec13-container{display: flex; flex-wrap: wrap; align-items: flex-start; position:absolute; left:0; right:0; z-index:1; min-height: 100%; padding-top:8%;}

.sec13-caption{width:100%;}

.sec13-caption > h2{margin-bottom: 0;}

.sec13-text{font-size: 18px; font-weight: 500; position: absolute; z-index: 1; width: auto; text-transform: uppercase;}

.sec13-text1{left: 69%; top: 11%;}

.sec13-text2{left: 12%; top: 32%; }

.sec13-text3{left: 68%; top: 36%;}

.sec13-text4{left: 23%; bottom: 10%;}

.sec13-text5{left: 58%; bottom: 10%;}





.sec14{position: relative; min-height:100vh;}

.sec14-container{display: flex; flex-wrap: wrap; position:absolute; left:0; right:0; z-index:1; min-height: 100%;}

.sec14-caption{margin: auto 0 60px auto; width: 500px; }

.sec14-caption > *:last-child{margin-bottom:0;}

.sec14-main-img{width:100%; }

.sec14-text{font-size: 18px; width: 150px; text-align: center; }

.sec14-textcol{position: absolute; z-index: 1; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; flex-direction: column-reverse;}

.sec14-textcol-1{right:12%; top: 42%;}

.sec14-textcol-1 .sec14-text{margin-left: auto; margin-right:-67px;}



.sec15{background-image: url("../img/sec15-img.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 160px 0;}

.sec15-caption{margin-bottom: 100px;}

.sec15-caption > h2{text-align: center;}

.sec15-caption > *:last-child{margin-bottom:0;}

.sec15 .spray-title{text-transform: uppercase;}





.sec16{padding: 150px 0; min-height: 100vh;}

.sec16-caption{margin-bottom: 64px;}

.sec16-caption > h2{text-align: center; margin-bottom: 0; line-height: 150%;}

.sec16-caption > *:last-child{margin-bottom:0;}

.sec16-img-1-wrp{padding-right: 40px;}

.sec16-img-1{display: block;}

.sec16-img-2{display: block; margin-bottom: 0px;}

.sec16-img-3{display: block; margin-bottom: 30px;}

.sec16-subtitle-1{margin-bottom: 30px; text-transform: none;}

.sec16-subtitle-2{margin-bottom: 0px; text-align: center; text-transform: none;}

.sec16-img-2wrp,.sec16-img-3wrp{position:relative;}

.sec16-img-3wrp{margin-bottom:30px;}

.sec16-img-3wrp .sec16-bar-wrap{top:auto; transform:none; bottom:20px;}

.sec16-bar-wrap {position: absolute; right: 10px; top: 50%; z-index:1; transform: translate(0px, -50%);}

.sec16-bar-title{font-size:35px; line-height:100%; font-weight:400; margin-bottom: 15px;}

.sec16-bar-text{font-size: 13px; font-weight: 200; text-transform: uppercase; line-height: 140%;}

.sec16-bar-text span{display: block; font-weight: 400; font-size: 16px; letter-spacing: 2px; }







.sec17{position: relative;}

.sec17-main-img{width:100%; display: block; }

.sec17-container{display: flex; flex-wrap: wrap; align-items: flex-start; position:absolute; left:0; right:0; z-index:1; min-height: 100%; padding-top:6%;}

.sec17-caption{width:100%;}

.sec17-caption > h2{margin-bottom: 0;}

.sec17-text{font-size: 18px; font-weight: 500; position: absolute; z-index: 1; width: auto; text-transform: uppercase;}

.sec17-text1{left: 69%; top: 11%;}

.sec17-text2{left: 10%; top: 28%; }

.sec17-text3{left: 69%; top: 31%;}

.sec17-text4{left: 38%; bottom: 14%;}

.sec17-text5{left: 62%; bottom: 17%;}





.sec18{position: relative;}

.sec18-main-img{display: block; width:100%;}







.sec19{background-color: #ac9784; padding: 150px 0 50px 0;}

.sec19-catalogwrp{display: flex; background-color: #d9d9d9; align-items: center;}

.sec19-catalogimgwrp{width:470px; margin: -55px 78px 0px 33px;}

.sec19-catalogimg {transform: scale(1.2);}

.sec19-catalogbox > h2{color: #000000;}

.sec19-catalogbox > p{color: #000000; font-size: 18px; line-height: 180%;}

.sec19-catalogbox > *:last-child{margin-bottom:0;}

.catalogue-btn{border: 1px solid #000000;}

.catalogue-btn:hover{background-color: #000000; color:#FFFFFF;}



.lookbook-faq-section{padding:50px 0; background-image: url("../img/sec19-img.jpg"); background-repeat:repeat-y; background-size: 100% auto; background-position: center top;}

.lookbook-faq-wrapper{background-color: #000000; padding: 70px;}

.lookbook-faq-wrapper > h2{text-align: center; margin-bottom: 50px;}

.lookbook-faq-description {font-size:22px; color:#000000; margin:0 0 10px 0;}

.lookbook-accordion .accordion-item {border:0; border-bottom:1px solid rgba(255,255,255,0.2); padding:30px 0; background-color: transparent;}

.lookbook-accordion .accordion-button{color:#FFFFFF; font-size: 20px; padding:0 40px 0px 0; position:relative; padding-left:0; line-height:150%; box-shadow:none; background-color: transparent;  text-transform:none;}

.lookbook-accordion .accordion-button::before {content:""; display:none; position: absolute; left:0; top:0px; width:7px; height: 43px; background-color: #35363c;}

.lookbook-accordion .accordion-item:first-of-type .accordion-button,.lookbook-accordion .accordion-item:last-of-type{border-radius:0;}

.lookbook-accordion .accordion-button:not(.collapsed){background-color: transparent;}

.lookbook-accordion .accordion-button:focus{box-shadow: none;}

.lookbook-faq-section .accordion-body{color:#FFFFFF; padding:20px 0 0 32px; line-height:150%;}

.lookbook-faq-section .accordion-button::after{border:0;  content: "+"; background-image: none; font-size:45px; line-height:12px; right: 0; top: 0; position: absolute; transform: none; text-align: center; color:#FFFFFF; font-weight:300; text-indent: -4px;}

.lookbook-faq-section .accordion-button:not(.collapsed)::after{ content: "-"; font-size: 53px; text-indent: -1px;}

.lookbook-faq-section .accordion-body > ol{padding-left: 20px;}

.lookbook-accordion .accordion-button i.digit{font-style: normal; margin-right: 20px;}

.lookbook-faq-section .accordion-body > *:last-child{margin-bottom:0;}



.movetotop{position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background-color: rgba(0,0,0,1); border: 1.5px solid #FFFFFF; border-radius: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 999;}

.movetotop > span{display: block; width:10px; height:10px; border-left: 1.5px solid #FFFFFF; border-top: 1.5px solid #FFFFFF; transform: rotate(45deg); margin-top: 6px;}

.movetotop:hover,.movetotop:active{background-color: #303030!important;}



@media screen and (max-width:1680px){

	.container{width:1420px;}

	.sec1-logo{width:270px; margin-bottom: 60px;}

	h2, .h2{font-size: 32px;}

	h3, .h3{font-size: 22px;}

	.sec1-textcol, .sec2-textcol, .sec1-textcol-3, .sec1-textcol-4{width:20%;}

	.sec1-text{font-size: 17px;}

	.sec1-textcol-4 .sec1-textimg {margin-top: -60px;}

	.sec3-caption{margin-bottom: 50px;}

	.sec3 ul.list-switch{gap:60px; margin-top: 30px;}

	.spray-img{width:55px;}

	.spray-label{font-size: 16px;}

	



	.sec4{}

	.sec4-text{font-size: 16px; width: 190px;}

	.sec4-textimg {width: calc(100% - 220px);}

	.sec4-textcol-2 .sec4-text{width: 140px;}

	.sec4-textcol-2 .sec4-textimg{width: calc(100% - 200px);}



	.sec5{padding: 130px 0;}

	.sub-title{font-size: 20px;}

	.threecol-caption{margin-bottom: 50px;}

	.threecol-caption > h2{margin-bottom: 10px;}

	.sec6-text{font-size: 17px;}

	.sec10-text{font-size: 16px; padding:5px 50px 5px 0px; }

	.sec10-text1::after{width: 40px; border-top: 2px dashed #FFFFFF;}

	

	.sec11{}

	.sec11-caption{margin-bottom: 100px;}

	.sec11-text{font-size: 16px; width: 126px;}

	.sec11-textcol-1 .sec11-text{margin-right: -56px;}

	

	.sec12{ padding:130px 0;}

	

	.sec13-text{font-size: 16px;}



	.sec14-text{font-size: 16px; width: 127px;}

	.sec14-textcol-1 .sec14-text{margin-right: -56px;}



	.sec15{padding: 130px 0;}

	.sec15-caption{margin-bottom: 80px;}



	.sec16{padding: 130px 0;}

	.sec16-bar-title{font-size: 30px; margin-bottom:10px;}

	.sec16-bar-text{font-size:12px;}

	.sec16-bar-text span{font-size:13px;}

	

	.sec17-text{font-size: 16px;}



	.sec19{padding: 100px 0 50px 0;}

	.sec19-catalogimgwrp{width: 427px;}



	.threecol-caption .sub-title{font-size: 32px;}

	.threecol-caption > h2{font-size: 22px;}



	.lookbook-faq-wrapper{padding: 50px;}



	.lookbook-accordion .accordion-button{font-size: 18px;}

	.lookbook-faq-section .accordion-button::after{font-size: 40px;}

	.lookbook-faq-section .accordion-button:not(.collapsed)::after{font-size: 42px;}	

}





@media screen and (max-width:1600px){

  

 .sec3-caption,.sec4-caption,.sec11-caption,.sec14-caption{margin-bottom:20px;}

 .sec6-text5{bottom:2%;}

 .sec13-text2{top:26%;}

 .sec13-text5 {bottom: 5%;}

 .sec6-text5{bottom:2%;}

 .sec17-text2{top:24%;}

 .sec17-text5 {left: 59%;}

}





@media screen and (max-width:1440px){

	.progress-wrapper{height: 2px;}

	.container{width:1220px;}

	 h2, .h2 {font-size: 27px;}

	 h3, .h3 {font-size: 20px;}

	.btn{font-size: 14px;}

	.spray-img {width: 45px;}

	.spray-label {font-size: 15px;}

	.sec3 ul.list-switch{gap:60px; margin-top: 30px;}

	

	.sec1-caption{width: 468px;}

	.sec1-caption > h2{margin-bottom: 10px;}

	

	.sec1-logo{width:210px; margin-bottom:40px;}

	.sec1-text {font-size: 15px;}

	.sec1-textcol-4 .sec1-textimg {margin-top: -45px;}

	

	.sec3-caption > h2 br{display:none;}

	.sec3 ul.list-switch{gap:20px;}

	

	.sec4-caption{margin-bottom: 50px;}

	.sec4-text{font-size: 15px;}



	.sec5 {padding:50px 0;}



	.sec6-container{padding-top: 50px;}

	.sec6-text {font-size: 15px;}



	.sec10-text {}



	.sec11-text {font-size: 15px;}

	.sec11-caption{margin-bottom: 50px;}



	.sec12 {padding:50px 0;}

	.sec13-text{font-size: 15px;}

	.sec13-container{padding-top: 50px;}

	.sec13-text5{left: 56%;}



	.sec14-caption{margin-bottom: 50px; width: 522px;}

	.sec14-text{font-size: 15px;}



	.sec15{padding: 50px 0;}

	.sec15-caption{margin-bottom: 50px;}



	



	.sec16{padding: 50px 0;}

	.sec16-caption{margin-bottom: 50px;}

	.sec16-img-1-wrp {padding-right: 20px;}

	.sec16-bar-title{font-size: 26px; margin-bottom:10px;}

	.sec16-bar-text{font-size:10px;}

	.sec16-bar-text span{font-size:11px;}





	.sec17-container{padding-top: 50px;}

	.sec17-text{font-size: 15px;}

	

	.sec19{padding: 100px 0 0px 0;}

  	.sec19-catalogimgwrp {width: 320px; margin-right: 60px;}

	.sec19-catalogbox > p{font-size: 15px;}





	.threecol-caption .sub-title{font-size: 27px;}

	.threecol-caption > h2{font-size: 20px;}



	.lookbook-faq-wrapper {padding: 40px;}

	.lookbook-faq-section .accordion-button::after {font-size: 32px;}

	

	

}



@media screen and (max-width:1280px){

	body{line-height: 160%;}

	h2, .h2 {font-size: 24px;}

	h3, .h3 {font-size: 18px;}

	.container {width: 1100px;}

	.btn{font-size: 14px;}

	.spray-img {width: 40px;}

	.spray-label {font-size: 14px;}

	.sec3 ul.list-switch{gap:40px; margin-top: 20px;}



	.threecolrow{margin-left: -10px; margin-right: -10px;}

	.threecolrow > .col-md-4{padding-left: 10px; padding-right: 10px;}

	.spray-img-icon{width: 40px;}

	.spray-box-content{padding-left: 60px;}

	.threecol-caption .sub-title{font-size: 22px;}

	.threecol-caption > h2 {font-size: 18px;}

	.spray-title{margin-bottom: 5px;}

	.sec1-text {font-size: 14px;}	

	.sec1-caption{width: 420px;}

	.sec3-caption{width:525px;}

	.sec3-caption > h2 br{display:none;}



	.sec4-text{width: 170px;}

	.sec4-caption{width: 490px;}

	.sec6-text {font-size: 14px;}

	.sec10-text{font-size: 12px; padding:0 40px 0 0; border-right: 1px solid #FFF;}

	.sec10-text1::after {border-top:1px solid #FFFFFF;}

	.sec11-text{font-size: 14px; width: 110px; }

	.sec11-caption{width: 555px;}

	.sec11-textcol-1 .sec11-text {margin-right: -51px;}

	.sec13-text{font-size: 14px;}

	.sec4-text{font-size: 14px; }

	.sec14-text{font-size: 14px; width: 110px; }

	.sec16-bar-title{font-size: 23px; margin-bottom:8px;}

	.sec16-bar-text{font-size:9px;}

	.sec16-bar-text span{font-size:10px;}

	

	.sec19-catalogbox > p{font-size: 14px;}

	.lookbook-faq-wrapper {padding: 30px;}

	.lookbook-accordion .accordion-button i.digit{margin-right: 15px;}

	.lookbook-faq-wrapper > h2{margin-bottom: 30px;}

	.lookbook-accordion .accordion-item {padding: 20px 0;}

	.lookbook-accordion .accordion-button {font-size: 16px; }

	

}



@media screen and (max-width:1024px){

	body{line-height: 150%;}

	h2, .h2 {font-size: 22px;}

	h3, .h3 {font-size: 18px;}

	.container {width: 960px;}

	.headerlogo{width: 140px;}

	.threecol-caption{margin-bottom: 40px;}

	.threecol-caption .sub-title{margin-bottom: 5px;}

	

	.sec1-logo{width:160px; margin-bottom:30px;}

	.sec1-textcol-4 {left: 51%; top: 85%;}

	.sec1-textcol-4 .sec1-textimg { margin-top: -35px; }



	.sec4-textcol{gap: 10px;}

	



	

	.sec3 ul.effort-list{left: 55%;}

	.sec3-caption {width: 526px;}

	.sec3-caption h2 br{display: none;}



	.sec6-text5 {left: 70%; bottom: 2%;}



	.sec11-textcol{gap: 10px;}

	.sec11-textcol-1{width:150px; right: 10%;  top: 26%;}



	.sec13-text3 {left: 68%; top: 32%;}

	.sec13-text2 {left: 12%; top: 28%;}

	.sec13-text4 {left: 20%; bottom: 10%;}

	.sec13-text5 { left: 55%; bottom: 6%;}

	

	.sec14-textcol{gap: 10px;}

	.sec14-textcol-1{width: 150px;}

	.sec14-textcol-1 .sec14-text {margin-right: -50px;}



	.sec15 {padding:40px 0;}

	.sec16-caption {margin-bottom: 40px;}

	.sec16-img-2{margin-bottom: 0px;}

	.sec16-img-3wrp{margin-bottom: 40px;}

	.sec16-subtitle-1{margin-bottom: 20px;}

	.sec16-img-3{margin-bottom: 20px;}

	.sec16-bar-title{font-size: 20px; margin-bottom:5px;}

	.sec16-bar-text{font-size:8px;}

	.sec16-bar-text span{font-size:9px;}

	

	.sec19{padding-bottom: 0;}

}



@media screen and (max-width:991px){

.sec3 ul.effort-list{left: auto; right:20px;}

.container {width: 100%;}

.sec10-text{font-size: 10px; padding:0 10px 0 0;}

.sec10-text1::after{width: 16px;}

}



@media screen and (max-width:768px){

	.headerlogo {width: 110px;}

	.sec1-logo { width: 110px;  margin-bottom:20px;}

	.sec1-caption {width: 248px; }

	.sec14-textcol-1 {right: 10%; top: 34%; width: 123px;}

	.sec19{padding: 70px 0 0 0;}

	.sec19-catalogimgwrp {width: 256px; margin-right: 49px;}

	.sec19-catalogbox{padding:20px 0;}

}



@media screen and (max-width:767px){

h2, .h2 {font-size: 20px;}

ul.effort-list > li::before{top:9px;}



.headerlogo {width: 83px;}

.sec1{padding-bottom: 40px;}

.sec1-logo { width: 90px;  margin-bottom: 20px;}

.sec1-main-img{display: none;}

.sec1-mobile-img{display: block; margin-bottom: 0px;}

.sec1-textcol, .sec2-textcol, .sec1-textcol-3, .sec1-textcol-4{display: none;}

.sec1-container{position: static; transform: none;}

.sec1-caption{width: 100%; padding: 20px 0;}



.sec3{min-height: initial; padding:0px 0 40px 0; flex-direction: column-reverse;}

.sec3 ul.effort-list{position: static; width:100%; padding: 0 15px; margin-bottom: 0px; order:0;}

.sec3 ul.list-switch{gap: 20px;}



.sec3-container{position: static; order: 1;}

.sec3-caption{width: 100%; margin-bottom: 20px;}

.sec3-main-img{margin-bottom: 20px; order: 3;}



.sec4{min-height: initial; padding: 40px 0; display: flex; flex-direction: column-reverse;}

.sec4-container{position: static; }

.sec4-caption{margin-bottom:0px; width: 100%; }

.sec4-caption > p br{display: none;}

.sec4-main-img{margin-bottom: 20px;}



.sec6{margin-bottom: 40px;}

.sec6-text{font-size: 6px; line-height: 150%;}

.sec6-text2 {left: 4%; top: 52%;}

.sec6-text3{left: auto; right: 6%; top: 60%;}

.sec6-text4 {left: 39%; bottom: 2%;}

.sec6-container{padding-top: 20px;}



.sec10{padding: 40px 0;}

.sec10-container{position: static;}

.sec10-text{font-size: 6px; line-height: 150%; padding:0px 30px 0px 0px; }

.sec10-text1 {right: 49%; top: 59.0%;}

.sec10-text1::after{width:20px;}



.sec11{min-height: initial; flex-direction:column-reverse; display: flex;}

.sec11-textcol-1 {right: 2%; top: 9%; width: 80px;}

.sec11-caption{margin-left: 0; width: 100%;}

.sec11-text{font-size: 6px; line-height: 150%;}

.sec11-textcol-1 .sec11-text{margin-right: 0; margin-left: auto; width: 50px;}

.sec11-textcol-1 .sec11-textimg{position: relative; left: -20px;}

.sec11-container{position: static;}

.sec11-main-img{margin-bottom: 20px;}



.sec13{margin-bottom: 40px;}

.sec13-text {font-size: 6px; line-height: 150%;}

.sec13-container{padding-top: 20px;}



.sec14{min-height: initial;  display: flex;  flex-direction: column-reverse; margin-bottom: 40px;}

.sec14-text{font-size: 6px; line-height: 150%; width: 100%;}

.sec14-textcol-1 {right: 2%; top: 14%; width: 80px;}

.sec14-textcol-1 .sec14-text{margin-right: 0; margin-left: auto; width: 50px;}

.sec14-textcol-1 .sec14-textimg{position: relative; left: -20px;}

.sec14-container{position: static;}

.sec14-caption{margin-bottom: 0; width: 100%;}

.sec14-main-img{margin-bottom: 20px;}



.sec16 {padding:40px 0;}

.sec16-caption{margin-bottom: 20px;}

.sec16-caption > h2 br{display: none;}

.sec16-img-1-wrp{padding-right: 0; margin-bottom: 30px;}

.sec16-img-2 {margin-bottom: 0px;}

.sec16-img-3wrp{margin-bottom: 30px;}









.sec17-container {padding-top: 20px;}

.sec17-text{font-size: 6px; line-height: 150%;}





.sec19{padding-top: 40px;}

.sec19-catalogwrp{flex-direction: column; padding: 20px;}

.sec19-catalogimgwrp {width: 100%; margin: 0;}

.sec19-catalogbox{width: 100%;}

.sec19-catalogimg {transform: none;}



.threecol-caption{margin-bottom: 20px;}

.video-section .sec-video{min-height: initial; max-height: none;}

.spray-boximg{margin-bottom: 20px;}

.threecol-caption > h2 {font-size: 16px;}

.threecol-caption .sub-title {font-size: 20px;}



.threecolrow > .col-md-4{margin-bottom: 30px;}

.threecolrow > .col-md-4:last-child{margin-bottom: 0px;}



.video-section{margin-bottom: 40px;}



.spray-box-content {padding-left: 50px;}



.lookbook-faq-wrapper {padding: 20px;}

.lookbook-accordion .accordion-button{align-items: flex-start;}

.lookbook-faq-section .accordion-button::after{top:7px;}

.lookbook-faq-section .accordion-body{padding:10px 0 0 0;}

.lookbook-faq-wrapper > h2{margin-bottom: 0px;}

.lookbook-accordion .accordion-button i.digit {margin-right: 5px;}

.movetotop{width: 35px; height: 35px; bottom: 20px; right: 20px;}

.movetotop > span{width: 7px;  height: 7px;}



.spinner{width: 40px; height: 40px;}

}



@media screen and (max-height: 600px) {

  

}











@media screen and (min-width: 1250px) and (max-width: 1300px) and (min-height: 590px) and (max-height: 800px) {

  body,.spray-label,.sec1-text,.sec6-text,.sec11-text,.sec13-text,.sec14-text,.sec17-text{font-size:12px;}

  h3, .h3 {font-size: 16px;}

  .sec3-caption,.sec4-caption,.sec11-caption,.sec14-caption{margin-bottom:20px;}

  .sec6-text5{bottom:2%;}

  .sec13-text2{top:28%;}

  .sec17-text2{top: 25%;}

  .sec17-text5 {left: 59%; }

  

  ul.effort-list > li::before{top:8px;}

  .spray-box-content {padding-left: 50px;}

  .spray-img-icon {width: 35px;}

  .sec11-text,.sec14-text{width: 90px;}

  .sec11-textcol-1 .sec11-text,.sec14-textcol-1 .sec14-text {margin-right: -42px;}

  

}