body{overflow-x:hidden}.colors-wrapper{position:relative}@media (max-width:680px){.colors-wrapper{margin-top:40px;margin-top:0}}.colors-wrapper .favorite:after{content:"";background:url(../images/colour-tool/heart.svg) no-repeat;background-size:100%;position:absolute;width:17px;height:17px;top:15px;right:15px}@media (max-width:750px){.colors-wrapper .favorite:after{width:15px;height:15px;top:10px;right:10px}}@media (max-width:480px){.colors-wrapper .favorite:after{width:12px;height:12px;top:10px;right:10px}}.colors-wrapper .color-image{position:absolute;left:0;top:0;bottom:0;right:0}.colors-wrapper h2.colors-name{text-align:center;font-size:2.4rem;font-weight:700;font-family:Roboto,Georgia,Times,Times New Roman,serif;margin:0 0 20px;line-height:1em}@media (max-width:680px){.colors-wrapper h2.colors-name{font-size:2rem;padding-left:2rem;padding-right:2rem}}@media (max-width:480px){.colors-wrapper h2.colors-name{font-size:1.8rem}}.colors-wrapper .colors-overlay{position:absolute;background:hsla(0,0%,91%,.75) url(../images/colour-tool/loading.gif) no-repeat 50%;height:0;width:0;z-index:3;left:-20px;top:-20px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.colors-wrapper .loading .colors-overlay{opacity:1;height:calc(100% + 60px);width:calc(100% + 40px);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}@media (max-width:750px){.colors-wrapper .loading .colors-overlay{height:calc(100% + 50px)}}.colors-wrapper .loading .colors-color-wrapper{-webkit-filter:blur(2px);filter:blur(2px)}.colors-favorites{text-align:right;padding:0 0 20px;font-size:1.25em;position:absolute;right:0;top:-40px}@media (max-width:1025px){.colors-favorites{right:10px}}@media (max-width:680px){.colors-favorites{top:-30px;right:20px;display:none}}.colors-favorites a{padding:0 0 0 30px;background:url(../images/colour-tool/heart-empty.svg) no-repeat 0}.colors-favorites a,.colors-favorites a:hover{text-decoration:none}.colors-favorites.active a{font-weight:700}.colors-header{background:url(../images/colour-tool/header.jpg) no-repeat 50%;min-height:375px;margin:0 0 50px;padding:0 3.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:cover}@media (max-width:769px){.colors-header{padding:0 2rem;min-height:300px}}@media (max-width:750px){.colors-header{display:none}}.colors-header-wrapper{width:100%;max-width:340px}@media (max-width:769px){.colors-header-wrapper{max-width:300px}}.colors-header-title{color:#fff;font-size:3em;text-transform:uppercase;font-family:Roboto,Georgia,Times,Times New Roman,serif;line-height:1.1em;margin:0 0 10px}@media (max-width:769px){.colors-header-title{font-size:2em}}.colors-header-tag{color:#fff;font-family:Roboto,Georgia,Times,Times New Roman,serif;font-weight:700;text-transform:uppercase;display:block;margin:0 0 20px;font-size:.9em;letter-spacing:1px}.colors-header-text{color:#fff;font-size:1.2em;font-weight:300;line-height:1.5}@media (max-width:769px){.colors-header-text{font-size:1.1em}}.colors-cover{text-align:center}.colors-cover img{margin-top:8rem}@media (max-width:680px){.colors-cover img{margin-top:3rem}}@media (max-width:480px){.colors-cover img.desktop{display:none}}.colors-cover img.mobile{display:none}@media (max-width:480px){.colors-cover img.mobile{display:block}}.colors-parents{position:relative}.colors-parents .colors-color-wrapper{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.colors-children{position:relative}.colors-children .colors-color-wrapper .swiper-container,.colors-children .swiper-container{width:100%;height:100%}.colors-children .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.colors-children .swiper-slide a{text-decoration:none}.colors-children .colors-name{margin-top:8rem!important}@media (max-width:680px){.colors-children .colors-name{margin-top:3rem!important}}.colors-favorite{text-align:center;margin:3rem 0 25px;padding:0 0 20px;font-size:1.25em;display:none}@media (max-width:480px){.colors-favorite{padding-bottom:0;margin-bottom:20px;font-size:1.3rem}}.colors-favorite a{padding:0 0 0 30px;background:url(../images/colour-tool/heart-empty.svg) no-repeat 0}.colors-favorite a,.colors-favorite a:hover{text-decoration:none}.colors-products{display:none;text-align:center;padding:5rem 1rem}@media (max-width:850px){.colors-products{padding:2.5rem 1rem}}@media (max-width:769px){.colors-products{padding:1rem 0}}.colors-products img{margin-bottom:1.5rem}@media (max-width:480px){.colors-products img{margin-bottom:0}}.colors-products-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;position:relative;z-index:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1025px){.colors-products-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.colors-products-wrapper .entity-paragraphs-item{width:32%;max-width:33%!important;margin:0!important;background-color:#fff;overflow:hidden;padding:25px 0 75px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}@media (max-width:1025px){.colors-products-wrapper .entity-paragraphs-item{max-width:49%!important}}@media (max-width:750px){.colors-products-wrapper .entity-paragraphs-item{padding:15px 0 75px}}@media (max-width:680px){.colors-products-wrapper .entity-paragraphs-item{width:49%;margin-bottom:5px!important;position:relative;padding-bottom:60px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}@media (max-width:360px){.colors-products-wrapper .entity-paragraphs-item{width:100%;max-width:none!important;margin-bottom:15px!important}}.colors-products-wrapper .entity-paragraphs-item:nth-child(2){margin:0 2%!important}@media (max-width:680px){.colors-products-wrapper .entity-paragraphs-item:nth-child(2){margin:0 0 10px!important}}@media (max-width:360px){.colors-products-wrapper .entity-paragraphs-item:nth-child(2){margin:0 0 15px!important}}.colors-products-wrapper .entity-paragraphs-item>*{padding:0 25px}@media (max-width:750px){.colors-products-wrapper .entity-paragraphs-item>*{padding:0 1rem}}.colors-products-wrapper .entity-paragraphs-item h2{font-family:Roboto,Georgia,Times,Times New Roman,serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2rem;font-weight:400;line-height:1.2;text-align:left}@media (max-width:769px){.colors-products-wrapper .entity-paragraphs-item h2{font-size:1.4rem}}@media (max-width:750px){.colors-products-wrapper .entity-paragraphs-item h2{padding-left:1rem;padding-right:1rem;margin-bottom:5px}}@media (max-width:680px){.colors-products-wrapper .entity-paragraphs-item h2{font-size:1.6rem}}.colors-products-wrapper picture{display:block}.colors-products-wrapper picture img{width:100%!important}.colors-products-wrapper p{font-size:1.6rem;font-weight:300;line-height:1.5;margin-bottom:2rem}@media (max-width:769px){.colors-products-wrapper p{font-size:1.4rem}}.colors-products-wrapper .paragraphs-body{text-align:left}@media (max-width:680px){.colors-products-wrapper .paragraphs-body{margin:0}}.colors-wrapper .colors-products-wrapper .pn-paragraph-button{display:block;position:absolute;left:0;bottom:20px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}@media (max-width:680px){.colors-wrapper .colors-products-wrapper .pn-paragraph-button{width:55px;height:40px;padding:0;position:absolute;right:0;bottom:0;left:auto}}.colors-wrapper .colors-products-wrapper .pn-paragraph-button a{font-family:Roboto,Georgia,Times,Times New Roman,serif;font-size:1.6rem;background:#f8d5d9 url(../images/colour-tool/bag.svg) no-repeat 20px 11px;display:block;color:#000;width:auto;border-radius:0;padding:15px 0;margin:0 25px;text-transform:none;-webkit-transition:.5s;transition:.5s;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:750px){.colors-wrapper .colors-products-wrapper .pn-paragraph-button a{font-size:1.4rem;padding-left:50px;padding-right:10px;margin:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}}@media (max-width:680px){.colors-wrapper .colors-products-wrapper .pn-paragraph-button a{background-position:50%;text-indent:-9999px;display:block;padding:0;height:100%;margin:0}}.colors-wrapper .colors-products-wrapper .pn-paragraph-button a:hover{background-color:#f7d1d5}.colors-products a.colors-search-salons{background-color:#000;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;padding:10px 50px;margin:25px 0 0;display:none!important}.colors-locator{display:none;margin:5rem 0 0;padding:0 .5rem}@media (max-width:850px){.colors-locator{margin-top:.5rem;padding:0}}@media (max-width:680px){.colors-locator{margin:0}}.colors-locator .pn-salon-locator-wrapper{-ms-flex-pack:distribute;justify-content:space-around}@media (max-width:680px){.colors-locator .pn-salon-locator-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}}.colors-locator .pn-salon-locator-wrapper>div.left{text-align:left;width:45%}@media (max-width:680px){.colors-locator .pn-salon-locator-wrapper>div.left{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-width:450px;margin:0 auto}}.colors-locator .pn-salon-locator-wrapper>div.right{float:right;width:48%}@media (max-width:680px){.colors-locator .pn-salon-locator-wrapper>div.right{width:100%;border:1;margin-bottom:10px}}.colors-locator .pn-salon-locator-wrapper>div form{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:480px){.colors-locator .pn-salon-locator-wrapper>div form{-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}}.colors-locator .pn-salon-locator-wrapper>div form input[type=text]{width:100%}@media (max-width:480px){.colors-locator .pn-salon-locator-wrapper>div form input[type=text]{text-align:center}}@media (max-width:480px){.colors-locator .pn-salon-locator-wrapper>div form input[type=submit]{width:100%}}.colors-images-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:5rem 0 0;padding:0 1rem;position:relative}@media (min-width:681px){.colors-images-wrapper{background-color:#fff!important}}@media (max-width:850px){.colors-images-wrapper{margin:2rem 0 .5rem 1rem;padding:0}}@media (max-width:680px){.colors-images-wrapper{display:block;margin:.5rem 0}}.colors-images-wrapper h2.colors-name{text-align:left;margin-bottom:5rem;line-height:1.3}@media (max-width:680px){.colors-images-wrapper h2.colors-name{text-align:center;margin-bottom:3rem;padding-left:1rem;padding-right:1rem}}.colors-images-left{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;width:40%}@media (max-width:680px){.colors-images-left{width:100%}}.colors-images-left-wrapper{padding:50px 40px}@media (max-width:680px){.colors-images-left-wrapper{padding:3rem 1rem;position:relative;text-align:center}}.colors-images-left-wrapper h2{color:#fff;visibility:visible;text-align:left}@media (max-width:680px){.colors-images-left-wrapper h2{text-align:center}}.colors-images-right{display:block;width:60%}@media (max-width:680px){.colors-images-right{width:90%;margin:0 auto;overflow:hidden;padding-bottom:50px}}#colors-images-carousel{max-width:100%;height:500px}#colors-images-carousel img{display:none;cursor:pointer}.colors-share h3{text-transform:uppercase;font-weight:lighter}.colors-share a.share{display:inline-block;text-indent:-9999px;height:32px;width:32px;margin:10px 10px 0 0;background-size:contain!important}.colors-images-wrapper .colors-share a.share.facebook{background:url(../images/colour-tool/fb.svg) no-repeat 50%}.colors-images-wrapper .colors-share a.share.mail{background:url(../images/colour-tool/mail.png) no-repeat 50%}.colors-images-wrapper .colors-share a.share.whatsapp{background:url(../images/colour-tool/whatsapp.svg) no-repeat 50%}.colors-images-wrapper .colors-share a.share.pinterest{background:url(../images/colour-tool/pinterest.svg) no-repeat 50%}.u-bg-gray{background-color:#e9e9e9}@media (max-width:680px){.u-bg-gray{padding:1rem}}.u-bg-gray.u-fullwidth{position:relative}.u-bg-gray.u-fullwidth:after{background-color:#e9e9e9;content:"";display:block;width:3000px;height:100%;position:absolute;top:0;left:-100%;right:0;margin:0 auto}@media (max-width:680px){.u-bg-gray.u-fullwidth:after{display:none}}.u-gradient-bottom{position:relative;z-index:2}.u-gradient-bottom:after{content:"";width:100%;height:23px;display:block;background-image:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.37)));background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.37));position:absolute;left:0;bottom:-20px;z-index:1}@media (max-width:750px){.u-gradient-bottom:after{width:110%;left:-10px}}.u-small-label{display:block;text-transform:uppercase;color:#fff;font-weight:lighter}.s1{width:100%;height:100%;position:relative;z-index:4;overflow:visible}.s1 .swiper-slide{width:12.5%!important;height:120px;cursor:pointer;position:relative;z-index:2}@media (max-width:850px){.s1 .swiper-slide{width:16.6%!important;height:135px}}@media (max-width:680px){.s1 .swiper-slide{width:25%!important;height:132px}}@media (max-width:480px){.s1 .swiper-slide{width:33.33%!important;height:155px}}@media (max-width:420px){.s1 .swiper-slide{height:140px}}@media (max-width:360px){.s1 .swiper-slide{height:105px}}.s1 .swiper-slide.active{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,.3);box-shadow:0 0 4px 1px rgba(0,0,0,.3);z-index:3;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}@media (max-width:750px){.s1 .swiper-slide.active .color:after{content:"";width:10px;height:10px;background-color:inherit;position:absolute;right:0;left:0;margin:0 auto;bottom:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.s1 .swiper-slide.active:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:url(../images/colour-tool/check.svg) no-repeat 50%;margin:auto;width:40px;height:36px;background-size:100%;z-index:1}@media (max-width:750px){.s1 .swiper-slide.active:before{width:30px}}@media (max-width:480px){.s1 .swiper-slide.active:before{width:25px}}.s1 .color{width:100%;height:100%;display:block}@media (min-width:751px){.s1 .swiper-wrapper{-webkit-transform:none!important;transform:none!important;display:block}}.s1 .swiper-slide{float:left;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s1 .swiper-button-next,.s1 .swiper-button-prev{display:none;background-color:hsla(0,0%,100%,.5)}@media (max-width:750px){.s1 .swiper-button-next,.s1 .swiper-button-prev{display:block}}@media (max-width:680px){.s1 .swiper-button-next,.s1 .swiper-button-prev{width:25px;height:30px;background-size:8px 12px}}.swiper-button-next,.swiper-button-prev{background-repeat:no-repeat;background-position:50%;background-size:11px 15px;margin-top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.swiper-button-prev{background-image:url(../images/colour-tool/arrow.svg)}.swiper-button-next{background-image:url(../images/colour-tool/arrow-next.svg)}.s2{width:95%;height:auto;margin:0;float:right}@media (max-width:680px){.s2{width:100%;margin:0;float:none}}.s2 .swiper-slide{background-position:50%;background-size:cover;width:90%;height:auto}@media (max-width:680px){.s2 .swiper-slide{width:80%}}.s2 .swiper-slide-active{background-color:#fff;-webkit-transform:none!important;transform:none!important;z-index:5}.s2 .swiper-slide-active img{-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.5);box-shadow:0 0 6px 0 rgba(0,0,0,.5)}.s2 .swiper-button-next,.s2 .swiper-button-prev{background-color:hsla(18,72%,90%,.5);width:40px;height:50px;-webkit-transition:background .3s ease-in;transition:background .3s ease-in}.s2 .swiper-button-next:hover,.s2 .swiper-button-prev:hover{background-color:#f8dfd4}@media (max-width:680px){.s2 .swiper-button-next,.s2 .swiper-button-prev{width:30px;height:35px}}.s2 .swiper-button-prev{left:25px}@media (max-width:680px){.s2 .swiper-button-prev{left:10%}}.s2 .swiper-button-next{right:25px}@media (max-width:680px){.s2 .swiper-button-next{right:10%}}.c-instagram{position:absolute;left:0;bottom:0;background:hsla(0,0%,100%,.8) url(../images/social-icon-footer-instagram.png) no-repeat 10px;background-size:40px;padding:15px 15px 15px 55px;text-decoration:none}