@font-face{font-family:Assistant;src:url(fonts/Assistant-Bold.woff) format("woff");font-display:swap;font-weight:700}
@font-face{font-family:Assistant;src:url(fonts/Assistant-Light.woff) format("woff");font-display:swap;font-weight:300}
@font-face{font-family:Assistant;src:url(fonts/Assistant-Medium.woff) format("woff");font-display:swap;font-weight:500}
@font-face{font-family:Assistant;src:url(fonts/Assistant-Regular.woff) format("woff");font-display:swap;font-weight:400}
body,html{margin:0;padding:0;top:0;font-family:Assistant,sans-serif;width:100%;height:100%;font-size:calc(1vw + .8px);font-weight:400;direction:rtl}
*{box-sizing:border-box;scroll-behavior:smooth}
img{max-width:100%;display:block}
.desktop{display:block}
.mobile{display:none}
.hide{display:none!important}
.notice{font-size:.8rem}
body{background:#fff;color:#000;overflow-x:hidden;width:100%;height:100%}
header{background:url(../images/mask.webp) no-repeat;margin:2rem 0;padding:0 2rem;background-size:contain;height:25.5rem}
.vheader .right,header .right{display:flex;flex-direction:column;height:100%}
.vheader .right{padding:7rem 5rem 0 0}
.header{display:flex;background:url(../images/hero.webp) no-repeat;color:#fff;position:relative;background-size:cover}
.vheader{display:flex;background:url(../images/vhero.webp) no-repeat #000;color:#fff;position:relative;background-size:46.25rem;margin:0;height:26rem}
.header .left{height:31rem;width:100%;position:relative}
.header .left::after,header .left:after{content:'';display:block;width:110%;height:1rem;position:absolute;left:0;bottom:4.35rem;background:#000}
.vheader .left::after{content:'';display:block;width:110%;height:1rem;position:absolute;left:0;bottom:4rem;background:#fff}
.header .right{flex:0 0 52.5em;padding:3rem 1rem 0 0;flex-direction:column;display:flex}
header,main{width:100%;position:relative}
.header .left .logo,.vheader .left .logo,header .left .logo{position:absolute;left:.5rem;bottom:3.55rem;height:3.75rem;z-index:2}
.header .left .logo,.vheader .left .logo{bottom:3.2rem}
.header .left .logo img,.vheader .left .logo img,header .left .logo img{width:9.65rem}
.vheader .left .logo img{filter:invert(1)}
.h1,h1{font-size:2.5rem;line-height:1;margin:1rem 0 0;line-height:.8;font-weight:700;text-transform:uppercase}
.h1~.sub,h1~.sub{font-size:1.5rem;margin:1.5rem 0;font-weight:700;display:block}
.h1~.sub{line-height:1}
.vheader h1{margin-top:0}
.vheader h1~.sub{margin-top:.5rem}
.vheader h1~.sub p{font-weight:400;margin:1.5rem 0 0 0}
header .pop{color:#fff;background:#000;padding:.625rem;text-decoration:none;display:inline-block;font-weight:700;width:12.5rem;text-align:center;font-size:1.5rem;line-height:1}
.vheader .pop{color:#000;background:#fff;padding:.625rem;text-decoration:none;display:inline-block;font-weight:700;width:12.5rem;text-align:center;font-size:1.5rem;line-height:1}
header .pop svg{height:.875rem;margin-right:.25rem}
.vheader .pop svg{height:.875rem;margin-right:.25rem;filter:invert(1)}
.header .notice,.vheader .notice,header .notice{font-size:.8rem;margin:auto 0 1rem}
.vheader .prods{position:absolute;bottom:0;left:20.5rem;z-index:2;width:25rem}
.vvideo iframe{display:block;height:45rem;width:100%}
.vresults{margin:0;justify-content:space-between;height:42.5rem}
.vresults .left{flex:0 0 42.5rem}
.vresults .right{flex:0 0 47.5rem;font-size:1.5rem;height:100%}
.vresults .box{position:relative;flex:0 0 50%;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}
.vresults .box .caption{text-align:center;margin-top:1rem}
.vresults .box .a,.vresults .box .b,.vresults .box .caption{font-weight:700;font-size:1rem}
.vresults .box img{width:21.3rem;height:auto;margin:auto;margin-bottom:0}
.vresults .box.prods2 img{width:17.5rem;height:auto}
.vresults .box .a,.vresults .box .b{position:absolute}
.vresults .box .b{top:1rem;right:5rem}
.vresults .box .a{top:1rem;left:4rem}
.vresults .left .b2 .a,.vresults .left .b4 .a{left:6rem}
.vresults .right{background:#f8f7f7;padding-right:5rem;display:flex;flex-direction:column;justify-content:center}
.vresults h2{flex:0 0 auto}
.vresults .left .row{display:flex;flex-wrap:wrap}
.vresults .sub{font-weight:700}
.vresults .text{margin:2rem 0}
.vtech{margin:0}
.vtech .right img{width: 47.5rem;}
.vtech .cont{position:absolute;right:0;top:0;width:100%;height:100%;z-index:3;color:#fff;display:flex;padding-right:12rem;justify-content:center;flex-direction:column;font-size:1.5rem;font-weight:700}
.vtech .flach{background:#fff;color:#000;line-height:1;padding:.5rem;margin-bottom:.5rem;width:fit-content;margin-top:15rem}
.vtech .left{font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;flex:0 0 41.5rem;margin-right:2rem}
.vtech h2{flex:0 0 auto}
.vtech .right{position:relative}
.vtech .right h2{font-size:4rem}
.vtech .notice{font-size:.8rem;margin:auto 0 2rem;font-weight:400}
.vserum{font-size:1.5rem}
.vserum .sub{font-weight:700;margin-bottom:1rem}
#vproducts{margin:0;position:relative;padding:2rem 4rem}
#arproducts{position:relative;padding:2rem 4rem}
#arproducts .prods .prod .img{margin:0 auto .5rem;position:relative}
#arproducts .prods .prod .img > img{height: 22rem;}
#arproducts .prods .prod .img a{position:absolute;left:3rem;bottom:-2rem}
#vproducts h2,#arproducts h2{text-align:center}
#arproducts h2 ~ .sub{text-align: center;font-size: 1.5rem;font-weight: bold;flex:0 0 100%;}
#vproducts .prods{align-items:baseline;justify-content:space-between}
#vproducts .prods .prod .img{margin:0 auto .5rem;width:9.5rem;position:relative}
.prod .img a img{width: 1.1rem;}
#vproducts .prods .prod.pv1 .img a{position:absolute;left:-2rem;bottom:0}
#vproducts .prods .prod.pv2 .img a{position:absolute;left:-.5rem;bottom:0}
#vproducts .prods .prod.pv3 .img a{position:absolute;left:-2.5rem;bottom:0}
#vproducts .prods .prod.pv4 .img a{position:absolute;left:-2rem;bottom:0}
#vproducts .prods .prod{margin:0 1rem}
.prod .stamp{position:absolute;font-size:1rem;font-weight:700;text-align:center;width:6.3rem;height:6.3rem;border-radius:50%;border:.2rem dashed;display:flex;align-items:center;justify-content:center;background:#fff;right:-3rem;top:11rem;z-index:2}
#vproducts .prods .prod .title{font-weight:400}
#vproducts .prods .prod .title b{display:block}
#splider,#vproducts,.vheader,.vresults,.vserum,.vtech,.vvideo{border-bottom:0}
#splider{background:#f1eeee;margin:2rem 0;padding:2rem 0;overflow:hidden}
#splider .splide{overflow:hidden}
#splider .splide__arrow{position:relative;top:auto;transform:none;right:auto;left:auto;background:0 0;height:auto}
#splider .splide{overflow:hidden}
#splider .splide__arrow img{height:2.2rem}
#splider .splide__arrow--next{transform:scaleX(-1)}
#splider .splide__arrows{display:flex;justify-content:space-between;width:90%;margin:0 auto 2rem}
#splider .splide__pagination{top:0;bottom:auto;transform:translateX(50%);right:50%;left:auto;display:block}
.splide__slide{position:relative;background:#fff}
.splide__pagination__page.is-active{transform:none;background:#000}
.splide__pagination__page{border:.1rem solid #000;background:0 0;width:1.25rem;height:1.25rem;opacity:1;margin:0 .4rem}
.ba-slide .caption,.ba-slide .prods{position:absolute;font-size:1.8rem;font-weight:700}
.ba-slide .a{top:1rem;right:5rem}
.ba-slide .b{top:1rem;left:4rem}
.ba-slide .prods{bottom:.9rem;right:2.5rem;width:6.35rem}
.ba-slide .img,.routine-slide .img,.stages-slide .img{margin-top:auto}
.routine-slide .img img{margin-right:auto}
.routine-slide,.stages-slide{display:flex;flex-direction:column}
.results-slide .caption,.routine-slide .caption,.stages-slide .caption,.stages-slide .step{position:absolute}
.results-slide .caption,.routine-slide .caption,.stages-slide .caption{top:1rem;right:1rem;font-weight:700;font-size:1.8rem}
.routine-slide .text{font-size:1.05rem;margin-top:3rem;font-weight:400}
.stages-slide .step{height:3rem;font-size:1.05rem;display:flex}
.stages-slide .step .num{font-weight:700;font-size:1.8rem;border-left:.05rem solid;margin-top:0;line-height:.6;margin-left:.25rem;padding-left:.25rem}
.stages-slide .step.s1{top:5rem;right:3rem}
.stages-slide .step.s2{top:14.5rem;left:11.5rem}
.stages-slide .step.s3{top:11rem;left:2rem}
.results-slide .caption{height:90%;display:flex;flex-direction:column}
.results-slide .caption .text{font-size:1.075rem;margin-top:4.85rem}
.results-slide .caption .notice{font-size:.5rem;font-weight:400;margin-top:auto}
.pvpop{font-size:1rem;text-align:right;top:100%;height:0;width:100%;position:fixed;overflow:hidden;z-index:99999;background:rgba(0,0,0,.5)}
.pvpop .pvpop-inner{right:50%;bottom:-100%;transform:translateX(50%);background:#fff;transition:bottom 1s}
.pvpop.show .pvpop-inner{padding:1rem;width:33.5rem;right:50%;bottom:50%;transform:translate(50%,50%);padding:1rem;position:absolute}
.pvpop.show{height:100%;top:0;right:0}
.pvpop .pvpop-title{font-weight:700}
section{margin:2rem 4rem;display:flex;flex-wrap:wrap;border-bottom:.075rem solid rgba(0,0,0,.5)}
section h2{font-size:2.5rem;margin:0 0 .25rem;flex:0 0 100%;line-height:1}
#loreal .right{flex:0 0 42.75%}
#loreal .left{flex:0 0 57.25%}
#damage .text,#loreal .text{font-size:1.5rem}
.sb{direction:ltr;background:#000;color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;padding:.5rem;width:fit-content;line-height:1}
#damage .right{flex:0 0 43rem}
#damage iframe{width:40rem;height:22.5rem;margin-bottom:2rem}
#damage .sb{margin-bottom:2rem}
#products,#vproducts{padding-bottom:4rem}
#products h2{display:flex;align-items:center;justify-content:center}
#products h2 .sb{margin-right:.5rem}
.prods{display:flex;justify-content:center;text-align:center;width:100%}
.prod{margin:0 3rem}
.prod .title{font-weight:700}
#locator .pop,.prod .btn a{color:#fff;background:#000;padding:.625rem;text-decoration:none;display:inline-block;font-weight:700;min-width:12.5rem;text-align:center;line-height:1;font-size:1.5rem}
#locator .pop svg,.prod .btn a svg{height:.875rem;margin-right:.25rem}
.prod .btn{margin-top:.5rem}
#hair{color:#fff;background:url(../images/hair.webp) no-repeat;background-size:cover;height:33rem;padding:2rem 1rem;position:relative;border-bottom:0}
#hair .right{width:50rem;display:flex;flex-direction:column}
#hair h2{flex:0 0 auto}
#hair .text{font-size:1.5rem}
#hair .notice{margin-top:auto;font-size:.8rem}
.caption span{position:absolute;font-size:1.25rem;font-weight:700}
.cap1{top:10rem;left:10rem}
.cap2{bottom:6rem;left:6rem}
.cap2::before{content:'';display:block;width:.075rem;height:4rem;background:#fff;position:relative;right:3rem}
#video{margin-bottom:2rem}
#video iframe{display:block;height:45rem;width:100%}
#routine{justify-content:space-between}
#routine .sb{margin-bottom:2.5rem}
#routine h2{margin-bottom:4rem}
#routine .right .steps{display:flex;align-items:end;text-align:center}
#routine .step{font-size:1.5rem;margin-left:3rem;line-height:1}
#routine .step img{margin:auto}
.step .title{font-weight:700;margin-bottom:1rem}
.step .num{margin-top:.75rem}
#routine .right{flex:0 0 50%}
#routine .left{position:relative;flex:0 0 34%}
#routine .left span{position:absolute;font-weight:700;font-size:1.75rem;top:14rem}
#routine .left .a{right:3rem}
#routine .left .b{left:2rem}
#restore h2 span{display:block;margin-bottom:1rem}
#restore h2{font-weight:400}
#restore .notice{font-size:.8rem}
#locator .desc{font-size:.8rem;font-weight:700;display:block;text-align:left}
#locator{justify-content:space-between;padding-bottom:4rem}
#locator .pop{font-size:1.5rem}
#locator h2,#restore h2{margin:2rem 0}
#restore .right{flex:0 0 53.5%}
#restore .left{flex:0 0 46.5%}
#locator .pop svg{height:.875rem}
#locator .left{width:35rem;padding-left:5rem}
#locator .left svg{margin:.25rem auto .25rem 2.5rem;display:block}
#products .img{position: relative;}
#products .img a{position:absolute;bottom:-2rem;left:2rem;}
#products .pvc3 .img a{left:3rem;}

.pop-wrap{display:none}
.popshow .pop-wrap{display:block;position:fixed;right:0;left:0;top:0;bottom:0;z-index:9999999999999;background:rgba(0,0,0,.5)}
.popup{position:absolute;right:50%;bottom:50%;transform:translate(50%,50%);background:#fff;width:33.5rem;padding:1rem}
.close{color:#000;font-size:2rem;text-decoration:none}
.collapsible a{text-decoration:none}
.collapsible img{width:17.5em}
.collapsible .main a{position:relative;display:block}
.collapsible .main h3{font-size:1.25em;margin:.5em 0;font-weight:700}
.collapsible .footer{max-height:auto;overflow:hidden;transition:max-height .2s ease-out}
.collapsible.collapsed .footer{max-height:0;padding:0;overflow:hidden}
.collapsible .footer{padding:.5em 0;overflow:auto}
.collapsible .footer div{margin-bottom:.5em}
.collapsible .footer div a{display:flex}
.search .main a{display:block;color:#fff;background:#000;font-size:1.5rem;text-align:center;font-weight:700;line-height:1;padding:.5rem 1rem;border:.1rem solid}
.purchase .main a{display:block;color:#000;background:#fff;font-size:1.5rem;text-align:center;font-weight:700;border:.1rem solid;line-height:1;padding:.5rem 1rem}
.purchase .footer{display:flex;justify-content:space-between}
.purchase .footer a{display:block;background:#000;color:#fff;font-size:.9rem;font-weight:700;padding:.5rem .25rem;text-align:center;height:100%;justify-content:center;align-items:center;line-height:1}
.purchase .footer a img{margin-left:.5rem;width:1.2rem}
.purchase .footer div{flex:0 0 24%}
.search h4{font-weight:400;font-size:2rem;text-align:center;line-height:1;margin:0 0 1.5rem}
.search .footer{background:#d7d7d7;padding:1rem;overflow:visible}
.search input[type=text]{display:block;padding:.575rem 2rem;width:100%;background:url(../images/s.svg) no-repeat #fff;background-size:1rem;background-position:98% center;font-size:1rem}
.search .sbox{margin-top:.5rem;position:relative}
.ui-widget.ui-widget-content{z-index:999999999999999}
.ui-menu.red .ui-menu-item-wrapper{color:red!important}
label:not(.cb_text){position:absolute;right:2rem;bottom:50%;transform:translateY(50%);font-weight:400}
label.top{bottom:80%;font-size:.8rem;font-weight:700}
.results{max-height:10rem;overflow:auto}
.collapsible .footer div.store{background:#fff;margin-bottom:1rem;padding:.75rem 1rem}
.store h5{margin:0;font-size:1rem}
.store a,.store address{padding-right:1.5rem}
.store address{background:url(../images/address.svg) no-repeat;background-position:100% center;font-style:normal;margin:.5rem 0;background-size:1rem}
.store a{background:url(../images/phone.svg) no-repeat;background-position:100% center;color:#000;background-size:1rem}
.results::-webkit-scrollbar{width:.3vw}
.results::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.7)}
.results::-webkit-scrollbar-thumb{background-color:#000}
.legal{text-align:center}
.legal a{margin:.5rem;color:#000;font-family:sans-serif;text-decoration:none}
#ot-sdk-btn.optanon-show-settings,#ot-sdk-btn.ot-sdk-show-settings{color:#000!important;border:unset!important;height:auto;white-space:normal;word-wrap:break-word;padding:unset!important;font-size:calc(1vw + .8px)!important;line-height:1.2;cursor:pointer;-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important;color:#000;font-family:sans-serif;background:0 0!important;direction:rtl!important}