#hair-and-body-sephora .promo-bar {
    display: none !important;
}
@font-face {
    font-family: bh-icomoon;
    src: url(https://cdn.shopify.com/s/files/1/0209/8446/files/icomoon_7c39628a-dec6-4316-afc3-7a8616997f13.eot?v=1585193301);
    src: url(https://cdn.shopify.com/s/files/1/0209/8446/files/icomoon_7c39628a-dec6-4316-afc3-7a8616997f13.eot?v=1585193301#iefix) format("embedded-opentype"),
        url(https://cdn.shopify.com/s/files/1/0209/8446/files/icomoon_7a0c5641-12f5-4adb-811a-f03a395b266f.ttf?v=1585193302) format("truetype"),
        url(https://cdn.shopify.com/s/files/1/0209/8446/files/icomoon_e3d6100c-64e8-4484-b4a1-1509db8cdffc.woff?v=1585193301) format("woff"),
        url(https://cdn.shopify.com/s/files/1/0209/8446/files/icomoon_52bc2da4-2cde-4132-891e-070208807f9d.svg?v=1585193301?pbafi2#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
[class^="bh-icon-"],
[class*=" bh-icon-"] {
    font-family: bh-icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bh-icon-close:before {
    content: "\e902";
}
.bh-icon-right:before {
    content: "\e900";
}
.bh-icon-reload:before {
    content: "\e901";
}
#hair-body-wrapper .modal-block-holder .content-block .properties-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bh-container:after,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.df-row {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 480px) {
    .df-row.df-rr-ph {
        flex-direction: row-reverse;
    }
}
@media (min-width: 480px) {
    .df-row.df-aic-ph {
        align-items: center;
    }
}
@media (min-width: 768px) {
    .df-row.df-rr-sm {
        flex-direction: row-reverse;
    }
}
@media (min-width: 768px) {
    .df-row.df-aic-sm {
        align-items: center;
    }
}
@media (min-width: 1024px) {
    .df-row.df-rr-md {
        flex-direction: row-reverse;
    }
}
@media (min-width: 1024px) {
    .df-row.df-aic-md {
        align-items: center;
    }
}
@media (min-width: 1300px) {
    .df-row.df-rr-lg {
        flex-direction: row-reverse;
    }
}
@media (min-width: 1300px) {
    .df-row.df-aic-lg {
        align-items: center;
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-1 {
        flex: 1 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-2 {
        flex: 1 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-3 {
        flex: 1 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-4 {
        flex: 1 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-5 {
        flex: 1 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-6 {
        flex: 1 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-7 {
        flex: 1 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-8 {
        flex: 1 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-9 {
        flex: 1 0 75%;
        max-width: 75%;
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-10 {
        flex: 1 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-11 {
        flex: 1 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11);
    }
}
@media (min-width: 480px) {
    .df-row .col-ph-12 {
        flex: 1 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-0 {
        margin-left: 0%;
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-1 {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-2 {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-3 {
        margin-left: 25%;
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-4 {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-5 {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-6 {
        margin-left: 50%;
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-7 {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-8 {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-9 {
        margin-left: 75%;
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-10 {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 480px) {
    .df-row .col-offset-ph-11 {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-1 {
        flex: 1 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-2 {
        flex: 1 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-3 {
        flex: 1 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-4 {
        flex: 1 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-5 {
        flex: 1 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-6 {
        flex: 1 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-7 {
        flex: 1 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-8 {
        flex: 1 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-9 {
        flex: 1 0 75%;
        max-width: 75%;
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-10 {
        flex: 1 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-11 {
        flex: 1 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11);
    }
}
@media (min-width: 768px) {
    .df-row .col-sm-12 {
        flex: 1 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-0 {
        margin-left: 0%;
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-1 {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-2 {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-3 {
        margin-left: 25%;
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-4 {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-5 {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-6 {
        margin-left: 50%;
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-7 {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-8 {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-9 {
        margin-left: 75%;
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-10 {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 768px) {
    .df-row .col-offset-sm-11 {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-1 {
        flex: 1 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-2 {
        flex: 1 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-3 {
        flex: 1 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-4 {
        flex: 1 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-5 {
        flex: 1 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-6 {
        flex: 1 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-7 {
        flex: 1 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-8 {
        flex: 1 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-9 {
        flex: 1 0 75%;
        max-width: 75%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-10 {
        flex: 1 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-11 {
        flex: 1 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11);
    }
}
@media (min-width: 1024px) {
    .df-row .col-md-12 {
        flex: 1 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-1 {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-2 {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-3 {
        margin-left: 25%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-4 {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-5 {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-6 {
        margin-left: 50%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-7 {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-8 {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-9 {
        margin-left: 75%;
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-10 {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 1024px) {
    .df-row .col-offset-md-11 {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-1 {
        flex: 1 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-2 {
        flex: 1 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-3 {
        flex: 1 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-4 {
        flex: 1 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-5 {
        flex: 1 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-6 {
        flex: 1 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-7 {
        flex: 1 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-8 {
        flex: 1 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-9 {
        flex: 1 0 75%;
        max-width: 75%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-10 {
        flex: 1 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-11 {
        flex: 1 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11);
    }
}
@media (min-width: 1300px) {
    .df-row .col-lg-12 {
        flex: 1 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-1 {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-2 {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-3 {
        margin-left: 25%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-4 {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-5 {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-6 {
        margin-left: 50%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-7 {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-8 {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-9 {
        margin-left: 75%;
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-10 {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 1300px) {
    .df-row .col-offset-lg-11 {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 768px) {
    .df-row {
        margin: 0 -15px;
    }
}
[class^="col"] {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 0 10px;
}
@media (min-width: 768px) {
    [class^="col"] {
        padding: 0 15px 10px;
    }
}
html {
    box-sizing: border-box;
}
*,
*:after,
*:before {
    box-sizing: inherit;
}
* {
    max-height: 1000000px;
}
#hair-body-wrapper {
    color: #000;
    background: #fff;
    font: 16px/1.2 Brown, Brown-Regular, Arial, Helvetica Neue, Helvetica, sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
}
@media (min-width: 768px) {
    #hair-body-wrapper {
        font-size: 18px;
        line-height: 1.2;
    }
}
#hair-body-wrapper img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.resize-active * {
    transition: none !important;
}
#hair-body-wrapper .h1,
#hair-body-wrapper h1,
#hair-body-wrapper .h2,
#hair-body-wrapper h2 {
    font-size: 20px;
}
#hair-body-wrapper .h3,
#hair-body-wrapper h3 {
    font-size: 15px;
}
#hair-body-wrapper .h4,
#hair-body-wrapper h4,
#hair-body-wrapper .h5,
#hair-body-wrapper h5,
#hair-body-wrapper .h6,
#hair-body-wrapper h6 {
    font-size: 14px;
}
@media (min-width: 768px) {
    #hair-body-wrapper .h1,
    #hair-body-wrapper h1 {
        font-size: 40px;
    }
    #hair-body-wrapper .h2,
    #hair-body-wrapper h2 {
        font-size: 30px;
    }
    #hair-body-wrapper .h3,
    #hair-body-wrapper h3 {
        font-size: 28px;
    }
    #hair-body-wrapper .h4,
    #hair-body-wrapper h4 {
        font-size: 20px;
    }
    #hair-body-wrapper .h5,
    #hair-body-wrapper h5 {
        font-size: 18px;
    }
    #hair-body-wrapper .h6,
    #hair-body-wrapper h6 {
        font-size: 16px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .h1,
    #hair-body-wrapper h1 {
        font-size: 40px;
    }
    #hair-body-wrapper .h2,
    #hair-body-wrapper h2 {
        font-size: 30px;
    }
    #hair-body-wrapper .h3,
    #hair-body-wrapper h3 {
        font-size: 28px;
    }
    #hair-body-wrapper .h4,
    #hair-body-wrapper h4 {
        font-size: 20px;
    }
    #hair-body-wrapper .h5,
    #hair-body-wrapper h5 {
        font-size: 18px;
    }
    #hair-body-wrapper .h6,
    #hair-body-wrapper h6 {
        font-size: 16px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .h1,
    #hair-body-wrapper h1 {
        font-size: 40px;
    }
    #hair-body-wrapper .h2,
    #hair-body-wrapper h2 {
        font-size: 30px;
    }
    #hair-body-wrapper .h3,
    #hair-body-wrapper h3 {
        font-size: 28px;
    }
    #hair-body-wrapper .h4,
    #hair-body-wrapper h4 {
        font-size: 20px;
    }
    #hair-body-wrapper .h5,
    #hair-body-wrapper h5 {
        font-size: 18px;
    }
    #hair-body-wrapper .h6,
    #hair-body-wrapper h6 {
        font-size: 16px;
    }
}
#hair-body-wrapper .h,
#hair-body-wrapper .h1,
#hair-body-wrapper .h2,
#hair-body-wrapper .h3,
#hair-body-wrapper .h4,
#hair-body-wrapper .h5,
#hair-body-wrapper .h6,
#hair-body-wrapper h1,
#hair-body-wrapper h2,
#hair-body-wrapper h3,
#hair-body-wrapper h4,
#hair-body-wrapper h5,
#hair-body-wrapper h6 {
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: inherit;
    margin: 0 0 10px;
}
@media (min-width: 768px) {
    #hair-body-wrapper .h,
    #hair-body-wrapper .h1,
    #hair-body-wrapper .h2,
    #hair-body-wrapper .h3,
    #hair-body-wrapper .h4,
    #hair-body-wrapper .h5,
    #hair-body-wrapper .h6,
    #hair-body-wrapper h1,
    #hair-body-wrapper h2,
    #hair-body-wrapper h3,
    #hair-body-wrapper h4,
    #hair-body-wrapper h5,
    #hair-body-wrapper h6 {
        margin-bottom: 20px;
    }
}
#hair-body-wrapper h2 {
    line-height: 1.2;
}
#hair-body-wrapper p {
    margin: 0 0 20px;
}
#hair-body-wrapper a {
    color: #5b759e;
    text-decoration: none;
    transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#hair-body-wrapper a:focus,
#hair-body-wrapper a:hover {
    color: #000;
    text-decoration: none;
}
#hair-body-wrapper a[href*="mailto:"] {
    word-wrap: break-word;
}
@keyframes marquee {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(-100%);
    }
}
#hair-body-wrapper .home-section {
    display: flex;
    flex-direction: column;
    position: relative;
}
#hair-body-wrapper .home-section .img-box {
    position: absolute;
}
#hair-body-wrapper .home-section .img-box.first-img {
    width: 76px;
    top: 10px;
    left: calc(50% - 156px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.first-img {
        width: 116px;
        top: 10px;
        left: calc(50% - 306px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.first-img {
        top: 60px;
        left: calc(50% - 490px);
        width: 180px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.first-img {
        width: 200px;
        left: calc(50% - 534px);
    }
}
#hair-body-wrapper .home-section .img-box.second-img {
    width: 65px;
    top: 332px;
    left: calc(50% - 63px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.second-img {
        width: 95px;
        top: 332px;
        left: calc(50% - 253px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.second-img {
        top: 35px;
        width: 150px;
        left: calc(50% - 340px);
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.second-img {
        width: 174px;
        left: calc(50% - 358px);
    }
}
#hair-body-wrapper .home-section .img-box.third-img {
    width: 84px;
    top: 103px;
    left: calc(50% - 152px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.third-img {
        width: 124px;
        top: 185px;
        left: calc(50% - 284px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.third-img {
        top: 381px;
        left: calc(50% - 389px);
        width: 200px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.third-img {
        width: 220px;
        top: 330px;
        left: calc(50% - 553px);
    }
}
#hair-body-wrapper .home-section .img-box.fourth-img {
    width: 49px;
    top: 270px;
    left: calc(50% - 119px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.fourth-img {
        width: 59px;
        top: 432px;
        left: calc(50% - 179px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.fourth-img {
        top: 222px;
        width: 110px;
        left: calc(50% - 273px);
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.fourth-img {
        width: 126px;
        left: calc(50% - 293px);
    }
}
#hair-body-wrapper .home-section .img-box.fifth-img {
    width: 70px;
    top: 165px;
    left: calc(50% - 154px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.fifth-img {
        width: 100px;
        top: 243px;
        left: calc(50% - 332px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.fifth-img {
        top: 266px;
        left: calc(50% - 490px);
        width: 170px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.fifth-img {
        width: 204px;
        left: calc(50% - 677px);
        top: 79px;
    }
}
#hair-body-wrapper .home-section .img-box.first-right-img {
    width: 76px;
    top: 166px;
    left: calc(45% + 76px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.first-right-img {
        width: 126px;
        top: 210px;
        left: calc(50% + 187px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.first-right-img {
        top: 257px;
        width: 165px;
        left: calc(50% + 171px);
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.first-right-img {
        width: 194px;
        left: calc(50% + 191px);
    }
}
#hair-body-wrapper .home-section .img-box.second-right-img {
    width: 84px;
    top: 10px;
    left: calc(50% + 61px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.second-right-img {
        width: 125px;
        top: 40px;
        left: calc(50% + 181px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.second-right-img {
        width: 180px;
        top: 65px;
        left: calc(50% + 200px);
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.second-right-img {
        width: 230px;
        top: 1px;
        left: calc(50% + 205px);
    }
}
#hair-body-wrapper .home-section .img-box.fifth-right-img {
    width: 90px;
    top: 105px;
    left: calc(56% + 77px);
    z-index: 9;
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.fifth-right-img {
        width: 156px;
        top: 144px;
        left: calc(64% + 148px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.fifth-right-img {
        top: 215px;
        width: 194px;
        left: calc(62% + 155px);
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.fifth-right-img {
        top: 194px;
        width: 223px;
        left: calc(66% + 155px);
    }
}
#hair-body-wrapper .home-section .img-box.third-right-img {
    width: 68px;
    top: 331px;
    left: calc(50% + 25px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.third-right-img {
        width: 108px;
        top: 374px;
        left: calc(50% + 156px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.third-right-img {
        top: 37px;
        width: 146px;
        left: calc(52% + 352px);
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.third-right-img {
        width: 176px;
        top: -6px;
        left: calc(52% + 445px);
    }
}
#hair-body-wrapper .home-section .img-box.fourth-right-img {
    width: 70px;
    top: 269px;
    left: calc(50% + 79px);
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .img-box.fourth-right-img {
        width: 95px;
        top: 374px;
        left: calc(50% + 269px);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .img-box.fourth-right-img {
        top: 423px;
        width: 121px;
        left: calc(50% + 305px);
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .home-section .img-box.fourth-right-img {
        width: 166px;
        top: 422px;
        left: calc(50% + 356px);
    }
}
#hair-body-wrapper .home-section .img-box picture {
    display: block;
}
#hair-body-wrapper .home-section .top-section {
    background-color: #fff200;
    display: flex;
    height: 100vh;
    align-items: center;
    z-index: 9;
    position: relative;
    top: 0;
}
#hair-body-wrapper .home-section .top-section .bh-container {
    position: relative;
    padding: 50px 15px;
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .top-section .bh-container {
        padding: 70px 15px;
    }
}
@media (max-width: 1023px) {
    #hair-body-wrapper .home-section .top-section .bh-container {
        min-height: 480px;
    }
}
#hair-body-wrapper .home-section .top-section .title-box {
    text-align: center;
    margin: 0 auto;
    max-width: 230px;
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .top-section .title-box {
        max-width: 380px;
    }
}
#hair-body-wrapper .home-section .top-section .title-box .subtitle {
    display: inline-block;
    color: #fe70cc;
    text-transform: uppercase;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 2.5px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .top-section .title-box .subtitle {
        letter-spacing: 3.6px;
        font-size: 27px;
    }
}
#hair-body-wrapper .home-section .top-section h1 {
    color: #fff;
    -webkit-text-stroke: 2px #fe70cc;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 80px;
    margin: 0 auto;
    line-height: 0.93;
    z-index: 2;
    position: relative;
}
@media (min-width: 768px) {
    #hair-body-wrapper .home-section .top-section h1 {
        font-size: 150px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .top-section h1 {
        margin: -10px auto 0;
        line-height: 0.87;
        font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    }
}
#hair-body-wrapper .home-section .bottom-section {
    background-color: #9cdced;
    padding: 45px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .bottom-section {
        justify-content: flex-end;
    }
}
#hair-body-wrapper .home-section .bottom-section .content-box {
    max-width: 740px;
    margin: 0 auto 40px;
    text-align: center;
    color: #fff200;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.47;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .bottom-section .content-box {
        font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
        letter-spacing: 0.7px;
        line-height: 1.2;
        font-size: 22px;
    }
}
@media (min-width: 1200px) {
    #hair-body-wrapper .home-section .bottom-section .content-box {
        font-size: 30px;
    }
}
@media screen and (min-width: 900px) and (max-height: 770px) {
    #hair-body-wrapper .home-section .bottom-section .content-box {
        font-size: 22px;
    }
}
@media screen and (min-width: 900px) and (max-height: 876px) {
    #hair-body-wrapper .home-section .bottom-section .content-box {
        font-size: 25px;
    }
}
#hair-body-wrapper .home-section .bottom-section .sub-content {
    max-width: 750px;
    margin: 0 auto;
    color: #fff200;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.3px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .bottom-section .sub-content {
        letter-spacing: -0.8px;
        line-height: 1.4;
        font-size: 22px;
    }
}
#hair-body-wrapper .home-section .bottom-section .sub-content .details-list {
    margin: 0;
    list-style: none;
}
#hair-body-wrapper .home-section .bottom-section .sub-content .details-list li {
    color: #fff200;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    text-indent: -16px;
    margin-left: 30px;
}
#hair-body-wrapper .home-section .bottom-section .sub-content .details-list li:before {
    content: "-";
    margin-right: 8px;
    text-indent: -5px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .bottom-section .sub-content .details-list li {
        letter-spacing: -0.8px;
        line-height: 1.4;
        font-size: 22px;
        margin-bottom: 8px;
        text-indent: -10px;
    }
}
#hair-body-wrapper .home-section .bottom-section .sign-box {
    max-width: 275px;
    width: 100%;
    margin: 0 auto;
}
#hair-body-wrapper .home-section .bottom-section .sign-box img {
    max-height: 60px;
    width: auto;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .home-section .bottom-section .sign-box img {
        width: 100%;
        max-height: 100%;
    }
}
#hair-body-wrapper .ticker {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff200;
    padding: 10px 0;
    margin-bottom: 25px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .ticker {
        padding: 16px 0;
    }
}
#hair-body-wrapper .ticker.ticker-hair {
    background-color: #fff;
    margin: -10px 0 -12px;
    padding: 0;
    display: block;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .ticker.ticker-hair {
        margin: -21px 0 -25px;
    }
}
#hair-body-wrapper .ticker.ticker-hair p {
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1;
    font-size: 50px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .ticker.ticker-hair p {
        letter-spacing: 11px;
        font-size: 135px;
    }
}
#hair-body-wrapper .ticker.ticker-hair p span {
    line-height: 1;
    color: #fff200;
}
#hair-body-wrapper .ticker.ticker-hair p span:nth-child(even) {
    color: #83df6b;
}
#hair-body-wrapper .ticker.ticker-body {
    background-color: #fff;
    padding: 0;
    margin: 0;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .ticker.ticker-body {
        margin: 0;
    }
}
#hair-body-wrapper .ticker.ticker-body p {
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    width: 700px;
    line-height: 0.7;
    letter-spacing: 4.67px;
    margin-bottom: 0;
    font-size: 50px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .ticker.ticker-body p {
        font-size: 135px;
        letter-spacing: 9px;
        line-height: 0.7;
    }
}
#hair-body-wrapper .ticker.ticker-body p span {
    color: #ff7cd5;
}
#hair-body-wrapper .ticker.ticker-body p span:nth-child(even) {
    color: #feddd7;
}
#hair-body-wrapper .ticker p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    width: 800px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.6px;
    word-spacing: -1px;
    text-transform: uppercase;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .ticker p {
        font-size: 22px;
    }
}
#hair-body-wrapper .ticker p span {
    margin-right: 12px;
    color: #ff7cd5;
}
#hair-body-wrapper .ticker p span:nth-child(even) {
    color: #a5e0f0;
}
#hair-body-wrapper .intro-section {
    position: relative;
    padding: 30px 0 0;
    display: flex;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section {
        min-height: 546px;
        padding: 154px 0 0;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section {
        align-items: center;
        min-height: 100vh;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section {
        padding-top: 18px;
        padding-bottom: 350px;
    }
}
#hair-body-wrapper .intro-section.body-section .bg-stretch {
    background-repeat: repeat;
    background-size: 160px;
}
#hair-body-wrapper .intro-section.body-section .top-subtitle {
    color: #fb928e;
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section .top-subtitle {
        font-size: 60px;
        letter-spacing: 4px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section .bh-container {
        padding: 0 20px 20px;
    }
}
#hair-body-wrapper .intro-section.body-section h1 {
    -webkit-text-stroke: 2px #ff8b6a;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section h1 {
        left: 12px;
        top: 30px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section h1 {
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .intro-section.body-section h1 {
        margin-bottom: -20px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .intro-section.body-section h1 {
        transform: translateY(-41px);
        margin-bottom: -54px;
    }
}
#hair-body-wrapper .intro-section.body-section .bottom-subtitle {
    color: #fff;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .intro-section.body-section .bottom-subtitle {
        font-size: 32px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .intro-section.body-section .bottom-subtitle {
        font-size: 38px;
    }
}
#hair-body-wrapper .intro-section.body-section .img-wrap {
    align-items: flex-end;
    transform: translateY(-78px);
    position: relative;
    z-index: 2;
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap {
        transform: translateY(0);
    }
}
@media (min-width: 992px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap {
        transform: translateY(-40px) translate(-145px);
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }
}
#hair-body-wrapper .intro-section.body-section .img-wrap .img-box {
    position: absolute;
    transform: none;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.first-img {
        transform: none;
        top: 69px;
        left: calc(50% + 24px);
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.first-img {
        width: 175px;
        left: calc(50% - 378px);
        top: -44px;
        max-width: 100%;
        transform: none;
    }
}
@media (min-width: 992px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.first-img {
        width: 243px;
        left: calc(50% - 386px);
        top: -44px;
        max-width: 100%;
        transform: none;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.sfimg {
        top: 122px;
        left: calc(50% - 110px);
        width: 128px;
        z-index: 4;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.sfimg {
        max-width: 100%;
        transform: none;
        width: 244px;
        left: calc(50% - 272px);
        top: -14px;
        z-index: 4;
    }
}
@media (min-width: 992px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.sfimg {
        width: 319px;
        left: calc(50% - 236px);
        top: 65px;
        max-width: 100%;
        z-index: 6;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.second-img {
        top: 310px;
        width: 95px;
        left: calc(50% + 55px);
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.second-img {
        max-width: 100%;
        width: 180px;
        top: 101px;
        left: calc(50% - 87px);
        transform: none;
    }
}
@media (min-width: 992px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.second-img {
        max-width: 100%;
        width: 240px;
        top: -4px;
        left: calc(50% - 36px);
        transform: none;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.third-img {
        width: 81px;
        top: 233px;
        left: calc(50% - 26px);
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.third-img {
        max-width: 100%;
        transform: none;
        width: 150px;
        top: -30px;
        left: calc(50% + 14px);
    }
}
@media (min-width: 992px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.third-img {
        max-width: 100%;
        transform: none;
        width: 225px;
        top: 41px;
        left: calc(50% + 210px);
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.fourth-imgbd {
        width: 103px;
        top: 309px;
        left: calc(50% - 81px);
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.fourth-imgbd {
        max-width: 100%;
        transform: none;
        width: 180px;
        top: 26px;
        left: calc(50% + 202px);
    }
}
@media (min-width: 992px) {
    #hair-body-wrapper .intro-section.body-section .img-wrap .img-box.fourth-imgbd {
        max-width: 100%;
        transform: none;
        width: 270px;
        top: -40px;
        left: calc(50% + 462px);
    }
}
#hair-body-wrapper .intro-section .bg-stretch {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
#hair-body-wrapper .intro-section .bh-container {
    position: relative;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .bh-container {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 31px 20px;
        max-width: 320px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section .bh-container {
        text-align: center;
    }
}
#hair-body-wrapper .intro-section .top-subtitle {
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    color: #fe70cc;
    font-size: 25px;
    text-align: left;
}
@media (max-width: 1299px) {
    #hair-body-wrapper .intro-section .top-subtitle {
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section .top-subtitle {
        text-align: center;
        font-size: 50px;
    }
}
#hair-body-wrapper .intro-section .bottom-subtitle {
    color: #fe70cc;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    z-index: 3;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .bottom-subtitle {
        margin-top: auto;
        font-size: 17px;
        letter-spacing: 1.83px;
        line-height: 1.24;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section .bottom-subtitle {
        letter-spacing: 2.4px;
        font-size: 30px;
    }
}
#hair-body-wrapper .intro-section h1 {
    -webkit-text-stroke: 2px #9edbec;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-bottom: -58px;
    z-index: 2;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section h1 {
        position: absolute;
        font-size: 95px;
        writing-mode: vertical-lr;
        letter-spacing: 9.5px;
        display: flex;
        align-items: center;
        left: 23px;
        top: 26px;
        height: 100%;
        width: 80px;
    }
    #hair-body-wrapper .intro-section h1 span {
        display: block;
        transform: rotate(180deg);
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section h1 {
        transform: translateY(-33px);
        font-size: 200px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .intro-section h1 {
        letter-spacing: 11.8px;
        font-size: 250px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .intro-section h1 {
        font-size: 300px;
    }
}
#hair-body-wrapper .intro-section .img-wrap {
    z-index: 1;
}
@media (min-width: 768px) {
    #hair-body-wrapper .intro-section .img-wrap {
        align-items: flex-start;
        max-width: 800px;
        justify-content: center;
        transform: translateY(8px);
        position: relative;
        margin: 0 auto;
        display: flex;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .img-wrap .img-box {
        position: absolute;
    }
}
#hair-body-wrapper .intro-section .img-wrap .img-box.fifth-img {
    max-width: 175px;
    transform: translateY(-91px);
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .img-wrap .img-box.fifth-img {
        width: 95px;
        top: 76px;
        left: calc(74% + 7px);
    }
}
#hair-body-wrapper .intro-section .img-wrap .img-box.first-img {
    max-width: 195px;
    transform: translateY(-35px);
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .img-wrap .img-box.first-img {
        width: 95px;
        top: 117px;
        left: calc(50% + 7px);
    }
}
#hair-body-wrapper .intro-section .img-wrap .img-box.second-img {
    max-width: 221px;
    transform: translateY(40px);
    margin-left: 20px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .img-wrap .img-box.second-img {
        margin: 0;
        width: 106px;
        transform: none;
        left: calc(40% - 24px);
        top: 2px;
    }
}
#hair-body-wrapper .intro-section .img-wrap .img-box.third-img {
    max-width: 173px;
    margin-left: 23px;
    transform: translateY(-40px);
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .img-wrap .img-box.third-img {
        transform: none;
        margin: 0;
        width: 85px;
        top: 174px;
        left: calc(60% + 34px);
    }
}
#hair-body-wrapper .intro-section .img-wrap .img-box.fourth-img {
    max-width: 173px;
    min-width: 112px;
    margin-left: 30px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .intro-section .img-wrap .img-box.fourth-img {
        width: 60px;
        left: calc(50% - 46px);
        margin: 0;
        top: 177px;
        min-width: auto;
    }
}
#hair-body-wrapper .intro-section .img-wrap .img-box img {
    width: 100%;
}
#hair-body-wrapper .description-section.body-description {
    background-color: #ff9ca7;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section.body-description {
        align-items: center;
        display: flex;
    }
}
#hair-body-wrapper .description-section.body-description .img-box {
    background: #e6d501;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section.body-description .img-box {
        width: 48%;
    }
}
#hair-body-wrapper .description-section.body-description .img-box .pict {
    display: flex;
    justify-content: center;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section.body-description .img-box .pict {
        justify-content: flex-end;
    }
}
#hair-body-wrapper .description-section.body-description .img-box .pict img {
    width: 100%;
    max-width: 700px;
    align-self: center;
}
#hair-body-wrapper .description-section.body-description .text-box {
    flex: 1;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.35;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
#hair-body-wrapper .description-section.body-description .text-box .text-holder {
    max-width: 620px;
    padding: 15px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .description-section.body-description .text-box .text-holder {
        padding: 36px 20px 20px 30px;
        line-height: 1.5;
        font-size: 15px;
        letter-spacing: 0;
    }
}
#hair-body-wrapper .description-section .title-row {
    background-color: #fff;
}
#hair-body-wrapper .description-section .title-row h2 {
    text-transform: uppercase;
    color: #fe70cc;
    margin-bottom: 0;
    font-size: 17px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 1.83px;
    line-height: 1.24;
    text-align: center;
    padding: 5px 0;
}
@media (max-width: 767px) {
    #hair-body-wrapper .description-section .title-row h2 {
        max-width: 320px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .description-section .title-row h2 {
        font-size: 25px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section .title-row h2 {
        padding: 10px 0;
        font-size: 30px;
        letter-spacing: 2.43px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .description-section .description-holder {
        display: flex;
    }
}
#hair-body-wrapper .description-section .welcome-text {
    background-color: #9edbec;
}
@media (min-width: 768px) {
    #hair-body-wrapper .description-section .welcome-text {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section .welcome-text {
        align-items: flex-start;
        padding: 50px 0 10px;
        width: 67%;
        justify-content: flex-end;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .description-section .welcome-text {
        width: 64%;
    }
}
#hair-body-wrapper .description-section .welcome-inner {
    max-width: 800px;
    color: #fff;
    font-size: 15px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .description-section .welcome-inner {
        padding: 30px 15px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section .welcome-inner {
        font-size: 23px;
        padding: 0 60px;
        line-height: 1.6;
    }
}
@media (max-width: 1023px) {
    #hair-body-wrapper .description-section .welcome-inner .sign-box {
        max-width: 162px;
    }
    #hair-body-wrapper .description-section .welcome-inner .sign-box img {
        width: 100%;
    }
}
#hair-body-wrapper .description-section .about-box {
    background-color: #fe70cc;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .description-section .about-box {
        padding: 30px 15px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section .about-box {
        width: 33%;
        padding: 50px 70px;
    }
}
@media (min-width: 1300px) {
    #hair-body-wrapper .description-section .about-box {
        width: 36%;
    }
}
#hair-body-wrapper .description-section .about-box .img-holder {
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 35px;
    max-width: 215px;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .description-section .about-box .img-holder {
        margin: 0 auto 30px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section .about-box .img-holder {
        max-width: 178px;
    }
}
#hair-body-wrapper .description-section .about-box .img-holder picture {
    width: 100%;
}
#hair-body-wrapper .description-section .about-box .img-holder picture img {
    width: 100%;
}
#hair-body-wrapper .description-section .about-box .text-holder {
    font-size: 17px;
    font-weight: 400;
    max-width: 340px;
    line-height: 1.3;
    color: #fff;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .description-section .about-box .text-holder {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.53;
        margin: 0 auto;
        text-align: left;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .description-section .about-box .text-holder {
        max-width: 540px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .description-section .about-box .text-holder {
        max-width: 340px;
    }
}
html {
    padding-bottom: 0;
}
@media (max-width: 767px) {
    body {
        margin-bottom: 390px !important;
    }
}
body.in-animate {
    overflow: hidden !important;
}
header .cart-hover-watch {
    height: 46px;
}
header.is-fixed .logo {
    height: 44px;
}
::selection {
    background: #fe70cc;
    color: #fff;
}
::-moz-selection {
    background: #fe70cc;
    color: #fff;
}
#hair-body-wrapper .t-nav {
    background-color: #9edbec;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    z-index: 8;
    padding: 44px 25px 85px;
    justify-content: center;
    align-items: center;
}
#hair-body-wrapper .t-nav.fixed {
    position: fixed;
    top: 70px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .t-nav {
        padding: 35px 20px;
    }
}
#hair-body-wrapper .t-nav .l {
    position: absolute;
    bottom: 14px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .t-nav .l {
        left: 30px;
        bottom: auto;
    }
}
#hair-body-wrapper .t-nav .l a {
    display: flex;
    align-items: center;
    color: #fe70cc;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}
#hair-body-wrapper .t-nav .l a svg {
    width: 25px;
    margin-right: 8px;
}
#hair-body-wrapper .t-nav .r {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .t-nav .r {
        flex-direction: row;
    }
}
#hair-body-wrapper .t-nav .r .mobile-above {
    font-size: 16px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fe70cc;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .t-nav .r .mobile-above {
        display: none;
    }
}
#hair-body-wrapper .t-nav .r .mobile-above .sv {
    display: block;
    margin: 6px 0 12px;
}
#hair-body-wrapper .t-nav .r .mobile-above svg {
    height: 15px;
    transform: rotate(270deg);
}
#hair-body-wrapper .t-nav .r .btn-h {
    display: flex;
}
#hair-body-wrapper .t-nav .r .btn-h .hair-btn {
    margin-right: 30px;
    min-width: auto;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .t-nav .r .btn-h .hair-btn {
        margin-right: 0;
        padding: 6px 12px;
        font-size: 17px;
    }
}
#hair-body-wrapper .t-nav .r .btn-h .body-btn {
    min-width: auto;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .t-nav .r .btn-h .body-btn {
        padding: 6px 12px;
        font-size: 17px;
    }
}
#hair-body-wrapper .t-nav .r .l-about {
    font-size: 18px;
    font-family: Brown, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #fe70cc;
    text-transform: uppercase;
    margin: 0 20px;
    align-items: center;
    display: none;
    letter-spacing: 1.3px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .t-nav .r .l-about {
        display: flex;
    }
}
#hair-body-wrapper .t-nav .r .l-about .sv {
    display: block;
    margin: 0 5px 0 10px;
}
#hair-body-wrapper .t-nav .r .l-about .sv svg {
    width: 36px;
}
#hair-body-wrapper .t-nav .r .hair-btn {
    margin-right: 10px;
}
#hair-body-wrapper .t-nav .r .hair-btn.active {
    background: #81ec65;
    border-color: #81ec65;
    color: #fff;
}
#hair-body-wrapper .t-nav .r .body-btn.active {
    background: #ff9ca7;
    border-color: #ff9ca7;
    color: #fff;
}
#hair-body-wrapper .bottom-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    margin-top: 10px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .bottom-nav {
        flex-direction: row;
        margin-top: 40px;
    }
}
#hair-body-wrapper .bottom-nav .mobile-above {
    font-size: 16px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fe70cc;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .bottom-nav .mobile-above {
        display: none;
    }
}
#hair-body-wrapper .bottom-nav .mobile-above .sv {
    display: block;
    margin: 6px 0 12px;
}
#hair-body-wrapper .bottom-nav .mobile-above svg {
    height: 15px;
    transform: rotate(270deg);
}
#hair-body-wrapper .bottom-nav .btn-h {
    display: flex;
}
#hair-body-wrapper .bottom-nav .btn-h .hair-btn {
    margin-right: 30px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .bottom-nav .btn-h .hair-btn {
        margin-right: 0;
    }
}
#hair-body-wrapper .bottom-nav .l-about {
    font-size: 22px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fe70cc;
    text-transform: uppercase;
    margin: 0 20px;
    align-items: center;
    display: none;
    letter-spacing: 1.3px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .bottom-nav .l-about {
        display: flex;
    }
}
#hair-body-wrapper .bottom-nav .l-about .sv {
    display: block;
    margin: 0 5px 0 10px;
}
#hair-body-wrapper .bottom-nav .l-about .sv svg {
    width: 36px;
}
#hair-body-wrapper .hair-btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 2px solid #ffd8a6;
    background: #fff;
    color: #81ec65;
    padding: 7px 22px;
    font-size: 16px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .hair-btn {
        padding: 10px 24px;
        min-width: 108px;
        font-size: 22px;
    }
}
#hair-body-wrapper .hair-btn:hover {
    background: #81ec65;
    border-color: #81ec65;
    color: #fff;
}
#hair-body-wrapper .body-btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 2px solid #ffd8a6;
    background: #fff;
    color: #ff9ca7;
    padding: 7px 22px;
    font-size: 16px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .body-btn {
        padding: 10px 24px;
        min-width: 108px;
        font-size: 22px;
    }
}
#hair-body-wrapper .body-btn:hover {
    background: #ff9ca7;
    border-color: #ff9ca7;
    color: #fff;
}
#hair-body-wrapper .spotlight {
    display: none;
    position: absolute;
    top: 0;
    z-index: 14;
    width: 100%;
    height: 100%;
}
#hair-body-wrapper .spotlight.active-section {
    display: block;
}
#hair-body-wrapper #body-care .wiper {
    background-color: #83df6b;
    height: 100vh;
    width: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
}
#hair-body-wrapper #body-care .intro-section {
    background-color: #fe70cc;
}
#hair-body-wrapper #hair-care .wiper {
    background-color: #fe70cc;
    height: 100vh;
    width: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
}
#hair-body-wrapper #hair-care .intro-section {
    background-color: #83df6b;
}
#hair-body-wrapper #hair-care .intro-section .bg-stretch {
    background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/bg-image-2.jpg?v=1585182128);
}
#hair-body-wrapper .modal-block-holder {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
    display: none;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .modal-block-holder {
        align-items: center;
    }
}
.dl-notice {
    z-index: 99;
    position: relative;
}
.floater {
    animation: floater 4s ease-in-out 5s;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.floater2 {
    animation: floater 6s ease-in-out 5s;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.floater3 {
    animation: floater2 3s ease-in-out 5s;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
.floater4 {
    animation: floater3 7s ease-in-out 5s;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}
@keyframes floater {
    0% {
        transform: translatey(0);
        -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
    }
    50% {
        transform: translatey(-10px);
        -webkit-transform: translatey(-10px);
        -ms-transform: translatey(-10px);
    }
    to {
        transform: translatey(0);
        -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
    }
}
@keyframes floater2 {
    0% {
        transform: translatey(0);
        -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
    }
    50% {
        transform: translatey(-8px);
        -webkit-transform: translatey(-8px);
        -ms-transform: translatey(-8px);
    }
    to {
        transform: translatey(0);
        -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
    }
}
@keyframes floater3 {
    0% {
        transform: translatey(0);
        -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
    }
    50% {
        transform: translatey(-13px);
        -webkit-transform: translatey(-13px);
        -ms-transform: translatey(-13px);
    }
    to {
        transform: translatey(0);
        -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
    }
}
#hair-body-wrapper .littles-body .ltl-row {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    #hair-body-wrapper .littles-body .ltl-row {
        flex-direction: row;
    }
}
#hair-body-wrapper .littles-body .ltl-row.has-green {
    background: #7de763;
    min-height: 675px;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 0;
    background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/Mobile_0000_HTTL2.0_Creative_02-green-mobile.jpg?v=1614289271);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
@media (min-width: 768px) {
    #hair-body-wrapper .littles-body .ltl-row.has-green {
        min-height: 545px;
        padding: 0 15px;
        justify-content: flex-end;
        background-size: cover;
        background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/HTT_littles_top-green.jpg?v=1614297149);
        background-position: center;
    }
    #hair-body-wrapper .littles-body .ltl-row.has-green .has-intro {
        width: 50%;
    }
}
@media (min-width: 1640px) {
    #hair-body-wrapper .littles-body .ltl-row.has-green {
        min-height: 678px;
    }
}
#hair-body-wrapper .littles-body .pre-plus {
    display: block;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .pre-plus {
        display: inline;
    }
}
#hair-body-wrapper .littles-body .post-plus {
    display: block;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .post-plus {
        display: inline;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .post-b {
        display: block;
    }
}
#hair-body-wrapper .littles-body .i-r {
    max-width: 400px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .i-r {
        margin-right: 40px;
        max-width: 100%;
    }
}
#hair-body-wrapper .littles-body .has-intro {
    text-align: center;
}
#hair-body-wrapper .littles-body .has-intro .svg-h {
    margin-bottom: 20px;
}
#hair-body-wrapper .littles-body .has-intro .svg-h svg {
    width: 167px;
}
#hair-body-wrapper .littles-body .has-intro h3.lilhe {
    font-size: 65px;
    color: #fff;
    text-align: center;
    line-height: 61px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-text-stroke: 1px #ff49b0;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .has-intro h3.lilhe {
        line-height: 99px;
        font-size: 100px;
    }
}
#hair-body-wrapper .littles-body .has-intro .subs {
    color: #fff;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .has-intro .subs {
        font-size: 35px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
#hair-body-wrapper .littles-body .ltl-left-column {
    width: 100%;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .ltl-left-column {
        width: 60%;
    }
}
#hair-body-wrapper .littles-body .ltl-left-column.has-bg {
    background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/HairGIF_45b44ffb-5df1-450a-8574-40f06a54138b.gif?v=1589578115);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffd8a6;
    height: 260px;
}
@media (min-width: 500px) {
    #hair-body-wrapper .littles-body .ltl-left-column.has-bg {
        height: 360px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .littles-body .ltl-left-column.has-bg {
        height: auto;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .ltl-left-column.has-bg {
        width: 45%;
        height: auto;
    }
}
#hair-body-wrapper .littles-body .ltl-right-column {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .ltl-right-column {
        width: 40%;
    }
}
#hair-body-wrapper .littles-body .ltl-right-column.has-pink {
    color: #fff;
    font-size: 22px;
    background: #f8b5dd;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 30px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .ltl-right-column.has-pink {
        padding: 0;
        width: 55%;
        min-height: 450px;
    }
}
#hair-body-wrapper .littles-body .ltl-right-column.has-pink p {
    line-height: 27px;
    max-width: 650px;
    font-size: 18px;
    margin-bottom: 0;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .ltl-right-column.has-pink p {
        font-size: 22px;
        line-height: 29px;
    }
}
#hair-body-wrapper .littles-body .full-image-foot {
    background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/HTT_littles2.0_mobile.jpg?v=1614289966);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
}
@media (min-width: 480px) {
    #hair-body-wrapper .littles-body .full-image-foot {
        background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/Littles_Bottom.jpg?v=1614284874);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-body .full-image-foot {
        height: 600px;
    }
}
#hair-body-wrapper .littles-hair .ltl-row {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    #hair-body-wrapper .littles-hair .ltl-row {
        flex-direction: row;
    }
    #hair-body-wrapper .littles-hair .ltl-row .has-intro {
        width: 50%;
    }
}
#hair-body-wrapper .littles-hair .ltl-row.has-pink {
    background: #fd6dc5;
    min-height: 675px;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 0;
    background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/Mobile_0001_HTTL2.0_Creative_02_mobile.jpg?v=1614289271);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
@media (min-width: 768px) {
    #hair-body-wrapper .littles-hair .ltl-row.has-pink {
        min-height: 545px;
        padding: 0 15px;
        justify-content: flex-start;
        background-size: cover;
        background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/HTT_littles_top-pink.jpg?v=1614297149);
        background-position: 53%;
    }
}
@media (min-width: 1640px) {
    #hair-body-wrapper .littles-hair .ltl-row.has-pink {
        min-height: 678px;
        padding: 0 15px;
    }
}
#hair-body-wrapper .littles-hair .pre-plus {
    display: block;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .pre-plus {
        display: inline;
    }
}
#hair-body-wrapper .littles-hair .post-plus {
    display: block;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .post-plus {
        display: inline;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .post-b {
        display: block;
    }
}
#hair-body-wrapper .littles-hair .i-r {
    max-width: 400px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .i-r {
        margin-left: 40px;
        max-width: 100%;
    }
}
#hair-body-wrapper .littles-hair .has-intro {
    text-align: center;
}
#hair-body-wrapper .littles-hair .has-intro .svg-h {
    margin-bottom: 20px;
}
#hair-body-wrapper .littles-hair .has-intro .svg-h svg {
    width: 167px;
}
#hair-body-wrapper .littles-hair .has-intro h3.lilhe {
    font-size: 65px;
    color: #fff;
    text-align: center;
    line-height: 61px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-text-stroke: 1px #81ec65;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .has-intro h3.lilhe {
        line-height: 99px;
        font-size: 100px;
    }
}
#hair-body-wrapper .littles-hair .has-intro .subs {
    color: #fff;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .has-intro .subs {
        font-size: 35px;
        margin-top: 0;
        margin-bottom: 0;
    }
}
#hair-body-wrapper .littles-hair .ltl-left-column {
    width: 100%;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .ltl-left-column {
        width: 60%;
    }
}
#hair-body-wrapper .littles-hair .ltl-left-column.has-bg {
    background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/HairGIF_45b44ffb-5df1-450a-8574-40f06a54138b.gif?v=1589578115);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e2e729;
    height: 260px;
}
@media (min-width: 500px) {
    #hair-body-wrapper .littles-hair .ltl-left-column.has-bg {
        height: 360px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .littles-hair .ltl-left-column.has-bg {
        height: auto;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .ltl-left-column.has-bg {
        width: 45%;
        height: auto;
    }
}
#hair-body-wrapper .littles-hair .ltl-right-column {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .ltl-right-column {
        width: 40%;
    }
}
#hair-body-wrapper .littles-hair .ltl-right-column.has-green {
    color: #fff;
    font-size: 22px;
    background: #81ec65;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 30px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .ltl-right-column.has-green {
        padding: 0;
        width: 55%;
        min-height: 450px;
    }
}
#hair-body-wrapper .littles-hair .ltl-right-column.has-green p {
    line-height: 27px;
    max-width: 650px;
    font-size: 18px;
    margin-bottom: 0;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .ltl-right-column.has-green p {
        font-size: 22px;
        line-height: 29px;
    }
}
#hair-body-wrapper .littles-hair .full-image-foot {
    background-image: url(https://cdn.shopify.com/s/files/1/0209/8446/files/Littles_HTT_Creative_10.jpg?v=1590638130);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .littles-hair .full-image-foot {
        height: 600px;
    }
}
.play-cursor {
    backface-visibility: hidden;
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 60px;
    z-index: 999;
    pointer-events: none;
}
.play-cursor svg {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    width: 60px !important;
    height: auto;
    position: relative;
    top: -25px;
    left: -25px;
    fill: #fe70cc;
}
.vid-close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    background: transparent;
    color: #fe70cc;
}
.body-video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #ffd8a6;
}
.body-video-popup .video-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
}
.body-video-popup .inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    transform: translateY(-50%);
}
.hair-video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff300;
}
.hair-video-popup .video-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
}
.hair-video-popup .inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    transform: translateY(-50%);
}
#hair-body-wrapper .modal-section {
    background: #9cdced;
}
#hair-body-wrapper .modal-section.is-hair {
    background: #ffd8a6;
}
#hair-body-wrapper .modal-section.is-hair .img-holder .bonus-box {
    background: #81ec65;
    border: 3px solid #ffd8a6;
}
#hair-body-wrapper .modal-section.is-hair .img-holder .bonus-box span {
    color: #fff;
}
#hair-body-wrapper .modal-section.is-hair .info-box {
    color: #81ec65;
}
#hair-body-wrapper .modal-section.is-hair .btn-wrap .btn {
    border: 2px solid #81ec65;
    color: #81ec65;
}
#hair-body-wrapper .modal-section.is-hair .btn-wrap .btn:hover {
    background-color: #81ec65;
    color: #fff;
}
#hair-body-wrapper .modal-section.is-hair .modal-content .items-content .items-description-list li.bonus-item {
    color: #81ec65;
}
#hair-body-wrapper .modal-section.is-hair .modal-content .items-content li span.item-info {
    color: #fef2e2;
}
#hair-body-wrapper .modal-section .control-row {
    height: 40px;
    display: flex;
    justify-content: flex-end;
    padding: 0 25px 0 15px;
}
#hair-body-wrapper .modal-section .control-row .close-btn {
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 1px;
    cursor: pointer;
    font-weight: 700;
}
#hair-body-wrapper .modal-section .top-bg-box {
    height: 125px;
}
@media (min-width: 768px) {
    #hair-body-wrapper .modal-section .top-bg-box {
        height: 235px;
    }
}
#hair-body-wrapper .modal-section .img-holder {
    background-color: transparent;
    max-width: 1000px;
    margin: -80px auto -28px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .modal-section .img-holder {
        margin: -188px auto -5px;
    }
}
#hair-body-wrapper .modal-section .img-holder .simg {
    margin-right: 10px;
    position: relative;
}
#hair-body-wrapper .modal-section .img-holder .simg .pitti-deo {
    max-height: 50px;
    width: auto;
}
@media (min-width: 768px) {
    #hair-body-wrapper .modal-section .img-holder .simg .pitti-deo {
        max-height: 120px;
    }
}
@media (min-width: 992px) {
    #hair-body-wrapper .modal-section .img-holder .simg .pitti-deo {
        max-height: 144px;
    }
}
#hair-body-wrapper .modal-section .img-holder .simg.s4 img {
    max-width: 113px;
}
#hair-body-wrapper .modal-section .img-holder img {
    width: 100%;
    max-width: 90px;
    vertical-align: baseline;
    align-self: center;
}
#hair-body-wrapper .modal-section .img-holder .bonus-box {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    border: 3px solid #81ec65;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1;
    position: absolute;
    width: 75px;
    height: 75px;
    top: -13px;
    right: -30px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-section .img-holder .bonus-box {
        display: none;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .modal-section .img-holder .bonus-box {
        right: -43px;
    }
}
#hair-body-wrapper .modal-section .img-holder .bonus-box span {
    color: #fff;
}
#hair-body-wrapper .modal-content {
    padding-top: 62px;
    padding-bottom: 35px;
}
#hair-body-wrapper .modal-content .items-content {
    max-width: 800px;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .modal-content .items-content {
        max-width: 910px;
    }
}
#hair-body-wrapper .modal-content .items-content .items-description-list {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list {
        margin: 0 0 25px;
    }
}
#hair-body-wrapper .modal-content .items-content .items-description-list li {
    margin-bottom: 24px;
    width: 50%;
    line-height: 22px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(1) {
        order: 1;
    }
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(2) {
        order: 3;
    }
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(3) {
        order: 5;
    }
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(4) {
        order: 7;
    }
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(5) {
        order: 2;
    }
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(6) {
        order: 4;
    }
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(7) {
        order: 6;
    }
    #hair-body-wrapper .modal-content .items-content .items-description-list li:nth-child(8) {
        order: 8;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list li {
        width: calc(100% / 3);
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list li {
        width: 25%;
    }
}
#hair-body-wrapper .modal-content .items-content .items-description-list li.bonus-item {
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    color: #fe70cc;
    padding-left: 2px;
    font-size: 16px;
}
@media (min-width: 768px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list li.bonus-item {
        padding-left: 10px;
        font-size: 18px;
    }
}
#hair-body-wrapper .modal-content .items-content .items-description-list li span {
    font-size: 16px;
    letter-spacing: 0;
    display: block;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0 15px;
    color: #fff;
}
@media (min-width: 768px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list li span {
        padding: 0 20px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list li span {
        font-size: 20px;
        line-height: 25px;
    }
}
#hair-body-wrapper .modal-content .items-content .items-description-list li span.item-info {
    font-size: 14px;
    font-family: Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #e7eeef;
}
@media (min-width: 768px) {
    #hair-body-wrapper .modal-content .items-content .items-description-list li span.item-info {
        font-size: 16px;
    }
}
#hair-body-wrapper .modal-content .info-box {
    text-align: center;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-content .info-box {
        padding: 0 50px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .modal-content .info-box {
        font-size: 20px;
    }
}
#hair-body-wrapper .modal-content .info-box p {
    margin-bottom: 20px;
}
#hair-body-wrapper .modal-content .btn-wrap {
    display: flex;
    justify-content: center;
    padding: 0 15px;
}
#hair-body-wrapper .modal-content .btn-wrap .btn {
    border: 2px solid #fe70cc;
    color: #fe70cc;
    display: inline-flex;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    justify-content: center;
    padding: 12px 10px;
    background-color: #fff;
    min-width: 104px;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.6px;
}
#hair-body-wrapper .modal-content .btn-wrap .btn:hover {
    background-color: #fe70cc;
    color: #fff;
    text-decoration: none;
}
#hair-body-wrapper {
    width: 100%;
    background: #fff;
    position: relative;
}
.bh-container {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
#hair-body-wrapper a {
    transition: all 0.3s ease-in-out;
}
#hair-body-wrapper .poster-section {
    background-color: #83df6b;
    padding: 55px 0;
    position: relative;
    z-index: 2;
}
@media (min-width: 768px) {
    #hair-body-wrapper .poster-section {
        padding: 80px 0;
    }
}
#hair-body-wrapper .poster-section.body-poster {
    background-color: #f8b5dd;
}
#hair-body-wrapper .poster-section.body-poster .poster-box h1 {
    -webkit-text-stroke: 1px #ff9ca7;
}
@media (min-width: 768px) {
    #hair-body-wrapper .poster-section.body-poster .poster-box h1 {
        -webkit-text-stroke: 2px #ff9ca7;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .poster-section.body-poster .poster-box h1 {
        line-height: 1.2;
    }
}
#hair-body-wrapper .poster-section.body-poster .poster-box .subtitle {
    color: #fff;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .poster-section.body-poster .poster-box .subtitle {
        font-size: 67px;
        letter-spacing: 5.7px;
    }
}
#hair-body-wrapper .poster-section.body-poster .overlay-text svg {
    fill: #fc918b;
}
#hair-body-wrapper .poster-section.hair-poster .overlay-text svg {
    fill: #fe70cc;
}
#hair-body-wrapper .poster-section.hair-poster .poster-box .wraps {
    background: #fe70cc;
}
#hair-body-wrapper .poster-section .poster-box {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    position: relative;
    overflow: hidden;
    cursor: none;
}
#hair-body-wrapper .poster-section .poster-box .wraps {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff9ca7;
    z-index: 4;
}
#hair-body-wrapper .poster-section .poster-box h1 {
    text-transform: lowercase;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    -webkit-text-stroke: 1px #fff200;
    letter-spacing: 1px;
    text-align: center;
    font-size: 36px;
    margin-bottom: 0;
    line-height: 1;
}
@media (min-width: 768px) {
    #hair-body-wrapper .poster-section .poster-box h1 {
        font-size: 80px;
        line-height: 1;
        margin-bottom: 0;
        -webkit-text-stroke: 2px #fff200;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .poster-section .poster-box h1 {
        letter-spacing: 1px;
        font-size: 100px;
    }
}
#hair-body-wrapper .poster-section .poster-box .subtitle {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.98px;
    color: #ff9288;
    margin: 7px 0;
}
@media (min-width: 768px) {
    #hair-body-wrapper .poster-section .poster-box .subtitle {
        font-size: 25px;
        margin: 0;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .poster-section .poster-box .subtitle {
        color: #fe70cc;
        font-size: 32px;
        letter-spacing: 2.82px;
    }
}
#hair-body-wrapper .poster-section .poster-box .overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    visibility: hidden;
    z-index: 3;
    backface-visibility: hidden;
}
#hair-body-wrapper .poster-section .poster-box .overlay-text svg {
    height: 40px;
}
#hair-body-wrapper .artboard-section {
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .artboard-section {
        padding: 90px 0 55px;
    }
}
#hair-body-wrapper .artboard-section.blue {
    background-color: #9cdced;
}
#hair-body-wrapper .artboard-section.pink {
    background-color: #ff9ca7;
}
#hair-body-wrapper .artboard-section .artboard-holder {
    display: flex;
    text-align: center;
    max-width: 990px;
    margin: 0 auto;
}
#hair-body-wrapper .artboard-section .artboard-holder.is-hairs {
    max-width: 1004px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .artboard-section .artboard-holder {
        flex-direction: column;
        align-items: center;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .artboard-section .artboard-holder {
        align-items: flex-end;
        justify-content: center;
    }
}
#hair-body-wrapper .artboard-section .artboard-item span {
    min-height: 75px;
    display: block;
}
#hair-body-wrapper .artboard-section .artboard-item .img-holder.cnd1 img {
    max-height: 335px;
}
#hair-body-wrapper .artboard-section .artboard-item .img-holder.cnd2 img {
    max-width: 200px;
}
#hair-body-wrapper .artboard-section .artboard-item .img-holder.gsm1 img {
    max-height: 337px;
}
#hair-body-wrapper .artboard-section .artboard-item .img-holder img {
    align-self: center;
}
@media (max-width: 767px) {
    #hair-body-wrapper .artboard-section .artboard-item {
        margin-bottom: 65px;
    }
}
@media (min-width: 768px) {
    #hair-body-wrapper .artboard-section .artboard-item {
        width: 25%;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .artboard-section .artboard-item {
        padding: 0 5px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .artboard-section .artboard-item br {
        display: none;
    }
}
#hair-body-wrapper .artboard-section .artboard-item .img-holder {
    margin: 0 auto 15px;
    max-width: 110px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .artboard-section .artboard-item .img-holder {
        margin: 0 auto 10px;
        max-width: 212px;
    }
    #hair-body-wrapper .artboard-section .artboard-item.kof-edit .img-holder {
        max-width: 225px;
    }
}
@media (min-width: 1024px) {
    #hair-body-wrapper .artboard-section .artboard-item .img-holder .wild-marula {
        max-width: 146px;
        margin: 0 auto;
    }
}
#hair-body-wrapper .artboard-section .artboard-item .img-holder .sweet-pitti {
    max-height: 150px;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .artboard-section .artboard-item .img-holder .sweet-pitti {
        max-width: 118px;
        max-height: 100%;
    }
}
#hair-body-wrapper .artboard-section button {
    text-decoration: underline;
    color: #fff;
    font-size: 16px;
}
@media (min-width: 1024px) {
    #hair-body-wrapper .artboard-section button {
        font-size: 18px;
    }
}
#hair-body-wrapper .artboard-section button:hover {
    color: #fff200;
}

.show-hair.hair-btn:focus,.show-body.body-btn:focus {
    outline: 2px dotted #4a4a4a !important;
    outline-offset: 1px !important;
}

#hair-body-wrapper .modal-block-holder.loaded {
    padding: 40px 65px;
}
@media (max-width: 1299px) {
    #hair-body-wrapper .modal-block-holder.loaded {
        padding: 20px 30px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.loaded {
        padding: 0;
    }
}
#hair-body-wrapper .modal-block-holder .bh-container {
    max-width: 1290px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .bh-container {
        padding: 0;
    }
}
#hair-body-wrapper .modal-block-holder .modal-block {
    position: relative;
}
#hair-body-wrapper .modal-block-holder .modal-block .close-btn {
    position: absolute;
    top: 17px;
    right: 14px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    z-index: 10;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
#hair-body-wrapper .modal-block-holder .modal-block .close-btn:hover {
    opacity: 0.4;
}

#hair-body-wrapper .modal-block-holder .modal-block .close-btn:focus {
    outline: 2px dotted currentColor;
    outline-offset: 2px;
}


#hair-body-wrapper .sr-play-button {
    opacity: 0;
    margin: 0 auto;
    max-width: 940px;
    top: 26px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
}

#hair-body-wrapper .sr-play-button:focus {
    opacity: 1;
}


@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .modal-block .close-btn {
        right: 17px;
    }
}
#hair-body-wrapper .modal-block-holder .img-block {
    display: flex;
    position: relative;
}
#hair-body-wrapper .modal-block-holder .img-block .bg-stretch {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .img-block {
        min-height: 640px;
    }
}
@media (max-width: 479px) {
    #hair-body-wrapper .modal-block-holder .img-block {
        min-height: 380px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block {
    padding: 55px 75px 90px;
    position: relative;
    min-height: 580px;
    z-index: 5;
    display: flex;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .modal-block-holder .content-block {
        padding: 25px 35px 30px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .content-block {
        min-height: 480px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block .decor {
    position: absolute;
    width: 170px;
    right: 85px;
    bottom: 50px;
    z-index: -1;
}
#hair-body-wrapper .modal-block-holder .content-block .decor img {
    width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .content-block .decor {
        left: auto;
        right: 20px;
        width: 109px;
        bottom: 15px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block .content-holder {
    display: flex;
    flex-direction: column;
}
#hair-body-wrapper .modal-block-holder .content-block .title {
    margin: 0 0 6px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0.7px;
    font-size: 30px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .content-block .title {
        max-width: 200px;
        margin: 0 0 15px;
        font-size: 20px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block .subtitle {
    display: block;
    margin: 0 0 38px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 1.3px;
    font-size: 20px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .content-block .subtitle {
        margin: 0 0 17px;
        font-size: 16px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block p {
    color: #fff;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.3;
    display: block;
    margin: 0 0 20px;
    font-size: 20px;
    letter-spacing: 0.4px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .content-block p {
        font-size: 15px;
        margin: 0 0 30px;
        line-height: 1.4;
        letter-spacing: 0.1px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block .properties-list {
    margin: 0 0 10px 65px;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .modal-block-holder .content-block .properties-list {
        margin: 0 0 10px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block .properties-list li {
    color: #ffd8a6;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.2;
    text-indent: -10px;
}
#hair-body-wrapper .modal-block-holder .content-block .properties-list li:before {
    content: "-";
    text-indent: -5px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .content-block .properties-list li {
        margin: 0 0 15px;
        font-size: 15px;
        letter-spacing: -0.5px;
    }
}
#hair-body-wrapper .modal-block-holder .content-block .btn-wrap {
    width: 100%;
    display: flex;
    margin: auto 0 0;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder .content-block .btn-wrap {
        justify-content: center;
    }
}
#hair-body-wrapper .modal-block-holder .content-block .btn-wrap .btn {
    padding: 10px 24px;
    background: #fff;
    border: 2px solid;
    text-transform: uppercase;
    letter-spacing: 2px;
    min-width: 108px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
}
#hair-body-wrapper .modal-block-holder.light-blue-beige {
    background: #ffd8a6;
}
#hair-body-wrapper .modal-block-holder.light-blue-beige .content-block {
    background: #9cdced;
}
#hair-body-wrapper .modal-block-holder.light-blue-beige .close-btn {
    color: #fe70cc;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.light-blue-beige .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.light-blue-beige .title,
#hair-body-wrapper .modal-block-holder.light-blue-beige .properties-list li,
#hair-body-wrapper .modal-block-holder.light-blue-beige .btn {
    color: #fe70cc;
}
#hair-body-wrapper .modal-block-holder.light-blue-beige .btn:hover {
    background: #fe70cc;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.light-blue-beige .decor {
    width: 130px;
    right: 78px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.light-blue-beige .decor {
        transform: rotate(210deg);
        width: 110px;
        right: 20px;
        bottom: 60px;
    }
}
#hair-body-wrapper .modal-block-holder.light-green {
    background: #ffd8a6;
}
#hair-body-wrapper .modal-block-holder.light-green .content-block {
    background: #e0e43f;
}
#hair-body-wrapper .modal-block-holder.light-green .close-btn {
    color: #fe70cc;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.light-green .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.light-green .title,
#hair-body-wrapper .modal-block-holder.light-green .properties-list li {
    color: #ff9288;
}
#hair-body-wrapper .modal-block-holder.light-green .btn {
    color: #ff9288;
    border: 2px solid #ff9288;
}
#hair-body-wrapper .modal-block-holder.light-green .btn:hover {
    background: #ff9288;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.light-green .decor {
    right: 80px;
    width: 160px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.light-green .decor {
        right: 7px;
        width: 125px;
        bottom: 5px;
    }
}
#hair-body-wrapper .modal-block-holder.green-pinks {
    background: #ffd8a6;
}
#hair-body-wrapper .modal-block-holder.green-pinks .content-block {
    background: #b2f600;
}
#hair-body-wrapper .modal-block-holder.green-pinks .close-btn {
    color: #fe70cc;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.green-pinks .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.green-pinks .title,
#hair-body-wrapper .modal-block-holder.green-pinks .properties-list li {
    color: #fe70cc;
}
#hair-body-wrapper .modal-block-holder.green-pinks .btn {
    color: #fe70cc;
    border: 2px solid #fe70cc;
}
#hair-body-wrapper .modal-block-holder.green-pinks .btn:hover {
    background: #fe70cc;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.green-pinks .decor {
    width: 130px;
    top: 374px;
    right: 35px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.green-pinks .decor {
        transform: rotate(-88deg);
        width: 123px;
        bottom: 42px;
        right: 14px;
    }
}
#hair-body-wrapper .modal-block-holder.purple-blue {
    background: #ffd8a6;
}
#hair-body-wrapper .modal-block-holder.purple-blue .content-block {
    background: #c27bec;
}
#hair-body-wrapper .modal-block-holder.purple-blue .close-btn {
    color: #9edbec;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.purple-blue .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.purple-blue .title,
#hair-body-wrapper .modal-block-holder.purple-blue .properties-list li {
    color: #9edbec;
}
#hair-body-wrapper .modal-block-holder.purple-blue .btn {
    color: #fe70cc;
    border: 2px solid #fe70cc;
}
#hair-body-wrapper .modal-block-holder.purple-blue .btn:hover {
    background: #fe70cc;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.purple-blue .decor {
    width: 130px;
    top: 374px;
    right: 35px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.purple-blue .decor {
        transform: rotate(-88deg);
        width: 123px;
        bottom: 42px;
        right: 14px;
    }
}
#hair-body-wrapper .modal-block-holder.pink-beige {
    background: #ffd8a6;
}
#hair-body-wrapper .modal-block-holder.pink-beige .content-block {
    background: #ff9288;
}
#hair-body-wrapper .modal-block-holder.pink-beige .close-btn {
    color: #fec289;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.pink-beige .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.pink-beige .title,
#hair-body-wrapper .modal-block-holder.pink-beige .properties-list li {
    color: #fec289;
}
#hair-body-wrapper .modal-block-holder.pink-beige .btn {
    color: #fec289;
    border: 2px solid #fec289;
}
#hair-body-wrapper .modal-block-holder.pink-beige .btn:hover {
    background: #fec289;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.pink-beige .decor {
    width: 225px;
    top: 357px;
    right: 35px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.pink-beige .decor {
        transform: rotate(-88deg);
        width: 117px;
        bottom: 42px;
        right: 14px;
    }
}
#hair-body-wrapper .modal-block-holder.pink-yellow {
    background: #04b3e6;
}
#hair-body-wrapper .modal-block-holder.pink-yellow .content-block {
    background: #ff9ca7;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.pink-yellow .content-block .content-holder {
        padding-bottom: 50px;
    }
}
#hair-body-wrapper .modal-block-holder.pink-yellow .close-btn {
    color: #9edbec;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.pink-yellow .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.pink-yellow .title,
#hair-body-wrapper .modal-block-holder.pink-yellow .properties-list li {
    color: #fff200;
}
#hair-body-wrapper .modal-block-holder.pink-yellow .btn {
    color: #fff200;
    border: 2px solid #fff200;
}
#hair-body-wrapper .modal-block-holder.pink-yellow .btn:hover {
    background: #fff200;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.pink-yellow .decor {
    width: 145px;
    right: 20px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.pink-yellow .decor {
        width: 124px;
        right: 13px;
    }
}
#hair-body-wrapper .modal-block-holder.pink-yelow {
    background: #04b3e6;
}
#hair-body-wrapper .modal-block-holder.pink-yelow .content-block {
    background: #fe70cc;
}
#hair-body-wrapper .modal-block-holder.pink-yelow .close-btn {
    color: #d4f446;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.pink-yelow .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.pink-yelow .title,
#hair-body-wrapper .modal-block-holder.pink-yelow .properties-list li {
    color: #d4f446;
}
#hair-body-wrapper .modal-block-holder.pink-yelow .btn {
    color: #d4f446;
    border: 2px solid #d4f446;
}
#hair-body-wrapper .modal-block-holder.pink-yelow .btn:hover {
    background: #d4f446;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.pink-yelow .decor {
    width: 143px;
    bottom: 40px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.pink-yelow .decor {
        bottom: 0;
    }
}
#hair-body-wrapper .modal-block-holder.light-blue-pink {
    background: #04b3e6;
}
#hair-body-wrapper .modal-block-holder.light-blue-pink .content-block {
    background: #9edbec;
}
#hair-body-wrapper .modal-block-holder.light-blue-pink .close-btn {
    color: #fe70cc;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.light-blue-pink .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.light-blue-pink .title,
#hair-body-wrapper .modal-block-holder.light-blue-pink .properties-list li {
    color: #fe70cc;
}
#hair-body-wrapper .modal-block-holder.light-blue-pink .btn {
    color: #fe70cc;
    border: 2px solid #fe70cc;
}
#hair-body-wrapper .modal-block-holder.light-blue-pink .btn:hover {
    background: #fe70cc;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.light-blue-pink .decor {
    width: 143px;
    bottom: 40px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.light-blue-pink .decor {
        bottom: 0;
    }
}
#hair-body-wrapper .modal-block-holder.beige-green {
    background: #04b3e6;
}
#hair-body-wrapper .modal-block-holder.beige-green .content-block {
    background: #ffd8a6;
}
#hair-body-wrapper .modal-block-holder.beige-green .close-btn {
    color: #83df6b;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.beige-green .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.beige-green .title,
#hair-body-wrapper .modal-block-holder.beige-green .properties-list li {
    color: #83df6b;
}
#hair-body-wrapper .modal-block-holder.beige-green .btn {
    color: #83df6b;
    border: 2px solid #83df6b;
}
#hair-body-wrapper .modal-block-holder.beige-green .btn:hover {
    background: #83df6b;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.beige-green .decor {
    width: 172px;
    bottom: 75px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.beige-green .decor {
        bottom: 50px;
        right: 10px;
        width: 125px;
    }
}
#hair-body-wrapper .modal-block-holder.green-yellow {
    background: #04b3e6;
}
#hair-body-wrapper .modal-block-holder.green-yellow .content-block {
    background: #83df6b;
}
#hair-body-wrapper .modal-block-holder.green-yellow .close-btn {
    color: #fff200;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.green-yellow .close-btn {
        color: #fff;
    }
}
#hair-body-wrapper .modal-block-holder.green-yellow .title,
#hair-body-wrapper .modal-block-holder.green-yellow .properties-list li {
    color: #fff200;
}
#hair-body-wrapper .modal-block-holder.green-yellow .btn {
    color: #fff200;
    border: 2px solid #fff200;
}
#hair-body-wrapper .modal-block-holder.green-yellow .btn:hover {
    background: #fff200;
    color: #fff;
}
#hair-body-wrapper .modal-block-holder.green-yellow .decor {
    width: 230px;
    bottom: 65px;
    right: 65px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .modal-block-holder.green-yellow .decor {
        right: 0;
        width: 180px;
        bottom: 0;
    }
}
#hair-body-wrapper .recycle-section {
    background: #81ec65;
}
#hair-body-wrapper .recycle-section.pink {
    background: #ff70cc;
}
#hair-body-wrapper .recycle-section .recycle-block.ltyellow {
    background: #fbe97f;
}
#hair-body-wrapper .recycle-section .recycle-block.ltyellow .subtitle {
    color: #ff7cd5;
}
#hair-body-wrapper .recycle-section .recycle-block.blues {
    background: #9edbec;
}
#hair-body-wrapper .recycle-section .recycle-block.blues .subtitle {
    color: #f8b5dd;
}
#hair-body-wrapper .recycle-section .recycle-block.yels {
    background: #e2e729;
}
#hair-body-wrapper .recycle-section .recycle-block.yels .subtitle {
    color: #9cdced;
}
#hair-body-wrapper .recycle-section.pink .recycle-block,
#hair-body-wrapper .recycle-section.yels .recycle-block {
    padding: 35px 30px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section.pink .recycle-block,
    #hair-body-wrapper .recycle-section.yels .recycle-block {
        padding: 15px 30px;
    }
}
@media (max-width: 1023px) {
    #hair-body-wrapper .recycle-section.pink .recycle-block .title,
    #hair-body-wrapper .recycle-section.yels .recycle-block .title {
        font-size: 16px;
        margin: 0 0 45px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section.pink .recycle-block .title,
    #hair-body-wrapper .recycle-section.yels .recycle-block .title {
        margin: 0 0 60px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section.pink .recycle-block .title:after,
    #hair-body-wrapper .recycle-section.yels .recycle-block .title:after {
        bottom: -20px;
    }
}
#hair-body-wrapper .recycle-section.pink .recycle-block .subtitle,
#hair-body-wrapper .recycle-section.yels .recycle-block .subtitle {
    margin: 0 0 17px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section.pink .recycle-block .subtitle,
    #hair-body-wrapper .recycle-section.yels .recycle-block .subtitle {
        margin: 0 0 10px;
    }
}
@media (max-width: 1023px) {
    #hair-body-wrapper .recycle-section.pink .recycle-block .img-boxes-wrap,
    #hair-body-wrapper .recycle-section.yels .recycle-block .img-boxes-wrap {
        align-items: flex-start;
    }
}
#hair-body-wrapper .recycle-section .df-row {
    margin: 0;
}
#hair-body-wrapper .recycle-section .recycle-heading {
    padding: 30px 0;
}
#hair-body-wrapper .recycle-section .recycle-heading .title {
    color: #fff;
    text-align: center;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 55px;
    margin: 0 0 5px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section .recycle-heading .title {
        font-size: 25px;
        padding: 0 15px;
        line-height: 30px;
    }
    #hair-body-wrapper .recycle-section .recycle-heading .title span {
        display: block;
    }
}
#hair-body-wrapper .recycle-section .recycle-heading .subtitle {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 3.2px;
    display: block;
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section .recycle-heading .subtitle {
        font-size: 16px;
    }
}
#hair-body-wrapper .recycle-section .recycle-block {
    background: #ffd8a6;
    padding: 50px 30px;
    min-height: 790px;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .recycle-section .recycle-block {
        padding: 25px 30px;
        min-height: 430px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section .recycle-block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
#hair-body-wrapper .recycle-section .recycle-block.pink {
    background: #ff9ca7;
}
#hair-body-wrapper .recycle-section .recycle-block.pink .subtitle {
    color: #ffd8a6;
}
#hair-body-wrapper .recycle-section .recycle-block.green {
    background: #81ec65;
}
#hair-body-wrapper .recycle-section .recycle-block.green .subtitle {
    color: #fff200;
}
#hair-body-wrapper .recycle-section .recycle-block.yellow {
    background: #e2e729;
}
#hair-body-wrapper .recycle-section .recycle-block.yellow .subtitle {
    color: #ff7cd5;
}
#hair-body-wrapper .recycle-section .recycle-block.pink-2 {
    background: #f8b5dd;
}
#hair-body-wrapper .recycle-section .recycle-block.pink-2 .subtitle {
    color: #04b3e6;
}
#hair-body-wrapper .recycle-section .recycle-block .title {
    position: relative;
    color: #fff;
    text-align: center;
    margin: 0 0 85px;
    text-transform: uppercase;
    font-size: 32px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 2.5px;
    width: 100%;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .recycle-section .recycle-block .title {
        font-size: 16px;
        margin: 0 0 30px;
        line-height: 1.2;
    }
}
#hair-body-wrapper .recycle-section .recycle-block .title:after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 0;
    height: 2px;
    background: #fff;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .recycle-section .recycle-block .title:after {
        bottom: -25px;
    }
}
#hair-body-wrapper .recycle-section .recycle-block .subtitle {
    color: #ff9ca7;
    text-align: center;
    display: block;
    margin: 0 0 17px;
    font-size: 25px;
    font-family: Lineto Brown Bold, Brown-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 1023px) {
    #hair-body-wrapper .recycle-section .recycle-block .subtitle {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section .recycle-block .subtitle {
        order: 3;
        margin: 0;
        font-size: 16px;
    }
}
#hair-body-wrapper .recycle-section .recycle-block .img-boxes-wrap {
    display: flex;
    justify-content: center;
    min-height: 440px;
    align-items: flex-end;
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section .recycle-block .img-boxes-wrap {
        min-height: auto;
        margin: 0 0 35px;
        align-items: center;
    }
}
#hair-body-wrapper .recycle-section .recycle-block .img-boxes-wrap .img-box {
    max-width: 300px;
    padding: 0 30px;
}
@media (max-width: 767px) {
    #hair-body-wrapper .recycle-section .recycle-block .img-boxes-wrap .img-box {
        max-width: 210px;
    }
}
@media (max-width: 479px) {
    #hair-body-wrapper .recycle-section .recycle-block .img-boxes-wrap .img-box:nth-child(2) {
        display: none;
    }
}
.sm-br {
    display: block;
}
@media (min-width: 768px) {
    .sm-br {
        display: inline;
    }
}
#hair-body-wrapper #koffie-modal.modal-block-holder .modal-block .close-btn {
    top: 30px;
}
/*# sourceMappingURL=/s/files/1/0209/8446/t/220/assets/hairbody.scss.css.map */