:root{--title_color:#161616;--theme_color:#d70c25}*{margin:0;padding:0;box-sizing:border-box}body>section{position:relative}ul{list-style:none}.product_nav ul{display:flex;background-color:rgb(121,128,132);gap:5px;overflow:auto}@media screen and (max-width:768px){.product_nav ul{overflow:auto;padding:0 1.2rem;gap:.8rem}}.product_nav ul li{padding:0 12px}.product_nav ul li:first-child{margin-left:auto}@media screen and (max-width:768px){.product_nav ul li{padding:0}}a{color:var(--title_color);text-decoration:none;font-size:1rem}.product_nav ul li.active a{border-bottom:5px solid var(--theme_color)}.product_nav ul li a{font-size:20px;color:rgb(255,255,255);font-weight:600;display:block;text-align:center;padding:26px .5rem;border-bottom:5px solid transparent;transition:all 0.3s ease 0s;text-wrap:nowrap}.product_nav ul li a:hover{border-bottom:5px solid var(--theme_color)}@media screen and (max-width:768px){.product_nav ul li.active a{border-bottom:3px solid var(--theme_color)}}@media screen and (max-width:768px){.product_nav ul li a{font-size:15px;padding:.8rem 0;border-bottom:3px solid transparent}}@media screen and (max-width:768px){.product_nav ul li a:hover{border-bottom:3px solid var(--theme_color)}}.product_nav ul li:last-child{margin-right:auto}button,input,textarea{outline:none;border:none;font-family:unset}input[type="submit"],button{cursor:pointer}.sytech_export_template{display:none}.product_video{padding-top:165px;padding-bottom:101px}@media screen and (max-width:768px){.product_video{padding:3.5rem 0 3rem}}.content{max-width:1440px;margin:0 auto;position:relative}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}.center{text-align:center}.head h2{font-size:44px;line-height:55px;font-weight:500}.fadeInUp{animation-name:fadeInUp}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5}}.product_video .head .desc{font-size:17px;font-weight:400;color:rgb(61,61,61);line-height:26px;max-width:999px;margin:21px auto 0}@media screen and (max-width:768px){.product_video .head .desc{margin-top:.5rem}}@media screen and (max-width:768px){.head p{font-size:.9rem;line-height:1.5rem}}.video2{position:relative;cursor:pointer}.product_video .video2{max-width:1194px;width:100%;border-radius:16px;overflow:hidden;aspect-ratio:1194 / 678;margin:75px auto 0}.product_video .video2 i.notshow{opacity:0}@media screen and (max-width:768px){.product_video .video2{margin-top:2rem;aspect-ratio:2 / 1.2;border-radius:8px}}.product_video .video2 img{width:100%;display:block;height:100%;object-fit:cover}i{font-style:normal}.product_video .video2 i{display:block;width:76px;height:76px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.3s ease 0s;background:url(https://synogalbeauty.com//wp-content/plugins/sytech-fronteditor/sytpl/product-hair_2/assets/img/play.svg) center center / contain no-repeat}.product_video .video2 i:hover{transform:translate(-50%,-50%) scale(1.05)}@media screen and (max-width:768px){.product_video .video2 i{width:45px;height:45px}}.product_video .video2 input{position:absolute;left:1rem;top:1rem;z-index:2;display:none}.toplevel_page_sytech_fronteditor .product_video .video2 input{display:block}:root{--theme_color:#d70c25}.senseless,.senseless-reverse{padding-top:167px;padding-bottom:100px}.senseless-reverse{padding-top:42px}@media screen and (max-width:768px){.senseless,.senseless-reverse{padding:3.5rem 0 3rem}}@media screen and (max-width:768px){.senseless-reverse{padding:3rem 0}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}.flex{display:flex}.between{justify-content:space-between}.flex_middle{align-items:center}.gap{gap:1.25rem}.senseless-reverse .flex{flex-direction:row-reverse}@media screen and (max-width:768px){.senseless .flex,.senseless-reverse .flex{flex-direction:column-reverse;gap:2rem}}.senseless .left,.senseless-reverse .left{flex:1 1 0%;max-width:610px;padding-top:1.2%}.senseless-reverse .left{max-width:610px}.senseless .left .head h2,.senseless-reverse .left .head h2{font-size:36px;font-weight:500;padding-bottom:27px;position:relative}.senseless .left .head h2::after,.senseless-reverse .left .head h2::after{content:"";display:block;width:78px;border-top:1px solid var(--theme_color);position:absolute;left:0;bottom:0}.fadeIn{animation-name:fadeIn}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5}}@media screen and (max-width:768px){.senseless .left .head h2,.senseless-reverse .left .head h2{font-size:22px;line-height:1.5;padding-bottom:.6rem}}.senseless .left .head .desc,.senseless-reverse .left .head .desc{font-size:17px;font-weight:400;line-height:26px;color:rgb(61,61,61);margin-top:35px;max-width:576px}@media screen and (max-width:768px){.senseless .left .head .desc,.senseless-reverse .left .head .desc{margin-top:.5rem}}@media screen and (max-width:768px){.head p{font-size:.9rem;line-height:1.5rem}}.senseless .right,.senseless-reverse .right{max-width:52.0833%}@media screen and (max-width:768px){.senseless .right,.senseless-reverse .right{max-width:100%}}.senseless .right .img,.senseless-reverse .right .img{width:100%;aspect-ratio:750 / 480;border-radius:26px;overflow:hidden}@media screen and (max-width:768px){.senseless .right .img,.senseless-reverse .right .img{border-radius:8px;aspect-ratio:2 / 1.2}}.senseless .right .img:hover img,.senseless-reverse .right .img:hover img{transform:scale(1.03)}.senseless .right .img img,.senseless-reverse .right .img img{width:100%;height:100%;display:block;object-fit:cover;transition:all 0.5s ease 0s}@media screen and (max-width:768px){.senseless,.senseless-reverse{padding:3.5rem 0 3rem}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}@media screen and (max-width:768px){.senseless .flex,.senseless-reverse .flex{flex-direction:column-reverse;gap:2rem}}.fadeInLeft{animation-name:fadeInLeft}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5}}@media screen and (max-width:768px){.senseless .left .head h2,.senseless-reverse .left .head h2{font-size:22px;line-height:1.5;padding-bottom:.6rem}}@media screen and (max-width:768px){.senseless .left .head .desc,.senseless-reverse .left .head .desc{margin-top:.5rem}}@media screen and (max-width:768px){.head p{font-size:.9rem;line-height:1.5rem}}@media screen and (max-width:768px){.senseless .right,.senseless-reverse .right{max-width:100%}}@media screen and (max-width:768px){.senseless .right .img,.senseless-reverse .right .img{border-radius:8px;aspect-ratio:2 / 1.2}}@media screen and (max-width:768px){.senseless,.senseless-reverse{padding:3.5rem 0 3rem}}@media screen and (max-width:768px){.senseless-reverse{padding:3rem 0}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}@media screen and (max-width:768px){.senseless .flex,.senseless-reverse .flex{flex-direction:column-reverse;gap:2rem}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5}}@media screen and (max-width:768px){.senseless .left .head h2,.senseless-reverse .left .head h2{font-size:22px;line-height:1.5;padding-bottom:.6rem}}@media screen and (max-width:768px){.senseless .left .head .desc,.senseless-reverse .left .head .desc{margin-top:.5rem}}@media screen and (max-width:768px){.head p{font-size:.9rem;line-height:1.5rem}}@media screen and (max-width:768px){.senseless .right,.senseless-reverse .right{max-width:100%}}@media screen and (max-width:768px){.senseless .right .img,.senseless-reverse .right .img{border-radius:8px;aspect-ratio:2 / 1.2}}.powerful{padding-top:66px;padding-bottom:80px}@media screen and (max-width:768px){.powerful{padding:3rem 0}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}.powerful .head h2{font-size:44px;font-weight:500;color:rgb(22,22,22)}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5}}@media screen and (max-width:768px){.powerful .head h2{font-size:22px;line-height:1.5}}.powerful .list{margin-top:47px}@media screen and (max-width:768px){.powerful .list{margin-top:2rem}}.powerful .list ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3.68056%}@media screen and (max-width:768px){.powerful .list ul{display:flex;overflow:auto}}@media screen and (max-width:768px){.powerful .list ul li{min-width:260px}}.powerful .list li a{display:flex;width:100%;height:100%;padding:59px 5.6971%;gap:6.27273%;border:2px solid transparent;border-radius:19px;position:relative;transition:all 0.3s ease 0s}.powerful .list li a::after{content:"";display:block;width:100%;position:absolute;left:0;bottom:0;border-top:1px solid rgb(230,230,230);transition:all 0.3s ease 0s}.powerful .list li.active a{border:2px solid var(--theme_color)}.powerful .list li.active a::after{opacity:0}@media screen and (max-width:768px){.powerful .list ul a{padding:1.6rem 1rem;border-radius:8px;flex-direction:column;gap:.9rem;border:1px solid rgb(204,204,204)}}@media screen and (max-width:768px){.powerful .list ul a::after{display:none}}.powerful .list li i{display:block;width:76px;height:68px;flex-shrink:0;background:center center / contain no-repeat}@media screen and (max-width:768px){.powerful .list ul i{width:45px;height:45px}}@media screen and (max-width:768px){.powerful .list ul .info{flex:1 1 0%;display:flex;flex-direction:column}}.powerful .list strong{font-size:28px;font-weight:500;line-height:31px}@media screen and (max-width:768px){.powerful .list ul .info strong{font-size:18px;line-height:1.5}}.powerful .list p{font-size:17px;font-weight:400;color:rgb(61,61,61);line-height:26px;margin-top:20px}@media screen and (max-width:768px){.powerful .list ul .info p{font-size:14px;line-height:1.5;margin-top:.5rem;flex:41 1 0%}}.powerful .list li span{font-size:18px;font-weight:500;color:var(--theme_color);display:flex;align-items:center;margin-top:38px;width:fit-content}.powerful .list li span:hover::after{transform:translateX(5px)}.powerful .list li span::after{content:"";display:block;width:12px;height:10px;transition:all 0.3s ease 0s;margin-left:8px;background:url(https://synogalbeauty.com//wp-content/plugins/sytech-fronteditor/sytpl/prodcut-body_3/assets/img/jiantou-red.svg)}@media screen and (max-width:768px){.powerful .list ul .info span{font-size:14px;margin-top:.87rem}}.powerful .list li:nth-last-child(-n+2) a::after{display:none}:root{--theme_color:#d70c25;--title_color:#161616}.works{padding-top:90px;padding-bottom:200px}@media screen and (max-width:768px){.works{padding:3rem 0 4rem}}@media screen and (min-width:768px) and (max-width:1440px){.content{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}@media screen and (max-width:768px){.works .flex{flex-direction:column-reverse;gap:2rem}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5}}.works .intro{flex:1 1 0%;max-width:568px;position:relative;z-index:2;margin-top:93px}.works .intro::before{content:"";display:block;width:2px;height:100%;background-color:rgb(229,229,229);z-index:-1;position:absolute;left:1px;top:0}@media screen and (max-width:768px){.works .intro{margin-top:1rem}}.works .intro .item{padding-left:6.1%;position:relative;margin-bottom:0;transition:all 0.3s ease 0s}.works .intro .item::before{content:"";display:block;width:4px;height:100%;border-radius:100px;background-color:var(--theme_color);position:absolute;left:0;top:0;transition:all 0.3s ease 0s;opacity:0}.works .intro .item.active{margin-bottom:20px}.works .intro .item.active::before{opacity:1}@media screen and (max-width:768px){.works .intro .item{padding-left:20px;margin-bottom:.5rem}}.works .intro .item h3{color:rgba(22,22,22,.5);font-size:24px;font-weight:500;line-height:47px;transition:all 0.3s ease 0s;cursor:pointer}.works .intro .item.active h3{font-size:36px;font-weight:600;color:var(--title_color)}@media screen and (max-width:768px){.works .intro .item h3{font-size:18px;line-height:1.5}}@media screen and (max-width:768px){.works .intro .item.active h3{font-size:18px}}.works .intro .item p{color:rgb(61,61,61);font-size:17px;line-height:26px;display:none;padding-top:11px}.works .intro .item:first-child p{display:block}@media screen and (max-width:768px){.works .intro .item p{font-size:14px;line-height:1.6;padding-top:.5rem}}.works .intro .item:last-child{margin-bottom:0}.works .imgs{width:52.1528%;position:relative;padding-top:25px}@media screen and (max-width:768px){.works .imgs{width:100%}}.works .imgs .syeditorlist{padding-bottom:78.6951%;position:relative}@media screen and (min-width:768px) and (max-width:1220px){.works .imgs .syeditorlist{top:50%;transform:translateY(-50%)}}.works .imgs .img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;border-radius:26px;transition:all 0.3s ease 0s;opacity:0;pointer-events:none}.works .imgs .img.active{opacity:1;pointer-events:all;z-index:2}@media screen and (max-width:768px){.works .imgs .img{border-radius:8px}}.works .imgs .img img{width:100%;height:100%;object-fit:cover;vertical-align:top;transition:all 0.5s ease 0s}.works .imgs .img:hover img{transform:scale(1.03)}