body{background: #F8F8F8;}
.main-box-finesse{background: #F8F8F8; font-size: 18px; line-height: 24px; color: #101010; font-family: "proxima-nova",sans-serif;}
.pa{position: absolute;}
.d-none{display: none;}

.display-1, .display-2{font-family: 'neulis_neueregular'; font-weight: 600;}
.display-1{font-size: 88px; line-height: 104px;}
.display-2{font-size: 64px; line-height: 72px;}

h1, h2, h3 {color: #101010; font-family: 'neulis_neuebold' !important; font-weight: 700;}
h4, h5{color: #101010}
h1{font-size: 48px; line-height: 60px; font-weight: 700;}
h2{font-size: 40px; line-height: 48px; font-weight: 700;}
h3{font-size: 32px; line-height: 40px; font-weight: 700;}

h4{font-family: "proxima-nova",sans-serif !important; font-size: 24px; line-height: 32px; font-weight: 700; color: #101010;}
.font-24{font-size: 24px; line-height: 32px; font-weight: 400;}
.font-16{font-size: 16px; line-height: 20px; font-weight: 400;}
.font-14{font-size: 14px; line-height: 16px; font-weight: 400;}
/*font-family: "proxima-nova",sans-serif;*/

.animationParent {opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.animationChild {opacity: 0; -moz-transform: translateY(100px); -webkit-transform: translateY(100px); transform: translateY(100px); -moz-transition: opacity 1s ease-out, transform 1s ease-out; -webkit-transition: opacity 1s ease-out, transform 1s ease-out; transition: opacity 1s ease-out, transform 1s ease-out;}
.animationChild.visible { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}

.italic{font-style: italic;}
.font-700{font-weight: 700; font-family: 'neulis_neuebold' !important;}
.font-600{font-weight: 600; font-family: 'neulis_neueregular' !important;}
.font-500{font-weight: 500; font-family: 'neulis_neuemedium' !important;}
.font-400{font-weight: 400;}
.text-white{color: #fff;}
.text-dark-yellow{color: #8F8620;}
.text-dark-200{color: #9C9D9F;}
.text-dark-300{color: #54565A;}

.finesse-box li{position: relative; z-index: 1;}
.btn-fine{-webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -ms-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 400ms;}


.btn-fine{font-family: "proxima-nova",sans-serif !important; font-size: 18px; line-height: 24px; font-weight: 400; padding: 10px 24px; color: #54565A; border-radius: 22px 0; display: inline-flex; align-items: center; transition: all 0.3s ease;}
.btn-fine span{vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; width: 0; height: 24px; transition: all 0.3s ease;}
.btn-fine:hover span, .btn-fine:focus span{width: 24px; margin-left: 4px; transition: width 0.3s ease-in-out;}
.btn-fine-primary{border: 1px solid #54565A; background: #54565A; color: #fff;}
.btn-fine-primary span{background-image: url("../images/new/finesse/btn-arrow.svg");}
.btn-fine-primary:hover, .btn-fine-primary:focus{border: 1px solid #54565A; background: transparent; color: #54565A;}

.btn-fine-secondary{border: 1px solid #54565A; background: transparent; color: #54565A;}
.btn-fine-secondary span{background-image: url("../images/new/finesse/btn-arrow-white.svg");}
.btn-fine-secondary:hover, .btn-fine-secondary:focus{border: 1px solid #F5779E; background: #F5779E; color: #fff;}


.width-1480{max-width: 1480px; margin: 0 auto;}
.width-1460{max-width: 1460px; margin: 0 auto;}
.width-1440{max-width: 1440px; margin: 0 auto;}
.width-1368{max-width: 1368px; margin: 0 auto;}

.hero-bg{background:#FDF2E9; position: relative; overflow: hidden;}
.hero-bg::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: url("../images/new/finesse/hero-bg.png") center bottom no-repeat; height: 239px; z-index: 1;}
.hero-box{max-width: 874px; margin: 0 auto; text-align: center; padding: 7vw 0 20vw; position: relative; z-index: 1;}
.hero-box .display-2, .hero-box .btn-fine{margin-top: 64px;}
.hero-img{position: absolute; top: -120px; left: -40px; right: -100px; bottom: 0; display: flex; align-items: center; justify-content: center;}
.hero-img img{width: 10%; opacity: 0; -moz-transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out;}
.hero-bg.active .hero-img img{width: 100%; opacity: 1;}

.handle-finesse-bg{background: #fef3ea url("../images/new/finesse/handle-finesse-bg.jpg") center 0 repeat-x; padding: 120px 0 206px; position: relative; overflow: hidden;}
.handle-finesse-box h1{margin-top: 230px; color: #A55519;}
.handle-finesse-child{margin-top: 120px;}
.handle-finesse-child h4{color: #EB7923; margin-bottom: 8px;}
.handle-finesse-2{width: 414px;}
.handle-finesse-2 img{max-width: 100%;}
.handle-finesse-1, .handle-finesse-3{width: 360px;}
.handle-left-child-1{padding-top: 61px;}
.handle-left-child-arrow-1{position: absolute; right: -150px; top: 48px;}
.handle-left-child-2{margin-top: 140px;}
.handle-left-child-arrow-2{position: absolute; right: -112px; top: -30px;}
.handle-right-child-1{padding-top: 0;}
.handle-right-child-arrow-1{position: absolute; left: -150px; top: 24px;}
.handle-right-child-2{margin-top: 120px;}
.handle-right-child-arrow-2{position: absolute; left: -140px; top: 0px;}

.video-bg{background: #FFFFFE; position: relative; overflow: hidden; padding-bottom: 120px;}
.video-bg::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #FFFFFE url("../images/new/finesse/video-bg.png") center bottom no-repeat; height: 198px; z-index: 1;}
.video-box{height: clamp(800px, 40vw, 500px); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; content-visibility: auto;}
.image-video-crossover{margin: 73px auto 77px; width: clamp(0px,100% - 160px, 1170px); -webkit-mask-image: url("../images/new/finesse/video-masking-1.png");
mask-image: url("../images/new/finesse/video-masking-1.png"); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center;  pointer-events: none}
.image-video-crossover::after { content: ""; display: block; padding-bottom: 17%;}
.video-cover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.modal-video video{max-width: 100%;}  
.modal-video .close{right: 0; top: -18px; background: #fff url(../images/icons/modal-close.svg) center center no-repeat; height: 24px; width: 24px; position: absolute; opacity: 1; outline: none; z-index: 9; background-size: 16px !important;}  
.modal-video .close:hover{opacity: 1;}
.modal-video.modal-dialog{max-width: calc(100% - 26px);}

.thread-bg{background: #FAF9EA url(../images/new/finesse/thread-bg.png) center bottom no-repeat; min-height: 500px; overflow: hidden;}
.thread-full{position: relative; max-width: 1920px; min-height: 710px; margin: 240px auto 0;}
.thread-full:first-child{margin-top: 140px;}
.thread-box{max-width: 910px; width: 100%;}
.thread-box-right{float: right;}
.thread-box-right .thred-color{margin-left: auto;}
.thred-title{padding-bottom: 70px; padding-top: 100px;}
.title-img{position: absolute; left: 412px; bottom: 0; width: 100%;}
.title-right-img{position: absolute; right: 0; bottom: 0;}
.thred-color{margin-top: 80px;}
.fabric-meta{color: #54565A; font-size: 16px;}
.thred-color-img{margin-top: 16px;}
.thred-color-img ul{margin: 0 -8px; flex-wrap: wrap;}
.thred-color-img li{padding: 8px 7px;}
.thred-color-img img{height: 44px; width: 44px; object-fit: cover;}
.thred-color-img img, .thred-color-img li a{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.thred-color-img li a{border: 2px solid transparent; display: block;}
.thred-color-img li.active a, .thred-color-img li a:hover{border: 2px solid #fff;}
.thred-color-img li a:hover{-moz-box-shadow: 0 0 0 2px #ED1558; -webkit-box-shadow: 0 0 0 2px #ED1558; box-shadow: 0 0 0 2px #ED1558;}
.thred-color-img li.active a{-moz-box-shadow: 0 0 0 4px #54565A; -webkit-box-shadow: 0 0 0 4px #54565A; box-shadow: 0 0 0 4px #54565A;}
.thread-big-left-img, .thread-big-right-img{position: absolute; top: 0;}
.thread-big-left-img img, .thread-big-right-img img{max-width: 100%;}
.thread-big-right-img{right: -8.3%; top: 50px;}
.thread-big-left-img{left: -8%; top: 60px;}
.thred-color .btn-fine{margin-top: 48px;}

.feather-bg{background: #E1DA86; padding-bottom: 150px;}
.feather-bg .wrap{max-width: 1824px; overflow: hidden;}
.feather-box{max-width: 688px; margin: 0 auto;}
.feather-box{padding: 548px 0;}
.feather-box img{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.feather-1{left: -387px; top: 439px;}
.feather-2{left: 0; top: 341px;}
.feather-3{left: 291px; top: 197px; width: 411px;}
.feather-4{right: -400px; top: 439px;}
.feather-5{left: 0; bottom: 199px;}
.feather-6{right: -14px; bottom: 339px;}
.feather-box .display-2{opacity: 0;}
.feather-box .feather-1, .feather-box .feather-2, .feather-box .feather-3, .feather-box .feather-4, .feather-box .feather-5, .feather-box .feather-6, .feather-box .display-2 
{transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}
.feather-box.active .display-2{opacity: 1;}
.feather-box.active .feather-1{left: -535px; top: 523px;}
.feather-box.active .feather-2{left: -123px; top: 206px;}
.feather-box.active .feather-3{left: 364px; top: 31px; width: 411px;}
.feather-box.active .feather-4{right: -600px; top: 341px;}
.feather-box.active .feather-5{left: -83px; bottom: 32px;}
.feather-box.active .feather-6{right: -120px; bottom: 223px;}

.slider-bg{background: #F8F8F8 url("../images/new/finesse/slider-bg.png") right center no-repeat; padding: 120px 0; margin: 48px 0; background-size: contain; overflow: hidden;}
.slider-box{padding: 176px 0;}
.slider-left{max-width: 410px; padding-top: 24px;}

.slider-right{max-width: 840px; padding-right: 20px; width: 100%; overflow: hidden;}
.slider-right .owl-carousel{position: static;}
.slider-right .owl-carousel .owl-stage{display: flex; align-items: center;}
.slider-right .owl-carousel .owl-stage-outer{overflow: visible !important; padding: 24px;}
.item-box{background: #fff; padding: 40px; text-align: left; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; -webkit-box-shadow: 0px 4px 24px 0px rgba(84,86,90,0.25); -moz-box-shadow: 0px 4px 24px 0px rgba(84,86,90,0.25); box-shadow: 0px 4px 24px 0px rgba(84,86,90,0.25); }
.item-box .font-24{font-weight: 700;}
.slider-right .owl-item .item{float: right; width: 440px; margin-left: 0; transform: scale(0.6);}
.slider-right .owl-item.active .item{float: left; margin-left: -10px;}
.slider-right .owl-item.active.center .item{width: 100%; margin-top: 0; float: none; margin: 0; opacity: 1; transform: scale(1);}
.slider-right .owl-item{right: -160px; z-index: 1;}
.slider-right .owl-item.active{right: auto; left: -160px;}
.slider-right .owl-item.active.center{position: relative; z-index: 2; left: auto; right: auto;}

.owl-carousel .owl-nav .owl-prev{left: 0 !important;  -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.owl-carousel .owl-nav .owl-next{left: 88px !important;}
.owl-carousel .owl-nav [class*=owl-]{width: 72px !important; height: 44px !important; border: 1px solid #54565A !important; bottom: 32px; top: auto; -moz-border-radius: 22px !important; -webkit-border-radius: 22px !important; border-radius: 22px !important; opacity: 1;}
.owl-carousel .owl-nav [class*=owl-] span{background-image: url("../images/new/finesse/btn-arrow.svg") !important; text-indent: -9999px;}
.owl-carousel .owl-nav [class*=owl-]:hover{background: #54565A !important;}
.owl-carousel .owl-nav [class*=owl-]:hover span{background-image: url("../images/new/finesse/btn-arrow-white.svg") !important;}


.slider-star{display: flex;}
.slider-star span{display: inline-block; margin: 4px 4px 0 0; width: 22px; height: 20px; background-image: url("../images/new/finesse/star.svg"); background-repeat: no-repeat; background-position: 0 0;}
.slider-star span.active{background-image: url("../images/new/finesse/star-fill.svg");}
.star-quote{background: url("../images/new/finesse/quote.svg") 0 0 no-repeat; width: 57px; height: 44px; margin-left: 4px;}

.quilt-finesse-bg{background: url("../images/new/finesse/quilt-finesse-bg.png") center 0 repeat-x; padding: 175px 0 128px; position: relative; overflow: hidden;}
.quilt-finesse-bg::after{content: ""; display: block; clear: both; background: #C0E7EE; top: 500px; left: 0; width: 100%; height: 2000px; position: absolute;}
.finesse-box{position: relative; z-index: 1;}
.finesse-box h1{margin-bottom: 80px;}
.finesse-box li{width: 400px; position: relative; z-index: 1;}
.finesse-box-card{display: block; height: 100%; padding: 24px; color: inherit; text-decoration: none; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.finesse-box-card:hover, .finesse-box-card:focus{color: inherit; text-decoration: none; outline: none; background: #f8f8f8;}
.finesse-box-img{padding-top: 80px; position: relative;}
.finesse-box-img img{position: relative;}
.finesse-box-img::before{content: ''; position: absolute; background: #F5779E; left: 50%; top: 0; height: 200px; width: 200px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.finesse-box-img.variegated-bg::before{background: #92D6E2;}
.finesse-box-img.yard-bg::before{background: #E1DA86;}
.finesse-colors{color: #54565A;}
.finesse-colors span{border-left: 1px solid #54565A; margin-left: 16px; padding-left: 16px;}
.finesse-colors span:first-child{border-left: none; margin-left: 0; padding-left: 0;}
.finesse-box-card .btn-fine{pointer-events: none;}
.finesse-box-card:hover .btn-fine span,
.finesse-box-card:focus .btn-fine span{width: 24px; margin-left: 4px; transition: width 0.3s ease-in-out;}
.finesse-box-card:hover .btn-fine-primary,
.finesse-box-card:focus .btn-fine-primary{border: 1px solid #54565A; background: transparent; color: #54565A;}


.finesse-fabric .thred-title .display-1{font-size: 100px; line-height: 100%;}
.text-light-orange{color: #F3B17F;}
.text-yellow-300{color: #CCBF2E;}
.text-blue-300{color: #92D6E2;}
.text-red-300{color: #ED1558;}

.finesse-fabric .hero-bg::after{background: url(../images/new/finesse-fabric/hero-bottom-new-bg.png) center bottom no-repeat; height: 156px;}
.finesse-fabric .hero-bg{position: relative;}
.finesse-fabric .hero-bg-video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.finesse-fabric .hero-bg-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.finesse-fabric .hero-bg .wrap{position: relative; z-index: 2;}
.finesse-fabric .hero-bg::after{z-index: 3;}
.finesse-fabric .hero-box .btn-fine-secondary{
border: 1px solid #54565A;
background: #54565A;
color: #fff;
}
.finesse-fabric .hero-box .btn-fine-secondary span{background-image: url("../images/new/finesse/btn-arrow-white.svg");}
.finesse-fabric .hero-box .btn-fine-secondary:hover,
.finesse-fabric .hero-box .btn-fine-secondary:focus{
border: 1px solid #54565A;
background: #fff;
color: #54565A;
}
.finesse-fabric .hero-box .btn-fine-secondary:hover span,
.finesse-fabric .hero-box .btn-fine-secondary:focus span{background-image: url("../images/new/finesse/btn-arrow.svg");}
.finesse-fabric .handle-finesse-bg{background: #FAF9EA; padding: 170px 0 130px;}
.handle-finesse-title{
font-family: 'neulis_neueregular';
font-size: 160px;
line-height: 1;
font-weight: 600;
color: #54565A;
background: linear-gradient(90deg, #92D6E2 0%, #CCBF2E 25%, #EB7923 50%, #ED1558 75%, #54565A 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
animation: finesse-title-float 4s ease-in-out infinite;
}
.handle-finesse-title span{font-size: 200px;}

@keyframes finesse-title-float{
0%{transform: translateY(0);}
50%{transform: translateY(-16px);}
100%{transform: translateY(0);}
}
.finesse-fabric .handle-finesse-1, .finesse-fabric .handle-finesse-3{width: 300px;}
.finesse-fabric .handle-finesse-2{width: 555px; text-align: center; display: flex; align-items: center; position: relative; z-index: 1;}
.finesse-fabric .handle-left-child-1{padding: 0;}
.finesse-fabric .handle-left-child-2{margin-top: 120px; padding: 20px 0 0;}
.finesse-fabric .handle-right-child-1{padding: 0;}
.finesse-fabric .handle-right-child-2{margin-top: 120px; padding: 0;}

.finesse-fabric .handle-left-child-arrow-1{right: -140px; top: 18px;}
.finesse-fabric .handle-left-child-arrow-2{right: -130px; top: 0;}
.finesse-fabric .handle-finesse-child{margin-top: 240px;}
.finesse-fabric .handle-finesse-box h1{margin: 40px auto 0;}

.finesse-fabric .thread-bg{
background-color: #F4FBFC;
background-image: url(../images/new/finesse-fabric/perfect-color-top-bg.png), url(../images/new/finesse-fabric/perfect-color-top-bg.png), url(../images/new/finesse-fabric/perfect-color-bottom-bg.png), url(../images/new/finesse-fabric/perfect-color-bottom-bg.png);
background-position: center top, center top, center bottom, center bottom;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}
.finesse-fabric .thread-full{margin: 0 auto !important; padding: 315px 0;}
.finesse-fabric .thred-title{padding-top: 0;}
.finesse-fabric .thread-big-right-img{right: -20px; top: 34px;}
.finesse-fabric .thread-box{min-height: 600px;}


.finesse-fabric .feather-bg{background: #FDF2E9;}
.finesse-fabric .feather-box{max-width: 642px;}
.finesse-fabric .feather-box .display-2 span{font-family: 'neulis_altextrabold'; text-transform: uppercase;}
.finesse-fabric .fabric-tagline{display: inline-block; text-align: left;}
.finesse-fabric .fabric-tagline .fabric-tagline-line{line-height: 1.15;}
.finesse-fabric .fabric-tagline .fabric-tagline-line:nth-child(1){padding-left: 0;}
.finesse-fabric .fabric-tagline .fabric-tagline-line:nth-child(2){padding-left: 54px;}
.finesse-fabric .fabric-tagline .fabric-tagline-line:nth-child(3){padding-left: 108px;}

.finesse-fabric .slider-bg{margin: 160px 0;}

.main-finesse-threads h1, .main-finesse-threads h2, .main-finesse-threads h3, .main-finesse-threads h4, .main-finesse-threads h5, .main-finesse-threads h6, .main-finesse-threads .finesse-colors{color: #fff;}
.main-finesse-threads{background: #333437; font-size: 18px; line-height: 24px; color: #fff; font-family: "proxima-nova",sans-serif;}
.main-finesse-threads .btn-fine-primary:hover, .main-finesse-threads .btn-fine-primary:focus,
.main-finesse-threads .finesse-box-card:hover .btn-fine-primary,
.main-finesse-threads .finesse-box-card:focus .btn-fine-primary{background: #FDF2E9;}
.main-finesse-threads .btn-fine-secondary{border-color: #fff; background: transparent; color: #fff;}
.main-finesse-threads .btn-fine-secondary span{background-image: url("../images/new/finesse/finesse-threads/btn-arrow-white.svg");}
.main-finesse-threads .btn-fine-secondary:hover{background: #F5779E; color: #fff; border-color: #F5779E;}
.main-finesse-threads .btn-fine-secondary:hover span, .main-finesse-threads .btn-fine-secondary:focus span{background-image: url("../images/new/finesse/finesse-threads/btn-arrow.svg");}

.main-finesse-threads .hero-bg{background: #3b3c3d;}
.main-finesse-threads .hero-bg::after{background-image: url("../images/new/finesse/finesse-threads/hero-bg.png");}
.main-finesse-threads .hero-box{padding-top: 124px; margin-bottom: 48px; z-index: 99;}
.main-finesse-threads .hero-img{top: 0; left: 0; right: 0; bottom: auto;}
.main-finesse-threads .hero-img picture{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.main-finesse-threads .hero-img img{opacity: 1; width: auto; max-width: 100%; max-height: 100%; object-fit: contain;}
.main-finesse-threads .hero-btn-group{display: flex; justify-content: center; gap: 16px; margin-top: 64px;}
.main-finesse-threads .hero-btn-group .btn-fine{margin: 0;}

.comparable-thread{background: #101010; padding: 200px 0;}
.comparable-thread-box h1{font-family: 'neulis_neueregular'; color: #54565A; font-weight: 500;}
.comparable-thread-title{font-family: 'neulis_neueregular'; font-size: clamp(36px, 6.5vw, 88px); font-weight: 600; line-height: 1.25; color: #54565A;}
.comparable-thread-title span{font-family: 'neulis_altextrabold'; color: #A60F3E; text-transform: uppercase; font-style: italic;}
.feature-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; list-style: none; margin: 64px 0 0; padding: 0;}
.feature-card{background: rgba(89, 131, 138, 0.4); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 32px; text-align: left;}
.feature-card-icon{margin-bottom: 24px; line-height: 0;}
.feature-card-icon img{width: 80px; height: 80px; display: block;}
.feature-card h4{margin: 0 0 8px; font-size: 24px; line-height: 32px; font-weight: 700; color: #C0E7EE;}
.feature-card p{margin: 0; padding: 0; font-size: 18px; line-height: 26px; color: #C0E7EE;}

.finesse-finish{background: #2c3e3f; color: #C0E7EE; position: relative;}
.finesse-finish::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: url(../images/new/finesse/finesse-threads/finesse-finish-bg.png) no-repeat center 0; height: 164px; pointer-events: none;}
.finesse-finish-track{height: 480vh; position: relative;}
.finesse-finish-sticky{position: sticky; top: 0; height: 100vh; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #2c3e3f;}
.finesse-finish-video{position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center center; display: block; background: #2c3e3f;}
.finesse-finish-scroll-btn{position: absolute; left: 50%; bottom: clamp(48px, 10vh, 110px); transform: translateX(-50%); z-index: 4; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; margin: 0; padding: 8px; border: 0; background: none; background-color: transparent; -webkit-appearance: none; appearance: none; box-shadow: none; color: #66969E; font-size: 16px; line-height: 20px; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: color 0.2s ease;}
.finesse-finish-scroll-btn:hover, .finesse-finish-scroll-btn:focus{color: #C0E7EE; outline: none; background: none;}
.finesse-finish-scroll-btn[disabled]{cursor: default; opacity: 0.7;}
.finesse-finish-scroll-chevron{width: 12px; height: 12px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); animation: finesse-finish-bounce 1.4s ease-in-out infinite;}
@keyframes finesse-finish-bounce{
0%, 100%{transform: translateY(0) rotate(45deg); opacity: 0.55;}
50%{transform: translateY(5px) rotate(45deg); opacity: 1;}
}
.finesse-finish-wave{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; pointer-events: none; line-height: 0;}
.finesse-finish-wave img{width: 100%; height: auto; display: block;}

.main-finesse-threads .thread-bg{background: #333437; background-image: none;}
.main-finesse-threads .thred-color-img li.active a, .main-finesse-threads .thred-color-img li a:hover{border-color: #fff;}
.main-finesse-threads .thred-color-img li a:hover{-moz-box-shadow: 0 0 0 2px #bf1d50; -webkit-box-shadow: 0 0 0 2px #bf1d50; box-shadow: 0 0 0 2px #bf1d50;}
.main-finesse-threads .thred-color-img li.active a{-moz-box-shadow: 0 0 0 4px #66969e; -webkit-box-shadow: 0 0 0 4px #66969e; box-shadow: 0 0 0 4px #66969e;}

.finish-classic{position: relative; background-color: #59838A; margin-top: -150px; background-image: linear-gradient(to right, #3B3C3F, #3B3C3F); background-repeat: no-repeat; background-position: left top; background-size: calc(50% + 1px) 100%; color: #fff; overflow: hidden;}
.finish-classic::before{content: ''; position: absolute; left: 0; right: 0; top: 0; z-index: 1; background: url(../images/new/finesse/finesse-threads/finish-classic-bg.png) no-repeat center 0; height: 164px; pointer-events: none;}
.finish-classic .wrap,
.finish-classic .width-1460{position: relative; z-index: 2;}
.finish-classic-box{display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; position: relative; padding: 240px 0 150px;}
.finish-classic-col{display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2;}
.finish-classic-finish{padding-right: 40px;}
.finish-classic-classic{padding-left: 40px;}
.finish-classic-head{display: flex; align-items: center; gap: 16px;}
.finish-classic-head h1{color: #F4FBFC; font-weight: 600; margin: 0;}
.finish-classic-finish .finish-classic-head{justify-content: flex-end;}
.finish-classic-classic .finish-classic-head{justify-content: flex-start;}
.finish-classic-badge{display: inline-flex; align-items: center; justify-content: center; background: #EB7923; color: #F8F8F8; font-size: 18px; line-height: 24px; padding: 4px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; white-space: nowrap;}
.finish-classic-finish .finish-classic-img-group{margin-right: -40px;}
.finish-classic-classic .finish-classic-img-group{margin-left: -40px;}
.finish-classic-img-group{position: relative; width: 100%;}  
.finish-classic-title{position: absolute; top: 50%; z-index: 1; font-size: 64px; line-height: 1.15; text-transform: uppercase; font-family: 'neulis_neueregular'; font-weight: 600; text-align: left;}
.finish-classic-finish .finish-classic-title{left: 0; transform: translate(0, -50%);}
.finish-classic-classic .finish-classic-title{left: 30px; right: -10px; transform: translate(0, -50%); color: #92D6E2;}
.finish-classic-content{position: relative; z-index: 2; display: flex; flex-direction: column;}
.finish-classic-finish .finish-classic-content{align-items: flex-end; text-align: right;}
.finish-classic-classic .finish-classic-content{align-items: flex-start; text-align: left;}
.finish-classic-list{list-style: none; padding: 0; max-width: 280px; margin-bottom: 40px;}
.finish-classic-list li{font-size: 18px; line-height: 24px; color: #fff; margin-bottom: 24px;}
.finish-classic-list li:last-child{margin-bottom: 0;}
.finish-classic-img-wrapper{display: none;}
.finish-classic .finish-classic-img-group.animationChild, .finish-classic .finish-classic-img-wrapper .animationChild{-moz-transform: translateY(48px); -webkit-transform: translateY(48px); transform: translateY(48px);}
.finish-classic .finish-classic-img-group.animationChild.visible, .finish-classic .finish-classic-img-wrapper .animationChild.visible{-moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}

.main-finesse-threads .video-bg{background: #000; padding-bottom: 0;}
.main-finesse-threads .video-box{height: clamp(1080px, 40vw, 600px);}
.main-finesse-threads .video-box .display-2{color: #54565A;}
.main-finesse-threads .video-bg::after{display: none;}

.main-finesse-threads .slider-bg{background-color: #333437; background-image: url("../images/new/finesse/finesse-threads/slider-bg.png") center 0 no-repeat;}
.main-finesse-threads .item-box{background: #101010;}
.main-finesse-threads .star-quote{background-image: url("../images/new/finesse/finesse-threads/star-quote.svg");}
.main-finesse-threads .owl-carousel .owl-nav [class*=owl-]{border-color: #fff !important;}
.main-finesse-threads .owl-carousel .owl-nav [class*=owl-] span{background-image: url("../images/new/finesse/finesse-threads/btn-arrow.svg") !important; text-indent: -9999px;}
.main-finesse-threads .owl-carousel .owl-nav [class*=owl-]:hover{background: #F5779E !important; border-color: #F5779E !important;}

.main-finesse-threads .quilt-finesse-bg{background: url(../images/new/finesse/finesse-threads/quilt-finesse-bg.png) center 0 repeat-x;}
.main-finesse-threads .quilt-finesse-bg::after{background: #425458;}
.main-finesse-threads .finesse-box-img::before{background: #910D36;}
.main-finesse-threads .finesse-box-img.variegated-bg::before{background: #59838A;}
.main-finesse-threads .finesse-box-img.yard-bg::before{background: #7C751C;}
.main-finesse-threads .finesse-box-img img{max-height: 200px;}
.main-finesse-threads .finesse-box-card:hover h4, .main-finesse-threads .finesse-box-card:hover .finesse-colors, .main-finesse-threads .finesse-box-card:focus h4, .main-finesse-threads .finesse-box-card:focus .finesse-colors{color: #333437;}
.main-finesse-threads .finesse-colors span{border-color: #fff;}
.main-finesse-threads .finesse-box-card:hover .finesse-colors span, .main-finesse-threads .finesse-box-card:focus .finesse-colors span{border-color: #333437 !important;}

.main-finesse-threads .thread-full, .main-finesse-threads .thread-full:first-child{z-index: 3; margin-top: 70px;}
.matches-finesse-fabric{display: none; align-items: center; gap: 16px; background: rgba(89, 131, 138, 0.2); border: 1px dashed #59838A; padding: 16px; margin-top: 16px;}
.matches-finesse-fabric.is-visible{display: flex;}
.matches-finesse-fabric-img{flex: 0 0 88px; width: 88px; line-height: 0;}
.matches-finesse-fabric-img img{width: 100%; height: auto; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.matches-finesse-fabric-content{flex: 1; min-width: 0;}
.matches-finesse-fabric-title{font-size: 18px; line-height: 24px; font-weight: 700; color: #EEEEEF; margin: 0 0 8px;}
.matches-finesse-fabric-content p{margin: 0 0 8px; font-size: 14px; line-height: 20px; color: #EEEEEF; padding-bottom: 0;}
.matches-finesse-fabric-content a{font-size: 18px; line-height: 24px; color: #92D6E2; text-decoration: underline !important;}
.matches-finesse-fabric-content a:hover, .matches-finesse-fabric-content a:focus{color: #F3B17F; text-decoration: underline !important;}

@media (min-width : 2201px) {
.main-finesse-threads .hero-bg::after{background-size: cover;}
}

@media (min-width : 1681px) {
.finesse-fabric .feather-box.active .feather-1{top: 523px;}
.finesse-fabric .feather-box.active .feather-2{left: -134px; top: 180px;}
.finesse-fabric .feather-box.active .feather-3{top: 0; width: 411px;}
.finesse-fabric .feather-box.active .feather-4{top: 350px;}
.finesse-fabric .feather-box.active .feather-5{bottom: 0;}
.finesse-fabric .feather-box.active .feather-6{bottom: 180px;}
}

@media (min-width : 1420px) {
.finesse-fabric .feather-box{padding: 512px 0;}
.finesse-fabric .feather-bg{padding-bottom: 120px;}
}

@media (max-width : 2300px) {
.main-finesse-threads .hero-img img{padding-top: 1.2vw;}
}
@media (max-width : 2180px) {
.main-finesse-threads .hero-img img{padding-top: 2vw;}
}
@media (max-width : 2080px) {
.main-finesse-threads .hero-img img{padding-top: 3.5vw;}
}
@media (max-width : 1920px) {
.main-finesse-threads .hero-img img{padding-top: 0;}
}
@media (max-width : 1850px) {
.main-finesse-threads .hero-box{padding-top: 5vw;}
}

@media (max-width : 1820px) {
.thread-big-left-img{left: -14%;}
.thread-big-right-img{right: -14%;}
}

@media (max-width : 1680px) {
.feather-box.active .feather-1{left: -370px; top: 490px;}
.feather-box.active .feather-2{left: 0;}
.feather-box.active .feather-4{right: -370px; top: 450px;}
.feather-box.active .feather-5{left: 8px;}
.feather-box.active .feather-6{right: -80px; bottom: 124px;}
.thread-big-left-img{left: -12%; top: 100px; max-width: 600px; width: 100%;}
.thread-big-right-img{right: -12%; top: 100px; max-width: 600px; width: 100%;}
.finesse-fabric .thread-big-right-img{right: -4.4%;}
}

@media (max-width : 1650px) {
.main-finesse-threads .hero-box{padding-top: 3vw;}
}

@media (max-width : 1560px) {
.finesse-fabric .thread-big-right-img{right: -8%; top: 50px;}
.main-finesse-threads .hero-img{top: 1.5vw}
}

@media (max-width : 1460px) {
.main-finesse-threads .hero-img{top: 3vw}
}

@media (max-width : 1440px) {
.hero-box{padding: 7vw 0 18vw;}
.finesse-fabric .handle-finesse-bg{padding: 120px 0;}
.finesse-fabric .handle-finesse-child{margin-top: 100px;}
.handle-finesse-title{font-size: 100px; max-width: 1000px; margin: 0 auto;}
.handle-finesse-title span{font-size: 130px;}
.finesse-fabric .handle-finesse-2{max-width: 500px;}
.finesse-fabric .handle-left-child-arrow-2{right: -110px; top: 20px;}
}

@media (max-width : 1420px) {
.feather-bg{padding-bottom: 0;}
.feather-box{padding: 120px 0; display: flex; flex-wrap: wrap; max-width: 100%;}
.feather-box .pa{position: static; order: 2; width: 50% !important; padding: 12px;}
.feather-box .pa img{width: 100%;}
.feather-box .display-2{opacity: 1; margin: 0 auto 48px; order: 1;}
.slider-box{padding: 100px 0;}
.thread-full{margin: 140px auto 0;}

.finesse-fabric .thread-full{padding: 200px 0;}
.finesse-fabric .thread-big-right-img{max-width: 450px; width: 100%; right: -48px; top: 80px;}

.feature-grid{gap: 24px;}
.comparable-thread{padding: 140px 0;}
}

@media (max-width : 1390px) {
.main-finesse-threads .hero-box{padding-top: 28px;}
.main-finesse-threads .hero-img{top: 4.5vw}
}

@media (max-width : 1350px) {
.slider-right{max-width: 740px; width: 100%;}
.slider-right .owl-item{right: -200px;}
.slider-right .owl-item.active{left: -200px;}
.thread-bg{padding-bottom: 50px;}
.thred-color{max-width: 500px;}
.thread-big-right-img, .thread-big-left-img{top: 250px;}

.finesse-fabric .thred-color{max-width: 660px;}
.finesse-fabric .title-img{left: 350px;}
.finesse-fabric .thread-big-right-img{top: 140px;}
.finesse-fabric .handle-finesse-2{max-width: 400px;}
}

@media (max-width : 1280px) {
.finesse-fabric .handle-left-child-arrow-2{right: -50px; top: -30px;}
.finesse-finish,
.finesse-finish-track,
.finesse-finish-sticky{width: 100%; max-width: none;}
.finesse-finish-sticky{height: 100svh; min-height: 100vh; background: #2c3e3f;}
.finesse-finish-video{
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: contain;
	object-position: center center;
	background: #2c3e3f;
	transform: none;
}
.finesse-finish-scroll-btn{bottom: clamp(24px, 6vh, 64px);}
.finish-classic-title{font-size: 24px; line-height: 1.3;}
.finish-classic-finish .finish-classic-title{transform: translate(20%, -50%);}
.finish-classic-classic .finish-classic-title{transform: translate(20%, -50%)}
.main-finesse-threads .hero-img{top: 6vw}
}

@media (max-width : 1200px) {
.main-finesse-threads .hero-img{top: 8vw;}
}

@media (max-width : 1152px) {
.hero-img{left: -150px; right: -200px;}
.hero-box .display-2, .hero-box .btn-fine{margin-top: 32px;}
.handle-left-child-arrow-1, .handle-left-child-arrow-2, .handle-right-child-arrow-1, .handle-right-child-arrow-2{display: none;}
.slider-bg{padding: 80px 0;}
.slider-box{padding: 20px 0;}
.slider-box-child{display: block;}
.slider-left{padding-top: 0; margin: 0 auto; text-align: center;}
.slider-right{margin: 0 auto; padding-right: 0;}
.owl-carousel .owl-nav [class*=owl-]{position: static; margin: 0 8px !important;}
.slider-right .owl-item{right: -220px;}
.slider-right .owl-item.active{left: -220px;}
.slider-right .owl-carousel .owl-stage-outer{margin-left: -18px;}

.finesse-fabric .title-img{left: 250px;}
.finesse-fabric .thred-color{max-width: 500px;}

.finesse-fabric .handle-finesse-bg{padding: 60px 0;}
.finesse-fabric .handle-finesse-child{flex-direction: column; margin-top: 40px;}
.finesse-fabric .handle-finesse-1, .finesse-fabric .handle-finesse-3{max-width: 450px; width: 100%; margin: 0 auto; text-align: center !important;}
.finesse-fabric .handle-left-child-1, .finesse-fabric .handle-right-child-1{margin-top: 0;} 
.finesse-fabric .handle-left-child-2, .finesse-fabric .handle-right-child-2{margin-top: 40px; padding-top: 0;}
.finesse-fabric .handle-finesse-2{margin: 40px auto 16px; width: 100%;}
.handle-finesse-title{font-size: 70px; max-width: 650px;}
.handle-finesse-title span{font-size: 80px;}

.feature-grid{grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 48px;}
.feature-card{padding: 28px;}
.feature-card-icon img{width: 60px; height: 60px;}
.feature-card h4{font-size: 22px; line-height: 30px;}
.comparable-thread{padding: 100px 0;}
.comparable-thread-box h1.display-2{font-size: 40px; line-height: 48px;}
.comparable-thread-title{font-size: clamp(32px, 5.5vw, 56px); line-height: 1.3;}
}


@media (max-width : 1024px) {
.display-1{font-size: 60px; line-height: 68px;}
.display-2{font-size: 40px; line-height: 48px;}
h1{font-size: 40px; line-height: 48px;}

.video-box{height: 600px; margin-top: 40px;}
.main-finesse-threads .video-box{height: 680px; margin-top: 0;}
.handle-finesse-bg{padding: 16px 0 60px;}
.handle-finesse-box .display-1{margin-top: 16px;}
.handle-finesse-box h1{margin-top: 100px;}
.handle-finesse-2{display: flex; align-items: center; padding: 0 16px;}
.handle-left-child-1{padding-top: 0;}
.handle-left-child-2, .handle-right-child-2{margin-top: 40px;}
.finesse-box ul{margin-right: -24px; margin-left: -24px; overflow-y: auto;}
.finesse-box li{min-width: 360px; margin: 0 24px;}
.slider-bg{background-size: auto 80%;}

.finesse-fabric .thread-bg{padding-bottom: 0;}
.finesse-fabric .fabric-tagline .fabric-tagline-line:nth-child(2){padding-left: 36px;}
.finesse-fabric .fabric-tagline .fabric-tagline-line:nth-child(3){padding-left: 72px;}
}

@media (max-width : 991px) {
.thread-bg{padding-bottom: 200px;}
.thread-full, .thread-full:first-child, .main-finesse-threads .thread-full, .main-finesse-threads .thread-full:first-child{min-height: auto; margin-top: 80px;}
.thred-title{padding: 0; text-align: center;}
.thred-title .title-img, .title-right-img{position: static; margin-top: 8px;}
.thread-box{display: block; float: none;}
.thread-big-right-img, .thread-big-left-img{position: static; margin: 24px auto 0;}
.thred-color{margin: 32px auto 0; max-width: 600px;}
.thred-color .btn-fine{margin-top: 24px;}
.finesse-fabric .handle-finesse-box h1{margin-top: 40px;}

.finesse-finish-track{height: 400vh;}
.finish-classic-head{position: relative;}
.finish-classic-head span{position: absolute; top: -38px; left: 0;}
.finish-classic-finish .finish-classic-title{transform: translate(-20px, -50%);}
.finish-classic{margin-top: 0;}
.main-finesse-threads .hero-img{top: 10vw;}
}

@media (max-width : 900px) {
.main-finesse-threads .hero-img{top: 13vw;}
}

@media (max-width : 767px) {
.display-1{font-size: 48px; line-height: 56px;}
.display-2{font-size: 32px; line-height: 40px;}
h1{font-family: 'neulis_neueregular' !important; font-weight: 600; line-height: 36px;}

.hero-box{padding: 60px 0 140px;}
.hero-img{top: -60px; left: 0; right: 0;}
.hero-img img{object-fit: cover; height: 100%; opacity: 1; width: 100%;}
.video-bg::after{height: 120px;}
.video-box{height: 400px; margin-top: 40px;}
.main-finesse-threads .video-box{height: 500px;}
.image-video-crossover{margin: 32px auto; width: clamp(0px,100% - 60px, 1170px);}
.handle-finesse-box h1{margin-top: 24px;}
.handle-finesse-child{display: block;}
.handle-finesse-1, .handle-finesse-2, .handle-finesse-3{max-width: 450px; width: 100%; margin: 0 auto; text-align: center !important;}
.handle-left-child-2, .handle-right-child-2, .handle-finesse-child{margin-top: 24px;}
.handle-finesse-2{margin: 24px 0;}
.feather-box{padding: 0 0 60px 0;}
.feather-box .display-2{margin-bottom: 24px;}
.feather-box .pa{padding: 8px;}
.slider-bg, .finesse-fabric .slider-bg{background: none; margin: 0; padding: 60px 0;}
.star-quote{width: 32px; height: 25px; background-size: cover;}
.item-box .font-24{font-size: 20px; line-height: 28px;}
.slider-right .owl-carousel .owl-stage-outer{padding: 0; margin: 16px 0 0;}
.slider-right .owl-item{right: auto;}
.slider-right .owl-item .item{max-width: 440px; width: 100%; margin: 0 auto; padding: 16px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.slider-right .owl-item.active{left: auto;}
.slider-right .owl-item.active.center .item{margin: 0 auto;}
.item-box{padding: 24px;}
.quilt-finesse-bg{padding-bottom: 60px;}
.finesse-box h1{margin-bottom: 28px;}
.finesse-box ul{margin-right: 0; margin-left: 0;}
.finesse-box li{min-width: 100%; margin: 0;}

.finesse-fabric .thred-title .display-1{font-size: 36px; line-height: 44px;}
.finesse-fabric .fabric-tagline{display: block; text-align: center; width: 100%; line-height: 1.5;}
.finesse-fabric .fabric-tagline .fabric-tagline-line{padding-left: 0 !important;}
.finesse-fabric .handle-finesse-bg{padding-top: 40px;}
.handle-finesse-title{font-size: 40px; max-width: 400px;}
.handle-finesse-title span{font-size: 48px;}

.feature-grid{grid-template-columns: 1fr; gap: 16px; margin-top: 40px;}
.feature-card{padding: 24px;}
.feature-card-icon{margin-bottom: 16px;}
.feature-card-icon img{width: 40px; height: 40px;}
.feature-card h4{font-size: 20px; line-height: 28px; margin-bottom: 8px;}
.feature-card p{font-size: 16px; line-height: 24px;}
.comparable-thread{padding: 60px 0;}
.comparable-thread-box h1.display-2{font-size: 28px; line-height: 36px;}
.comparable-thread-title{font-size: clamp(28px, 8vw, 40px); line-height: 1.3; margin-top: 16px;}
.comparable-thread-title br{display: block;}
.main-finesse-threads .hero-btn-group{flex-direction: column;}
.main-finesse-threads .hero-btn-group .btn-fine{justify-content: center;}
.main-finesse-threads .hero-img{padding-top: 50px; top: 50%; transform: translate(-20px, -50%); right: -20px;}

.finish-classic{background-color: #59838A; background-image: linear-gradient(to bottom, #3B3C3F calc(50% + 1px), #59838A calc(50% + 1px)); background-size: 100% 100%;}
.finish-classic::before{height: 72px; background-size: cover;}
.finish-classic .wrap{padding-left: 16px; padding-right: 16px;}
.finish-classic-box{display: flex; flex-direction: column; align-items: stretch; padding: 84px 0 48px; min-height: 0;}
.finish-classic-col{width: 100%; padding: 0;}
.finish-classic-finish{order: 1; padding: 0;}
.finish-classic-img-wrapper{display: block; order: 2; width: calc(100% + 32px); margin: 0 -16px; background: linear-gradient(to bottom, #3B3C3F calc(50% + 1px), #59838A calc(50% + 1px)); line-height: 0;}
.finish-classic-img-wrapper img{width: 100%; max-width: 450px; height: auto; display: block; margin: 0 auto;}
.finish-classic-classic{order: 3; padding: 0;}
.finish-classic-img{display: none;}
.finish-classic-finish .finish-classic-img-group, .finish-classic-classic .finish-classic-img-group{margin: 0 0 20px; width: 100%;}
.finish-classic-finish .finish-classic-content, .finish-classic-classic .finish-classic-content{align-items: center; text-align: center;}
.finish-classic-finish .finish-classic-head, .finish-classic-classic .finish-classic-head{justify-content: center; position: static; margin-bottom: 16px; flex-wrap: wrap; gap: 10px;}
.finish-classic-head span{position: static; top: auto; left: auto;}
.finish-classic-head h1{font-size: 26px; line-height: 32px;}
.finish-classic-badge{font-size: 14px; line-height: 18px; padding: 4px 8px;}
.finish-classic-title{position: static !important; left: auto !important; right: auto !important; transform: none !important; width: 100%; margin: 0 auto 20px; font-size: clamp(22px, 7vw, 32px); line-height: 1.4; text-align: center;}
.finish-classic-classic .finish-classic-title{color: #92D6E2;}
.finish-classic-list{max-width: 280px; margin: 0 auto 24px; text-align: center;}
.finish-classic-list li{font-size: 15px; line-height: 22px; margin-bottom: 12px;}
.finish-classic .btn-fine{justify-content: center;}
.finish-classic .finish-classic-img-group.animationChild,
.finish-classic .finish-classic-img-group.animationChild.visible{
	opacity: 1;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}
.finish-classic .finish-classic-img-wrapper .animationChild{
	-moz-transform: translateY(48px);
	-webkit-transform: translateY(48px);
	transform: translateY(48px);
}
.finish-classic .finish-classic-img-wrapper .animationChild.visible{
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.finesse-finish-track{height: 360vh;}
.finesse-finish-sticky{height: 100svh; min-height: 100svh;}
.finesse-finish-scroll-btn{bottom: clamp(20px, 5vh, 48px); font-size: 12px; padding: 8px 16px; letter-spacing: 0;}
.matches-finesse-fabric{max-width: 100%; margin-left: auto; margin-right: auto;}
}

@media (max-width : 650px) {
.thred-color > .d-flex.align-items-center{
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}
.thred-color > .d-flex.align-items-center .ml-2{margin-left: 0 !important;}
.thred-color > .d-flex.align-items-center .font-24{font-size: 20px; line-height: 28px;}
}

@media (max-width : 605px) {
.comparable-thread-title br{display: none;}
}

@media (max-width : 505px) {
.thred-color-img li{width: 14.28%;}
.thred-color-img li a{display: inline-block;}
}

@media (max-width : 450px) {
.thred-color-img li{width: 16.66%;}
}

@media (max-width : 380px) {
.thred-color-img li{width: 20%;}
}
@media (max-width : 340px) {
.thred-color-img li{width: 25%;}
}