/** Shopify CDN: Minification failed

Line 17890:25 Expected ":"

**/
* {
    margin: 0;
}

/*

html,
body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    scroll-behavior: smooth;
    width: 100%;
}

*/

body {
    background: #FFFFFF;
    color: #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: subpixel-antialiased;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    overflow-x: hidden;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
    width: 100%;
}

body.overflow,
body.active {
    overflow: hidden;
}

h1 {
    font-family: 'Inter', sans-serif;
}

h1.one {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.02625em;
    line-height: 35px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h1.one {
        font-size: 28px;
        line-height: 33px;
        -moz-text-stroke-width: 0.15px;
        -webkit-text-stroke-width: 0.15px;
    }
}

@media screen and (max-width: 900px) {
    h1.one {
        font-size: 26px;
        line-height: 31px;
    }
}

@media screen and (max-width: 750px) {
    h1.one {
        font-size: 24px;
        line-height: 29px;
    }
}

h1.two {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.02125em;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h1.two {
        font-size: 20px;
        line-height: 26px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h1.three {
    font-size: 1.2125em;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h1.three {
        font-size: 1.2875em;
        letter-spacing: -0.02125em;
        line-height: 25px;
        -moz-text-stroke-width: 0.1125px;
        -webkit-text-stroke-width: 0.1125px;
    }
}

h1.three span {
    display: block;
}

h1.three span span {
    display: inline-block;
}

h1.four {
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 23px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h1.four {
        font-size: 17px;
        letter-spacing: -0.02125em;
        line-height: 23px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h1.five {
    font-size: 1.025em;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h1.five {
        font-size: 16px;
        line-height: 21px;
    }
}

h1.five span {
    display: block;
}

h1.five span.one {
    color: #F1E87C;
}

h1.six {
    font-size: 0.975em;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.4125em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h1.six {
        font-size: 1.025em;
        line-height: 1.4625em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

h1.alt {
    color: #F3F3F4;
}

h2 {
    font-family: 'Inter', sans-serif;
}

h2.one {
    font-size: 23px;
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 29px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h2.one {
        font-size: 22px;
        line-height: 28px;
        -moz-text-stroke-width: 0.1625px;
        -webkit-text-stroke-width: 0.1625px;
    }
}

@media screen and (max-width: 750px) {
    h2.one {
        font-size: 21px;
        line-height: 27px;
    }
}

h2.two {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.01875em;
    line-height: 24px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.0625px;
    -webkit-text-stroke-width: 0.0625px;
}

@media screen and (max-width: 1025px) {
    h2.two {
        font-size: 19px;
        line-height: 25px;
        -moz-text-stroke-width: 0.125px;
        -webkit-text-stroke-width: 0.125px;
    }
}

h2.three {
    font-size: 1.0875em;
    font-weight: 500;
    letter-spacing: -0.02125em;
    line-height: 1.4125em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h2.three {
        font-size: 1.1em;
        -moz-text-stroke-width: 0.125px;
        -webkit-text-stroke-width: 0.125px;
    }
}

@media screen and (max-width: 600px) {
    h2.three {
        font-size: 1.15em;
        -moz-text-stroke-width: 0.13875px;
        -webkit-text-stroke-width: 0.13875px;
    }
}

@media screen and (max-width: 425px) {
    h2.three {
        font-size: 1.1em;
        -moz-text-stroke-width: 0.125px;
        -webkit-text-stroke-width: 0.125px;
    }
}

h2.four {
    font-size: 0.975em;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.4125em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h2.four {
        font-size: 1.025em;
        line-height: 1.4625em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

h2.four span {
    display: block;
}

h2.five {
    font-size: 0.8875em;
    font-weight: 500;
    letter-spacing: -0.0175em;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h2.five {
        font-size: 0.925em;
        letter-spacing: -0.01875em;
        -moz-text-stroke-width: 0.025px;
        -webkit-text-stroke-width: 0.025px;
    }
}

h2.six {
    font-size: calc(50px);
    font-weight: 700;
    letter-spacing: -0.065em;
    line-height: 1em;
}

h2.alt {
    color: #F3F3F4;
}

h2.three.alt span {
    display: block;
}

h2.alt span {
    color: rgba(255, 255, 255, 0.5);
    display: block;
}

h3 {
    font-family: 'Inter', sans-serif;
}

h3.one {
    font-size: 1.075em;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 22px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h3.one {
        font-size: 1.125em;
        line-height: 23px;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
    }
}

h3.two {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 21px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h3.two {
        font-size: 1.0375em;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
    }
}

h3.three {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.375em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h3.three {
        line-height: 1.3875em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h3.four {
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: -0.0175em;
    line-height: 1.3625em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h3.four {
        font-size: 0.925em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

h3.five {
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: -0.0175em;
    line-height: 1.3625em;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.0625px;
    -webkit-text-stroke-width: 0.0625px;
}

@media screen and (max-width: 1025px) {
    h3.five {
        font-size: 14px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h3.six {
    font-size: 0.8375em;
    font-weight: 400;
    letter-spacing: -0.0175em;
    line-height: 1.475em;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    h3.six {
        font-size: 13px;
        -moz-text-stroke-width: 0.15px;
        -webkit-text-stroke-width: 0.15px;
    }
}

h3.seven {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02625em;
    line-height: 25px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    h3.seven {
        font-size: 22px;
        line-height: 23px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h3.eight {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.01875em;
    line-height: 21px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    h3.eight {
        font-size: 16px;
        line-height: 20px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h3.nine {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.01875em;
    line-height: 18px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    h3.nine {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h3.ten {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.01875em;
    line-height: 16px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    h3.ten {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h3.margin {
    margin: 0;
}

h3.alt {
    color: #F3F3F4;
}

h3.alt span {
    display: block;
}

h4 {
    font-family: 'Inter', sans-serif;
}

h4.one {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1.3875em;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    h4.one {
        font-size: 0.975em;
        line-height: 22px;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

h4.one.alt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1.375em;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    h4.one.alt {
        line-height: 1.3875em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h4.one span {
    display: block;
}

h4.two {
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 19px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    h4.two {
        font-size: 14px;
        -moz-text-stroke-width: 0.15px;
        -webkit-text-stroke-width: 0.15px;
    }
}

h4.two.alt {
    font-weight: 500;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    h4.two.alt {
        -moz-text-stroke-width: 0.15px;
        -webkit-text-stroke-width: 0.15px;
    }
}

h4.three {
    float: left;
    font-size: 0.8375em;
    font-weight: 400;
    letter-spacing: -0.0175em;
    line-height: 21px;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 1025px) {
    h4.three {
        font-size: 0.875em;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

h4.three.alt {
    font-weight: 500;
    line-height: 17px;
    line-height: 1.3625em;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    h4.three.alt {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h4.four {
    font-size: 0.775em;
    font-weight: 400;
    letter-spacing: -0.01375em;
    line-height: 17px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    h4.four {
        font-size: 12px;
    }
}

h4.four.alt {
    font-weight: 500;
    line-height: 17px;
    line-height: 1.36125em;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    h4.four.alt {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

h5 {
    font-family: 'Inter', sans-serif;
}

h5.one {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.01375em;
    line-height: 1.3625em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    h5.one {
        font-size: 14px;
        letter-spacing: -0.015em;
        line-height: 21px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

h5.two {
    font-size: 0.8375em;
    font-weight: 400;
    letter-spacing: -0.01375em;
    line-height: 19px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

h5.three {
    font-size: 0.675em;
    font-weight: 400;
    letter-spacing: -0.0175em;
    line-height: 14px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 1025px) {
    h5.three {
        font-size: 0.725em;
        line-height: 15px;
        letter-spacing: -0.01625em;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

h5.alt {
    color: #F3F3F4;
}

p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.015em;
    line-height: 21px;
    margin: 0 0 20px;
}

@media screen and (max-width: 1025px) {
    p {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.05625px;
        -webkit-text-stroke-width: 0.05625px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

p.large.one {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.0225em;
    line-height: 1.4125em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    p.large.one {
        font-size: 17px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

p.large.two {
    font-size: 1.075em;
    font-weight: 500;
    letter-spacing: -0.0225em;
    line-height: 1.39375em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    p.large.two {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

p.large.three {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.0175em;
    line-height: 1.35em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    p.large.three {
        letter-spacing: -0.017875em;
        line-height: 1.39375em;
        -moz-text-stroke-width: 0.01125px;
        -webkit-text-stroke-width: 0.01125px;
        transform: none;
        -webkit-transform: none;
        transform-origin: center;
        -webkit-transform-origin: center;
    }
}

p.large.four {
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.45em;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 1025px) {
    p.large.four {
        font-size: 0.95em;
        transform: none;
        -webkit-transform: none;
        transform-origin: center;
        -webkit-transform-origin: center;
    }
}

p.small.one {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.02125em;
    line-height: 21px;
    margin: 0 0 20px;
}

@media screen and (max-width: 1025px) {
    p.small.one {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

p.small.two {
    font-size: 0.9125em;
    font-weight: normal;
    letter-spacing: -0.01625em;
    line-height: 1.5375em;
    margin: 0 0 20px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    p.small.two {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
        transform: scale(0.975);
        -webkit-transform: scale(0.975);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

p.small.three {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.015em;
    line-height: 19px;
    margin: 0 0 20px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    p.small.three {
        font-size: 14px;
        letter-spacing: -0.01625em;
        line-height: 20px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

p.small.four {
    font-size: 0.8375em;
    font-weight: normal;
    letter-spacing: -0.01375em;
    line-height: 1.55em;
    margin: 0 0 20px;
    -moz-text-stroke-width: 0.01px;
    -webkit-text-stroke-width: 0.01px;
}

@media screen and (max-width: 1025px) {
    p.small.four {
        font-size: 0.875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

p.small.five {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -0.01375em;
    line-height: 1.475em;
    margin: 0 0 20px;
}

@media screen and (max-width: 1025px) {
    p.small.five {
        font-size: 0.825em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

p.small.six {
    font-size: 0.75em;
    font-weight: normal;
    letter-spacing: -0.01375em;
    line-height: 1.5em;
    margin: 0 0 20px;
}

@media screen and (max-width: 1025px) {
    p.small.six {
        font-size: 12px;
    }
}

p.small.seven {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -0.01375em;
    line-height: 14px;
    margin: 0 0 20px;
}

p.margin {
    margin: 0 !important;
}

p.alt {
    color: #F3F3F4;
}

p span {
    display: block;
}

p span span {
    display: inline-block;
    font-size: 8px;
    margin: 0 12px;
    position: relative;
    top: -2px;
}

strong {
    font-weight: 500 !important;
}

p strong {
    font-weight: normal !important;
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

a,
img {
    border: none;
}

.link {
    border-bottom: 1px solid #757576;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 900px) {
    .link span {
        display: block;
    }
}

.link:hover {
    border-bottom: 1px solid #F1E87C !important;
    color: #F1E87C;
}

.link.alt {
    border-bottom: 1px solid #FFFFFF;
}

.link.alt:hover {
    border-bottom: 1px solid #F1E87C !important;
}

.anchor {
    display: block;
    float: left;
    margin: -190px 0 0;
    padding: 190px 0 0;
    position: relative;
    visibility: hidden;
    width: 0;
}

@media screen and (max-width: 900px) {
    .anchor {
        margin: -165px 0 0;
        padding: 165px 0 0;
    }
}

.anchor.alt {
    margin: -175px 0 0;
    padding: 175px 0 0;
}

@media screen and (max-width: 900px) {
    .anchor.alt {
        margin: -165px 0 0;
        padding: 165px 0 0;
    }
}

.anchor.three {
    margin: -126px 0 0;
    padding: 126px 0 0;
}

@media screen and (max-width: 1025px) {
    .anchor.three {
        margin: -120px 0 0;
        padding: 120px 0 0;
    }
}

.anchor.four {
    margin: -125px 0 0;
    padding: 125px 0 0;
}

@media screen and (max-width: 1025px) {
    .anchor.four {
        margin: -120px 0 0;
        padding: 120px 0 0;
    }
}

.anchor.five {
    margin: -125px 0 0;
    padding: 125px 0 0;
}

@media screen and (max-width: 1025px) {
    .anchor.five {
        margin: -100px 0 0;
        padding: 100px 0 0;
    }
}

.anchor.six {
    margin: -35px 0 0;
    padding: 35px 0 0;
}

@media screen and (max-width: 1350px) {
    .anchor.six {
        margin: -75px 0 0;
        padding: 75px 0 0;
    }
}

@media screen and (max-width: 1025px) {
    .anchor.six {
        margin: -70px 0 0;
        padding: 70px 0 0;
    }
}

.anchor.seven {
    margin: -90px 0 0;
    padding: 90px 0 0;
}

@media screen and (max-width: 1025px) {
    .anchor.seven {
        margin: -85px 0 0;
        padding: 85px 0 0;
    }
}

ul,
ol {
    padding: 0;
    vertical-align: top;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

form {
    float: left;
    position: relative;
    width: 100%;
}

form .fields {
    float: left;
    width: 100%;
}

form .h-captcha {
    float: left;
    width: 100%;
}

form input,
form select,
form textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 1px solid #F2F2F3;
    border-radius: 12px;
    box-sizing: border-box;
    color: #101820 !important;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 65px;
    letter-spacing: -0.01375em;
    line-height: 26px;
    outline: none;
    padding: 16px 22px 0;
    position: relative;
    resize: none;
    text-align: left;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    form input,
    form select,
    form textarea {
        font-size: 16px;
        height: 68px;
        letter-spacing: -0.015em;
        transform: scale(0.9375);
        -webkit-transform: scale(0.9375);
        transform-origin: left center;
        -webkit-transform-origin: left center;
        width: 106.6666%;
    }
}

@media screen and (max-width: 750px) {
    form input,
    form select,
    form textarea {
        padding: 17px 20px 0;
    }
}

form textarea {
    height: auto;
    padding: 0 0 7px;
}

form.alt input,
form.alt select,
form.alt textarea {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #F3F3F4 !important;
}

form input::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}

form input::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
   	color: rgba(16, 24, 32, 0.5) !important;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

form input::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder {
    color: rgba(16, 24, 32, 1) !important;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

form input:-ms-input-placeholder,
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    color: rgba(16, 24, 32, 0.5) !important;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

form select option {
    color: #101820;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    text-transform: capitalize;
}

form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form input:-webkit-autofill:active  {
    background-color: #FFFFFF !important;
    background-clip: content-box !important;
    border: 1px solid #F2F2F3 !important;
    border-radius: 12px !important;
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
    -webkit-text-fill-color: #101820 !important;
}

@media screen and (max-width: 1025px) {
    form input:-webkit-autofill,
    form input:-webkit-autofill:hover,
    form input:-webkit-autofill:focus,
    form input:-webkit-autofill:active  {
        -moz-text-stroke-width: 0.1px !important;
        -webkit-text-stroke-width: 0.1px !important;
    }
}


form.alt input:-webkit-autofill,
form.alt input:-webkit-autofill:hover,
form.alt input:-webkit-autofill:focus,
form.alt input:-webkit-autofill:active  {
    background-color: #101820 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;

    -webkit-box-shadow: 0 0 0px 1000px #101820 inset !important;
    -webkit-text-fill-color: #F3F3F4 !important;

}

form button {
    background: none;
    border: 0;
    border-radius: 0;
    color: #101820;
    float: right !important;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    margin: 25px 0 0;
    padding: 0;
    outline: none;
}

form .dropdown i {
    font-size: 17px;
    position: absolute;
    right: 10px;
    top: 2px;
    top: 10px;
}

form label {
    color: rgba(16, 24, 32, 0.65625);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 400;
    left: 23px;
    letter-spacing: -0.0125em;
    line-height: 13px;
    opacity: 1;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    visibility: visible;
    width: calc(100% - 46px);
    z-index: 1;
}

@media screen and (max-width: 1025px) {
    form label {
        font-size: 14px;
        line-height: 14px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

@media screen and (max-width: 750px) {
    form label {
        left: 19px;
        width: calc(100% - 38px);
    }
}

form.alt label {
    color: #757576;
}

form label span {
    color: rgba(16, 24, 32, 0.328125);
    float: right;
}

form label abbr,
form label .required {
    display: none;
}

form input:focus ~ label,
form select:focus ~ label,
form textarea:focus ~ label,
form input:not(:focus):valid ~ label,
form select:not(:focus):valid ~ label,
form textarea:not(:focus):valid ~ label {
    color: rgba(16, 24, 32, 0.65625);
    font-size: 11px;
    font-family: 'Inter', sans-serif;
    top: 22px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

form.alt input:focus ~ label,
form.alt select:focus ~ label,
form.alt textarea:focus ~ label,
form.alt input:not(:focus):valid ~ label,
form.alt select:not(:focus):valid ~ label,
form.alt textarea:not(:focus):valid ~ label {
    color: #757576;
}

form :required {
    box-shadow: none !important;
}

form .fields .input,
form .fields .select,
form .fields .textarea,
form .fields .checkbox {
    float: left;
    position: relative;
}

form .fields .checkbox {
    cursor: pointer;
}

form .fields .input.one,
form .fields .select.one,
form .fields .textarea.one,
form .fields .checkbox.one {
    margin: 0 0 16px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    form .fields .input.one,
    form .fields .select.one,
    form .fields .textarea.one,
    form .fields .checkbox.one {
        margin: 0 0 8px;
    }
}

form .fields .input.one.margin,
form .fields .select.one.margin,
form .fields .textarea.one.margin,
form .fields .checkbox.one.margin {
    margin: 0;
}

form .fields .input.two,
form .fields .select.two {
    margin: 0 16px 16px 0;
    width: calc(50% - 8px);
}

@media screen and (max-width: 1025px) {
    form .fields .input.two,
    form .fields .select.two {
        margin: 0 12px 8px 0;
        width: calc(50% - 6px);
    }
}

@media screen and (max-width: 1025px) {
    form .fields .input.two.alt {
        margin: 0 0 8px;
        width: 100%;
    }
}

form .fields .input.two.last,
form .fields .select.two.last {
    margin: 0 0 16px;
}

@media screen and (max-width: 1025px) {
    form .fields .input.two.last,
    form .fields .select.two.last {
        margin: 0 0 8px;
    }
}

form .fields .input.three,
form .fields .select.three {
    margin: 0 15px 16px 0;
    width: calc(33.3333% - 10px);
}

@media screen and (max-width: 1025px) {
    form .fields .input.three,
    form .fields .select.three {
        margin: 0 12px 8px 0;
        width: calc(50% - 6px);
    }
}

form .fields .input.three.last,
form .fields .select.three.last {
    margin: 0 0 16px;
}

@media screen and (max-width: 1025px) {
    form .fields .input.three.last,
    form .fields .select.three.last {
        margin: 0 0 8px;
    }
}

@media screen and (max-width: 1025px) {
    form .fields .input.three.alt {
        margin: 0 0 8px;
    }
}

@media screen and (max-width: 1025px) {
    form .fields .select.three {
        margin: 0 0 8px;
        width: 100%;
    }
}

form .fields .select:after {
    content: '\f106';
    font-family: 'icons';
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

form .fields .select.alt:after {
    content: '\f105';
}

form .fields .input .icon.show {
    cursor: pointer;
    font-size: 18px;
    height: 38px;
    line-height: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 28px;
    z-index: 50;
}

form .fields .input .icon.show i {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

form .fields .input .icon.show:hover {
    color: #F1E87C;
}

form .fields .checkbox .icon {
    float: left;
    height: 14px;
    margin: 0 7px 0 0;
    width: 14px;
}

form .fields .checkbox .icon i {
    font-size: 14px;
    left: 0;
    position: absolute;
    top: -3px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

form .fields .checkbox .icon i.icons8-circled {
    opacity: 1;
    z-index: 1;
}

form .fields .checkbox .icon i.icons8-ok {
    opacity: -1;
    z-index: -1;
}

form .fields .checkbox.active .icon i.icons8-circled {
    opacity: 0;
    z-index: -1;
}

form .fields .checkbox.active .icon i.icons8-ok {
    opacity: 1;
    z-index: 1;
}

form .fields .checkbox .text {
    float: left;
    width: calc(100% - 21px);
}

.space {
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.prompt {
    background: #101820;
    border-bottom: 1px solid #101820;
    box-sizing: border-box;
    color: #FFFFFF;
    float: left;
    height: 69px;
    width: 100%;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    z-index: 750;
}

.prompt .container {
    float: left;
    height: 100%;
    margin: 0 25%;
    overflow: hidden;
    text-align: center;
    touch-action: pan-y;
    width: 50%;
}

@media screen and (max-width: 1025px) {
    .prompt .container {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.prompt .slider {
    float: left;
    height: 100%;
    width: 100%;
}

.prompt .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100% !important;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    -webkit-transition-property: transform;
    width: 100%;
    z-index: 1;
}

.prompt .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    list-style: none;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
}

.prompt .slider .slides .slide .content {
    float: left;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .prompt .slider .slides .slide .content {
        top: calc(50% + 1px);
    }
}

.prompt .slider .slides .slide .content .title {
    float: left;
    font-size: 0.775em;
    font-weight: 500;
    letter-spacing: -0.0025em;
    line-height: 16px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .prompt .slider .slides .slide .content .title {
        font-size: 0.7875em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.prompt .slider .slides .slide .content.one .title span.one {
    display: block !important;
}

.prompt .slider .slides .slide .content.one .title span.two {
    display: none !important;
}

.prompt .slider .slides .slide .content.two .title span.one {
    display: none !important;
}

.prompt .slider .slides .slide .content.two .title span.two {
    display: block !important;
}

.prompt .slider .slides .slide .content .text {
    float: left;
    font-size: 0.775em;
    letter-spacing: -0.015em;
    line-height: 18px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .prompt .slider .slides .slide .content .text {
        font-size: 0.7875em;
        letter-spacing: -0.01em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.prompt .slider .slides .slide .content .text .two {
    display: none;
}

.prompt .slider .slides .slide .content .text .two.active {
    display: inline-block;
}

.prompt .slider .slides .slide .content.one .text span span.one {
    display: block !important;
}

.prompt .slider .slides .slide .content.one .text span span.two {
    display: none !important;
}

.prompt .slider .slides .slide .content.two .text span span.one {
    display: none !important;
}

.prompt .slider .slides .slide .content.two .text span span.two {
    display: block !important;
}

header {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    display: flex;
    float: left;
    height: 75px;
    justify-content: center;
    opacity: 1;
	position: sticky;
    position: -webkit-sticky;
    left: 0;
    top: 0;
    transition: background 0.1s ease 0s;
    -webkit-transition: background 0.1s ease 0s;
  	width: 100%;
	z-index: 1000;
}

@media screen and (max-width: 1025px) {
    header {
        background: rgba(255, 255, 255, 1);
        height: 70px;
    }
}

@media screen and (max-width: 900px) {
    header {
        display: block;
    }
}

.error header {
    border-bottom: 1px solid #F7F7F8;
}

.scroll header,
.hover header {
    background: rgba(255, 255, 255, 1) !important;
}

.home.scroll header,
.post.scroll.one header  {
    border-bottom: 1px solid #F7F7F8;
}

.shop.collection.scroll.two header {
    border-bottom: 1px solid #FFFFFF;
}

.account.auth.scroll header {
    border-bottom: 1px solid #F7F7F8;
}

header .logo {
    float: left;
    height: 100%;
    left: 6.25%;
    padding: 0 50px 0 0;
    position: absolute;
    top: 0;
    z-index: 750;
}

@media screen and (max-width: 1025px) {
    header .logo {
        height: 70px;
    }
}

header .logo .container {
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    width: 92px;
}

.scroll header .logo .container {
    width: 87px;
}

@media screen and (max-width: 1025px) {
    header .logo .container {
        width: 87px !important;
    }
}

@media screen and (max-width: 1025px) {
    .scroll header .logo .container {
        width: 82px !important;
    }
}

header .logo a {
    float: left;
    width: 100%;
}

header .logo img {
    float: left;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    width: 100%;
}

header .logo img.one {
    opacity: 1;
    z-index: 1;
}

header .logo img.two {
    opacity: 0;
    z-index: -1;
}

header .menu.icons {
    font-size: 14px;
    height: 100%;
    padding: 0 0 0 50px;
    position: absolute;
    right: 6.25%;
    text-align: right;
    top: 0;
    z-index: 500;
}

@media screen and (max-width: 1025px) {
    header .menu.icons {
        height: 70px !important;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icons {
        right: calc(6.25% + 70px);
    }
}

header .menu.icons .container {
    height: 100%;
}

header .menu.icons .bag,
header .menu.icons .account.alt,
header .menu.icons .search.alt,
header .menu.icons .currency.alt {
    bottom: auto;
    cursor: pointer;
    float: right;
    height: 100%;
    left: auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    visibility: visible;
    width: auto;
    z-index: auto;
}

.switch header .menu.icons .bag,
.switch header .menu.icons .account.alt,
.switch header .menu.icons .search.alt {
    opacity: 0;
    visibility: hidden;
}

header .menu.icons .bag {
    display: block;
    margin: 0 5px 0 55px;
}

@media screen and (max-width: 900px) {
    header .menu.icons .bag {
        margin: 0 5px 0 23px;
    }
}

header .menu.icons .bag:before {
    background: #F5F5F6;
    content: '';
    height: 35px;
    left: -30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 1px;
}

@media screen and (max-width: 900px) {
    header .menu.icons .bag:before {
        display: none;
    }
}

header .menu.icons .account.alt {
    margin: 0 0 0 22px;
}

@media screen and (max-width: 1025px) {
    header .menu.icons .account.alt {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icons .account.alt {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .us header .menu.icons .account.alt,
    .ca header .menu.icons .account.alt {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icons .account.alt .icon {
        font-size: 25px;
        margin: -13px 0 0;
    }
}

header .menu.icons .search.alt {
    margin: 0;
}

@media screen and (max-width: 900px) {
    header .menu.icons .bag,
    header .menu.icons .account.alt,
    header .menu.icons .search.alt {
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }
}

header .menu.icons .search.alt.one {
    display: block;
}

@media screen and (max-width: 900px) {
    header .menu.icons .search.alt.one {
        display: none;
    }
}

header .menu.icons .search.alt.two {
    display: none;
}

@media screen and (max-width: 900px) {
    header .menu.icons .search.alt.two {
        display: block;
    }
}

header .menu.icons .currency.alt {
    cursor: default;
    line-height: 75px;
    margin: 0 20px 0 0;
    padding: 0 11px 0 5px;
}

@media screen and (max-width: 1350px) {
    header .menu.icons .currency.alt {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    header .menu.icons .currency.alt {
        line-height: 70px;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icons .currency.alt {
        display: block;
    }
}

header .menu.icons .currency.alt .icon {
    float: left;
    margin: 0 8px 0 0;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 16px;
    z-index: 10;
}

header .menu.icons .currency.alt .icon img {
    float: left;
}

header .menu.icons .currency.alt .text {
    color: color: rgba(16, 24, 32, 1);
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.625em;
    font-weight: normal;
    letter-spacing: -0.015em;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    header .menu.icons .currency.alt .text {
        -moz-text-stroke-width: 0.125px;
        -webkit-text-stroke-width: 0.125px;
    }
}

header .menu.icons .currency.alt .background {
    background: rgba(251, 251, 252, 1);
    border-radius: 14px;
    height: 28px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
}

header .menu.icons a {
    float: right;
    height: 100%;
    position: relative;
}

header .menu.icons label {
    cursor: pointer;
    float: left;
    height: 100%;
    width: 100%;
}

header .menu.icons .icon {
    color: #101820;
    font-size: 24px;
    margin: -13px 0 0;
    position: relative;
    top: 50%;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

header .menu.icons .search.alt .icon {
    font-size: 24px;
}

@media screen and (max-width: 900px) {
    header .menu.icons .icon {
        margin: -14px 0 0;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icons .icon {
        font-size: 24px;
        margin: -12px 0 0;
    }
}

@media screen and (min-width: 1025px) {
    header .menu.icons .bag:hover .icon,
    header .menu.icons .account.alt:hover .icon,
    header .menu.icons .search.alt:hover .icon {
        color: #F1E87C !important;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icons .account.alt .icon {
        font-size: 25px;
        margin: -13px 0 0;
    }
}

header .menu.icons .bag .quantity {
    background: #101820;
    border-radius: 50%;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 8px;
    font-weight: normal;
    height: 17px;
    line-height: 16px;
    margin: -17px 0 0;
    position: absolute;
    right: -5px;
    top: 50%;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 17px;
    z-index: 10;
}

@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    @media {
        header .menu.icons .bag .quantity {
            line-height: 16px;
        }
    }
}

@media screen and (min-width: 1025px) {
    header .menu.icons .bag:hover .quantity {
        background: #F1E87C !important;
    }
}

header .menu.icon.one {
    cursor: pointer;
    display: none;
    opacity: 1;
    position: absolute;
    right: 6.25%;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    visibility: visible;
    z-index: 1000;
}

@media screen and (max-width: 900px) {
    header .menu.icon.one {
        display: block;
    }
}

.switch header .menu.icon.one {
    opacity: 0;
    visibility: hidden;
}

header .menu.icon.one:before {
    background: #F5F5F6;
    content: '';
    height: 44px;
    left: -25px;
    margin: -22px 0 0;
    position: absolute;
    top: 50%;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 1px;
}

header .menu.icon.one .lines {
    cursor: pointer;
    float: right;
    height: 24px;
    padding: 26px 0 25px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 18px;
}

@media screen and (max-width: 750px) {
    header .menu.icon.one .lines {
        padding: 23px 0;
    }
}

header .menu.icon.one .lines .line {
    background: #101820;
    height: 2px;
    margin: 6px 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

header .menu.icon.two {
    border-radius: 12px;
    cursor: pointer;
    display: none;
    left: calc(6.25% + 125px);
    overflow: hidden;
    padding: 6px 18px 6px 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1250px) {
    header .menu.icon.two {
        padding: 7px 14px 8px 14px;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icon.two {
        display: none;
        padding: 7px 18px 8px 15px;
    }
}

header .menu.icon.two .border {
    border: 1px solid #F5F5F6;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
}

header .menu.icon.two:hover .border {
    border: 1px solid #101820;
}

header .menu.icon.two .icon {
    color: #101820;
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin: 0 9px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    header .menu.icon.two .icon {
        margin: 0;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icon.two .icon {
        margin: 0 9px 0 0;
    }
}

header .menu.icon.two .text {
    color: #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.775em;
    font-weight: normal;
    letter-spacing: -0.012875em;
    line-height: 25px;
    list-style: none;
    position: relative;
    text-align: left;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    header .menu.icon.two .text {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    header .menu.icon.two .text {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

@media screen and (max-width: 900px) {
    header .menu.icon.two .text {
        display: block;
    }
}

header .menu.main {
    float: left;
    height: 100%;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: auto;
    z-index: 500;
}

@media screen and (max-width: 900px) {
    header .menu.main {
        display: none;
    }
}

.switch header .menu.main {
    opacity: 0;
    visibility: hidden;
}

.account.auth header .menu.main {
    display: none;
}

header .menu.main .container {
    float: left;
    height: 100%;
    width: 100%;
}

header .menu.main .list {
    float: left;
    line-height: 75px;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    header .menu.main .list {
        width: 100%;
    }
}

header .menu.main .list li {
    color: #101820;
    cursor: pointer;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.825em;
    font-weight: normal;
    letter-spacing: -0.012875em;
    list-style: none;
    margin: 0 30px 0 0;
    position: relative;
    text-align: left;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1350px) {
    header .menu.main .list li {
        margin: 0 28px 0 0
    }
}

@media screen and (max-width: 1250px) {
    header .menu.main .list li {
        margin: 0 24px 0 0
    }
}

@media screen and (max-width: 1025px) {
    header .menu.main .list li {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

header .menu.main .list li:last-child {
    margin: 0;
}

header .menu.main .list li:first-child {
    margin: 0 60px 0 0;
}

@media screen and (max-width: 1250px) {
    header .menu.main .list li:first-child {
        display: none;
    }
}

header .menu.main .list li:first-child:after {
    content: '•';
    font-size: 7px;
    position: absolute;
    right: -30px;
    top: -0.025em;
}

header .menu.main .list li a {
    float: left;
    width: 100%;
}

header .menu.main .list li a:after {
    background: #F1E87C;
    content: '';
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: calc(50% + 14px);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 0;
}

@media screen and (max-width: 1025px) {
    header .menu.main .list li a:after {
        display: none;
    }
}

header .menu.main .list li a:hover:after {
    opacity: 1;
    width: 100%;
}

header .submenu {
    float: left;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute !important;
    top: 0;
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    header .submenu {
        height: 100%;
    }
}

@media screen and (max-width: 900px) {
    header .submenu {
        display: none;
    }
}

.hover.glitters header .submenu.glitters,
.hover.paints header .submenu.paints,
.hover.lacquers-and-waxes header .submenu.lacquers-and-waxes,
.hover.powders header .submenu.powders,
.hover.grouts header .submenu.grouts,
.hover.sealants header .submenu.sealants,
.hover.tools header .submenu.tools,
.hover.links header .submenu.links {
    opacity: 1;
    z-index: 250;
}

@media screen and (max-width: 600px) {
    .hover header .submenu {
        height: 100%;
    }
}

@media screen and (max-width: 1000px) {
    header .submenu.active {
        height: auto;
        opacity: 1;
        z-index: 750;
    }
}

header .submenu.links {
    opacity: 1;
}

@media screen and (max-width: 900px) {
    header .submenu.links {
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: all 0.6s ease 0s;
        -webkit-transition: all 0.6s ease 0s;
        visibility: hidden;
        width: 100%;
        z-index: -1;
    }
}

@media screen and (max-width: 900px) {
    header .submenu.links.delay {
        display: block;
        visibility: visible;
        z-index: 1000;
    }
}

header .submenu .container {
    background: #FFFFFF;
    box-sizing: border-box;
    clip-path: inset(0 0 0 0);
    height: 0;
    float: left;
    overflow: hidden;
    overscroll-behavior: contain;
    position: relative;
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
    transition-property: height;
    -webkit-transition-property: height;
    width: 100%;
    z-index: 500;
}

@media screen and (max-height: 700px) {
    header .submenu .container {
        overflow-x: hidden;
        overflow-y: auto;
    }
}

header .submenu .container:before {
    background: #FFFFFF;
    border-bottom: 1px solid #F9F9FA;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 76px;
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
    width: 100%;
    z-index: 500;
}

@media screen and (max-width: 900px) {
    header .submenu .container:before {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    .scroll header .submenu .container:before {
        height: 70px;
    }
}

.glitters header .submenu.glitters .container,
.paints header .submenu.paints .container,
.lacquers-and-waxes header .submenu.lacquers-and-waxes .container,
.powders header .submenu.powders .container,
.grouts header .submenu.grouts .container,
.sealants header .submenu.sealants .container,
.tools header .submenu.tools .container {
    height: 525px;
}

@media screen and (max-width: 1750px) {
    .glitters header .submenu.glitters .container {
        height: 645px;
    }
}

@media screen and (max-width: 1500px) {
    .glitters header .submenu.glitters .container,
    .paints header .submenu.paints .container,
    .lacquers-and-waxes header .submenu.lacquers-and-waxes .container,
    .powders header .submenu.powders .container,
    .grouts header .submenu.grouts .container,
    .sealants header .submenu.sealants .container,
    .tools header .submenu.tools .container {
        height: 675px;
    }
}

@media screen and (max-width: 1175px) {
    .glitters header .submenu.glitters .container,
    .paints header .submenu.paints .container,
    .lacquers-and-waxes header .submenu.lacquers-and-waxes .container,
    .powders header .submenu.powders .container,
    .grouts header .submenu.grouts .container,
    .sealants header .submenu.sealants .container,
    .tools header .submenu.tools .container {
        height: 675px;
    }
}

@media screen and (max-width: 1100px) {
    .glitters header .submenu.glitters .container,
    .paints header .submenu.paints .container,
    .lacquers-and-waxes header .submenu.lacquers-and-waxes .container,
    .powders header .submenu.powders .container,
    .grouts header .submenu.grouts .container,
    .sealants header .submenu.sealants .container,
    .tools header .submenu.tools .container {
        height: 725px;
    }
}

@media screen and (max-width: 900px) {
    header .submenu.links .container {
        bottom: 0;
        border-radius: 24px 24px 0 0;
        height: calc(100% - 140px);
        left: 0;
        position: fixed;
        right: 0;
        top: auto;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transition: all 0.6s ease 0s;
        -webkit-transition: all 0.6s ease 0s;
        width: 100%;
    }
}

.links header .submenu.links .container {
    height: calc(100vh - 69px);
}

.links.scroll header .submenu.links .container {
    height: 100vh;
}

@media screen and (max-width: 900px) {
    header .submenu.links.active .container {
        bottom: 0 !important;
        height: calc(100% - 140px) !important;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        visibility: visible;
    }
}

@media screen and (max-width: 900px) {
    .scroll header .submenu.links.active .container {
        height: calc(100% - 70px) !important;
    }
}

header .submenu .content {
    float: left;
    margin: 28px 6.25% 0;
    position: relative;
    width: 87.5%;
}

header .submenu.alt .content {
    margin: 30px 6.25% 0;
}

header .submenu .content .blocks {
    float: left;
    width: 100%;
}

header .submenu .content .blocks .block {
    float: left;
    margin: 0;
}

header .submenu .content .blocks .block.by-type {
    margin: 0 50px 0 0;
    width: calc(50% - 50px);
}

@media screen and (max-width: 1025px) {
    header .submenu .content .blocks .block.by-type {
        margin: 0;
        width: 50%;
    }
}

header .submenu .content .blocks .block.by-colour {
    width: 50%;
}

header .submenu .content .blocks .block.featured {
    display: none;
}

header .submenu .content .blocks .block.last {
    float: right;
    margin: 0;
}

header .submenu.glitters .content .blocks .block:nth-child(5),
header .submenu.glitters .content .blocks .block:nth-child(6),
header .submenu.glitters .content .blocks .block:nth-child(7),
header .submenu.glitters .content .blocks .block:nth-child(8) {
    display: none;
}

header .submenu .content .blocks .block .title {
    float: left;
    margin: 0 0 22px;
}

header .submenu.alt .content .blocks .block .title {
    margin: 0 0 15px;
}

header .submenu .content .blocks .block .title h3.two {
    margin: 0 0 18px;
}

header .submenu.links .content .blocks .block .title h3.two {
    margin: 0;
}

header .submenu .content .blocks .block .title h4.three {
    font-weight: 500;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

header .submenu.glitters .content .blocks .block .title h4.three:before,
header .submenu.paints .content .blocks .block .title h4.three:before,
header .submenu.lacquers-and-waxes .content .blocks .block .title h4.three:before,
header .submenu.powders .content .blocks .block .title h4.three:before,
header .submenu.grouts .content .blocks .block .title h4.three:before,
header .submenu.sealants .content .blocks .block .title h4.three:before,
header .submenu.tools .content .blocks .block .title h4.three:before {
    content: 'Shop';
}

header .submenu .content .blocks .block .content {
    clear: left;
    float: left;
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
}

header .submenu .content .blocks .block .content ul {
    display: flex;
    flex-wrap: wrap;
    float: left;
    list-style: none;
    width: 100%;
}

header .submenu .content .blocks .block .content ul li {
    float: left;
    font-size: 0.8375em;
    letter-spacing: -0.0125em;
    line-height: 18px;
    margin: 0 0 2px;
    position: relative;
    -moz-text-stroke-width: 0.01px;
    -webkit-text-stroke-width: 0.01px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

header .submenu .content .blocks .block.last .content ul li a:after {
    display: none !important;
}

header .submenu .content .blocks .block .content ul li.view-all {
    font-weight: 500;
    margin: 12px 0 0;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

header .submenu .content .blocks .block .content ul li .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    float: left;
    margin: 0 0 10px;
    padding: 0 0 100%;
    position: relative;
    width: 100%;
}

header .submenu .content .blocks .block.by-type .content ul li {
    border: 1px solid #F4F4F5;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: -0.01375em;
    line-height: 1.3625em;
    margin: 0 8px 10px 0;
    overflow: hidden;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 108px;
}

header .submenu .content .blocks .block.by-type .content ul li:hover {
    border: 1px solid #757576;
    color: inherit;
}

header .submenu .content .blocks .block.by-type .content ul li a {
    box-sizing: border-box;
    height: 100%;
    padding: 14px 14px 18px;
    text-align: center;
}

header .submenu .content .blocks .block.by-type .content ul li .image {
    display: block;
}

header .submenu .content .blocks .block .content .blocks .block .content ul li .title {
    display: block;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}

header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li.view-all-glitters .title,
header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li.view-all-paints .title,
header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li.view-all-lacquers-and-waxes .title,
header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li.view-all-powders .title,
header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li.view-all-grouts .title,
header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li.view-all-sealants .title,
header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li.view-all-tools .title,
header .submenu .content .blocks .block.by-colour .content .blocks .block .content ul li.view-all-colours .title {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 65px;
}

header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li .title {
    min-height: 32px;
}

header .submenu.sealant .content .blocks .block.by-colour .content .blocks .block .content ul li .title {
    text-align: center;
}

header .submenu .content .blocks .block.by-type .content .blocks .block .content ul li .title span {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

header .submenu .content .blocks .block.by-colour .content ul li {
    border: 1px solid #F4F4F5;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 0.7375em;
    letter-spacing: -0.01375em;
    line-height: 1.3625em;
    margin: 0 8px 10px 0;
    overflow: hidden;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 85px;
}

header .submenu .content .blocks .block.by-colour .content ul li:hover {
    border: 1px solid #757576;
    color: inherit;
}

header .submenu .content .blocks .block.by-colour .content ul li a {
    box-sizing: border-box;
    padding: 0 14px 16px;
    text-align: right;
}

header .submenu .content .blocks .block.by-colour .content ul li.view-all-colours a {
    height: 100%;
    text-align: center;
}

header .submenu .content .blocks .block.by-colour .content ul li a:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65.625%;
    content: '';
    float: left;
    left: -14px;
    margin: 0 0 10px;
    padding: 0 0 calc(100% + 28px);
    position: relative;
    width: calc(100% + 28px);
}

header .submenu.glitters .content .blocks .block.last .content ul li:last-child {
    margin: 0;
}

header .submenu .content .blocks .block.last .content ul li {
    border: 1px solid #F4F4F5;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 1em;
    height: 100px;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}

header .submenu .content .blocks .block.last .content ul li:after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 100px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 80px;
}

header .submenu.sealant .content .blocks .block .content ul li.coming-soon {
    background: #F5F5F6;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    letter-spacing: -0.0025em;
    line-height: 17px;
    padding: 4px 13px 5px;
    pointer-events: none;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    width: auto;
}

header .submenu .content .blocks .block.last .content ul li.glitter-shakers:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/glitter/glitter-1a.png');
}

header .submenu .content .blocks .block.last .content ul li.mixed-glitter-shakers:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/glitter/glitter-2a.png');
}

header .submenu .content .blocks .block.last .content ul li.interior-paint:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/paint/paint-3a.png');
}

header .submenu .content .blocks .block.last .content ul li.exterior-paint:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/paint/paint-4a.png');
}

header .submenu .content .blocks .block.last .content ul li.powder-pigment:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/powder/powder-1a.png');
}

header .submenu .content .blocks .block.last .content ul li.powder-pigment-pots:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/powder/powder-2a.png');
}

header .submenu .content .blocks .block.last .content ul li.ready-mixed-grout:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/grout/grout-1a.png');
}

header .submenu .content .blocks .block.last .content ul li.ready-mixed-glitter-grout:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/grout/grout-2a.png');
}

header .submenu .content .blocks .block.last .content ul li.kitchen-and-bathroom-sealant:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/sealant/sealant-2a.png');
}

header .submenu .content .blocks .block.last .content ul li.construction-sealant:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/sealant/sealant-3a.png');
}

header .submenu .content .blocks .block.last .content ul li:hover {
    color: #101820;
}

header .submenu .content .blocks .block.last .content ul li:before {
    background: #F1E87C;
    content: '';
    height: 2px;
    left: 20px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 125px;
    z-index: 10;
}

header .submenu .content .blocks .block.last .content ul li:hover:before {
    width: calc(100% - 75px);
}

header .submenu .content .blocks .block.last .content ul li a {
    font-size: 0.9em;
    font-weight: 500;
    height: calc(100% - 36px);
    letter-spacing: -0.0125em;
    line-height: 19px;
    padding: 20px calc(100% - 145px) 20px 20px;
    position: relative;
    width: 125px;
}

@media screen and (max-width: 1250px) {
    header .submenu .content .blocks .block.last .content ul li a {
        width: 65px;
    }
}

@media screen and (max-width: 900px) {
    header .submenu .content .blocks .block.last .content ul li a {
        width: 125px;
    }
}

header .submenu .content .blocks .block .content ul li:hover {
    color: #F1E87C;
}

header .submenu .content .blocks .block .content ul li a {
    float: left;
    position: relative;
    width: 100%;
    z-index: 10;
}

header .submenu .content .blocks .block .content .blocks {
    float: left;
    width: 100%;
}

header .submenu .content .blocks .block .content .blocks .block {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

header .submenu .content .blocks .block .content .blocks .block.last {
    margin: 0;
}

header .submenu .content .blocks .block .content .blocks .block .title {
    display: none;
    float: left;
    margin: 0 0 8px;
    width: 100%;
}

header .submenu .content .blocks .block .content .blocks .block .content {
    float: left;
    width: 100%;
}

header .submenu .content .blocks .block .content .blocks .block.last .content ul li {
    background: none;
    border-radius: 0;
    box-sizing: content-box;
    font-size: 0.8375em;
    height: auto;
    margin: 0 0 2px;
}

header .submenu .content .blocks .block .content .blocks .block.last .content ul li:after {
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    content: normal;
    height: auto;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    -webkit-transform: none;
    width: auto;
}

header .submenu .content .blocks .block .content .blocks .block.last .content ul li:hover {
    color: #F1E87C;
}

header .submenu .content .blocks .block .content .blocks .block.last .content ul li:before {
    background: auto;
    height: auto;
    left: auto;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: auto;
}

header .submenu .content .blocks .block .content .blocks .block.last .content ul li:hover:before {
    width: auto;
}

header .submenu .content .blocks .block .content .blocks .block.last .content ul li a {
    font-size: inherit;
    font-weight: inherit;
    height: auto;
    letter-spacing: inherit;
    line-height: inherit;
    padding: 0;
    position: relative;
    width: auto;
}

header .submenu .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: visibility 0.4s ease 0s, opacity 0.4s ease 0s;
    -webkit-transition: visibility 0.4s ease 0s, opacity 0.4s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.hover header .submenu .overlay {
    opacity: 1;
    visibility: visible;
    z-index: 125;
}

header .submenu.links.active .overlay {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    z-index: 125;
}

header .submenu ~ .overlay {
    height: 100vh;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.load header .submenu ~ .overlay {
    opacity: 1;
    visibility: visible;
    z-index: 250;
}

header .submenu.links .content {
    float: left;
    margin: 0;
    position: fixed;
    top: 173px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

@media screen and (max-width: 900px) {
    header .submenu.links .content {
        position: relative;
        top: auto;
    }
}

.scroll header .submenu.links .content {
    top: 103px;
}

@media screen and (max-width: 900px) {
    .scroll header .submenu.links .content {
        top: auto;
    }
}

header .submenu.links .content .blocks .block.one {
    float: left;
    margin: 0 25% 25px;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    header .submenu.links .content .blocks .block.one {
        margin: 0 21.875% 25px;
        width: 56.25%;
    }
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.one {
        margin: 0 18.75% 25px;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.one {
        margin: 0 0 17px;
        width: 100%;
    }
}

header .submenu.links .content .blocks .block.one .blocks {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.one .blocks .block {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.one .blocks .block .close {
    cursor: pointer;
    position: absolute;
    right: -37.5%;
    text-align: center;
    top: 0;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.one .blocks .block .close {
        left: 6.25%;
        right: auto;
        top: 28px;
    }
}

header .submenu.links .content .blocks .block.one .blocks .block .close .button.circle {
    visibility: inherit;
}

header .submenu.links .content .blocks .block.one .blocks .block .close .button.circle .icon.one {
    display: block;
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.one .blocks .block .close .button.circle .icon.one {
        display: none;
    }
}

header .submenu.links .content .blocks .block.one .blocks .block .close .button.circle .icon.two {
    display: none;
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.one .blocks .block .close .button.circle .icon.two {
        display: block;
    }
}

header .submenu.links .content .blocks .block.one .blocks .block .title {
    display: none;
    margin: 11px 0 40px 60px;
    width: calc(84.375% - 60px);
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.one .blocks .block .title {
        display: block;
        margin: 38px 6.25% 35px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.one .blocks .block .content {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one .icon {
    font-size: 24px;
    left: 21px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one .icon {
        left: 17px;
    }
}

header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one input {
    color: rgba(16, 24, 32, 0.875) !important;
    font-size: 1.0375em;
    font-weight: 500;
    height: 70px;
    letter-spacing: -0.025em;
    padding: 16px 22px 0 62px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one input {
        font-size: 16px;
    }
}

header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one label {
    font-size: 14px;
    left: 63px;
    letter-spacing: -0.02em;
    text-indent: 0.05em;
    -moz-text-stroke-width: 0.2px;
    -webkit-text-stroke-width: 0.2px;
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one label {
        left: 58px;
    }
}

header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one input:focus ~ label,
header .submenu.links .content .blocks .block.one .blocks .block .content .form .fields .input.one input:not(:focus):valid ~ label {
    color: rgba(16, 24, 32, 0.65625);
    font-size: 11px;
    letter-spacing: -0.0125em;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

header .submenu.links .content .blocks .block.one .blocks .block .content .form .button.medium.alt {
    margin: 0;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
}

header .submenu.links .content .blocks .block.two {
    float: left;
    margin: 0;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .scroll {
    float: left;
    height: calc(100vh - 248px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    width: 100%;
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.two .scroll {
        height: calc(100vh - 305px);
    }
}

.scroll header .submenu.links .content .blocks .block.two .scroll {
    height: calc(100vh - 194px);
}

@media screen and (max-width: 900px) {
    .scroll header .submenu.links .content .blocks .block.two .scroll {
        height: calc(100vh - 255px);
    }
}

header .submenu.links .content .blocks .block.two .blocks {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.one {
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    header .submenu.links .content .blocks .block.two .blocks .block.one {
        margin: 0 21.875%;
        width: 56.25%;
    }
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.one {
        margin: 0 18.75%;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.two .blocks .block.one {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

header .submenu.links.alt .content .blocks .block.two .blocks .block.one {
    height: 0;
    opacity: 0;
}

header .submenu.links .content .blocks .block.two .blocks .block.one .blocks {
    float: left;
    margin: 15px 0 25px;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.one .blocks .block {
    float: left;
    margin: 0 0 45px;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.one .blocks .block:last-child {
    margin: 0;
}

header .submenu.links .content .blocks .block.two .blocks .block.one .blocks .block .title {
    display: block;
    margin: 0 0 18px;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.one .blocks .block .content {
    margin: 0;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.one .blocks .block .content ul.alt {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-count: 3;
    display: block;
    page-break-inside: avoid;
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.two .blocks .block.one .blocks .block .content ul.alt {
        column-count: 2;
    }
}

header .submenu.links .content .blocks .block .blocks .block .blocks .block .content ul li {
    height: 20px;
    line-height: 20px;
    margin: 0;
}

header .submenu.links .content .blocks .block .blocks .block .blocks .block .content ul li:last-child {
    display: none;
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block .blocks .block .blocks .block .content ul li:last-child {
        display: block;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two {
    float: left;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
}

header .submenu.links.alt .content .blocks .block.two .blocks .block.two {
    height: auto;
    opacity: 1;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks {
    float: left;
    margin: 15px 0 0;
    padding: 0;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block {
    float: left;
    margin: 0 21.875% 10px;
    width: 56.25%;
}

@media screen and (max-width: 1250px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block {
        margin: 0 18.75% 10px;
        width: 62.5%;
    }
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block {
        margin: 0 12.5% 10px;
        width: 75%;
    }
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block {
        margin: 0 6.25% 10px;
        width: 87.5%;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block:last-child {
    margin: 0 21.875% 65px;
}

@media screen and (max-width: 1250px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block:last-child {
        margin: 0 18.75% 65px;
    }
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block:last-child {
        margin: 0 12.5% 150px;
    }
}

@media screen and (max-width: 900px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block:last-child {
        margin: 0 6.25% 150px;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .title {
    float: left;
    margin: 0 0 22px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .title .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .title .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .title .blocks .block:last-child {
    float: right;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .scroll {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result {
    clear: none;
    float: left;
    margin: 0 18px 65px 0;
    position: relative;
    width: calc(33.3333% - 12px);
}

@media screen and (max-width: 750px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result {
        margin: 0 12px 55px 0;
        width: calc(50% - 6px);
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result:nth-child(3n) {
    margin: 0 0 65px;
}

@media screen and (max-width: 750px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result:nth-child(3n) {
        margin: 0 12px 55px 0;
    }
}

@media screen and (max-width: 750px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result:nth-child(2n) {
        margin: 0 0 55px;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result:nth-child(3n+1) {
    clear: left;
}

@media screen and (max-width: 750px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result:nth-child(3n+1) {
        clear: none;
    }
}

@media screen and (max-width: 750px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result:nth-child(2n+1) {
        clear: left;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner {
    background: #FBFBFC;
    border-radius: 8px;
    float: left;
    height: auto;
    margin: 0 0 18px;
    min-height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner {
        margin: 0 0 12px;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner a {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images {
    float: left;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images .image {
    background-position: center 31.25%;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images .image.one {
    background-size: 87.5% auto;
    left: 0;
    opacity: 1;
}

/*

@media screen and (min-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images .image.one {
        opacity: 1;
        z-index: 10;
    }
}

@media screen and (min-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner:hover .images .image.one {
        left: -100%;
        opacity: 0;
        z-index: -1;
    }
}

*/

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images .image.one {
        background-size: 97.5% auto;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images .image.two {
    background-size: 96.25% auto;
    left: 100%;
    opacity: 0;
}

/*

@media screen and (min-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

@media screen and (min-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner:hover .images .image.two {
        left: 0;
        opacity: 1;
        z-index: 10;
    }
}

*/

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .images .image.two {
        background-size: 100% auto;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .pagination {
    bottom: 22px;
    display: flex;
    display: none;
    float: left;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .pagination {
        display: none;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .pagination .icons {
    float: left;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .pagination .icons .icon {
    border-radius: 50%;
    float: left;
    height: 4px;
    margin: 0 5px 0 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 4px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .pagination .icons .icon:last-child {
    margin: 0;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .pagination .icons .icon.one {
    background: #F1E87C;
}

@media screen and (min-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner:hover .pagination .icons .icon.one {
        background: #101820;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner .pagination .icons .icon.two {
    background: #101820;
}

@media screen and (min-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .banner:hover .pagination .icons .icon.two {
        background: #F1E87C;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content {
    display: block;
    flex-wrap: nowrap;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
    padding: 0;
    position: relative;
    width: calc(100% - 170px);
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .title {
    display: block;
    float: left;
    margin: 0 0 3px;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result.alt .content .blocks .block .title {
    margin: 0 0 15px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .title a {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes {
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result.alt .content .blocks .block .attributes {
    margin: 0 0 28px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .swatches {
    float: left;
    margin: 0 0 22px;
    position: relative;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .swatches .swatch {
    background-color: #FAFAFB;
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 22px;
    margin: 0 3px 0 0;
    position: relative;
    width: 22px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.01375em;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .text {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute .swatches .swatch.active:after {
    background: #101820;
    bottom: -8px;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 8px;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block {
    float: left;
    width: auto;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block:nth-child(2) {
    margin: 0 0 0 35px;
}

@media screen and (max-width: 1250px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block:nth-child(2) {
        margin: 12px 0 0;
        width: 100%;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    position: absolute;
    top: 0;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block .price .text {
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 24px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block .price .text {
        font-size: 14px;
        line-height: 20px;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block .highlights {
    float: left;
    width: 100%;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block .highlights .highlight:last-child {
    margin: 0;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .blocks .block .highlights .highlight.alt {
    background: #FFB96E;
}

header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .buttons {
    display: flex;
    justify-content: center;
}

header .menu.alt {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

header .menu.alt.delay {
    display: block;
    visibility: visible;
    z-index: 1000;
}

header .menu.alt .container {
    background: #FFFFFF;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    width: 31.25%;
    will-change: transform;
    z-index: 1000;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .container {
        width: 50%;
    }
}

@media screen and (max-width: 750px) {
    header .menu.alt .container {
        width: 81.25%;
    }
}

@media screen and (max-width: 400px) {
    header .menu.alt .container {
        width: 87.5%;
    }
}

header .menu.alt.active .container {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

@media screen and (max-width: 900px) {
    header .menu.alt.active .container {
        bottom: 0 !important;
    }
}

header .menu.alt .container:before,
header .menu.alt .container:after {
    background: #FFFFFF;
    content: '';
    height: 100px;
    position: absolute;
    top: 0;
    width: 7.8125%;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    header .menu.alt .container:before,
    header .menu.alt .container:after {
        width: 6.25%;
    }
}

@media screen and (max-width: 500px) {
    header .menu.alt .container:before,
    header .menu.alt .container:after {
        width: 7.421875%;
    }
}

header .menu.alt .container:before {
    border-radius: 24px 0 0 0;
    left: 0;
}

header .menu.alt .container:after {
    border-radius: 0 24px 0 0;
    right: 0;
}

header .menu.alt .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .overlay {
        cursor: pointer;
    }
}

header .menu.alt.active .overlay {
    opacity: 1;
    z-index: 500;
}

header .menu.alt .close {
    cursor: pointer;
    position: absolute;
    left: 7.8125%;
    text-align: center;
    top: 28px;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    header .menu.alt .close {
        left: 6.25%;
    }
}

@media screen and (max-width: 500px) {
    header .menu.alt .close {
        left: 7.421875%;
    }
}

header .menu.alt .close .button.circle {
    visibility: inherit;
}

header .menu.alt .slides {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

header .menu.alt .slides:before,
header .menu.alt .slides:after {
    background: #FFFFFF;
    content: '';
    height: calc(100% - 60px);
    position: absolute;
    top: 60px;
    width: 7.8125%;
    z-index: 100;
}

@media screen and (max-width: 900px) {
    header .menu.alt .slides:before,
    header .menu.alt .slides:after {
        width: 6.25%;
    }
}

@media screen and (max-width: 500px) {
    header .menu.alt .slides:before,
    header .menu.alt .slides:after {
        width: 7.421875%;
    }
}

header .menu.alt .slides:before {
    left: 0;
}

header .menu.alt .slides:after {
    right: 0;
}

header .menu.alt .slides .slide {
    float: left;
    height: 100%;
    position: absolute;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 100%;
}

header .menu.alt .slides .slide.one {
    left: 0;
    visibility: inherit;
}

.click.glitters header .menu.alt .slides .slide.one,
.click.paints header .menu.alt .slides .slide.one,
.click.lacquers-and-waxes header .menu.alt .slides .slide.one,
.click.powders header .menu.alt .slides .slide.one,
.click.grouts header .menu.alt .slides .slide.one,
.click.sealants header .menu.alt .slides .slide.one,
.click.tools header .menu.alt .slides .slide.one {
    left: -100%;
    visibility: hidden;
}

.back.one header .menu.alt .slides .slide.one {
    left: 0 !important;
    visibility: visible !important;
}

.back.two header .menu.alt .slides .slide.one {
    left: -100% !important;
    visibility: hidden !important;
}

header .menu.alt .slides .slide.two {
    left: 100%;
    visibility: hidden;
}

.click.glitters header .menu.alt .slides .slide.two.glitters,
.click.paints header .menu.alt .slides .slide.two.paints,
.click.lacquers-and-waxes header .menu.alt .slides .slide.two.lacquers-and-waxes,
.click.powders header .menu.alt .slides .slide.two.powders,
.click.grouts header .menu.alt .slides .slide.two.grouts,
.click.sealants header .menu.alt .slides .slide.two.sealants,
.click.tools header .menu.alt .slides .slide.two.tools {
    left: 0;
    visibility: visible;
}

.click.glitter-by-type header .menu.alt .slides .slide.two.glitters,
.click.glitter-by-colour header .menu.alt .slides .slide.two.glitters,
.click.paint-by-type header .menu.alt .slides .slide.two.paints,
.click.paint-by-colour header .menu.alt .slides .slide.two.paints,
.click.lacquers-by-type header .menu.alt .slides .slide.two.lacquers-and-waxes,
.click.lacquers-by-colour header .menu.alt .slides .slide.two.lacquers-and-waxes,
.click.powder-by-type header .menu.alt .slides .slide.two.powders,
.click.powder-by-colour header .menu.alt .slides .slide.two.powders,
.click.grout-by-type header .menu.alt .slides .slide.two.grouts,
.click.grout-by-colour header .menu.alt .slides .slide.two.grouts,
.click.sealant-by-type header .menu.alt .slides .slide.two.sealants,
.click.sealant-by-colour header .menu.alt .slides .slide.two.sealants,
.click.tools-by-type header .menu.alt .slides .slide.two.tools,
.click.tools-by-colour header .menu.alt .slides .slide.two.tools {
    left: -100%;
    visibility: hidden;
}

.back.one header .menu.alt .slides .slide.two {
    left: 100% !important;
    visibility: hidden !important;
}

.glitters.back.two header .menu.alt .slides .slide.two.glitters,
.paints.back.two header .menu.alt .slides .slide.two.paints,
.lacquers-and-waxes.back.two header .menu.alt .slides .slide.two.lacquers-and-waxes,
.powders.back.two header .menu.alt .slides .slide.two.powders,
.grouts.back.two header .menu.alt .slides .slide.two.grouts,
.sealants.back.two header .menu.alt .slides .slide.two.sealants,
.tools.back.two header .menu.alt .slides .slide.two.tools {
    left: 0;
    visibility: visible;
}

header .menu.alt .slides .slide.three {
    left: 200%;
    visibility: hidden;
}

.click.glitters header .menu.alt .slides .slide.three,
.click.paints header .menu.alt .slides .slide.three,
.click.lacquers-and-waxes header .menu.alt .slides .slide.three,
.click.powders header .menu.alt .slides .slide.three,
.click.grouts header .menu.alt .slides .slide.three,
.click.sealants header .menu.alt .slides .slide.three,
.click.tools header .menu.alt .slides .slide.three {
    left: 100%;
    visibility: hidden;
}

.click.glitter-by-type header .menu.alt .slides .slide.three.glitter-by-type,
.click.glitter-by-colour header .menu.alt .slides .slide.three.glitter-by-colour,
.click.paint-by-type header .menu.alt .slides .slide.three.paint-by-type,
.click.paint-by-colour header .menu.alt .slides .slide.three.paint-by-colour,
.click.lacquers-by-type header .menu.alt .slides .slide.three.lacquers-by-type,
.click.lacquers-by-colour header .menu.alt .slides .slide.three.lacquers-by-colour,
.click.powder-by-type header .menu.alt .slides .slide.three.powder-by-type,
.click.powder-by-colour header .menu.alt .slides .slide.three.powder-by-colour,
.click.grout-by-type header .menu.alt .slides .slide.three.grout-by-type,
.click.grout-by-colour header .menu.alt .slides .slide.three.grout-by-colour,
.click.sealant-by-type header .menu.alt .slides .slide.three.sealant-by-type,
.click.sealant-by-colour header .menu.alt .slides .slide.three.sealant-by-colour,
.click.tools-by-type header .menu.alt .slides .slide.three.tools-by-type,
.click.tools-by-colour header .menu.alt .slides .slide.three.tools-by-colour {
    left: 0;
    visibility: visible;
}

.back.one header .menu.alt .slides .slide.three {
    left: 200% !important;
    visibility: hidden !important;
}

.glitters.back.one header .menu.alt .slides .slide.three.glitters,
.paints.back.one header .menu.alt .slides .slide.three.paints,
.lacquers-and-waxes.back.one header .menu.alt .slides .slide.three.lacquers-and-waxes,
.powders.back.one header .menu.alt .slides .slide.three.powders,
.grouts.back.one header .menu.alt .slides .slide.three.grouts,
.sealants.back.one header .menu.alt .slides .slide.three.sealants,
.tools.back.one header .menu.alt .slides .slide.three.tools {
    left: 200%;
    visibility: hidden;
}

.back.two header .menu.alt .slides .slide.three {
    left: 100% !important;
    visibility: hidden !important;
}

.glitters.back.two header .menu.alt .slides .slide.three.glitters,
.paints.back.two header .menu.alt .slides .slide.three.paints,
.lacquers-and-waxes.back.two header .menu.alt .slides .slide.three.lacquers-and-waxes,
.powders.back.two header .menu.alt .slides .slide.three.powders,
.grouts.back.two header .menu.alt .slides .slide.three.grouts,
.sealants.back.two header .menu.alt .slides .slide.three.sealants,
.tools.back.two header .menu.alt .slides .slide.three.tools {
    left: 100%;
    visibility: hidden;
}

header .menu.alt .title {
    margin: 39px 7.8125% 40px calc(7.8125% + 60px);
    position: relative;
    width: calc(84.375% - 60px);
}

@media screen and (max-width: 900px) {
    header .menu.alt .title {
        margin: 39px 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

@media screen and (max-width: 500px) {
    header .menu.alt .title {
        margin: 39px 7.421875% 40px calc(7.421875% + 60px);
        width: calc(85.15625% - 60px);
    }
}

header .menu.alt .title:after {
    background: #101820;
    bottom: 0;
    content: '';
    display: none;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 84.375%;
}

header .menu.alt .slides .slide .content {
    height: calc(100% - 60px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

header .menu.alt .slides .slide .content .scroll {
    float: left;
    margin: 0 7.8125%;
    padding: 0 0 50px;
    width: 84.375%;
}

@media screen and (max-width: 900px) {
    header .menu.alt .slides .slide .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

@media screen and (max-width: 500px) {
    header .menu.alt .slides .slide .content .scroll {
        margin: 0 7.421875%;
        width: 85.15625%;
    }
}

header .menu.alt .slides .slide .content .blocks {
    border-top: 1px solid #F7F7F8;
    float: left;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks a {
    float: left;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks .block {
    float: left;
    position: relative;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks .block:after {
    background: #F7F7F8;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

header .menu.alt .slides .slide .content .blocks .block.last:after,
header .menu.alt .slides .slide .content .blocks .block.alt.two:after,
header .menu.alt .slides .slide .content .blocks .block.alt.two .block:after {
    display: none;
}

header .menu.alt .slides .slide .content .blocks .block.last {
    border-bottom: 0;
    margin: 15px 0 0;
}

header .menu.alt .slides .slide .content .blocks .block.featured {
    display: none;
}

header .menu.alt .slides .slide .content .blocks .block.alt.one {
    border-top: 1px solid #F7F7F8;
    margin: 55px 0 0;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two {
    border-bottom: 0;
    margin: 0 0 50px;
}

header .menu.alt .slides .slide .content .blocks .block .title {
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 24px 0 26px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block .title {
        padding: 20px 0 22px;
    }
}

header .menu.alt .slides .slide .content .blocks .block .title:after {
    background: none;
    bottom: auto;
    content: '\f106';
    display: block;
    font-family: 'icons';
    font-size: 13px;
    height: auto;
    left: auto;
    line-height: 22px;
    position: absolute;
    right: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: auto;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block .title:after {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

header .menu.alt .slides .slide.two .content .blocks .block .title.active:after {
    top: calc(50% + 1px);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

header .menu.alt .slides .slide.two .content .blocks .block.alt .title.active:after {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

header .menu.alt .slides .slide.two .content .blocks .block:first-child .title:after {
    display: none;
}

header .menu.alt .slides .slide.two .content .blocks .block:first-child .title.active:after {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

header .menu.alt .slides .slide .content .blocks .block.last .title:after {
    display: none;
    top: calc(50% + 1px);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

header .menu.alt .slides .slide .content .blocks .block .title h4.one {
    float: left;
    font-size: 0.975em;
    line-height: 19px;
    width: 90%;
}

header .menu.alt .slides .slide .content .blocks .block .content {
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks .block .content ul {
    display: flex;
    flex-wrap: wrap;
    float: left;
    list-style: none;
    margin: 0 0 45px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block .content ul {
        margin: 5px 0 45px;
    }
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul {
    margin: 10px 0 0;
}

header .menu.alt .slides .slide.glitters .content .blocks .block .content ul,
header .menu.alt .slides .slide.paints .content .blocks .block .content ul {
    margin: 15px 0 35px;
}

header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul {
    width: calc(100% + 1px);
}

header .menu.alt .slides .slide .content .blocks .block .content ul li {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.01625em;
    line-height: 20px;
    margin: 0 0 9px;
    position: relative;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block .content ul li {
        font-size: 0.975em;
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

header .menu.alt .slides .slide .content .blocks .block .content ul li .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    float: left;
    margin: 0 0 10px;
    padding: 0 0 100%;
    position: relative;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li {
    border: 1px solid #F4F4F5;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: -0.01375em;
    line-height: 1.3625em;
    margin: 0 6px 6px 0;
    overflow: hidden;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(50% - 3px);
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li {
        -moz-text-stroke-width: 0.15px;
        -webkit-text-stroke-width: 0.15px;
    }
}

header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li:nth-child(2n) {
    margin: 0 0 6px;
}

header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li a {
    box-sizing: border-box;
    padding: 14px 16px 18px;
    text-align: center;
}

header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li .image {
    display: block;
}

header .menu.alt .slides .slide .content .blocks .block .content ul li .title {
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li .title {
    min-height: 32px;
}

header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li.view-all-glitters .title,
header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li.view-all-paints .title,
header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li.view-all-lacquers-and-waxes .title,
header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li.view-all-powders .title,
header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li.view-all-grouts .title,
header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li.view-all-sealants .title,
header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li.view-all-tools .title,
header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul li.view-all-colours .title {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 75px;
}

header .menu.alt .slides .slide .content .blocks .block .content ul li .title:after {
    display: none;
}

header .menu.alt .slides .slide.sealant .content .blocks .block.by-colour .content ul li .title {
    text-align: center;
}

header .menu.alt .slides .slide .content .blocks .block.by-type .content ul li .title span {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translateY(-50%, -50%);
    width: 90%;
}

header .menu.alt .slides .slide.sealant .content .blocks .block .content ul li.coming-soon {
    background: #F5F5F6;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    letter-spacing: -0.0025em;
    line-height: 17px;
    padding: 4px 13px 5px;
    pointer-events: none;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    width: auto;
}

header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul li {
    border: 1px solid #F4F4F5;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: -0.01375em;
    line-height: 1.3625em;
    margin: 0 4px 4px 0;
    overflow: hidden;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(33.3333% - 3px);
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul li {
        -moz-text-stroke-width: 0.15px;
        -webkit-text-stroke-width: 0.15px;
    }
}

header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul li:nth-child(3n) {
    margin: 0 0 4px;
}

header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul li a {
    box-sizing: border-box;
    padding: 0 14px 16px;
    text-align: right;
}

header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul li.view-all-colours a {
    text-align: center;
}

header .menu.alt .slides .slide .content .blocks .block.by-colour .content ul li a:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65.625%;
    content: '';
    float: left;
    left: -14px;
    margin: 0 0 10px;
    padding: 0 0 calc(100% + 28px);
    position: relative;
    width: calc(100% + 28px);
}

header .menu.alt .slides .slide.sealant .content .blocks .block .content ul li.coming-soon {
    background: #F5F5F6;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    letter-spacing: -0.0025em;
    line-height: 17px;
    padding: 4px 13px 5px;
    pointer-events: none;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    width: auto;
}

header .menu.alt .slides .slide .content .blocks .block .content ul li a {
    float: left;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li {
    border: 1px solid #F5F5F6;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 1em;
    height: 100px;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li:last-child {
    margin: 0;
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li:after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 100px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 80px;
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.glitter-shakers:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/glitter/glitter-1a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.mixed-glitter-shakers:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/glitter/glitter-2a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.interior-paint:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/paint/paint-3a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.exterior-paint:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/paint/paint-4a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.powder-pigment:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/powder/powder-1a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.powder-pigment-pots:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/powder/powder-2a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.ready-mixed-grout:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/grout/grout-1a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li.ready-mixed-glitter-grout:after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/grout/grout-2a.png');
}

header .menu.alt .slides .slide.sealant .content .blocks .block.last .content ul li:nth-child(1):after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/sealant/sealant-2a.png');
}

header .menu.alt .slides .slide.sealant .content .blocks .block.last .content ul li:nth-child(2):after {
    background-image: url('https://alt.hemway.com/assets/images/global/menu/sealant/sealant-3a.png');
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li:hover {
    color: #101820;
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li:before {
    background: #F1E87C;
    content: '';
    height: 2px;
    left: 20px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 125px;
    z-index: 10;
}

header .menu.alt .slides .slide .content .blocks .block.last .content ul li a {
    display: block;
    font-size: 0.925em;
    font-weight: 500;
    height: calc(100% - 36px);
    letter-spacing: -0.015em;
    line-height: 19px;
    padding: 20px calc(100% - 145px) 20px 20px;
    position: relative;
    width: 125px;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block.last .content ul li a {
        font-size: 15px;
        letter-spacing: -0.01625em;
        line-height: 22px;
    }
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .title {
    cursor: default;
    padding: 0;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .title a {
    padding: 24px 0 26px;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block.alt.two .title a {
        padding: 20px 0 22px;
    }
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .title:after {
    display: none;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .content {
    float: left;
    height: auto !important;
    overflow: visible;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

header .menu.alt .slides .slide .content .blocks .block .title.active ~ .content {
    height: auto;
}

header .menu.alt .slides .slide .content .blocks .block.last .title ~ .content {
    height: auto !important;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks {
    border-top: 0;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block {
    border-bottom: 0;
    float: left;
    width: 50%;
}

@media screen and (max-width: 500px) {
    header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block {
        width: 42.5%;
    }
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact.online .title h4.one:after {
    background: #F1E87C;
    border-radius: 11px;
    color: #101820;
    content: 'Online';
    display: inline;
    font-size: 9px;
    margin: 0 0 0 12px;
    padding: 4px 11px 4px 10px;
    position: relative;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    top: -1px;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact.online .title h4.one:after {
        font-size: 10px;
        padding: 4px 12px 5px 11px;
    }
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact .title .status {
    border: 1px solid #F7F7F8;
    border-radius: 15px;
    display: none;
    float: left;
    margin: -2px 0 0 15px;
    padding: 5px 15px 6px 27px;
    position: relative;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact .title .status .icon {
    float: left;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact .title .status .icon .one {
    background: #F1E87C;
    border-radius: 50%;
    height: 4px;
    left: 50%;
    margin: -2px 0 0 -2px;
    position: absolute;
    top: 50%;
    width: 4px;
    z-index: 100;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact .title .status .icon .two {
    animation: animationOne 1.5s ease-out;
    -webkit-animation: animationOne 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    background: rgba(241, 232, 124, 0.25);
    border-radius: 50%;
    height: 16px;
    left: 10%;
    margin: -8px 0 0 -8px;
    opacity: 0;
    position: absolute;
    width: 16px;
    z-index: 1;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact .title .status .text {
    float: left;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: -0.0125em;
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block .content ul {
    float: left;
    list-style: none;
    margin: 0;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block .content ul {
        margin: 5px 0 0;
    }
}

header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block .content ul li {
    font-size: 0.925em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 23px;
    margin: 0;
    padding: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block .content ul li {
        font-size: 0.95em;
        line-height: 21px;
        margin: 0 0 1px;
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

@media screen and (max-width: 500px) {
    header .menu.alt .slides .slide .content .blocks .block.alt.two .blocks .block.contact .content ul li span {
        display: block;
    }
}

.blocks {
    float: left;
    position: relative;
}

.blocks .block {
    float: left;
    position: relative;
}

.button {
    background: none;
    border: 0;
    cursor: pointer;
    float: left;
    font-size: 1em;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.button.large {
    box-sizing: border-box;
    clear: both;
    color: #FFFFFF;
    display: inline-block;
    float: none;
    margin: 15px 0 0;
    padding: 17px 35px 19px;
    text-align: center;
    width: 100%;
}

.button.large .text {
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.825em;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 18px;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 10;
}

.button.large:hover .text {
    color: #101820;
}

@media screen and (max-width: 1025px) {
    .button.large .text {
        font-size: 0.85em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.button.large.alt .text {
    color: #101820;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

.button.large .background {
    background: #101820;
    border-radius: 1px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.button.large.alt .background {
    background: #F7F7F8;
}

.button.large .background:before {
    background: #F1E87C;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 0;
}

@media screen and (max-width: 1025px) {
    .button.large .background:before {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    .button.large:hover .background {
        background: #F1E87C;
    }
}

.button.large:hover .background:before {
    opacity: 1;
    width: 100%;
}

.button.medium a {
    border-radius: 22px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 7px 25px 8px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .button.medium a {
        padding: 7px 22px 8px;
    }
}

@media screen and (max-width: 600px) {
    .button.medium a {
        padding: 7px 22px 8px;
    }
}

.button.medium .action {
    border-radius: 22px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 7px 25px 8px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .button.medium .action {
        padding: 7px 22px 8px;
    }
}

@media screen and (max-width: 600px) {
    .button.medium .action {
        padding: 7px 22px 8px;
    }
}

.button.medium .icon {
    float: left;
    left: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.button.medium .icon .one {
    background: #F1E87C;
    border-radius: 50%;
    height: 4px;
    left: 50%;
    margin: -2px 0 0 -2px;
    position: absolute;
    top: 50%;
    width: 4px;
    z-index: 100;
}

.button.medium .icon .two {
    animation: animationOne 1.5s ease-out;
    -webkit-animation: animationOne 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    background: rgba(241, 232, 124, 0.25);
    border-radius: 50%;
    height: 20px;
    left: 10%;
    margin: -10px 0 0 -10px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 1;
}

.button.medium .text {
    color: #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.775em;
    font-weight: normal;
    letter-spacing: -0.012875em;
    line-height: 25px;
    list-style: none;
    position: relative;
    text-align: left;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .button.medium .text {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.button.medium .text {
    color: #FFFFFF;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.button.medium:hover .text {
    color: #101820;
}

.button.medium .border {
    border: 1px solid #F2F2F3;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
}

.button.medium:hover .border {
    border: 1px solid #101820;
}

.button.medium .background {
    background: #101820;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 1;
}

.button.medium:hover .background {
    background: #F1E87C;
}

.button.medium .background:before {
    background: #F1E87C;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 0;
}

@media screen and (min-width: 1025px) {
    .button.medium:hover .background:before {
        opacity: 1;
        width: 100%;
    }
}

.button.small a {
    border-radius: 18px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 11px 17px 12px;
    position: relative;
    width: 100%;
}

.firefox .button.small a {
    padding: 11px 17px 13px;
}

.button.small .action {
    border-radius: 17px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 1em;
    margin: 0;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 11px 17px 13px;
    position: relative;
    width: 100%;
}

.button.small .action {
    border-radius: 18px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 11px 17px 13px;
    position: relative;
    width: 100%;
}

.button.small .text {
    float: left;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 0.7em;
    font-weight: 400;
    letter-spacing: -0.015em;
    line-height: 1em;
    position: relative;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    white-space: nowrap;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .button.small .text {
        font-size: 0.675em;
        -moz-text-stroke-width: 0.125px;
        -webkit-text-stroke-width: 0.125px;
    }
}

.button.small:hover .text {
    color: #101820;
}

.button.small.alt .text {
    color: #101820;
}

.button.small .background {
    background: #101820;
    height: 100%;
    position: absolute;
    left: 0;
    overflow: hidden;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 1025px) {
    .button.small .background {
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }
}

.button.small:hover .background {
    background: #F1E87C;
}

.button.small.alt .background {
    background: #F5F5F6;
}

.button.small.alt:hover .background {
    background: #F1E87C;
}

.button.small .background:before {
    background: #F1E87C;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 0;
}

.button.small:hover .background:before {
    opacity: 1;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .button.small:hover .background:before {
        display: none;
    }
}

.button.circle {
    height: 42px;
    margin: 0;
    opacity: 1;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    visibility: visible;
    width: 42px;
}

.button.circle.previous {
    margin: 0 7px 0 0;
}

.button.circle.disabled {
    cursor: default;
}

.button.circle a {
    float: left;
    height: 100%;
    width: 100%;
}

.button.circle .icon {
    color: #101820;
    font-size: 14px;
    left: 50%;
    line-height: 14px;
    position: absolute;
    text-indent: -0.01em;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

/*

.button.circle.alt .icon {
    color: #F3F3F4;
}

*/

.button.circle.disabled .icon {
    opacity: 0.25;
}

.button.circle .border {
    border: 1px solid #F3F3F4;
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
}

.button.circle:hover .border {
    border: 1px solid #101820;
}

.button.circle.alt .border {
    border: 1px solid rgba(255, 255, 255, 0.0625);
}

.button.circle.alt:hover .border {
    border: 1px solid #F3F3F4;
}

.button.circle.disabled:hover .border {
    border: 1px solid #F3F3F4;
}

.button.circle.alt.disabled:hover .border {
    border: 1px solid rgba(255, 255, 255, 0.0625);
}

.button.circle .background {
    background: #FBFBFC;
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
}

.button.circle:hover .background {
    background: #F1E87C;
}

.button.square {
    height: 35px;
    margin: 0;
    opacity: 1;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    visibility: visible;
    width: 35px;
}

.button.square .icon {
    color: #101820;
    font-size: 14px;
    left: 50%;
    line-height: 14px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

.button.square .border {
    border: 1px solid #F5F5F6;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
}

.button.square.active .border {
    border: 1px solid #CCCCCD;
}

.button.square:hover .border {
    border: 1px solid #101820;
}

.button.text {
    float: left;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.button.text a,
.button.text span {
    float: left;
    height: 100%;
    width: 100%;
}

.button.text .text {
    border-bottom: 1px dotted #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.75em;
    font-weight: 400;
    letter-spacing: -0.012875em;
    line-height: 17px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .button.text .text {
        font-size: 0.775em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.button.text:hover .text {
    border-bottom: 1px solid #101820;
}

.navigation {
    float: left;
    opacity: 1;
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    visibility: visible;
    width: 100%;
    z-index: 100;
}

@media screen and (max-width: 1025px) {
    .navigation {
        top: 70px;
    }
}

@media screen and (max-width: 600px) {
    .navigation.delay {
        z-index: 1000;
    }
}

.product.focus .navigation {
    opacity: 0;
    visibility: hidden;
}

@media screen and (max-width: 900px) {
    .product.focus .navigation {
        opacity: 1;
        visibility: visible;
    }
}

@media screen and (max-width: 1250px) {
    .shop.collection .navigation {
        position: relative;
        top: auto;
    }
}

.post .navigation {
    position: relative;
    top: auto;
}

.shop.post.collection .navigation {
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
}

@media screen and (max-width: 1250px) {
    .shop.post.collection .navigation {
        position: relative;
        top: auto;
    }
}

.navigation .container {
    background: #FFFFFF;
    border-bottom: 1px solid rgba(245, 245, 246, 0);
    float: left;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 100;
}

.scroll .navigation .container {
    border-bottom: 1px solid rgba(245, 245, 246, 1);
}

.shop .navigation.alt .container {
    border-bottom: 0;
}

.product .navigation .container {
    border-bottom: 1px solid rgba(245, 245, 246, 0);
}

@media screen and (max-width: 900px) {
    .product.scroll .navigation .container {
        border-bottom: 1px solid rgba(245, 245, 246, 1);
    }
}

.category .navigation .container,
.shop .navigation .container,
.account .navigation .container,
.blog .navigation .container,
.post .navigation .container,
.legal .navigation .container {
    border-bottom: 1px solid rgba(245, 245, 246, 1);
}

@media screen and (max-width: 900px) {
    .post .navigation .container {
        border-bottom: 0;
    }
}

.collection.post .navigation .container {
    border-bottom: 1px solid rgba(245, 245, 246, 1);
}

.navigation.active .container {
    border-bottom: 1px solid rgba(245, 245, 246, 1);
}

.shop.scroll.two .navigation .container,
.post.scroll.two .navigation .container {
    border-bottom: 1px solid rgba(245, 245, 246, 0);
}

.navigation .content {
    float: left;
    height: 45px;
    line-height: 35px;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .navigation .content {
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    .navigation .content {
        z-index: 100;
    }
}

.navigation .content .button.circle {
    height: 34px;
    left: calc(6.25% - 12px);
    position: absolute;
    top: 1px;
    width: 34px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .navigation .content .button.circle {
        left: 4.6875%;
    }
}

.navigation .content .button.circle .icon {
    font-size: 13px;
    line-height: 13px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

.navigation .content .button.circle .icon i:before {
    -moz-text-stroke-width: 0.25px;
    -webkit-text-stroke-width: 0.25px;
}

.navigation .content .button.circle .border {
    background: #FFFFFF;
}

.navigation .content .links {
    box-sizing: border-box;
    float: left;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 6.25%;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .navigation .content .links {
        display: flex;
    }
}

.shop .navigation .content .links,
.product .navigation .content .links {
    padding: 0 6.25% 0 calc(6.25% + 47px);
}

@media screen and (max-width: 900px) {
    .shop .navigation .content .links,
    .product .navigation .content .links {
        padding: 0 6.25% 0 calc(6.25% + 44px);
    }
}

@media screen and (max-width: 900px) {
    .shop.scroll .navigation .content .links,
    .product.scroll .navigation .content .links {
        padding: 0 calc(6.25% + 125px) 0 calc(6.25% + 44px);
    }
}

.account .navigation .content .links {
    overflow: hidden;
}

.navigation .content .links:before {
    background: #FFFFFF;
    content: '';
    display: none;
    height: 34px;
    position: absolute;
    left: 0;
    top: 0;
    width: 6.25%;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    .navigation .content .links:before {
        display: block;
    }
}

.navigation .content .links:after {
    background: #FFFFFF;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 25px, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 25px, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 25px, rgba(255, 255, 255, 1) 100%);
    content: '';
    height: 34px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(6.25% + 125px);
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .navigation.active .content .links:after {
        opacity: 1;
        z-index: 1;
    }
}

.navigation .content .links ul {
    display: flex;
}

.navigation .content .links ul.one {
    float: left;
}

.navigation .content .links ul.two {
    float: right;
    opacity: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 900px) {
    .navigation .content .links ul.two {
        float: left;
        opacity: 1;
    }
}

.navigation.active .content .links ul.two {
    opacity: 1;
}

@media screen and (max-width: 900px) {
    .navigation.active .content .links ul.two {
        opacity: inherit;
    }
}

.navigation .content .links ul li {
    float: left;
    font-size: 12px;
    letter-spacing: -0.0125em;
    list-style: none;
    position: relative;
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    white-space: nowrap;
}

@media screen and (max-width: 1025px) {
    .navigation .content .links ul li {
        font-size: 13px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.navigation .content .links ul.one li {
    cursor: pointer;
    margin: 0 42px 0 0;
}

.navigation .content .links ul.one li:last-child {
    cursor: default;
    margin: 0;
}

.collection .navigation .content .links ul.one li:last-child {
    cursor: pointer;
}

.navigation .content .links ul.one li:before {
    background: none;
    content: '•';
    font-size: 7px;
    height: auto;
    left: auto;
    opacity: 1;
    right: -22px;
    position: absolute;
    transition: none;
    -webkit-transition: none;
    top: 0;
    width: auto;
}

.navigation .content .links ul.one li:after {
    background: #F1E87C;
    content: '';
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: calc(50% + 14px);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 0;
}

@media screen and (min-width: 1025px) {
    .navigation .content .links ul.one li:hover:after {
        opacity: 1;
        width: 100%;
    }
}

.navigation .content .links ul.one li:last-child:before {
    display: none;
}

.navigation .content .links ul.one li a {
    float: left;
    width: 100%;
}

.navigation .content .links ul.two li {
    margin: 0 0 0 40px;
}

.navigation .content .links ul.two li:first-child {
    margin: 0;
}

@media screen and (max-width: 900px) {
    .navigation .content .links ul.two li:first-child {
        margin: 0 0 0 45px;
    }
}

.navigation .content .links ul.two li:last-child {
    font-size: 15px;
    margin: 0 0 0 32px;
}

@media screen and (max-width: 900px) {
    .navigation .content .links ul.two li:last-child {
        display: none;
    }
}

.navigation .content .links ul.two li:before {
    content: '•';
    font-size: 7px;
    left: -22px;
    position: absolute;
    top: 0;
}

.navigation .content .links ul.two li:first-child:before {
    content: '/';
    display: none;
    font-size: 11px;
    left: -25px;
}

@media screen and (max-width: 900px) {
    .navigation .content .links ul.two li:first-child:before {
        display: block;
    }
}

.navigation .content .links ul.two li:last-child:before {
    display: none;
}

.navigation .content .links ul.one li:last-child:after {
    display: none;
}

.collection .navigation .content .links ul.one li:last-child:after {
    display: block;
}

.navigation .content .links ul.two li:last-child label {
    border-radius: 17px;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.65em;
    font-weight: 400;
    letter-spacing: -0.015em;
    line-height: 1em;
    margin: 2px 0;
    overflow: hidden;
    padding: 10px 16px 11px;
    position: relative;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 10;
}

.navigation .content .links ul.two li:last-child:hover label {
    color: #101820;
}

.navigation .content .links ul.two li:last-child label:before {
    background: #101820;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -10;
}

.navigation .content .links ul.two li:last-child:hover label:before {
    background: #F1E87C;
}

.navigation .content .links ul.two li:last-child label:after {
    background: #F1E87C;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 0;
    z-index: -1;
}

.navigation .content .links ul.two li:last-child:hover label:after {
    width: 100%;
}

.navigation .content .links ul li label {
    float: left;
    margin: 0;
}

.navigation .content .links ul.two li a {
    float: left;
    width: 100%;
}

.navigation .content .button.small {
    opacity: 0;
    position: absolute;
    right: 6.25%;
    top: 1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .navigation.active .content .button.small {
        opacity: 1;
        z-index: 10;
    }
}

.navigation .content .button.small a {
    padding: 11px 18px 12px;
}

.navigation .content .button.small .text {
    font-size: 11px;
}

.navigation .content .links ul li {
    float: left;
    font-size: 12px;
    letter-spacing: -0.0125em;
    list-style: none;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    white-space: nowrap;
}

.account .navigation.alt .content {
    display: block;
    line-height: 28px;
}

.account .navigation.alt .content .links {
    margin: 2px 0 13px;
}

.account .navigation.alt .content .links ul.one li {
    margin: 0 13px;
}

@media screen and (max-width: 900px) {
    .account .navigation.alt .content .links ul.one li {
        margin: 0 11px;
    }
}

.account .navigation.alt .content .links ul.one li:first-child {
    margin: 0 13px 0 0;
}

.account .navigation.alt .content .links ul.one li:last-child {
    margin: 0 0 0 40px;
}

.account .navigation.alt .content .links ul.one li:last-child:before {
    background: none;
    content: '•';
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 7px;
    height: auto;
    left: -29px;
    opacity: 1;
    position: absolute;
    right: auto;
    top: 0;
    transition: none;
    -webkit-transition: none;
    width: auto;
}

.account .navigation.alt .content .links ul.one li:before {
    display: none;
}

.account .navigation.alt .content .links ul.one li:last-child:after {
    display: block;
}

.account .navigation.alt .content .links ul.one li.active:after {
    display: none;
}

.account .navigation.alt .content .links ul.one li.active {
    background: #F1E87C;
    border-radius: 16px;
    font-size: 0.775em;
    letter-spacing: -0.015em;
    margin: 0 8px;
    padding: 0 15px 2px;
}

.account .navigation.alt .content .links ul.one li.active:first-child {
    margin: 0 8px 0 0;
}

.account .navigation.alt .content .links ul.one li.active:last-child {
    margin: 0 0 0 8px;
}

.account .navigation.alt .content .links.alt ul.one li.active:nth-child(1) {
    background: none;
    border-radius: 0;
    font-size: 12px;
    letter-spacing: -0.0125em;
    padding: 0;
    margin: 0 13px 0 0 !important;
}

.account .navigation.alt .content .links.alt ul.one li.active:nth-child(1):after {
    display: block;
}

.message {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.message.delay {
    display: block;
    visibility: visible;
    z-index: 2500;
}

.message .container {
    background: #FFFFFF;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    height: 31.25%;
    left: 0;
    margin: 0;
    padding: 39px 0 0;
    position: absolute;
    right: 0;
    top: auto;
    transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    width: 100%;
    will-change: transform;
    z-index: 1000;
}

@media screen and (max-width: 900px) {
    .message .container {
        border-radius: 24px 24px 0 0;
        height: 50%;
        width: 100%;
    }
}

.message.active .container {
    bottom: 0 !important;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

.message .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .message .overlay {
        cursor: pointer;
    }
}

.message.active .overlay {
    opacity: 1;
    z-index: 500;
}

.message .close {
    cursor: pointer;
    position: absolute;
    left: 25%;
    text-align: center;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    .message .close {
        left: 12.5%;
    }
}

@media screen and (max-width: 900px) {
    .message .close {
        left: 6.25%;
    }
}

.message .title {
    cursor: default;
    margin: 0 25% 40px calc(25% + 60px);
    padding: 0;
    width: calc(50% - 60px);
}

@media screen and (max-width: 1250px) {
    .message .title {
        margin: 0 12.5% 40px calc(12.5% + 60px);
        width: calc(75% - 60px);
    }
}

@media screen and (max-width: 900px) {
    .message .title {
        margin: 0 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

.message .title:before,
.message .title:after {
    display: none;
}

.message .content {
    height: calc(100% - 60px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.message .content .scroll {
    float: left;
    margin: 0 7.8125%;
    padding: 0 0 50px;
    width: 84.375%;
}

@media screen and (max-width: 900px) {
    .message .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.message .content .scroll {
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .message .content .scroll {
        margin: 0 12.5%;
        width: 75%;
    }
}

@media screen and (max-width: 900px) {
    .message .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.home .submenu {
    float: left;
    position: relative;
    width: 100%;
}

.home .submenu .container {
    border-top: 1px solid #F5F5F6;
    float: left;
    position: relative;
    width: 100%;
}

.home .submenu .content {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    margin: 22px 0 32px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .home .submenu .content {
        margin: 18px 0 10px;
    }
}

.home .submenu .content .links {
    box-sizing: border-box;
    display: flex;
    float: left;
    justify-content: center;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .home .submenu .content .links {
        justify-content: flex-start;
    }
}

.home .submenu .content .links ul {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1350px) {
    .home .submenu .content .links ul {
        padding: 0 6.25% 15px;
        flex-wrap: nowrap;
    }
}

.home .submenu .content .links ul li {
    border: 1px solid #F4F4F5;
    border-radius: 8px;
    box-sizing: border-box;
    float: left;
    list-style: none;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100px;
}

@media screen and (max-width: 1025px) {
    .home .submenu .content .links ul li {
        margin: 0 9px 0 0;
        width: 98px;
    }
}

.home .submenu .content .links ul li:last-child {
    margin: 0;
}

@media screen and (min-width: 1025px) {
    .home .submenu .content .links ul li:hover {
        border: 1px solid #757576;
    }
}

@media screen and (min-width: 1025px) {
    .home .submenu .content .links ul li[data-link='alt']:hover {
        border: 1px solid #F4F4F5;
    }
}

.home .submenu .content .links ul li a,
.home .submenu .content .links ul li span {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    float: left;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 12px 0 13px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.home .submenu .content .links ul li[data-link='alt'] span {
    cursor: default;
    padding: 0 !important;
}

.home .submenu .content .links ul li .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 112.5%;
    height: 58px;
    margin: 0 auto 10px;
    position: relative;
    width: 58px;
    z-index: 10;
}

@media screen and (max-width: 1350px) {
    .home .submenu .content .links ul li .image {
        margin: 0 auto 9px;
    }
}

.home .submenu .content .links ul li .swatch {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65.625%;
    border-radius: 1px;
    float: left;
    height: auto;
    margin: 0 0 10px;
    padding: 0 0 100%;
    width: 100%;
}

.home .submenu .content .links ul li .title {
    float: left;
    height: 35px;
    padding: 0 14px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .submenu .content .links ul li .title {
        padding: 0 10px;
    }
}

.home .submenu .content .links ul li[data-link='alt'] .title {
    height: 35px;
    text-align: left !important;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: calc(100% - 35px);
}

.home .submenu .content .links ul li .title h4.four.alt {
    padding: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.home .submenu .content .links ul li[data-link='alt'] .title h4.four.alt {
    width: 90%;
}

.home .banner {
    float: left;
    position: relative;
    width: 100%;
}

.home .banner .container {
    float: left;
    position: relative;
    width: 100%;
}

.home .banner .content {
    float: left;
    width: 100%;
}

.home .banner .content .blocks {
    float: left;
    width: 100%;
}

.home .banner .content .blocks .block {
    float: left;
    width: 100%;
}

.home .banner .content .blocks .block.one {
    margin: 0 0 23px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.one {
        margin: 0 0 18px;
    }
}

.home .banner .content .blocks .block.two {
    height: calc(100vh - 465px);
    margin: 0 4.6875%;
    min-height: 350px;
    width: 90.625%;
}

@media screen and (min-width: 1750px) {
    .home .banner .content .blocks .block.two {
        height: calc(100vh - 476px);
        min-height: 456px;
    }
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two {
        height: calc(100vh - 396px);
        min-height: 324px;
    }
}

.home .banner .content .blocks .block .blocks {
    float: left;
    height: auto;
    width: 100%;
}

.home .banner .content .blocks .block .blocks .block {
    float: left;
    width: 100%;
}

.home .banner .content .blocks .block.one .blocks .block {
    display: none;
}

.home .banner .content .blocks .block.one .blocks .block:nth-child(1) {
    background: #FBFBFC;
    display: flex;
    display: none;
    float: left;
    justify-content: center;
    padding: 18px 0;
    text-align: center;
}

@media screen and (max-width: 1250px) {
    .home .banner .content .blocks .block.one .blocks .block:nth-child(1) {
        margin: 0 0 20px;
    }
}

/*

.home .banner .content .blocks .block.one .blocks .block:nth-child(2) {
    float: right;
    height: 20px;
    position: absolute;
    right: 8.59375%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/*

@media screen and (max-width: 1350px) {
    .home .banner .content .blocks .block.one .blocks .block:nth-child(2) {
        float: left;
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
    }
}

*/

.home .banner .content .blocks .block.one .blocks .block:nth-child(2) {
    display: block;
    float: left;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    -webkit-transform: none;
}

.home .banner .content .blocks .block.one .blocks .block .text {
    float: left;
    max-width: 475px;
    width: 81.25%;
    z-index: 10;
}

@media screen and (max-width: 1350px) {
    .home .banner .content .blocks .block.one .blocks .block .text {
        max-width: 375px;
    }
}

.home .banner .content .blocks .block.one .blocks .block .contact {
    float: left;
    margin: 3px 0 0;
    padding: 0 0 0 30px;
    position: relative;
}

.home .banner .content .blocks .block.one .blocks .block .contact .icon {
    float: left;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.home .banner .content .blocks .block.one .blocks .block .contact .icon .one {
    background: #F1E87C;
    border-radius: 50%;
    height: 4px;
    left: 50%;
    margin: -2px 0 0 -2px;
    position: absolute;
    top: 50%;
    width: 4px;
    z-index: 100;
}

.home .banner .content .blocks .block.one .blocks .block .contact .icon .two {
    animation: animationOne 1.5s ease-out;
    -webkit-animation: animationOne 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    background: rgba(241, 232, 124, 0.25);
    border-radius: 50%;
    height: 20px;
    left: 10%;
    margin: -10px 0 0 -10px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 1;
}

.home .banner .content .blocks .block.one .blocks .block .trustpilot {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1350px) {
    .home .banner .content .blocks .block.one .blocks .block .trustpilot {
        float: left;
    }
}

.home .banner .content .blocks .block.one .blocks .block .trustpilot .trustpilot-widget {
    float: none;
    transform: scale(0.9125);
    -webkit-transform: scale(0.9125);
    transform-origin: center;
    -webkit-transform-origin: center;
    width: 300px;
}

.home .banner .content .blocks .block.one .blocks .block .trustpilot .trustpilot-widget iframe {
    left: auto;
    top: auto;
}

.home .banner .content .blocks .block.two .blocks {
    height: 100%;
}

.home .banner .content .blocks .block.two .blocks .block:nth-child(1) {
    bottom: 25px;
    position: absolute;
    right: 25px;
    width: 345px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block:nth-child(1) {
        bottom: 4.6875%;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 90.625%;
    }
}

.home .banner .content .blocks .block.two .blocks .block:nth-child(2) {
    border-radius: 15px;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides {
    box-sizing: content-box;
    display: flex;
    float: left;
    height: 100% !important;
    margin: 75px 0 0;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide {
    background: #FFFFFF;
    border-radius: 12px;
    box-sizing: border-box;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0 20px 0 0;
    padding: 20px 25px 20px 20px;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block .slider .slides .slide {
        padding: 18px 23px 18px 18px;
    }
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product {
    float: left;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks {
    display: flex;
    float: left;
    height: 100%;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block {
    background: none;
    border-radius: 0;
    bottom: auto;
    box-sizing: border-box;
    height: auto;
    left: auto;
    padding: 0;
    position: relative;
    right: auto;
    transform: none;
    -webkit-transform: none;
    width: 100%;
    z-index: auto;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block:nth-child(1) {
    float: left;
    height: auto;
    margin: 0 15px 0 0;
    width: 75px;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block:nth-child(1) {
        width: 70px;
    }
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block:nth-child(2) {
    float: left;
    width: calc(100% - 175px);
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block:nth-child(3) {
    float: left;
    width: 100px;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 8px;
    height: auto;
    left: auto;
    padding: 0 0 120%;
    position: relative;
    top: auto;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .title {
    float: left;
    margin: 0 0 3px;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes {
    float: left;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute {
    float: left;
    position: relative;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute:after {
    color: #F3F3F4;
    content: '•';
    font-size: 8px;
    line-height: 20px;
    position: absolute;
    right: -23px;
    top: 0;
}

@media screen and (max-width: 600px) {
    .home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute:after {
        right: -19px;
    }
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .icon {
    float: left;
    font-size: 32px;
    line-height: 17px;
    margin: 0 9px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 24px;
}

@media screen and (max-width: 600px) {
    .home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .text {
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.0175em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .attributes .attribute .text {
        font-size: 13px;
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .price {
    float: left;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .price .text {
    font-size: 0.89375em;
    font-weight: 500;
    letter-spacing: -0.0175em;
    line-height: 1.3625em;
    text-align: right;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .product .blocks .block .buttons {
    bottom: 0;
    float: left;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: auto;
    transition: none;
    -webkit-transition: none;
    z-index: auto;
}

.home .banner .content .blocks .block.two .blocks .block .slider .slides .slide .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home .banner .content .blocks .block.two .blocks .block .channels {
    left: 28px;
    position: absolute;
    top: 14px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block .channels {
        left: calc(4.6875% - 6px);
        top: 13px;
    }
}

.home .banner .content .blocks .block.two .blocks .block .channels .text {
    color: #FFFFFF;
    float: left;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 57px;
    margin: 0 18px 0 0;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block .channels .text {
        display: none;
    }
}

.home .banner .content .blocks .block.two .blocks .block .channels .logos {
    float: left;
}

.home .banner .content .blocks .block.two .blocks .block .channels .logos .logo {
    float: left;
    margin: 0 1px 0 0;
    width: 55px;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block .channels .logos .logo {
        width: 50px;
    }
}

.home .banner .content .blocks .block.two .blocks .block .channels .logos .logo:last-child {
    margin: 0;
}

.home .banner .content .blocks .block.two .blocks .block .channels .logos .logo img {
    float: left;
}

.home .banner .content .blocks .block.two .blocks .block .buttons {
    overflow: visible;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block .buttons {
        right: 4.6875%;
        top: 4.6875%;
    }
}

.home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt {
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

.home .banner .content .blocks .block.two .blocks .block .buttons.mute .button.small.alt[data-vimeo='unmute'] {
    opacity: 1;
    z-index: 10;
}

.home .banner .content .blocks .block.two .blocks .block .buttons.unmute .button.small.alt[data-vimeo='unmute'] {
    opacity: 0;
    z-index: -1;
}

.home .banner .content .blocks .block.two .blocks .block .buttons.mute .button.small.alt[data-vimeo='mute'] {
    opacity: 0;
    z-index: -1;
}

.home .banner .content .blocks .block.two .blocks .block .buttons.unmute .button.small.alt[data-vimeo='mute'] {
    opacity: 1;
    z-index: 10;
}

.home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt a {
    padding: 11px 16px 12px 34px;
}

.home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt .text {
    color: #101820;
    font-size: 10px;
    letter-spacing: -0.01625em;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    .home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt .text {
        font-size: 0.7em;
    }
}

.home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt .icon {
    float: left;
    font-size: 13px;
    left: 14px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 48.75%;
    z-index: 10;
}

.home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt .background {
    background: #FFFFFF;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt:hover .background {
    background: #F1E87C;
}

.home .banner .content .blocks .block.two .blocks .block .buttons .button.small.alt .background:before {
    display: none;
}

.home .banner .content .blocks .block.two .blocks .block .video {
    background-color: #101820;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 250%;
    left: 50%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

@media screen and (min-height: 1175px) and (max-width: 2350px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 125%;
        width: 275%;
    }
}

@media screen and (min-height: 975px) and (max-width: 1625px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 112.5%;
        width: 275%;
    }
}

@media screen and (min-height: 900px) and (max-width: 1325px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 112.5%;
        width: 275%;
    }
}

@media screen and (max-height: 875px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 275%;
        width: 102.5%;
    }
}

@media screen and (max-width: 1125px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 102.5%;
        width: 275%;
    }
}

@media screen and (max-height: 875px) and (max-width: 1125px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 275%;
        width: 125%;
    }
}

@media screen and (max-height: 875px) and (max-width: 900px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 125%;
        width: 275%;
    }
}

@media screen and (max-width: 750px) {
    .home .banner .content .blocks .block.two .blocks .block .video {
        height: 102.5%;
        width: 275%;
    }
}

.home .banner .content .blocks .block.two .blocks .block .video iframe {
    height: 100% !important;
    left: 50%;
    position: absolute;
    top: 50%;
    touch-action: pan-y;
    transform: translate(-50%, -50%);
    width: 100% !important;
}

.home .banner .content .blocks .block.three {
    float: left;
    height: 117px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.three {
        height: 109px;
    }
}

.home .banner .content .blocks .block.three .brands {
    float: left;
    width: 100%;
}

.home .banner .content .blocks .block.three .brands .container {
    float: left;
    margin: 12px 0 22px;
    width: 100%;
}

@media screen and (max-width: 1750px) {
    .home .banner .content .blocks .block.three .brands .container {
        margin: 7px 0 22px;
    }
}

.home .banner .content .blocks .block.four {
    margin: 0 25% 60px;
    text-align: center;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.four {
        margin: 0 12.5% 50px;
        width: 75%;
    }
}

.home .banner .content .blocks .block.four .blocks .block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home .banner .content .blocks .block.four .blocks .block .title {
    float: left;
    margin: 0 0 28px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.four .blocks .block .title {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.four .blocks .block .title h1.one {
        width: 225px;
    }
}

.home .banner .content .blocks .block.four .blocks .block .title h1.one span.one {
    font-style: italic;
    letter-spacing: -0.035em;
    margin: 0 2px 0 -2px;
}

.home .banner .content .blocks .block.four .blocks .block .title h1.one span.two {
    position: relative;
}

.home .banner .content .blocks .block.four .blocks .block .title h1.one span.two:before {
    background-color: #F1E87C;
    content: '';
    display: inline-block;
    height: 50px;
    left: 50%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-1.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-1.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    position: absolute;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .home .banner .content .blocks .block.four .blocks .block .title h1.one span.three {
        display: none;
    }
}

.home .banner .content .blocks .block.four .blocks .block .text {
    float: left;
    margin: 0 auto;
    width: 300px;
}

.home .categories {
    float: left;
    position: relative;
    width: 100%;
}

.home .categories .category {
    float: left;
    position: relative;
    width: 100%;
}

.home .categories .category .container {
    background: #FFFFFF;
    border-radius: 35px;
    float: left;
    margin: 35px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category .container {
        border-radius: 30px;
        margin: 30px 0;
    }
}

.home .categories .category .container:first-child {
    margin: 0 0 35px;
}

@media screen and (max-width: 900px) {
    .home .categories .category .container:first-child {
        margin: 0 0 30px;
    }
}

.home .categories .category .container:before {
    content: '';
    height: 105px;
    left: 0;
    position: absolute;
    top: -70px;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .home .categories .category .container:before {
        height: 90px;
        top: -60px;
    }
}

.home .categories .category.two .container:before {
    background: #F3A9DD;
}

.home .categories .category.three .container:before {
    background: #F1E87C;
}

.home .categories .category.four .container {
    border-bottom: 1px solid #F7F7F8;
    border-radius: 35px 35px 0 0;
    margin: 0 0 60px;
    padding: 0 0 70px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .container {
        margin: 0 0 55px;
        padding: 0 0 55px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.four .container {
        margin: 0 0 50px;
    }
}

.home .categories .category.four .container:before {
    background: #94A8CC;
}

.home .categories .category.five .container {
    border-radius: 35px 35px 0 0;
    margin: 0;
}

@media screen and (max-width: 900px) {
    .home .categories .category.five .container {
        border-radius: 30px 30px 0 0;
    }
}

.home .categories .category .content {
    float: left;
    margin: 80px 0 90px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category .content {
        margin: 70px 0 75px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category .content {
        margin: 65px 0 70px;
    }
}

.home .categories .category.one .content {
    margin: 0 0 80px;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content {
        margin: 0 0 70px;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content {
        margin: 65px 0 80px;
    }
}

.home .categories .category.four .content {
    margin: 80px 0 0;
}

.home .categories .category.five .content {
    margin: 0;
}

.home .categories .category .content .blocks {
    float: left;
    height: 100%;
    width: 100%;
}

.home .categories .category .content .blocks .block {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.one {
    margin: 0 8.59375% 75px;
    width: 82.8125%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.one {
        margin: 0 6.25% 25px;
        width: 87.5%;
    }
}

.home .categories .category.one .content .blocks .block.one .categories {
    float: left;
    position: relative;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.one .categories .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block {
    margin: 0 20px 0 0;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block {
        margin: 0 18px 40px 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block:nth-child(2n) {
        margin: 0 0 40px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block {
        margin: 0 12px 40px 0;
        width: calc(50% - 6px);
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block:nth-child(2n) {
        margin: 0 0 40px;
    }
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block:last-child {
    margin: 0;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block:last-child {
        margin: 0;
    }
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block a {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category {
    background: none;
    border-radius: 0;
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    float: left;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 0 125%;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block .category .image {
        margin: 0 0 17px;
    }
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category.paint .image {
    background-image: url('https://alt.hemway.com/assets/images/home/categories/all/paint.png');
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category.glitter .image {
    background-image: url('/cdn/shop/files/glitter.png');
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category.powder .image {
    background-image: url('/cdn/shop/files/powder.png');
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category.grout-and-sealant .image {
    background-image: url('/cdn/shop/files/grout-and-sealant.png');
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category .title {
    float: left;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block .category .title h2.four {
        font-size: 0.95em;
        line-height: 1.4125em;
    }
}

.home .categories .category.one .content .blocks .block.one .categories .blocks .block .category .title h2.four:after {
    content: '\f15c';
    font-family: 'icons';
    font-size: 0.7125em;
    margin: 0 0 0 10px;
    position: relative;
    top: -1px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.one .categories .blocks .block .category .title h2.four:after {
        margin: 0 0 0 8px;
    }
}

.home .categories .category.one .content .blocks .block.two {
    margin: 0 4.6875% 75px;
    width: 90.625%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.two {
        margin: 0 4.6875% 70px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.one .content .blocks .block.two {
        margin: 0 4.6875% 55px;
    }
}

.home .categories .category.one .content .blocks .block.two .features {
    float: left;
    background: #FBFBFC;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 65px 8.59375% 60px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.two .features {
        padding: 60px 6.25% 55px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.one .content .blocks .block.two .features {
        padding: 55px 0 50px;
    }
}

.home .categories .category.one .content .blocks .block.two .features .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block {
    float: left;
    margin: 0 5% 0 0;
    width: 30%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.one .content .blocks .block.two .features .blocks .block {
        margin: 0 0 55px;
        width: 100%;
    }
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block:last-child {
    margin: 0;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .icons {
    float: left;
    height: 26px;
    margin: 0 0 28px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .icons {
        margin: 0 0 26px;
    }
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .icons .icon {
    font-size: 32px;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .icons .icon.one {
    left: calc(50% - 4px);
    z-index: 10;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .icons .icon.two {
    left: calc(50% + 4px);
    z-index: 1;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block:nth-child(1) .feature .icons .icon.two {
    color: #F3A9DD;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block:nth-child(3) .feature .icons .icon.two {
    color: #85DAB1;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .icons .icon i {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .logo {
    display: flex;
    float: left;
    justify-content: center;
    margin: -6px 0 28px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .logo {
        margin: 0 0 26px;
    }
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .logo img {
    height: 32px;
    width: auto;
}

.home .categories .category.one .content .blocks .block.two .features .blocks .block .feature .text {
    float: left;
    width: 225px;
}

.home .categories .category.one .content .blocks .block.three {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.one .content .blocks .block.three .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters {
    display: flex;
    float: left;
    left: 50%;
    position: absolute;
    top: 6px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters {
        left: 6.25%;
        transform: none;
        -webkit-transform: none;
    }
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters {
        display: block;
        left: auto;
        position: relative;
        top: auto;
        width: 100%;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .title {
    margin: 7px 25px 7px 0;
    width: auto;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters .title {
        margin: 0 calc(8.59375% + 1px) 7px;
        width: calc(82.8125% - 2px);
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .title h3.one {
    text-transform: capitalize;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons {
    margin: 0;
    width: auto;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons {
        background: #FFFFFF;
        display: flex;
        float: left;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
        width: 100%;
        z-index: 100;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul {
    float: left;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul {
        display: flex;
        float: left;
        overflow: auto;
        padding: 6px 8.59375% 0;
        width: 100%;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul li {
    background: #F9F9FA;
    border-radius: 18px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    height: auto;
    letter-spacing: -0.0175em;
    line-height: 11px;
    margin: 0 7px 0 0;
    padding: 10px 16px 12px;
    position: relative;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    text-transform: capitalize;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    white-space: nowrap;
    width: auto;
    z-index: 1;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul li {
        font-size: 12px;
        line-height: 12px;
        margin: 0 7px 10px 0;
        padding: 11px 17px 13px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul li:nth-child(2):after {
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 67.5% 100%, 0 32.5%);
    color: #85DAB1;
    content: '\f15e';
    display: none;
    font-family: 'icons';
    font-size: 22px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: -6px;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul li:nth-child(3):after {
    background: #F1E87C;
    border-radius: 11px;
    color: #101820;
    content: '2 For 1';
    display: none;
    font-size: 9px;
    letter-spacing: -.0025em;
    line-height: 9px;
    margin: 0 0 0 5px;
    padding: 6px 11px 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul li:nth-child(3):after {
        padding: 6px 11px;
    }
}

@media screen and (min-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul li:hover {
        background: #F1E87C;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .filters .buttons ul li.active {
    background: #101820;
    color: #FFFFFF;
    display: block;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products {
    float: left;
    margin: 0 4.6875%;
    width: 90.625%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider {
    height: 100%;
    touch-action: pan-y;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .buttons {
    float: left;
    position: absolute;
    right: 1.7241%;
    top: 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .buttons {
        display: none;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    margin: 75px 0 0;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides {
        margin: 22px 0 0;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0 20px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide {
        margin: 0 18px 0 0;
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product {
    background: none;
    float: left;
    min-height: auto;
    position: relative;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product a {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images {
        padding: 0 0 125%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.one {
    background-size: 95% auto;
    left: 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.one {
        opacity: 1;
        z-index: 10;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.two {
    background-size: cover;
    display: none;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .title {
    float: left;
    margin: 0 0 3px;
    width: 87.5%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .title.margin {
    margin: 0 0 21px;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks:before {
    display: none;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes {
        margin: 0 0 20px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product[data-product_type='Tools'] .content .blocks.one .block .attributes,
.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product[data-product_type='Tools: Size'] .content .blocks.one .block .attributes {
    display: none;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text .one {
    display: block;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text .two {
    display: none;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
        width: 100%;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        left: -21px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.two .content .blocks .block.one {
    float: left;
    margin: 0 25% 60px;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.two .content .blocks .block.one {
        margin: 0 18.75% 60px;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.one {
        margin: 0 12.5% 55px;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.one {
        margin: 0 8.59375% 45px;
        width: 82.8125%;
    }
}

.home .categories .category.two .content .blocks .block.one .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.one .blocks .block {
    float: left;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.one .blocks .block:nth-child(1) {
        margin: 0 0 35px;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.one .blocks .block:nth-child(2) {
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.two .content .blocks .block.one .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.home .categories .category.two .content .blocks .block.one .blocks .block .title {
    float: left;
    width: 90%;
}

.home .categories .category.two .content .blocks .block.one .blocks .block .title h2.one span.one {
    display: block;
    position: relative;
    z-index: 10;
}

.home .categories .category.two .content .blocks .block.one .blocks .block .title h2.one span.two {
    position: relative;
}

.home .categories .category.two .content .blocks .block.one .blocks .block .title h2.one span.two:before {
    background-color: #F3A9DD;
    content: '';
    display: inline-block;
    height: 50px;
    left: calc(50% + 14px);
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/glitter.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/glitter.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    position: absolute;
    top: calc(50% + 6px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 125%;
    z-index: -1;
}

.home .categories .category.two .content .blocks .block.one .blocks .block .text {
    float: left;
    width: 95%;
}

.home .categories .category.two .content .blocks .block.two {
    border-radius: 15px;
    float: left;
    height: calc(100vh - 285px);
    margin: 0 4.6875% 65px;
    overflow: hidden;
    position: relative;
    width: 90.625%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.two .content .blocks .block.two {
        margin: 0 4.6875% 60px;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.two {
        margin: 0 4.6875% 55px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.two {
        margin: 0 4.6875% 45px;
    }
}

.home .categories .category.two .content .blocks .block.two .buttons {
    overflow: visible;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.two .buttons {
        right: 4.6875%;
        top: 4.6875%;
    }
}

.home .categories .category.two .content .blocks .block.two .buttons .button.small.alt {
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

.home .categories .category.two .content .blocks .block.two .buttons.mute .button.small.alt[data-vimeo='unmute'] {
    opacity: 1;
    z-index: 10;
}

.home .categories .category.two .content .blocks .block.two .buttons.unmute .button.small.alt[data-vimeo='unmute'] {
    opacity: 0;
    z-index: -1;
}

.home .categories .category.two .content .blocks .block.two .buttons.mute .button.small.alt[data-vimeo='mute'] {
    opacity: 0;
    z-index: -1;
}

.home .categories .category.two .content .blocks .block.two .buttons.unmute .button.small.alt[data-vimeo='mute'] {
    opacity: 1;
    z-index: 10;
}

.home .categories .category.two .content .blocks .block.two .buttons .button.small.alt a {
    padding: 11px 16px 12px 34px;
}

.home .categories .category.two .content .blocks .block.two .buttons .button.small.alt .text {
    color: #101820;
    font-size: 10px;
    letter-spacing: -0.01625em;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.two .buttons .button.small.alt .text {
        font-size: 0.7em;
    }
}

.home .categories .category.two .content .blocks .block.two .buttons .button.small.alt .icon {
    float: left;
    font-size: 13px;
    left: 14px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 48.75%;
    z-index: 10;
}

.home .categories .category.two .content .blocks .block.two .buttons .button.small.alt .background {
    background: #FFFFFF;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.home .categories .category.two .content .blocks .block.two .buttons .button.small.alt:hover .background {
    background: #F1E87C;
}

.home .categories .category.two .content .blocks .block.two .buttons .button.small.alt .background:before {
    display: none;
}

.home .categories .category.two .content .blocks .block.two .video {
    background-color: #101820;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 250%;
    left: 50%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

@media screen and (min-height: 1175px) and (max-width: 2350px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 125%;
        width: 275%;
    }
}

@media screen and (min-height: 975px) and (max-width: 1625px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 112.5%;
        width: 275%;
    }
}

@media screen and (min-height: 900px) and (max-width: 1325px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 112.5%;
        width: 275%;
    }
}

@media screen and (max-height: 875px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 275%;
        width: 102.5%;
    }
}

@media screen and (max-width: 1125px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 102.5%;
        width: 275%;
    }
}

@media screen and (max-height: 875px) and (max-width: 1125px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 275%;
        width: 125%;
    }
}

@media screen and (max-height: 875px) and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 125%;
        width: 275%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.two .video {
        height: 102.5%;
        width: 275%;
    }
}

.home .categories .category.two .content .blocks .block.two .video iframe {
    height: 100% !important;
    left: 50%;
    position: absolute;
    top: 50%;
    touch-action: pan-y;
    transform: translate(-50%, -50%);
    width: 100% !important;
}

.home .categories .category.two .content .blocks .block.three {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    margin: 0 0 75px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.three {
        margin: 0 4.6875% 50px;
        width: 90.625%;
    }
}

.home .categories .category.two .content .blocks .block.three .blocks {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: auto;
}

.home .categories .category.two .content .blocks .block.three .blocks .block {
    border: 1px solid #F4F4F5;
    border-radius: 12px;
    box-sizing: border-box;
    float: left;
    margin: 0 12px 0 0;
    padding: 25px 19px 45px;
    width: 200px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block {
        width: 150px;
    }
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block {
        padding: 25px 19px 45px;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block {
        width: 130px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block {
        margin: 0 12px 12px 0;
        min-height: 230px;
        width: calc(50% - 6px);
    }
}

.home .categories .category.two .content .blocks .block.three .blocks .block:last-child {
    margin: 0;
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block:nth-child(2n+1) {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block.alt {
        border: 0;
        display: block;
        float: left;
        padding: 0;
        margin: 0 4.3103% 35px;
        min-height: auto;
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block.alt {
        width: 100%;
    }
}

.home .categories .category.two .content .blocks .block.three .blocks .block:before {
    content: '';
    height: 5px;
    left: 50%;
    position: absolute;
    top: -1px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: calc(100% - 38px);
}

.home .categories .category.two .content .blocks .block.three .blocks .block:nth-child(2):before {
    background: #F1E87C;
}

.home .categories .category.two .content .blocks .block.three .blocks .block:nth-child(3):before {
    background: #F3A9DD;
}

.home .categories .category.two .content .blocks .block.three .blocks .block:nth-child(4):before {
    background: #85DAB1;
}

.home .categories .category.two .content .blocks .block.three .blocks .block:nth-child(5):before {
    background: #94A8CC;
}

.home .categories .category.two .content .blocks .block.three .blocks .block.alt:before {
    display: none;
}

.home .categories .category.two .content .blocks .block.three .blocks .block .icon {
    display: none;
    float: left;
    font-size: 17px;
    line-height: 17px;
    margin: 0 0 10px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block .icon {
        font-size: 20px;
        line-height: 20px;
    }
}

.home .categories .category.two .content .blocks .block.three .blocks .block .title {
    float: left;
    margin: 0 0 10px;
    min-height: 34px;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.three .blocks .block .title h4.three.alt span {
    display: block;
}

.home .categories .category.two .content .blocks .block.three .blocks .block .text {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.three .blocks .block.alt .text {
    float: left;
    margin: 28px 0 0;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block.alt .text {
        margin: 30px 0 0;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block.alt .text {
        margin: 0;
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block.alt .text {
        margin: 0;
        width: 95%;
    }
}

.home .categories .category.two .content .blocks .block.three .blocks .block.alt .text p.small.three.margin {
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block.alt .text p.small.three.margin {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.017875em;
        line-height: 1.39375em;
        -moz-text-stroke-width: 0.01125px;
        -webkit-text-stroke-width: 0.01125px;
    }
}

.home .categories .category.two .content .blocks .block.three .blocks .block .locations {
    bottom: 22px;
    float: left;
    left: 17px;
    position: absolute;
}

.home .categories .category.two .content .blocks .block.three .blocks .block .locations .location {
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    float: left;
    margin: 0 -5px 0 0;
    position: relative;
    width: 20px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.three .blocks .block .locations .location {
        width: 21px;
    }
}

.home .categories .category.two .content .blocks .block.three .blocks .block .locations .location:last-child {
    margin: 0;
}

.home .categories .category.two .content .blocks .block.three .blocks .block .locations .location img {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five {
    margin: 0 4.6875%;
    width: 90.625%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.five {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block {
    float: left;
    margin: 0 20px 0 0;
    width: calc(50% - 10px);
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block {
        margin: 0 0 50px;
        width: 100%;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block:last-child {
    margin: 0;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product {
    float: left;
    position: relative;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product a {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 calc(62.5% - 10px);
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .images {
        padding: 0 0 calc(75% - 10px);
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .images {
        border-radius: 12px;
        margin: 0 0 20px;
        padding: 0 0 calc(75% - 9px);
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .images {
        padding: 0 0 calc(62.5% - 6px);
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .images .image.one {
    background-position: center 87.5%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .images .image.two {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 115% auto;
    border-radius: 12px;
    bottom: 25px;
    height: 150px;
    position: absolute;
    right: 25px;
    width: 120px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .images .image.two {
        bottom: calc(7.5% + 3px);
        height: 125px;
        right: 4.6875%;
        width: 100px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .meta {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 100;
}

@media screen and (max-width: 900px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .meta {
        right: 4.6875%;
        top: calc(7.5% + 3px);
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .meta .attributes {
    background: #FFFFFF;
    border-radius: 17px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 7px 10px 7px;
    position: relative;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .meta .attributes .attribute {
    float: left;
    margin: 0 4px 0 0;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .meta .attributes .attribute:last-child {
    margin: 0;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .meta .attributes .attribute a {
    cursor: pointer;
    float: left;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .meta .attributes .attribute .swatch {
    background-color: #FBFBFC;
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    border-radius: 50%;
    float: left;
    height: 19px;
    position: relative;
    width: 19px;
    z-index: 10;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .meta .attributes .attribute .text {
    color: #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1em;
    margin: 4px 6px 4px 9px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .meta .attributes .attribute .text {
        font-size: 0.7em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .title {
    float: left;
    margin: 0 0 2px;
    width: 87.5%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks:before {
    display: none;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.one .block {
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.one .block .text {
    float: left;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.one .block .text p.small.two.margin {
        font-size: 0.95em;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 20px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .text {
    float: left;
    font-size: 0.9125em;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .attributes .attribute .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2),
.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2),
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3) {
        margin: 0 0 0 35px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before,
.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before,
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3):before {
        left: -21px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.two .content .blocks .block.five .blocks .block .product .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.three .content .blocks .block.one {
    float: left;
    margin: 0 25% 85px;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.one {
        margin: 0 18.75% 75px;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.one {
        margin: 0 12.5% 60px;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.one {
        margin: 0 8.59375% 20px;
        width: 82.8125%;
    }
}

.home .categories .category.three .content .blocks .block.one .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.one .blocks .block {
    float: left;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.one .blocks .block:nth-child(1) {
        margin: 0 0 35px;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.one .blocks .block:nth-child(2) {
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.one .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.one .blocks .block .title {
    float: left;
    width: 90%;
}

.home .categories .category.three .content .blocks .block.one .blocks .block .title h2.one span.one {
    display: block;
    position: relative;
    z-index: 10;
}

.home .categories .category.three .content .blocks .block.one .blocks .block .title h2.one span.two {
    position: relative;
}

.home .categories .category.three .content .blocks .block.one .blocks .block .title h2.one span.two:before {
    background-color: #F1E87C;
    content: '';
    display: inline-block;
    height: 50px;
    left: 50%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    position: absolute;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
}

.home .categories .category.three .content .blocks .block.one .blocks .block .text {
    float: left;
    width: 95%;
}

.home .categories .category.three .content .blocks .block.two {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    margin: 0 0 75px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.two {
        margin: 0 4.6875% 50px;
        width: 90.625%;
    }
}

.home .categories .category.three .content .blocks .block.two .blocks {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: auto;
}

.home .categories .category.three .content .blocks .block.two .blocks .block {
    border: 1px solid #F4F4F5;
    border-radius: 12px;
    box-sizing: border-box;
    float: left;
    margin: 0 12px 0 0;
    padding: 25px 19px 45px;
    width: 200px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block {
        width: 150px;
    }
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block {
        padding: 25px 19px 45px;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block {
        width: 130px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block {
        margin: 0 12px 12px 0;
        min-height: 230px;
        width: calc(50% - 6px);
    }
}

.home .categories .category.three .content .blocks .block.two .blocks .block:last-child {
    margin: 0;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block:nth-child(2n+1) {
        margin: 0 0 12px;
    }
}

.home .categories .category.three .content .blocks .block.two .blocks .block:before {
    content: '';
    height: 5px;
    left: 50%;
    position: absolute;
    top: -1px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: calc(100% - 38px);
}

.home .categories .category.three .content .blocks .block.two .blocks .block:nth-child(2):before {
    background: #F1E87C;
}

.home .categories .category.three .content .blocks .block.two .blocks .block:nth-child(3):before {
    background: #94A8CC;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block.alt {
        border: 0;
        display: block;
        float: left;
        padding: 0;
        margin: 0 4.3103% 35px;
        min-height: auto;
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block.alt {
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.two .blocks .block .icon {
    display: none;
    float: left;
    font-size: 17px;
    line-height: 17px;
    margin: 0 0 10px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block .icon {
        font-size: 20px;
        line-height: 20px;
    }
}

.home .categories .category.three .content .blocks .block.two .blocks .block .title {
    float: left;
    margin: 0 0 10px;
    min-height: 34px;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.two .blocks .block .title h4.three.alt span {
    display: block;
}

.home .categories .category.three .content .blocks .block.two .blocks .block .text {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.two .blocks .block.alt .text {
    float: left;
    margin: 28px 0 0;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block.alt .text {
        margin: 30px 0 0;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block.alt .text {
        margin: 0;
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block.alt .text {
        margin: 0;
        width: 95%;
    }
}

.home .categories .category.three .content .blocks .block.two .blocks .block.alt .text p.small.three.margin {
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block.alt .text p.small.three.margin {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.017875em;
        line-height: 1.39375em;
        -moz-text-stroke-width: 0.01125px;
        -webkit-text-stroke-width: 0.01125px;
    }
}

.home .categories .category.three .content .blocks .block.two .blocks .block .locations {
    bottom: 20px;
    float: left;
    left: 17px;
    position: absolute;
}

.home .categories .category.three .content .blocks .block.two .blocks .block .locations .location {
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    float: left;
    margin: 0 -5px 0 0;
    position: relative;
    width: 20px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.two .blocks .block .locations .location {
        width: 21px;
    }
}

.home .categories .category.three .content .blocks .block.two .blocks .block .locations .location:last-child {
    margin: 0;
}

.home .categories .category.three .content .blocks .block.two .blocks .block .locations .location img {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 60px;
    padding: 0 0 60px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three {
        margin: 0 0 55px;
        padding: 0 0 55px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three {
        margin: 0 0 50px;
        padding: 0 0 50px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks {
    float: left;
    height: auto;
    margin: 0 8.59375%;
    width: 82.8125%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks {
        margin: 0;
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block:nth-child(1) {
    margin: 0 0 45px;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block:nth-child(1) {
        margin: 0 8.59375% 40px;
        width: 82.8125%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block:nth-child(2) {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters {
    display: flex;
    float: left;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters {
        left: 6.25%;
        transform: none;
        -webkit-transform: none;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters {
        position: relative;
        top: auto;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters {
        display: block;
        left: auto;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .title {
    margin: 12px 25px 12px 0;
    width: auto;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters .title {
        margin: 0 0 12px;
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .title h3.one {
    text-transform: capitalize;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons {
    float: left;
    margin: 0;
    width: auto;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons {
        width: calc(100% + 5px);
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul li {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    float: left;
    height: 42px;
    margin: 0 6px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 42px;
    z-index: 1;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul li {
        height: auto;
        margin: 0 5px 0 0;
        padding: 0 0 calc(10% - 5px);
        width: calc(10% - 5px);
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul li:last-child {
    display: none;
    margin: 0;
    padding: 0 5.1724% 0 0;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul li.alt {
    background: none;
    cursor: default;
    font-size: 0.8375em;
    font-weight: 400;
    height: auto;
    letter-spacing: -0.0175em;
    line-height: 1.475em;
    margin: 12px 0 12px 19px;
    padding: 0;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: auto;
    white-space: nowrap;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul li.alt {
        display: none;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul li.active:after {
    background: #101820;
    bottom: -11px;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 33.33333%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .filters .buttons ul li.active:after {
        bottom: -10px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks {
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block {
    float: left;
    margin: 0;
}

.home .categories .category.three .content .blocks .block.three .blocks .block:nth-child(2) .blocks {
    display: flex;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block:nth-child(2) .blocks {
        flex-wrap: wrap;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(1) {
    float: right;
    order: 3;
    width: calc(75% - 15px);
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(1) {
        margin: 0 0 40px;
        order: 1;
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner {
    border-radius: 15px;
    float: left;
    height: 100%;
    min-height: auto;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner {
        height: auto;
        padding: 0 0 62.5%;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .image {
    background-color: #FBFBFC;
    background-position: center 62.5%;
    background-repeat: no-repeat;
    background-size: 102.5%;
    border-radius: 15px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 100;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta {
        right: 4.6875%;
        top: 7.5%;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta .attributes {
    background: #FFFFFF;
    border-radius: 17px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 7px 10px 7px;
    position: relative;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta .attributes .attribute {
    float: left;
    margin: 0 4px 0 0;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta .attributes .attribute:last-child {
    margin: 0;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta .attributes .attribute a {
    cursor: pointer;
    float: left;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta .attributes .attribute .swatch {
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    border-radius: 50%;
    float: left;
    height: 19px;
    position: relative;
    width: 19px;
    z-index: 10;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta .attributes .attribute .text {
    color: #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1em;
    margin: 4px 6px 4px 9px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .banner .meta .attributes .attribute .text {
        font-size: 0.7em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(2) {
    float: left;
    margin: 0 30px 0 0;
    order: 1;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(2) {
        margin: 0 18px 0 0;
        order: 2;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(2) {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(3) {
    display: none;
    float: left;
    margin: 0 30px 0 0;
    order: 2;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(3) {
        display: block;
        margin: 0;
        order: 3;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block:nth-child(3) {
        width: calc(50% - 6px);
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product {
    float: left;
    min-height: auto;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product a {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .images {
        padding: 0 0 125%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .images .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .images .image.two {
    background-size: cover;
    display: none;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .images .image.alt {
    background-size: cover;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .title {
    float: left;
    margin: 0 0 3px;
    width: 87.5%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks:before {
    display: none;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes {
        margin: 0 0 20px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .swatch {
    border-radius: 50%;
    float: left;
    height: 18px;
    margin: 1px 10px 1px 0;
    width: 18px;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        left: -21px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.three .content .blocks .block.three .blocks .block .blocks .block .product .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.three .content .blocks .block.four {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 80px;
    padding: 0 0 90px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four {
        margin: 0 0 60px;
        padding: 0 0 25px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.four {
        margin: 0 0 55px;
        padding: 0 0 20px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks {
    float: left;
    height: auto;
    margin: 0 8.59375%;
    width: 82.8125%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.four .blocks {
        margin: 0 4.6875%;
        width: 90.625%;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks {
    display: flex;
    float: left;
    justify-content: center;
    margin: 0;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks {
        display: block;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block {
    float: left;
    margin: 0 20px 0 0;
    width: calc(25% - 15px);
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block {
        width: calc(33.3333% - 15px);
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block {
        margin: 0 18px 50px 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block:nth-child(2n) {
        margin: 0 0 50px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block {
        margin: 0 12px 45px 0;
        width: calc(50% - 6px);
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block:nth-child(2n) {
        margin: 0 0 45px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block:last-child {
    margin: 0;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block a {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product {
    background: none;
    float: left;
    min-height: auto;
    position: relative;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product:last-child {
    margin: 0;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images {
        padding: 0 0 125%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images .label {
    background: #F5F5F6;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    letter-spacing: -0.0025em;
    line-height: 17px;
    padding: 4px 13px 5px;
    position: absolute;
    right: 20px;
    top: 20px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images .label {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images .label {
        right: 14px;
        top: 14px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images .image {
        background-position: center 75%;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .images .image.alt {
    background-size: cover;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .title {
    float: left;
    margin: 0 0 3px;
    width: 87.5%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product.alt .title {
    margin: 0 0 21px;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product.alt .title {
        margin: 0 0 24px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks {
    display: block;
    float: left;
    height: auto;
    justify-content: left;
    margin: 0 !important;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks:before {
    display: none;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block {
    display: block;
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .swatch {
    border-radius: 50%;
    float: left;
    height: 18px;
    margin: 1px 10px 1px 0;
    width: 18px;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        left: -21px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.three .content .blocks .block.four .blocks .block .products .blocks .block .product .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.three .content .blocks .block.five {
    float: left;
    margin: 0 25% 20px;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.five {
        margin: 0 18.75% 20px;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.five {
        margin: 0 12.5% 25px;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.five {
        margin: 0 8.59375% 25px;
        width: 82.8125%;
    }
}

.home .categories .category.three .content .blocks .block.five .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.five .blocks .block {
    float: left;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.five .blocks .block:nth-child(1) {
        margin: 0 0 35px;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.five .blocks .block:nth-child(2) {
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.three .content .blocks .block.five .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.five .blocks .block .title {
    float: left;
    width: 90%;
}

.home .categories .category.three .content .blocks .block.five .blocks .block .title h2.one span.one {
    display: block;
    position: relative;
    z-index: 10;
}

.home .categories .category.three .content .blocks .block.five .blocks .block .title h2.one span.two {
    position: relative;
}

.home .categories .category.three .content .blocks .block.five .blocks .block .title h2.one span.two:before {
    background-color: #F1E87C;
    content: '';
    display: inline-block;
    height: 50px;
    left: 50%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    position: absolute;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
}

.home .categories .category.three .content .blocks .block.five .blocks .block .text {
    float: left;
    width: 95%;
}

.home .categories .category.three .content .blocks .block.six .blocks {
    float: left;
    margin: 0 8.59375%;
    width: 82.8125%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.six .blocks {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .buttons {
    float: right;
    margin: 0 0 33px;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .buttons {
        margin: 0 0 22px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider {
    height: 100%;
    touch-action: pan-y;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .buttons {
    display: none;
    float: left;
    position: absolute;
    right: 1.7241%;
    top: 0;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0 20px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide {
        margin: 0 18px 0 0;
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product {
    background: none;
    float: left;
    min-height: auto;
    position: relative;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product a {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images {
        padding: 0 0 125%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images .image.one {
    background-size: 95% auto;
    left: 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images .image.one {
        opacity: 1;
        z-index: 10;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images .image.two {
    background-size: cover;
    display: none;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .title {
    float: left;
    margin: 0 0 3px;
    width: 87.5%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .title.margin {
    margin: 0 0 21px;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks:before {
    display: none;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes {
        margin: 0 0 20px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .swatch {
    border-radius: 50%;
    float: left;
    height: 18px;
    margin: 1px 10px 1px 0;
    width: 18px;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block {
    margin: 0;
    width: auto;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
    margin: 0 0 0 35px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
        margin: 12px 0 0;
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2):before {
        display: none;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
        width: 100%;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        left: -21px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.three .content .blocks .block.six .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.four .content .blocks .block.one {
    float: left;
    margin: 0 25% 85px;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.one {
        margin: 0 18.75% 75px;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.one {
        margin: 0 12.5% 75px;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.four .content .blocks .block.one {
        margin: 0 8.59375% 60px;
        width: 82.8125%;
    }
}

.home .categories .category.four .content .blocks .block.one .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.one .blocks .block {
    float: left;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.four .content .blocks .block.one .blocks .block:nth-child(1) {
        margin: 0 0 35px;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.four .content .blocks .block.one .blocks .block:nth-child(2) {
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.four .content .blocks .block.one .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.home .categories .category.four .content .blocks .block.one .blocks .block .title {
    float: left;
    width: 90%;
}

.home .categories .category.four .content .blocks .block.one .blocks .block .title h2.one span.one {
    display: block;
    position: relative;
    z-index: 10;
}

.home .categories .category.four .content .blocks .block.one .blocks .block .title h2.one span.two {
    position: relative;
}

.home .categories .category.four .content .blocks .block.one .blocks .block .title h2.one span.two:before {
    background-color: #94A8CC;
    content: '';
    display: inline-block;
    height: 62px;
    left: 100%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/grout.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/grout.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    position: absolute;
    top: calc(50% + 2px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 42px;
    z-index: -1;
}

.home .categories .category.four .content .blocks .block.one .blocks .block .text {
    float: left;
    width: 95%;
}

.home .categories .category.four .content .blocks .block.two {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks {
    float: left;
    margin: 0 8.59375%;
    width: 82.8125%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.two .blocks {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product {
    float: left;
    position: relative;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product a {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 31.25%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .images {
        padding: 0 0 46.875%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .images {
        border-radius: 12px;
        margin: 0 0 20px;
        padding: 0 0 calc(75% - 9px);
    }
}

@media screen and (max-width: 750px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .images {
        padding: 0 0 calc(62.5% - 6px);
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .images .image.one {
    background-position: center 87.5%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .images .image.two {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 12px;
    bottom: 25px;
    height: 150px;
    position: absolute;
    right: 25px;
    width: 120px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .images .image.two {
        bottom: calc(7.5% + 3px);
        height: 125px;
        right: 4.6875%;
        width: 100px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .meta {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 100;
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .meta {
        right: 4.6875%;
        top: calc(7.5% + 3px);
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .meta .attributes {
    background: #FFFFFF;
    border-radius: 17px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 7px 10px 7px;
    position: relative;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .meta .attributes .attribute {
    float: left;
    margin: 0 4px 0 0;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .meta .attributes .attribute:last-child {
    margin: 0;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .meta .attributes .attribute a {
    cursor: pointer;
    float: left;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .meta .attributes .attribute .swatch {
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    border-radius: 50%;
    float: left;
    height: 19px;
    position: relative;
    width: 19px;
    z-index: 10;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .meta .attributes .attribute .text {
    color: #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1em;
    margin: 4px 6px 4px 9px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .meta .attributes .attribute .text {
        font-size: 0.7em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .title {
    float: left;
    margin: 0 0 2px;
    width: 87.5%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks:before {
    display: none;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.one .block {
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.one .block .text {
    float: left;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.one .block .text p.small.two.margin {
        font-size: 0.95em;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 20px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .swatch {
    border-radius: 50%;
    float: left;
    height: 18px;
    margin: 1px 10px 1px 0;
    width: 18px;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .text {
    float: left;
    font-size: 0.9125em;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .attributes .attribute .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2),
.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2),
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3) {
        margin: 0 0 0 35px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before,
.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(2):before,
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .blocks .block:nth-child(3):before {
        left: -21px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.four .content .blocks .block.two .blocks .block .product .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.four .content .blocks .block.three .blocks {
    float: left;
    margin: 0 8.59375%;
    width: 82.8125%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.three .blocks {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .buttons {
    float: right;
    margin: 0 0 33px;
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .buttons {
        margin: 0 0 22px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider {
    height: 100%;
    touch-action: pan-y;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0 20px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide {
        margin: 0 18px 0 0;
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product {
    background: none;
    float: left;
    min-height: auto;
    position: relative;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product a {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images {
        padding: 0 0 125%;
    }
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.one {
    background-size: 90% auto;
    left: 0;
}

@media screen and (min-width: 1025px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.one {
        background-size: 95% auto;
        opacity: 1;
        z-index: 10;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.two {
    background-size: cover;
    display: none;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .title {
    float: left;
    margin: 0 0 3px;
    width: 87.5%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .title.margin {
    margin: 0 0 21px;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks:before {
    display: none;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block {
    float: left;
    margin: 0;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes {
        margin: 0 0 20px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .swatch {
    border-radius: 50%;
    float: left;
    height: 18px;
    margin: 1px 10px 1px 0;
    width: 18px;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block {
    margin: 0;
    width: auto;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
    margin: 0 0 0 35px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
        margin: 12px 0 0;
        width: 100%;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2):before {
        display: none;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
        width: 100%;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        left: -21px;
    }
}

@media screen and (max-width: 600px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.four .content .blocks .block.three .blocks .block .products .slider .slides .slide .product .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.five .content .blocks .block.one {
    float: left;
    margin: 0 12.5%;
    width: 75%;
}

@media screen and (max-width: 750px) {
    .home .categories .category.five .content .blocks .block.one {
        margin: 0 8.59375%;
        width: 82.8125%;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks {
    float: left;
    width: 100%;
}

.home .categories .category.five .content .blocks .block.one .blocks .block {
    float: left;
    width: 50%;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block {
        width: 100%;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks .block:nth-child(1) {
    float: left;
    left: 0;
    position: absolute;
    top: calc(50% - 50px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1250px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block:nth-child(1) {
        left: auto;
        position: relative;
        top: auto;
        transform: none;
        -webkit-transform: none;
    }
}

@media screen and (max-width: 1025px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block:nth-child(1) {
        margin: 0 0 90px;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks .block:nth-child(2) {
    float: right;
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block:nth-child(2) {
        width: 46.875%;
    }
}

@media screen and (max-width: 1025px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block:nth-child(2) {
        float: right;
        margin: 0 8.59375%;
        width: 82.8125%;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks .block .title {
    float: left;
    margin: 0 0 18px;
    width: 90%;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .title h2.one span.one {
    display: block;
    position: relative;
    z-index: 10;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .highlights {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks .block .highlights .highlight:last-child {
    margin: 0;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .highlights .highlight.alt {
    background: #FFB96E;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .text {
    float: left;
    margin: 0 0 45px;
    max-width: 350px;
    width: 66.6666%;
}

@media screen and (max-width: 1250px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block .text {
        width: 90%;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks .block .buttons {
    float: left;
    width: 100%;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .buttons .button.medium {
    margin: 0 10px 0 0;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .buttons .button.medium .text {
    margin: 0;
    width: auto;
}

@media screen and (max-width: 425px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block .buttons .button.medium:first-child .text span {
        display: none;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks .block .buttons .button.medium .label {
    background: #F5F5F6;
    border-radius: 13px;
    bottom: -40px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    left: 50%;
    letter-spacing: -0.0025em;
    line-height: 17px;
    padding: 4px 13px 5px;
    position: absolute;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    white-space: nowrap;
}

@media screen and (max-width: 1025px) {
    .home .categories .category.five .content .blocks .block.one .blocks .block .buttons .button.medium .label {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.home .categories .category.five .content .blocks .block.one .blocks .block .banner {
    float: left;
    height: auto;
    min-height: auto;
    padding: 0 0 83.5966%;
    position: relative;
    width: 100%;
}

.home .categories .category.five .content .blocks .block.one .blocks .block .banner .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.shop .collection {
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .banner {
    background: none;
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .banner .container {
    float: left;
    margin: 50px 0 55px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .shop .collection .banner .container {
        margin: 40px 0;
    }
}

.shop.tag .collection .banner .container {
    border-bottom: 1px solid #F7F7F8;
    margin: 0;
    overflow: hidden;
}

.shop .collection .banner.alt .container {
    margin: 0 0 50px;
}

@media screen and (max-width: 900px) {
    .shop .collection .banner.alt .container {
        margin: 0 0 45px;
    }
}

.shop .collection .banner .title {
    float: left;
    margin: 0 0 0 9.375%;
    width: auto;
}

@media screen and (max-width: 900px) {
    .shop .collection .banner .title {
        margin: 0 9.375%;
    }
}

.shop .collection .banner .blocks {
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .banner.alt .blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.shop .collection .banner .blocks .block.one {
    float: left;
    margin: 0 9.375%;
    width: 81.25%;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .shop .collection .banner .blocks .block.one {
        margin: 0 0 0 9.375%;
        width: 90.625%;
    }
}

.shop.tag .collection .banner .blocks .block.one {
    margin: 100px 9.375% 90px;
}

@media screen and (max-width: 900px) {
    .shop.tag .collection .banner .blocks .block.one {
        margin: 65px 9.375% 55px;
        width: 81.25%;
    }
}

@media screen and (max-width: 900px) {
    .shop.tag .collection .banner .blocks .block.one .title {
        max-width: 160px;
    }
}

.shop .collection .banner.alt .blocks .block.one {
    order: 2;
}

.shop .collection .banner .blocks .block.one .title {
    margin: 0;
}

.shop.tag .collection .banner .blocks .block.one .title h1.four span {
    display: block;
}

.shop.tag .collection .banner .blocks .block.one .title h1.four span.one {
    margin: 0 0 1px;
}

.shop .collection .banner .blocks .block.one .title h1.three span span {
    position: relative;
}

.shop .collection .banner .blocks .block.one .title h1.three span span:before {
    content: '';
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: -1;
}

.shop.collection-glitter .collection .banner .blocks .block.one .title h1.three span span:before {
    background-color: #F3A9DD;
    height: 50px;
    left: calc(50% + 14px);
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/glitter.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/glitter.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    top: calc(50% + 6px);
    width: 125%;
}

.shop.collection-paint .collection .banner .blocks .block.one .title h1.three span span:before {
    background-color: #F1E87C;
    height: 50px;
    left: 50%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    top: calc(50% + 2px);
    width: 100%;
}

.shop.collection-grout .collection .banner .blocks .block.one .title h1.three span span:before {
    background-color: #94A8CC;
    height: 62px;
    left: 100%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/grout.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/grout.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    top: calc(50% + 2px);
    width: 42px;
}

.shop.collection-tools .collection .banner .blocks .block.one .title h1.three span span:before {
    background-color: #F1E87C;
    height: 50px;
    left: 50%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-2.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    top: calc(50% + 2px);
    width: 100%;
}

.shop.collection-bamboo-painting-kits .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-bamboo-paint-roller-frames .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-paint-roller-sleeves .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-bio-paint-roller-trays .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-paint-brushes .collection .banner .blocks .block.one .title h1.three span span:before {
    background-color: #F1E87C;
    height: 50px;
    left: 50%;
    mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-1.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/382/assets/paint-1.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    top: calc(50% + 2px);
    width: 100%;
}

.shop.collection-a5-peel-stick-paint-samples .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-interior-paint-samples .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-exterior-paint-samples .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-chalk-paint-samples .collection .banner .blocks .block.one .title h1.three span span:before,
.shop.collection-furniture-paint-samples .collection .banner .blocks .block.one .title h1.three span span:before {
    background-color: #F1E87C;
    height: 50px;
    left: 50%;
    mask: url('https://www.hemway.com/cdn/shop/t/322/assets/paint-4.svg') no-repeat center;
    -webkit-mask: url('https://www.hemway.com/cdn/shop/t/322/assets/paint-4.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    top: calc(50% + 2px);
    width: 100%;
}

.shop.tag .collection .banner .blocks .block.two {
    float: right;
    height: 100%;
    position: absolute;
    right: 7.8125%;
    top: 0;
    width: 290px;
}

@media screen and (max-width: 900px) {
    .shop.tag .collection .banner .blocks .block.two {
        right: calc(6.25% - 8px);
        width: 140px;
    }
}

.shop .collection .banner.alt .blocks .block.two {
    border-radius: 15px;
    height: calc(50vh - 120px);
    margin: 25px 0 40px;
    order: 1;
    overflow: hidden;
    width: 90.625%;
}

@media screen and (max-width: 900px) {
    .shop .collection .banner.alt .blocks .block.two {
        margin: 20px 0 37px;
    }
}

.shop .collection .banner.alt .blocks .block.two.alt {
    height: auto;
}

.shop.tag .collection .banner .blocks .block.two .image {
    background-position: center 12.5%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .shop.tag .collection .banner .blocks .block.two .image {
        background-position: center;
        background-size: 100%;
    }
}

.shop .collection .banner.alt .blocks .block.two .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}

.shop .collection .banner.alt .blocks .block.two .blocks {
    float: left;
    height: 100%;
    width: 100%;
}

.shop .collection .banner.alt .blocks .block.two .blocks .block {
    border-radius: 15px;
    float: left;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: calc(50% - 10px);
}

@media screen and (max-width: 1025px) {
    .shop .collection .banner.alt .blocks .block.two .blocks .block {
        margin: 0 18px 0 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .banner.alt .blocks .block.two .blocks .block {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.shop .collection .banner.alt .blocks .block.two .blocks .block:last-child {
    margin: 0;
}

.shop .collection .banner.alt .blocks .block.two.alt .blocks .block {
    padding: 0 0 23.4333%;
}

@media screen and (max-width: 750px) {
    .shop .collection .banner.alt .blocks .block.two.alt .blocks .block {
        margin: 0 0 12px;
        padding: 0 0 46.8666%;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .banner.alt .blocks .block.two.alt .blocks .block:last-child {
        margin: 0;
    }
}

.shop .collection .submenu {
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .submenu.alt {
    display: none;
}

@media screen and (max-width: 1250px) {
    .shop .collection .submenu.alt {
        display: block;
    }
}

.shop .collection .submenu .container {
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .submenu .content {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    margin: 25px 0 15px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu .content {
        justify-content: flex-start;
        margin: 25px 0 0;
    }
}

.shop .collection .submenu.alt .content {
    border-bottom: 0;
    margin: 0 0 50px;
    padding: 0;
}

@media screen and (max-width: 900px) {
    .shop .collection .submenu.alt .content {
        margin: 0 0 25px;
        padding: 0;
    }
}

.shop .collection .submenu .content .links {
    box-sizing: border-box;
    display: flex;
    float: left;
    justify-content: center;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu .content .links {
        justify-content: flex-start;
    }
}

.shop .collection .submenu.alt .content .links.one {
    margin: 0 0 15px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content .links.one {
        margin: 0;
    }
}

.shop .collection .submenu .content .links.two,
.shop .collection .submenu .content .links.three {
    margin: 25px 0 0;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu .content .links.two,
    .shop .collection .submenu .content .links.three {
        margin: 5px 0 0;
    }
}

.shop .collection .submenu .content .links ul {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu .content .links ul {
        padding: 0 6.25% 15px;
        flex-wrap: nowrap;
    }
}

.shop .collection .submenu.alt .content .links ul {
    width: 725px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content .links ul {
        width: auto;
    }
}

.shop .collection .submenu.alt .content.alt .links ul {
    width: auto;
}

.shop .collection .submenu.alt .content .links.three ul {
    width: auto;
}

.shop .collection .submenu .content .links ul li {
    border: 1px solid #F4F4F5;
    border-radius: 8px;
    box-sizing: border-box;
    float: left;
    list-style: none;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 122px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .submenu .content .links ul li {
        border-radius: 8px;
        width: 135px;
    }
}

.shop .collection .submenu.alt .content .links ul li {
    height: 140px;
    margin: 0 10px 12px 0;
    width: 95px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content .links ul li {
        margin: 0 10px 0 0;
        width: 98px;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .submenu.alt .content .links ul li {
        margin: 0 8px 0 0;
    }
}

.shop .collection .submenu.alt .content.alt .links ul li:nth-child(7n) {
    margin: 0 10px 12px 0;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content.alt .links ul li:nth-child(7n) {
        margin: 0 10px 0 0;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .submenu.alt .content.alt .links ul li:nth-child(7n) {
        margin: 0 8px 0 0;
    }
}

.shop .collection .submenu.alt .content .links.one ul {
    width: auto;
}

.shop .collection .submenu.alt .content .links.one ul li {
    height: auto;
    margin: 0 10px 12px 0;
    width: 125px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content .links.one ul li {
        margin: 0 10px 0 0;
    }
}

.shop .collection .submenu.alt .content .links.one ul li:last-child {
    margin: 0 0 12px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content .links.one ul li:last-child {
        margin: 0 10px 0 0;
    }
}

.shop .collection .submenu.alt .content .links.two ul li:nth-child(7n) {
    margin: 0 0 12px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content .links.two ul li:nth-child(7n) {
        margin: 0 12px 0 0;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .submenu.alt .content .links.two ul li:nth-child(7n) {
        margin: 0 10px 0 0;
    }
}

.shop .collection .submenu.alt .content .links.one ul li .title {
    margin: 0;
    text-align: center;
}

.shop .collection .submenu .content .links ul li:last-child {
    margin: 0;
}

.shop .collection .submenu.alt .content .links ul li:last-child {
    margin: 0 0 12px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .submenu.alt .content .links ul li:last-child {
        margin: 0;
    }
}

.shop .collection .submenu .content .links ul li[data-link='alt']:hover {
    border: 1px solid #F4F4F5;
}

.shop .collection .submenu .content .links ul li.active {
    border: 1px solid #757576;
}

.shop .collection .submenu .content .links ul li a,
.shop .collection .submenu .content .links ul li span {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    float: left;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.shop .collection .submenu .content .links ul li[data-link='alt'] span {
    padding: 0 !important;
}

.shop .collection .submenu.alt .content .links ul li a,
.shop .collection .submenu.alt .content .links ul li span {
    padding: 0 0 17px;
}

.shop .collection .submenu.alt .content .links.one ul li a,
.shop .collection .submenu.alt .content .links.three ul li a {
    padding: 20px 0;
}

.shop .collection .submenu .content .links ul li .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 92.5%;
    height: 100px;
    margin: 0 auto 10px;
    position: relative;
    width: 100px;
    z-index: 10;
}

.shop .collection .submenu .content .links ul li .swatch {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65.625%;
    border-radius: 1px;
    float: left;
    height: auto;
    margin: 0 0 10px;
    padding: 0 0 100%;
    width: 100%;
}

.shop .collection .submenu .content .links ul li .title {
    float: left;
    height: 35px;
    padding: 0 17px;
    position: relative;
    width: 100%;
}

.shop .collection .submenu.alt .content .links ul li .title {
    height: auto;
    padding: 0;
    text-align: right;
    width: calc(100% - 35px);
}

.shop .collection .submenu.alt .content .links.three ul li .title {
    text-align: left;
}

.shop .collection .submenu.alt .content .links.one ul li .title.alt,
.shop .collection .submenu.alt .content .links.three ul li .title.alt {
    margin: 0;
    min-height: 33px;
}

.shop .collection .submenu .content .links ul li[data-link='alt'] .title {
    height: 35px;
    text-align: left !important;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: calc(100% - 35px);
}

.shop .collection .submenu .content .links ul li .title h4.three.alt {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.shop .collection .submenu .content .links ul li[data-link='alt'] .title h4.three.alt {
    width: 90%;
}

.shop .collection .submenu.alt .content .links.one ul li .title.alt h4.four,
.shop .collection .submenu.alt .content .links.three ul li .title.alt h4.four {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.shop .collection .submenu.alt .content .links ul li.multi-size .title h4.four.alt,
.shop .collection .submenu.alt .content .links ul li.mixed .title h4.four.alt,
.shop .collection .submenu.alt .content .links ul li.shaped .title h4.four.alt {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.shop .collection .submenu.alt .content .links ul li .text {
    bottom: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: calc(100% - 35px);
}

.shop .collection .submenu.alt .content .links ul li .text span {
    box-sizing: border-box;
    cursor: default;
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 1.3625em;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: left;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
    z-index: auto;
}

.shop .collection .navigation.alt {
    float: right;
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 50%;
    z-index: 100;
}

@media screen and (max-width: 1250px) {
    .shop .collection .navigation.alt {
        width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .navigation.alt {
        top: 70px;
        z-index: 100;
    }
}

@media screen and (max-width: 600px) {
    .shop .collection .navigation.alt.delay {
        z-index: 1000;
    }
}

.shop.hover .collection .navigation.alt {
    z-index: 100;
}

.shop.tag .collection .navigation.alt {
    display: none;
}

.shop .collection .navigation.alt .container {
    background: none;
    border-bottom: 0;
    float: left;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .navigation.alt .container {
        background: #FFFFFF;
        border-bottom: 1px solid #F5F5F6;
    }
}

.shop .collection .navigation.alt .content {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .navigation.alt .content .links {
    box-sizing: border-box;
    float: left;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 12.5%;
    position: relative;
    width: 100%;
    z-index: 100;
}

@media screen and (max-width: 1250px) {
    .shop .collection .navigation.alt .content .links {
        height: 50px;
        line-height: 35px;
        padding: 0 6.25%;
    }
}

.shop .collection .navigation.alt .content .links ul {
    display: block;
    float: right;
    font-size: 1em;
    padding: 0;
}

@media screen and (max-width: 1250px) {
    .shop .collection .navigation.alt .content .links ul {
        float: left;
        width: 100%;
    }
}

.shop .collection .navigation.alt .content .links ul li {
    background: #F9F9FA;
    border-radius: 17px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 12px;
    letter-spacing: -0.0175em;
    line-height: 12px;
    list-style: none;
    margin: 0 8px 12px 0;
    padding: 10px 16px 11px 35px;
    position: relative;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    text-transform: capitalize;
    transform: none;
    -webkit-transform: none;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    white-space: normal;
    z-index: 1;
}

@media screen and (max-width: 1025px) {
    .shop .collection .navigation.alt .content .links ul li {
        border-radius: 18px;
        margin: 0 7px 12px 0;
        padding: 11px 16px 13px 35px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .navigation.alt .content .links ul li {
        margin: 0 7px 12px 0;
    }
}

.shop .collection .navigation.alt .content .links ul li.button.text {
    float: right;
    font-size: 1em;
    margin: 9px 0;
}

.shop .collection .navigation.alt .content .links ul li.one {
    display: block;
}

@media screen and (max-width: 1250px) {
    .shop .collection .navigation.alt .content .links ul li.one {
        display: none;
    }
}

.shop .collection .navigation.alt .content .links ul li.one .one {
    display: inline-block;
}

.shop .collection .navigation.alt .content .links ul li.one.alt .one {
    display: none;
}

.shop .collection .navigation.alt .content .links ul li.one .two {
    display: none;
}

.shop .collection .navigation.alt .content .links ul li.one.alt .two {
    display: inline-block;
}

.shop .collection .navigation.alt .content .links ul li.two {
    display: none;
}

@media screen and (max-width: 1250px) {
    .shop .collection .navigation.alt .content .links ul li.two {
        display: block;
    }
}

.shop .collection .navigation.alt .content .links.alt ul li.one,
.shop .collection .navigation.alt .content .links.alt ul li.two {
    display: none;
}

.shop .collection .navigation.alt .content .links ul li.three {
    margin: 0 0 12px;
    padding: 0;
}

.shop .collection .navigation.alt .content .links ul li:before {
    font-family: 'icons';
    font-size: 13px;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1025px) {
    .shop .collection .navigation.alt .content .links ul li:before {
        top: 48.75%;
    }
}

.shop .collection .navigation.alt .content .links ul li.one:before,
.shop .collection .navigation.alt .content .links ul li.two:before {
    content: '\f14d';
}

.shop .collection .navigation.alt .content .links ul li.three:before {
    content: '\f14f';
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.shop .collection .navigation.alt .content .links ul li.three .text {
    float: left;
    left: 34px;
    position: absolute;
    top: 10px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .navigation.alt .content .links ul li.three .text {
        top: 11px;
    }
}

.shop .collection .navigation.alt .content .links ul li.three .select {
    padding: 0;
    width: auto;
}

.shop .collection .navigation.alt .content .links ul li.three .select:after {
    display: none;
}

.shop .collection .navigation.alt .content .links ul li.three .select select {
    height: 33px;
    line-height: 16px;
    padding: 8px 16px 9px 66px;
    width: 142px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .navigation.alt .content .links ul li.three .select select {
        height: 35px;
    }
}

.shop .collection .navigation.alt .content .links ul li.four {
    background: none;
    border-radius: 0;
    display: none;
    float: right;
    font-size: 1em;
    letter-spacing: 0;
    margin: 21px 0 21px 30px;
    padding: 0;
}

@media screen and (max-width: 1250px) {
    .shop .collection .navigation.alt .content .links ul li.four {
        display: block;
        margin: 9px 0;
    }
}

.shop .collection .navigation.alt .content .links ul li .select {
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .navigation.alt .content .links ul li .select:after {
    content: '\f105';
    font-family: 'icons';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    right: 3px;
    -moz-text-stroke-width: 0.1625px;
    -webkit-text-stroke-width: 0.1625px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.shop .collection .navigation.alt .content .links ul li .select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #101820 !important;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: 35px;
    letter-spacing: -0.0125em;
    outline: none;
    padding: 0 25px 0 0;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .shop .collection .navigation.alt .content .links ul li .select select {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.shop .collection .navigation.alt .content .links ul li .select select option {
    text-transform: capitalize;
}

.shop .collection .results .products {
    float: right;
    position: relative;
    width: 100%;
}

.shop .collection .results .products .sections {
    float: left;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .results .products .sections {
        margin: 40px 0 0;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .products .sections {
        margin: 35px 0 0;
    }
}

.shop.tag .collection .results .products .sections {
    margin: 55px 0 20px;
}

@media screen and (max-width: 1250px) {
    .shop.tag .collection .results .products .sections {
        margin: 40px 0 20px;
    }
}

@media screen and (max-width: 750px) {
    .shop.tag .collection .results .products .sections {
        margin: 35px 0 20px;
    }
}

.shop .collection .results .products .sections .section {
    border-bottom: 1px solid #F7F7F8;
    border-bottom: 1px solid #F3F3F4;
    float: left;
    margin: 0 0 55px;
    padding: 0 0 5px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .products .sections .section {
        margin: 0 0 50px;
        padding: 0;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .products .sections .section {
        margin: 0 0 45px;
    }
}

.shop .collection .results .products .sections .section:last-child {
    border-bottom: 0;
    margin: 0 0 15px;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .products .sections .section:last-child {
        margin: 0 0 10px;
    }
}

.shop.tag .collection .results .products .sections .section {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 750px) {
    .shop .collection .results .products .sections .section .content {
        margin: 0 4.6875%;
    }
}

.shop.tag .collection .results .products .sections .section .content {
    margin: 0 4.6875%;
    width: 90.625%;
}

.shop .collection .results .products .sections .section .title {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .results .products .sections .section .title {
        margin: 0 6.25% 30px;
        width: 87.5%;
    }
}

.shop .collection .results .products .sections .section .title.alt {
    display: none;
}

.shop .collection .filters.alt ~ .results .products .sections .section .title {
    margin: 0 1.7241% 30px;
    width: 96.5518%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters.alt ~ .results .products .sections .section .title {
        margin: 0 6.25% 30px;
        width: 87.5%;
    }
}

.shop.tag .collection .results .sections .section .title {
    margin: 0 6.25% 50px;
}

@media screen and (max-width: 750px) {
    .shop.tag .collection .results .sections .section .title {
        margin: 0 6.25% 35px;
    }
}

.shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a ~ .title {
    position: relative;
}

.shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a ~ .title:before {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 87.5%;
    border-radius: 8px;
    content: '';
    height: 75px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 75px;
}

@media screen and (max-width: 900px) {
    .shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a ~ .title:before {
        height: 85px;
        width: 72px;
    }
}

.shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a[name='interior-paint'] ~ .title:before {
    background-image: url('https://www.hemway.com/cdn/shop/files/INT-T1A-Sunset-Pink.jpg?width=250');
}

.shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a[name='exterior-paint'] ~ .title:before {
    background-image: url('https://www.hemway.com/cdn/shop/files/EXT-T1A-Soft-Pollen-Yellow.jpg?width=250');
}

.shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a[name='chalk-paint'] ~ .title:before {
    background-image: url('https://www.hemway.com/cdn/shop/files/CHP-T1A-Blueberry-Blue.jpg?width=250');
}

.shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a[name='chalk-based-furniture-paint'] ~ .title:before {
    background-image: url('https://www.hemway.com/cdn/shop/files/CBP-T1A-Forest-Green.jpg?width=250');
}

.shop .collection .results .products .sections .section .title .blocks {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a ~ .title .blocks {
    margin: 0 0 0 95px;
    width: calc(100% - 95px);
}

@media screen and (max-width: 900px) {
    .shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section a ~ .title .blocks {
        margin: 0 0 0 90px;
        width: calc(100% - 90px);
    }
}

.shop .collection .results .products .sections .section .title .blocks .block {
    display: flex;
    position: relative;
}

.shop .collection .results .products .sections .section .title .blocks .block:nth-child(1) {
    display: block;
    float: left;
    margin: 0 0 4px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .products .sections .section .title .blocks .block:nth-child(1) {
        margin: 0 0 5px;
    }
}

.shop .collection .results .products .sections .section .title .blocks.alt .block:nth-child(1) {
    margin: 0;
}

.shop .collection .results .products .sections .section .title .blocks.alt .block:nth-child(2) {
    display: none;
    margin: 23px 0 -10px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .results .products .sections .section .title .blocks.alt .block:nth-child(2) {
        display: block;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block:nth-child(2) {
    float: left;
    width: 100%;
}

.shop .collection .results .products .sections .section .title .blocks .block:nth-child(3) {
    display: none;
    float: left;
    justify-content: center;
    margin: -7px 0 -10px;
    order: 2;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .results .products .sections .section .title .blocks .block:nth-child(3) {
        display: block;
        justify-content: left;
        margin: 23px 0 -10px;
        order: 3;
        width: 100%;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block:nth-child(3) .block {
    margin: 0;
}

.shop .collection .results .products .sections .section .title .blocks .block .title {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .products .sections .section .title .blocks .block .title {
        width: 90%;
    }
}

@media screen and (max-width: 900px) {
    .shop.collection-a5-peel-stick-paint-samples .collection .results .products .sections .section .title .blocks .block .title {
        width: 95%;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block .title h2.three {
    float: left;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .products .sections .section .title .blocks .block .title h2.three {
        width: 100%;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block .status {
    float: left;
    margin: 5px 0 10px;
    width: 100%;
}

.shop .collection .results .products .sections .section .title .blocks .block .status .text {
    float: left;
}

.shop .collection .results .products .sections .section .title .blocks .block .status .icon {
    float: left;
    margin: 6px 15px 5px 0;
    width: 36px;
}

.shop .collection .results .products .sections .section .title .blocks .block .status .icon .one,
.shop .collection .results .products .sections .section .title .blocks .block .status .icon .two,
.shop .collection .results .products .sections .section .title .blocks .block .status .icon .three {
    -webkit-animation: icon 1.4s infinite ease-in-out both;
    animation: icon 1.4s infinite ease-in-out both;
    background: #101820;
    border-radius: 50%;
    float: left;
    height: 10px;
    margin: 0 3px 0 0;
    width: 10px;
}

.shop .collection .results .products .sections .section .title .blocks .block .status .icon .one {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.shop .collection .results .products .sections .section .title .blocks .block .status .icon .two {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}

.shop .collection .results .products .sections .section .title .blocks .block .status .icon .three {
    margin: 0;
}

.shop .collection .results .products .sections .section .title .blocks .block .rating {
    float: left;
}

.shop .collection .results .products .sections .section .title .blocks .block .rating .text {
    float: left;
    font-size: 0.9em;
    letter-spacing: -0.015em;
    line-height: 19px;
    margin: 4px 0 2px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .products .sections .section .title .blocks .block .rating .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block .rating .text.one {
    font-size: 14px;
}

.shop .collection .results .products .sections .section .title .blocks .block .rating .star {
    float: left;
    margin: 0 13px 0 9px;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .products .sections .section .title .blocks .block .rating .star {
        margin: 0 12px 0 8px;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block .rating .star .icon {
    float: left;
    font-size: 15px;
    line-height: 25px;
}

.shop .collection .results .products .sections .section .title .blocks .block .links {
    float: left;
    width: 100%;
}

.shop .collection .results .products .sections .section .title .blocks .block .links ul {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    list-style: none;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .shop .collection .results .products .sections .section .title .blocks .block .links ul {
        justify-content: left;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block .links ul li {
    background: #FBFBFC;
    border-radius: 20px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin: 0 10px 10px 0;
    padding: 12px 37px 12px 17px;
    position: relative;
}

.shop .collection .results .products .sections .section .title .blocks .block .links ul li:last-child {
    margin: 0 0 10px;
}

.shop .collection .results .products .sections .section .title .blocks .block .links ul li .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.012875em;
    line-height: 1em;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .products .sections .section .title .blocks .block .links ul li .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .results .products .sections .section .title .blocks .block .links ul li .icon {
    background: #F7F7F8;
    border-radius: 50%;
    color: #101820;
    float: left;
    font-size: 9px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 7px;
    text-align: center;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 24px;
}

.shop .collection .results .products .sections .section .title .blocks .block .links ul li:hover .icon {
    background: #101820;
    color: #FFFFFF;
}

.shop .collection .results .products .sections .section .title .blocks .block .button.text {
    float: right;
    margin: 3px 0 0;
}

.shop .collection .results .products .sections .section .title .blocks .block .button.text a {
    float: left;
    width: 100%;
}

.shop .collection .filters {
    float: left;
    height: calc(100vh - 155px);
    margin: 0 0 0 4.6875%;
    opacity: 1;
    position: sticky;
    top: 121px;
    width: 375px;
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters {
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: -1;
    }
}

.shop .collection .filters.alt {
    margin: -43px 0 45px -375px;
}

.shop .collection .filters.delay {
    display: block;
    visibility: visible;
    z-index: 1000;
}

.shop .collection .filters .container {
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: 100%;
    z-index: 1000;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .container {
        background: #FFFFFF;
        bottom: 0;
        left: 0;
        padding: 40px 0 0;
        position: absolute;
        top: 0;
        transition: all 0.6s ease 0s;
        -webkit-transition: all 0.6s ease 0s;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        will-change: transform;
        width: 35.9375%;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .filters .container {
        width: 37.5%;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .filters .container {
        border-radius: 24px 24px 0 0;
        bottom: 0;
        height: calc(100% - 140px);
        left: 0;
        right: 0;
        top: auto;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .shop.scroll .collection .filters .container {
        height: calc(100% - 70px);
    }
}

.shop .collection .filters.active .container {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

@media screen and (max-width: 900px) {
    .shop .collection .filters.active .container {
        bottom: 0 !important;
        right: auto;
    }
}

.shop .collection .filters .overlay {
    background: rgba(16, 24, 32, 0.1);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .shop .collection .filters .overlay {
        cursor: pointer;
    }
}

.shop .collection .filters.active .overlay {
    opacity: 1;
    visibility: visible;
    z-index: 500;
}

.shop .collection .filters .close {
    cursor: pointer;
    display: none;
    position: absolute;
    left: 7.8125%;
    text-align: center;
    top: 31px;
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .close {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .filters .close {
        left: 6.25%;
    }
}

.shop .collection .filters .title {
    display: none;
    float: left;
    margin: 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .title {
        display: block;
        margin: 0 7.8125% 40px calc(7.8125% + 60px);
        width: calc(84.375% - 60px);
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .filters .title {
        margin: 0 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

.shop .collection .filters .title .blocks {
    float: left;
    width: 100%;
}

.shop .collection .filters .title .blocks .block:nth-child(1) {
    float: left;
    margin: 2px 0 0;
}

.shop .collection .filters .title .blocks .block:nth-child(2) {
    float: right;
}

.shop .collection .filters .title .blocks .block .title {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .filters .content {
    border: 1px solid #F3F3F4;
    border-radius: 12px;
    bottom: auto;
    box-sizing: border-box;
    float: left;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    transition: none;
    -webkit-transition: none;
    width: 100%;
    z-index: auto;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content {
        border: 0;
        border-radius: 0;
        height: calc(100% - 139px);
    }
}

.shop .collection .filters .content .scroll {
    float: left;
    margin: 0 32px;
    padding: 0 0 50px;
    width: calc(100% - 64px);
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .scroll {
        margin: 0 7.8125%;
        width: 84.375%;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .filters .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.shop .collection .filters .content .list {
    border-bottom: 1px solid #F5F5F6;
    float: left;
    margin: 33px 0 0;
    padding: 0 0 10px;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .list {
        border-bottom: 0;
        margin: 0;
    }
}

.shop .collection .filters .content .list .blocks {
    float: left;
    width: 100%;
}

.shop .collection .filters .content .list .blocks .block:nth-child(1) {
    float: left;
    width: calc(100% - 75px);
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .list .blocks .block:nth-child(1) {
        width: 100%;
    }
}

.shop .collection .filters .content .list .blocks .block:nth-child(2) {
    float: right;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .list .blocks .block:nth-child(2) {
        display: none;
    }
}

.shop .collection .filters .content .list .blocks .block ul {
    float: left;
    list-style: none;
    width: 100%;
}

.shop .collection .filters .content .list .blocks .block ul li {
    background: #FBFBFC;
    border-radius: 20px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin: 0 10px 10px 0;
    padding: 12px 37px 12px 17px;
    position: relative;
}

.shop .collection .filters .content .list .blocks .block ul li:last-child {
    margin: 0 0 10px;
}

.shop .collection .filters .content .list .blocks .block ul li .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.012875em;
    line-height: 1em;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .shop .collection .filters .content .list .blocks .block ul li .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .filters .content .list .blocks .block ul li .icon {
    background: #F7F7F8;
    border-radius: 50%;
    color: #101820;
    float: left;
    font-size: 9px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 7px;
    text-align: center;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 24px;
}

.shop .collection .filters .content .list .blocks .block ul li:hover .icon {
    background: #101820;
    color: #FFFFFF;
}

.shop .collection .filters .content .attributes {
    display: block;
    float: left;
    margin: 10px 0 0;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .attributes {
        margin: 0;
    }
}

.shop .collection .filters .content .attributes .attribute {
    border-bottom: 1px solid #F7F7F8;
    background: none;
    box-sizing: border-box;
    float: left;
    height: auto !important;
    left: auto;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0 0 25px !important;
    position: relative;
    right: auto;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
    z-index: auto !important;
}

.shop .collection .filters .content .attributes .attribute:last-child {
    border-bottom: 0;
    padding: 0 !important;
}

.shop .collection .filters .content .attributes .attribute .title {
    display: block;
    float: left;
    margin: 0;
    padding: 22px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .shop .collection .filters .content .attributes .attribute .title {
        padding: 25px 0;
    }
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .attributes .attribute:first-child .title {
        border-top: 1px solid #F5F5F6;
    }
}

.shop .collection .filters .content .attributes .attribute .content {
    border: 0;
    border-radius: 0;
    bottom: auto;
    float: left;
    height: auto !important;
    overflow: hidden;
    margin: 0;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: auto;
}

.shop .collection .filters .content .attributes .attribute .content ul {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.shop .collection .filters .content .attributes .attribute .content ul li {
    border: 1px solid #F4F4F5;
    border-radius: 8px;
    box-sizing: border-box;
    float: left;
    list-style: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.shop .collection .filters .content .attributes .attribute.one .content ul li {
    margin: 0 6px 6px 0;
    width: calc(33.3333% - 4px);
}

.shop .collection .filters .content .attributes .attribute.one .content ul li:nth-child(3n) {
    margin: 0 0 6px;
}

.shop .collection .filters .content .attributes .attribute.two .content ul li {
    height: auto;
    margin: 0 4px 4px 0;
    width: calc(25% - 3px);
}

.shop .collection .filters .content .attributes .attribute.two .content ul li:nth-child(4n) {
    margin: 0 0 4px;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li {
    margin: 0 6px 6px 0;
    width: calc(33.3333% - 4px);
}

.shop .collection .filters .content .attributes .attribute.three .content ul li:nth-child(3n) {
    margin: 0 0 6px;
}

.shop .collection .filters .content .attributes .attribute .content ul li.active {
    border: 1px solid #757576;
}

.shop .collection .filters .content .attributes .attribute .content ul li a {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    float: left;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.shop .collection .filters .content .attributes .attribute.one .content ul li a {
    padding: 10px 3px 18px;
}

@media screen and (max-width: 900px) {
    .shop .collection .filters .content .attributes .attribute.one .content ul li a {
        padding: 10px 16px 18px;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .filters .content .attributes .attribute.one .content ul li a {
        padding: 10px 14px 18px;
    }
}

.shop .collection .filters .content .attributes .attribute.two .content ul li a {
    padding: 0 0 17px;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li a {
    padding: 20px;
}

.shop .collection .filters .content .attributes .attribute .content ul li .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 92.5%;
    height: 100px;
    margin: 0 auto 8px;
    position: relative;
    width: 100px;
    z-index: 10;
}

.shop .collection .filters .content .attributes .attribute .content ul li .swatch {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65.625%;
    border-radius: 1px;
    float: left;
    height: auto;
    margin: 0 0 10px;
    padding: 0 0 100%;
    width: 100%;
}

.shop .collection .filters .content .attributes .attribute.one .content ul li .title {
    border: 0;
    float: left;
    height: 35px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .attributes .attribute.one .content ul li .title {
        padding: 0;
    }
}

.shop .collection .filters .content .attributes .attribute.two .content ul li .title {
    border: 0;
    float: left;
    height: auto;
    padding: 0;
    position: relative;
    text-align: right;
    width: calc(100% - 28px);
}

.shop.collection-sealant .collection .filters .content .attributes .attribute.two .content ul li .title {
    text-align: center;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li .title {
    border: 0;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
}

.shop .collection .filters .content .attributes .attribute.two .content ul li .title h4.three.alt {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.shop .collection .filters .content .attributes .attribute.one .content ul li .title.alt h4.four.alt,
.shop .collection .filters .content .attributes .attribute.three .content ul li .title.alt h4.four.alt {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.shop .collection .filters .content .attributes .attribute.three .content ul li .text {
    float: left;
    width: 100%;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li .text span {
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 1.3625em;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: left;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
    z-index: auto;
}

.shop .collection .filters .action {
    bottom: 20px;
    display: none;
    height: 56px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 84.375%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .action {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .filters .action {
        width: 87.5%;
    }
}

.shop .collection .filters .action .button.large {
    margin: 0;
}

.shop .collection .results {
    float: left;
    margin: -12px 4.6875% 0 45px;
    margin: -12px 4.6875% 0;
    position: relative;
    width: calc(90.625% - 420px);
    width: calc(85.9375% - 375px);
    z-index: 10;
}

@media screen and (max-width: 1250px) {
    .shop .collection .results {
        margin: 0;
        width: 100%;
    }
}

.shop.tag .collection .results {
    margin: 0;
    width: 100%;
}

.shop .collection .filters.alt ~ .results {
    margin: -12px 4.6875% 0;
    width: 90.625%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters.alt ~ .results {
        margin: 0;
        width: 100%;
    }
}

.shop .collection .results .container {
    float: left;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .shop .collection .results .container {
        border-bottom: 1px solid #F7F7F8;
    }
}

.shop .collection .results .content {
    float: left;
    position: relative;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .results .content {
        margin: 0 4.6875%;
        width: 90.625%;
    }
}

.shop .collection .results .content .blocks {
    float: left;
    width: 100%;
}

.shop .collection .results .content .block.alt {
    float: left;
    margin: 10px 5.17245% 65px;
    width: 89.6551%;
}

.shop .collection .results .title.alt ~ .content .block.alt {
    margin: 10px 0 65px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .shop .collection .results .title.alt ~ .content .block.alt {
        margin: 10px 1.72415% 65px;
        width: 96.5517%;
    }
}

.shop .collection .results .content .blocks .block {
    float: left;
    width: 100%;
}

.shop .collection .results .content .blocks .block.alt {
    display: flex;
    justify-content: center;
    margin: 10px 0 55px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .content .blocks .block.alt {
        margin: 10px 0 50px;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .content .blocks .block.alt {
        margin: 10px 0 45px;
    }
}

.shop .collection .results .sections .section:last-child .content .blocks .block.alt {
    margin: 0;
}

@media screen and (max-width: 1350px) {
    .shop .collection .results .sections .section:last-child .content .blocks .block.alt {
        margin: 10px 0 55px;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .sections .section:last-child .content .blocks .block.alt {
        margin: 10px 0 50px;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .sections .section:last-child .content .blocks .block.alt {
        margin: 10px 0 45px;
    }
}

.shop .collection .results .products .sections .section a[name='buffing-pads'] ~ .content .blocks .block.alt,
.shop .collection .results .products .sections .section a[name='beeswax-polish'] ~ .content .blocks .block.alt {
    display: none;
}

.shop .collection .results .result {
    float: left;
    margin: 0 20px 55px 0;
    position: relative;
    width: calc(25% - 15px);
}

@media screen and (max-width: 1500px) {
    .shop .collection .results .result {
        margin: 0 18px 50px 0 !important;
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .result {
        margin: 0 12px 45px 0 !important;
        width: calc(50% - 6px);
    }
}

.shop .collection .results .result:nth-child(4n) {
    margin: 0 0 55px !important;
}

@media screen and (max-width: 1500px) {
    .shop .collection .results .result:nth-child(4n) {
        margin: 0 18px 50px 0 !important;
    }
}

@media screen and (max-width: 1500px) {
    .shop .collection .results .result:nth-child(3n) {
        margin: 0 0 50px !important;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .result:nth-child(3n) {
        margin: 0 12px 45px 0 !important;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .result:nth-child(2n) {
        margin: 0 0 45px !important;
    }
}

.shop .collection .results .result:nth-child(4n+1) {
    clear: left;
}

@media screen and (max-width: 1500px) {
    .shop .collection .results .result:nth-child(4n+1) {
        clear: none;
    }
}

@media screen and (max-width: 1500px) {
    .shop .collection .results .result:nth-child(3n+1) {
        clear: left;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .result:nth-child(3n+1) {
        clear: none;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results .result:nth-child(2n+1) {
        clear: left;
    }
}

.shop .collection .results .result .banner {
    background: #FBFBFC;
    border-radius: 12px;
    float: left;
    height: auto;
    margin: 0 0 18px;
    overflow: hidden;
    position: relative;
    top: 0;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .banner {
        margin: 0 0 12px;
    }
}

.shop .collection[data-collection='glitter'] .results .result .banner,
.shop .collection[data-collection='paint'] .results .result .banner,
.shop .collection[data-collection='powder'] .results .result .banner,
.shop .collection[data-collection='grout'] .results .result .banner,
.shop .collection[data-collection='sealant'] .results .result .banner {
    padding: 25px 0 0;
}

@media screen and (max-width: 900px) {
    .shop .collection[data-collection='glitter'] .results .result .banner,
    .shop .collection[data-collection='paint'] .results .result .banner,
    .shop .collection[data-collection='powder'] .results .result .banner,
    .shop .collection[data-collection='grout'] .results .result .banner,
    .shop .collection[data-collection='sealant'] .results .result .banner {
        padding: 30px 0 0;
    }
}

.shop .collection .results .result .banner a {
    float: left;
    width: 100%;
}

.shop .collection .results .result .banner .attributes {
    float: right;
    position: absolute;
    right: 22px;
    top: 21px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .result .banner .attributes {
        right: 16px;
        top: 15px;
    }
}

.shop .collection .results .result .banner .attributes .attribute {
    background: #F6F6F7;
    border-radius: 20px;
    float: left;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.0125em;
    padding: 7px 16px 8px 13px;
    -moz-text-stroke-width: 0.075px;
    -webkit-text-stroke-width: 0.075px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .banner .attributes .attribute {
        font-size: 0.75em;
        padding: 5px 16px 6px 13px;
        -moz-text-stroke-width: 0.125px;
        -webkit-text-stroke-width: 0.125px;
    }
}

.shop .collection .results .result .banner .attributes .attribute .icon {
    float: left;
    font-size: 32px;
    line-height: 16px;
    margin: 0 6px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #F5F5F6;
    -webkit-text-stroke-color: #F5F5F6;
    width: 25px;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .result .banner .attributes .attribute .icon {
        font-size: 31px;
        margin: 0 5px 0 0;
        width: 24px;
    }
}

.shop .collection .results .result .banner .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.shop .collection .results .result .banner .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.shop .collection .results .result .banner .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.shop .collection .results .result .banner .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.shop .collection .results .result .banner .attributes .attribute .text {
    float: left;
}

.shop .collection .results .result .banner .attributes .attribute .text .one,
.shop .collection .results .result .banner .attributes .attribute .text .two {
    float: left;
}

.shop .collection .results .result .banner .attributes .attribute .text .two {
    margin: 0 0 0 3px;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .result .banner .attributes .attribute .text .two {
        display: none;
    }
}

.shop .collection .results .result .banner .images {
    float: left;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

.shop .collection .results .result .banner .images .image {
    background-position: center 31.25%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.shop .collection .results .result .banner .images .image.one {
    background-size: 87.5% auto;
    left: 0;
    opacity: 1;
}

/*

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner .images .image.one {
        opacity: 1;
        z-index: 10;
    }
}

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner:hover .images .image.one {
        left: -100%;
        opacity: 0;
        z-index: -1;
    }
}

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner.alt:hover .images .image.one {
        left: 0;
        opacity: 1;
        z-index: 10;
    }
}

*/

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .banner .images .image.one {
        background-size: 97.5% auto;
    }
}

.shop .collection .results .result .banner .images .image.two {
    background-size: 96.25% auto;
    left: calc(100% + 20px);
    opacity: 0;
}

/*

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner:hover .images .image.two {
        left: 0;
        opacity: 1;
        z-index: 10;
    }
}

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner.alt:hover .images .image.two {
        left: 100%;
        opacity: 0;
        z-index: -1;
    }
}

*/

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .banner .images .image.two {
        background-size: 100% auto;
    }
}

.shop .collection .results .result .banner .pagination {
    bottom: 22px;
    display: flex;
    display: none;
    float: left;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .banner .pagination {
        display: none;
    }
}

.shop .collection .results .result .banner .pagination .icons {
    float: left;
}

.shop .collection .results .result .banner .pagination .icons .icon {
    border-radius: 50%;
    float: left;
    height: 4px;
    margin: 0 5px 0 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 4px;
}

.shop .collection .results .result .banner .pagination .icons .icon:last-child {
    margin: 0;
}

.shop .collection .results .result .banner .pagination .icons .icon.one {
    background: #F1E87C;
}

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner:hover .pagination .icons .icon.one {
        background: #101820;
    }
}

.shop .collection .results .result .banner .pagination .icons .icon.two {
    background: #101820;
}

@media screen and (min-width: 1025px) {
    .shop .collection .results .result .banner:hover .pagination .icons .icon.two {
        background: #F1E87C;
    }
}

.shop .collection .results .result .content {
    display: block;
    flex-wrap: nowrap;
    float: left;
    height: auto;
    margin: 0 !important;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
    padding: 0;
    position: relative;
    width: 100% !important;
}

.shop .collection .results .result .content .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .title {
    display: block;
    float: left;
    margin: 0 0 3px !important;
    width: 90% !important;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .result .content .blocks .block .title {
        margin: 0 0 4px !important;
    }
}

.shop .collection .results .result .content .blocks .block .title a {
    float: left;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute {
    float: left;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.0125em;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: 90%;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .content .blocks .block .attributes .attribute {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop header .submenu.links .content .blocks .block.two .blocks .block.two .blocks .block .content .results .result .content .blocks .block .attributes .attribute {
    font-size: 1em;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .shop .collection .results .result .content .blocks .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .text {
    float: left;
    text-align: left;
    width: calc(100% - 37px);
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .swatches {
    float: left;
    margin: 0 0 22px;
    position: relative;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .swatches .swatch {
    background-color: #FAFAFB;
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 22px;
    margin: 0 3px 0 0;
    position: relative;
    width: 22px;
}

.shop .collection .results .result .content .blocks .block .attributes .attribute .swatches .swatch.active:after {
    background: #101820;
    bottom: -8px;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 8px;
}

.shop .collection .results .result .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .blocks .block {
    float: left;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .blocks .block:nth-child(2) {
    margin: 12px 0 0;
}

@media screen and (max-width: 600px) {
    .shop .collection .results .result .content .blocks .block .blocks .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) {
    float: left;
    margin: 18px 0 0;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks {
    float: left;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

@media screen and (max-width: 600px) {
    .shop .collection .results .result .content .blocks .block .blocks .block .blocks .block {
        width: 100%;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block:nth-child(2) {
    margin: 0 0 0 38px;
}

@media screen and (max-width: 600px) {
    .shop .collection .results .result .content .blocks .block .blocks .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    line-height: 24px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 600px) {
    .shop .collection .results .result .content .blocks .block .blocks .block .blocks .block:nth-child(2):before {
        display: none;
        left: -18px;
        line-height: 25px;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .price {
    float: left;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .price .text {
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .rating {
    float: left;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .content .blocks .block .blocks .block .blocks .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .highlights {
    float: left;
    width: 100%;
}

.shop .collection .results .result .content .blocks .block .blocks .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .content .blocks .block .blocks .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .highlights .highlight:last-child {
    margin: 0;
}

.shop .collection .results .result .content .blocks .block .blocks .block .highlights .highlight.alt {
    background: #FFB96E;
}

.shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating {
    float: left;
}

.shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .text {
    float: left;
    font-size: 0.85em;
    letter-spacing: -0.015em;
    line-height: 18px;
    margin: 4px 0 2px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .text {
        font-size: 14px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .text {
        line-height: 17px;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .text.one {
    font-size: 0.875em;
}

@media screen and (max-width: 900px) {
    .shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .text.one {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .text.two {
        display: none;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .star {
    float: left;
    margin: 0 12px 0 8px;
}

@media screen and (max-width: 1350px) {
    .shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .star {
        margin: 0 0 0 8px;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .results .result .content .blocks .block .blocks .block:nth-child(3) .rating .star {
        margin: 0 12px 0 8px;
    }
}

.shop .collection .results .result .content .blocks .block .blocks .block .rating:nth-child(3) .star .icon {
    float: left;
    font-size: 14px;
    line-height: 25px;
}

.shop.collection [data-section-type='collection'] {
    float: left;
    width: 100%;
}

.shop.collection .results .result .banner {
    display: flex;
    justify-content: center;
}

.shop.collection .results .result.alt .banner .button.small.alt {
    bottom: 28px;
    position: absolute;
    z-index: 50;
}

@media screen and (max-width: 1025px) {
    .shop.collection .results .result.alt .banner .button.small.alt {
        bottom: 25px;
    }
}

@media screen and (max-width: 750px) {
    .shop.collection .results .result.alt .banner .button.small.alt {
        bottom: 22px;
    }
}

.shop.collection .results .result.alt .banner .images {
    float: left;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

.shop.collection .results .result.alt .banner .images .image {
    background-position: center;
}

.shop.collection .results .result.alt .banner .images .image[data-image='default'] {
    background-size: 87.5% auto;
}

.shop.collection .results a[name='bamboo-painting-kits'] ~ .content .result.alt .banner .images .image[data-image="default"] {
    background-size: 95% auto;
}

.shop.collection .results .result.alt .banner .images .image[data-image='background'] {
    background-size: cover;
}

@media screen and (min-width: 1025px) {
    .shop.collection .results .result.alt .banner.hover .images .image.one {
        opacity: 1;
        z-index: 10;
    }
}

@media screen and (min-width: 1025px) {
    .shop.collection .results .result.alt .banner.hover:hover .images .image.one {
        left: calc(-100% - 20px);
        opacity: 0;
        z-index: -1;
    }
}

.shop.collection .results .result.alt .banner.hover .images .image.two {
    background-size: cover;
}

@media screen and (min-width: 1025px) {
    .shop.collection .results .result.alt .banner.hover .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

@media screen and (min-width: 1025px) {
    .shop.collection .results .result.alt .banner.hover:hover .images .image.two {
        left: 0;
        opacity: 1;
        z-index: 10;
    }
}

.shop .collection .results.alt {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.shop .collection .results.alt.delay {
    display: block;
    visibility: visible;
    z-index: 1000;
}

.shop .collection .results.alt .container {
    background: #FFFFFF;
    border-radius: 24px 24px 0 0;
    bottom: calc(-100% + 125px);
    box-sizing: border-box;
    float: left;
    height: calc(100% - 125px);
    left: 0;
    margin: 0;
    opacity: 1;
    padding: 38px 0 25px;
    position: absolute;
    right: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 1000;
}

@media screen and (max-width: 900px) {
    .shop .collection .results.alt .container {
        bottom: calc(-100% + 140px);
        height: calc(100% - 140px);
        left: 0;
        right: 0;
    }
}

.shop.scroll .collection .results.alt .container {
    bottom: calc(-100% + 75px);
    height: calc(100% - 75px);
}

@media screen and (max-width: 900px) {
    .shop.scroll .collection .results.alt .container {
        bottom: calc(-100% + 70px);
        height: calc(100% - 70px);
    }
}

.shop .collection .results.alt.active .container {
    bottom: 0;
    visibility: visible;
}

.shop .collection .results.alt .overlay {
    background: rgba(16, 24, 32, 0.1);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .overlay {
        cursor: pointer;
    }
}

.shop .collection .results.alt.active .overlay {
    opacity: 1;
    visibility: visible;
    z-index: 500;
}

.shop .collection .results.alt .close {
    cursor: pointer;
    position: absolute;
    left: 6.25%;
    text-align: center;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .shop .collection .results.alt .close {
        left: 6.25%;
    }
}

.shop .collection .results.alt .title {
    margin: 0 6.25% 40px calc(6.25% + 60px);
    width: calc(87.5% - 60px);
}

.shop .collection .results.alt .content {
    bottom: auto;
    float: left;
    height: calc(100% - 35px);
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    transition: none;
    -webkit-transition: none;
    width: 100%;
    z-index: auto;
}

.shop .collection .results.alt .content .scroll {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0 4.6875%;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll {
        padding: 0 6.25%;
    }
}

.shop .collection .results.alt .content .scroll .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block {
    float: left;
}

.shop .collection .results.alt .content .scroll .blocks .block:nth-child(1) {
    margin: 0 50px 0 0;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: calc(25% - 15px);
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block:nth-child(1) {
        margin: 0 0 45px;
        position: relative;
        top: auto;
        width: 100%;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block:nth-child(2) {
    width: calc(75% - 50px);
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result {
    clear: none;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .banner.alt {
    background: #FBFBFC;
    border-radius: 8px;
    display: block;
    float: left;
    height: auto;
    justify-content: normal;
    margin: 0 0 18px;
    overflow: hidden;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .result .banner.alt {
        margin: 0 24px 0 0;
        width: calc(50% - 12px);
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result .banner.alt a {
    float: left;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .banner.alt .images {
    float: left;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .banner.alt .images .image {
    background-position: center 31.25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 87.5% auto;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 10;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content {
    bottom: auto;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    -webkit-overflow-scrolling: none;
    padding: 0;
    position: relative;
    transition: none;
    -webkit-transition: none;
    width: 100%;
    z-index: auto;
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .result .content {
        width: calc(50% - 12px);
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block {
    float: left;
    margin: 0;
    position: relative;
    top: auto;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .title {
    display: block;
    float: left;
    margin: 0 0 3px;
    width: 90%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute {
    float: left;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block .price .text {
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    position: relative;
    top: auto;
    width: auto;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block:nth-child(2) {
    margin: 0 0 0 35px;
}

@media screen and (max-width: 1250px) {
    .shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block:nth-child(2) {
        margin: 12px 0 0;
        width: 100%;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block .highlights {
    float: left;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block .highlights .highlight:last-child {
    margin: 0;
}

.shop .collection .results.alt .content .scroll .blocks .block .result .content .blocks .block .blocks .block .highlights .highlight.alt {
    background: #FFB96E;
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches {
    float: left;
    margin: 0 0 40px;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch {
    float: left;
    margin: 0 12px 35px 0;
    width: calc(16.6666% - 10px);
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch {
        margin: 0 12px 35px 0;
        width: calc(25% - 9px);
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch {
        margin: 0 12px 35px 0;
        width: calc(33.3333% - 8px);
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(6n) {
    margin: 0 0 35px;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(6n) {
        margin: 0 12px 35px 0;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(4n) {
        margin: 0 0 35px;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(4n) {
        margin: 0 12px 35px 0;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(3n) {
        margin: 0 0 35px;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(6n+1) {
    clear: left;
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(6n+1) {
        clear: none;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(4n+1) {
        clear: left;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(4n+1) {
        clear: none;
    }
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch:nth-child(3n+1) {
        clear: left;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch .banner {
    background: #FBFBFC;
    border-radius: 8px;
    float: left;
    margin: 0 0 12px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch .banner a {
    float: left;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch .banner .images {
    float: left;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch .banner .images .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 125% auto;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 750px) {
    .shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch .banner .images .image {
        background-size: 137.5% auto;
    }
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch .content {
    bottom: auto;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    -webkit-overflow-scrolling: none;
    padding: 0;
    position: relative;
    transition: none;
    -webkit-transition: none;
    width: 100%;
    z-index: auto;
}

.shop .collection .results.alt .content .scroll .blocks .block .swatches .swatch .content .title {
    margin: 0;
    width: 90%;
}

.shop .collection .description {
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .description .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 37px;
    padding: 0 0 65px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .description .container {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .description.one .container {
        margin: 0;
        padding: 0 0 55px;
    }
}

@media screen and (max-width: 600px) {
    .shop .collection .description.one .container {
        border-bottom: 0;
    }
}

.shop.tag .collection .description.two {
    display: none;
}

.shop .collection .description.two .container {
    border-top: 1px solid #F7F7F8;
    margin: 75px 0 0;
    padding: 0;
}

@media screen and (max-width: 1350px) {
    .shop .collection .description.two .container {
        border-top: 0;
    }
}

@media screen and (max-width: 1250px) {
    .shop .collection .description.two .container {
        margin: 60px 0 0;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .description.two .container {
        margin: 50px 0 0;
    }
}

.shop .collection .reviews ~ .description.two .container {
    margin: 0;
}

.shop .collection .description .content {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    width: 100%;
}

.shop .collection .description .content .blocks {
    float: left;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .description .content .blocks {
        width: 62.5%;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .description .content .blocks {
        width: 75%;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .description .content .blocks {
        width: 87.5%;
    }
}

.shop .collection .description .content .blocks.alt {
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .description .content .blocks.alt {
        width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .description .content .blocks.alt {
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .description .content .blocks.alt {
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .shop .collection .description .content .blocks.alt {
        width: 87.5%;
    }
}

.shop .collection .description.two .content .blocks {
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .shop .collection .description.two .content .blocks {
        width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .shop .collection .description.two .content .blocks {
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .description.two .content .blocks {
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .shop .collection .description.two .content .blocks {
        width: 87.5%;
    }
}

.shop .collection .description .content .blocks .block {
    float: left;
    width: 100%;
}

.shop .collection .description .content .blocks.alt .block:nth-child(1) {
    height: 250px;
    overflow: hidden;
}

.shop .collection .description .content .blocks.alt.active .block:nth-child(1) {
    height: calc(100% - 46px);
}

.shop .collection .description .content .blocks.alt .block:nth-child(2) {
    margin: 12px 0 0;
}

.shop .collection .description .content .blocks.alt .block:nth-child(1):after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    bottom: 0;
    content: '';
    height: 125px;
    left: 50%;
    opacity: 1;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
}

.shop .collection .description .content .blocks.alt.active .block:nth-child(1):after {
    opacity: 0;
}

.shop .collection .description .content .blocks.alt .block:nth-child(1) .text {
    float: left;
    width: 100%;
}

.shop .collection .description .content .blocks.alt .block .buttons {
    display: flex;
    float: left;
    justify-content: center;
    width: 100%;
}

.shop .collection .description .content .blocks.alt .block .buttons .button .text .one {
    display: block;
}

.shop .collection .description .content .blocks.alt.active .block .buttons .button .text .one {
    display: none;
}

.shop .collection .description .content .blocks.alt .block .buttons .button .text .two {
    display: none;
}

.shop .collection .description .content .blocks.alt.active .block .buttons .button .text .two {
    display: block;
}

.shop .collection .description .content .blocks .block .text .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .collection .description .content .blocks .block .text .blocks .block {
    float: left;
    margin: 0 50px 0 0;
    width: calc(50% - 25px);
}

@media screen and (max-width: 600px) {
    .shop .collection .description .content .blocks .block .text .blocks .block {
        margin: 0 0 20px;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .shop .collection .description .content .blocks .block .text .blocks .block:last-child {
        margin: 0;
    }
}

.shop .collection .description .content .blocks .block .text .blocks .block:last-child {
    margin: 0;
}

.shop .collection .description .content .blocks .block .text .blocks .block p:last-child {
    margin: 0;
}

.shop .collection .description .content .blocks .block h2 {
    font-family: 'Inter', sans-serif;
    font-size: 1.075em;
    font-weight: 500;
    letter-spacing: -0.02125em;
    line-height: 1.4125em;
    margin: 70px 0 30px;
    padding: 0;
}

.shop .collection .description .content .blocks .block .accordion {
    float: left;
    margin: 0 0 75px;
    width: 100%;
}

.shop .collection .description .content .blocks .block .accordion .panels {
    float: left;
    width: 100%;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    width: 100%;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel:last-child {
    border-bottom: 0;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel h3 {
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1.3875em;
    margin: 0;
    padding: 22px 50px 22px 0;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .shop .collection .description .content .blocks .block .accordion .panels .panel h3 {
        font-size: 0.975em;
        line-height: 22px;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

@media screen and (max-width: 900px) {
    .shop .collection .description .content .blocks .block .accordion .panels .panel h3 {
        padding: 25px 50px 25px 0;
    }
}

.shop .collection .description .content .blocks .block .accordion .panels .panel h3:after {
    content: '\f106';
    font-family: 'icons';
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    right: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .shop .collection .description .content .blocks .block .accordion .panels .panel h3:after {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .description .content .blocks .block .accordion .panels .panel h3.active:after {
    top: calc(50% + 1px);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content {
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 97.5%;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content h4 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 21px;
    margin: 5px 0 12px;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    .shop .collection .description .content .blocks .block .accordion .panels .panel .content h4 {
        font-size: 1.0375em;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
    }
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content p:last-of-type {
    padding: 0 0 35px;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content strong {
    font-weight: normal !important;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content em {
    font-style: normal !important;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content ul {
    margin: 0 0 20px;
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content ol li,
.shop .collection .description .content .blocks .block .accordion .panels .panel .content ul li {
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 21px;
    padding: 0 0 0 20px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .shop .collection .description .content .blocks .block .accordion .panels .panel .content ol li,
    .shop .collection .description .content .blocks .block .accordion .panels .panel .content ul li {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.shop .collection .description .content .blocks .block .accordion .panels .panel .content ul li:before {
    content: '•';
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.shop .collection .images.alt {
    float: left;
    position: relative;
    width: 100%;
}

.shop .collection .images.alt .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 60px 0 0;
    padding: 0 0 60px;
    position: relative;
    width: 100%;
}

.shop .collection .images.alt .content {
    display: flex;
    float: left;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.shop .collection .images.alt .content .sections {
    float: left;
    width: 90.625%;
}

.shop .collection .images.alt .content .sections .section {
    float: left;
    height: calc(100svh - 175px);
    margin: 0 20px 0 0;
    min-height: 450px;
    width: calc(50% - 10px);
}

@media screen and (max-width: 900px) {
    .shop .collection .images.alt .content .sections .section {
        height: 103.25vw;
        margin: 0 0 20px;
        min-height: 103.25vw;
        width: 100%;
    }
}

.shop .collection .images.alt .content .sections .section:last-child {
    margin: 0;
}

.shop .collection .images.alt .content .sections .section.alt {
    width: 100%;
}

.shop .collection .images.alt .content .sections .section .blocks {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}

.shop .collection .images.alt .content .sections .section .blocks .block {
    border-radius: 15px;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.shop .collection .images.alt .content .sections .section .blocks .block .image {
    background-color: #FBFBFC;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.shop .blog {
    float: left;
    width: 100%;
}

.shop .blog .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 60px 0 0;
    padding: 0 0 25px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .shop .blog .container {
        margin: 50px 0 0;
        padding: 0 0 10px;
    }
}

.shop .blog .sections {
    float: left;
    width: 100%;
}

.shop .blog .sections .section {
    float: left;
    width: 100%;
}

.shop .blog .sections .section .title {
    float: left;
    margin: 0 6.25% 40px;
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .shop .blog .sections .section .title {
        margin: 0 6.25% 30px;
    }
}

.shop .blog .sections .section .content {
    float: left;
    margin: 0 4.6875%;
    width: 90.625%;
}

.shop .blog .sections .section .content .blocks {
    float: left;
    width: 100%;
}

.shop .blog .sections .section .content .blocks .block {
    float: left;
    width: 100%;
}

.shop .blog .sections .section .content .blocks .block .posts {
    float: left;
    width: 100%;
}

.shop .blog .sections .section .content .blocks .block .posts .post {
    float: left;
    margin: 0 24px 50px 0;
    width: calc(25% - 18px);
}

@media screen and (max-width: 900px) {
    .shop .blog .sections .section .content .blocks .block .posts .post {
        margin: 0 18px 50px 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 900px) {
    .shop .blog .sections .section .content .blocks .block .posts .post:nth-child(2) {
        margin: 0 0 50px;
    }
}

@media screen and (max-width: 600px) {
    .shop .blog .sections .section .content .blocks .block .posts .post {
        margin: 0 12px 50px 0;
        width: calc(50% - 6px);
    }
}

.shop .blog .sections .section .content .blocks .block .posts .post:last-child {
    margin: 0 0 50px;
}

@media screen and (max-width: 600px) {
    .shop .blog .sections .section .content .blocks .block .posts .post:nth-child(2n+1) {
        clear: left;
    }
}

.shop .blog .sections .section .content .blocks .block .posts .post a {
    float: left;
    width: 100%;
}

.shop .blog .sections .section .content .blocks .block .posts .post .banner {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.shop .blog .sections .section .content .blocks .block .posts .post .banner .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 9px;
    float: left;
    padding: 0 0 56.25%;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .shop .blog .sections .section .content .blocks .block .posts .post .banner .image {
        padding: 0 0 112.5%;
    }
}

.shop .blog .sections .section .content .blocks .block .posts .post .title {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .shop .blog .sections .section .content .blocks .block .posts .post .title {
        min-height: 59px;
    }
}

.shop .blog .sections .section .content .blocks .block .posts .post .title h3.three {
    width: 90%;
}

.shop .blog .sections .section .content .blocks .block .posts .post .content {
    float: left;
    margin: 0;
    width: 100%;
}

.shop .blog .sections .section .content .blocks .block .posts .post .content .blocks {
    float: left;
    width: 100%;
}

.shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block {
    float: left;
    width: auto;
}

.shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .category {
    float: left;
    margin: 0 40px 0 0;
    position: relative;
}

@media screen and (max-width: 900px) {
    .shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .category {
        margin: 0 32px 0 0;
    }
}

.shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .category:after {
    content: '•';
    font-size: 8px;
    position: absolute;
    right: -22px;
    top: 0;
}

@media screen and (max-width: 900px) {
    .shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .category:after {
        right: -18px;
    }
}

.shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .category .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.01625em;
    text-align: right;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .category .text {
        font-size: 13px;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
    }
}

.shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .date {
    float: left;
}

.shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .date .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.01625em;
    text-align: right;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .shop .blog .sections .section .content .blocks .block .posts .post .content .blocks .block .date .text {
        font-size: 13px;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
    }
}

.category .products {
    float: left;
    position: relative;
    width: 100%;
}

.category .products .container {
    float: left;
    margin: 25px 0 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .category .products .container {
        margin: 20px 0 30px;
    }
}

.category .products .content {
    float: left;
    width: 100%;
}

.category .products .content .links {
    box-sizing: border-box;
    float: left;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 6.25% 20px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .category .products .content .links {
        display: flex;
        padding: 0 0 10px;
        padding: 0;
    }
}

.category .products .content .links ul {
    display: inline-block;
}

@media screen and (max-width: 900px) {
    .category .products .content .links ul {
        display: flex;
        float: left;
        overflow: auto;
        padding: 1px 0 0 6.25%;
    }
}

.category .products .content .links ul li {
    float: left;
    list-style: none;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
}

.category .products .content .links ul li:last-child {
    display: none;
    padding: 0 5.1724% 0 0;
    width: 0;
}

@media screen and (max-width: 600px) {
    .category .products .content .links ul li:last-child {
        display: block;
    }
}

.category .products .content .links ul li.alt {
    height: 176px;
}

.category .products .content .links ul li a {
    background: #FBFBFC;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 100%;
    margin: 0 7px 0 0;
    overflow: hidden;
    padding: 10px 0 20px;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 110px;
    z-index: 1;
}

.category .products .content .links ul li:last-child a {
    background: none;
    display: none;
    margin: 0;
    padding: 0;
}

.category .products .content .links ul li.active a {
    background: #101820;
    color: #FFFFFF;
}

.category .products .content .links ul li.alt .title {
    font-size: 0.825em;
    font-weight: 500;
    left: 50%;
    letter-spacing: -0.02em;
    line-height: 16px;
    margin: 0 0 8px;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

@media screen and (max-width: 1025px) {
    .category .products .content .links ul li.alt .title {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.category .products .content .links ul li .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto 3px;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
    z-index: 10;
}

.category .products .content .links ul li .text {
    display: inline-block;
    font-size: 0.825em;
    letter-spacing: -0.012875em;
    line-height: 13px;
    margin: 0;
    position: relative;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    white-space: nowrap;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .category .products .content .links ul li .text {
        -moz-text-stroke-width: 0.125px;
        -webkit-text-stroke-width: 0.125px;
    }
}

.category .products .content .links ul li .text:after {
    background: #F1E87C;
    content: '';
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: calc(50% + 14px);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 0;
}

@media screen and (max-width: 1025px) {
    .category .products .content .links ul li .text:after {
        display: none;
    }
}

.category .products .content .links ul li:hover .text:after {
    opacity: 1;
    width: 100%;
}

.category .products .content .links ul li .background {
    background: #F1E87C;
    border-radius: 12px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: 1;
    width: 200px;
}

.category .products .content .links ul li:hover .background {
    opacity: 1;
}

.product .vue {
    float: left;
    width: 100%;
}

.shopify-section [data-section-type='product'] {
    float: left;
    width: 100%;
}

.product .introduction {
    float: left;
    width: 100%;
}

.product .banner {
    float: left;
    height: calc(100vh - 150px);
    margin: 0 0 0 4.6875%;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    width: 60.9375%;
}

@media screen and (max-width: 1250px) {
    .product .banner {
        width: 56.25%;
    }
}

@media screen and (max-width: 900px) {
    .product .banner {
        height: 0;
        margin: 0;
        min-height: 0;
        padding: 0 0 112.5%;
        position: relative;
        top: auto;
        width: 100%;
    }
}

.product .banner.active {
    background: #FFFFFF;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    transition: none;
    -webkit-transition: none;
    width: 100%;
    z-index: 1000;
}

.product .banner .container {
    float: left;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.product .banner.active .container {
    margin: 0 9.375%;
    width: 81.25%;
}

@media screen and (max-width: 900px) {
    .product .banner.active .container {
        margin: 0;
        width: 100%;
    }
}

.product .banner .content {
    float: left;
    height: 100%;
    width: 100%;
}

.product .banner .content .slider {
    float: left;
    height: 100%;
    left: 50%;
    min-height: 500px;
    overflow: hidden;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: calc(100% + 2px);
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider {
        min-height: auto;
    }
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider {
        height: calc(112.5vw + 100px);
        top: calc(50% + 50px);
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
}

.product .banner .content .slider .slides {
    box-sizing: content-box;
    display: flex;
    float: left;
    height: 100% !important;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    -webkit-transition-property: transform;
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .slides {
        height: calc(100% - 100px) !important;
    }
}

.product .banner .content .slider .slides .slide {
    float: left;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: all;
    transition-property: transform;
    -webkit-transition-property: transform;
    width: 100%;
}

.product .banner .content .slider .slides .slide.magnify {
    cursor: move;
    touch-action: none;
}

.product .banner .content .slider .slides .slide .overlay {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.product .banner.active .content .slider .slides .slide .overlay {
    display: none;
}

.product .banner.active .content .slider .slides .slide.video .overlay {
    display: block;
}

.product .banner .content .slider .slides .slide .meta {
    left: 25px;
    position: absolute;
    top: 25px;
    z-index: 100;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .slides .slide .meta {
        bottom: 4.6875%;
        left: auto;
        position: absolute;
        right: 4.6875%;
        top: auto;
    }
}

.product .banner.active .content .slider .slides .slide .meta {
    left: 28px;
    top: 34px;
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .slides .slide .meta {
        left: auto;
        right: 6.25%;
        top: auto;
    }
}

.product .banner .content .slider.alt .slides .slide.three .meta {
    display: none;
}

.product .banner .content .slider .slides .slide .meta .author {
    float: left;
    margin: 0 0 0 10px;
    margin: 0;
}

.product .banner .content .slider .slides .slide .meta .author a {
    background: #FBFBFC;
    border-radius: 17px;
    box-sizing: border-box;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 11px 16px 12px;
    position: relative;
    width: 100%;
}

.product .banner .content .slider .slides .slide .meta .author .icon {
    float: left;
    font-size: 13px;
    left: 14px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 49.375%;
    z-index: 10;
}

.product .banner .content .slider .slides .slide .meta .author .text {
    float: left;
    color: #101820;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1em;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .product .banner .content .slider .slides .slide .meta .author .text {
        font-size: 0.7em;
    }
}

.product .banner .content .slider .slides .slide .meta .attributes {
    background: #FBFBFC;
    border-radius: 17px;
    box-sizing: border-box;
    display: none;
    float: left;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding: 7px 10px 7px;
    position: relative;
}

.product .banner .content .slider .slides .slide .meta .attributes .attribute {
    float: left;
    margin: 0 4px 0 0;
}

.product .banner .content .slider .slides .slide .meta .attributes .attribute:last-child {
    margin: 0;
}

.product .banner .content .slider .slides .slide .meta .attributes .attribute a {
    cursor: pointer;
    float: left;
}

.product .banner .content .slider .slides .slide .meta .attributes .attribute .swatch {
    background-color: #FBFBFC;
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    border-radius: 50%;
    float: left;
    height: 19px;
    position: relative;
    width: 19px;
    z-index: 10;
}

.product .banner .content .slider .slides .slide .meta .attributes .attribute .text {
    color: #101820;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1em;
    margin: 4px 6px 4px 9px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .product .banner .content .slider .slides .slide .meta .attributes .attribute .text {
        font-size: 0.7em;
    }
}

.product .banner .content .slider .slides .slide .content {
    align-items: center;
    display: flex;
    float: left;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.product .banner .content .slider .slides .slide .content .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .slides .slide .content .image {
        background-position: center 105%;
        border-radius: 1px;
    }
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .slides .slide.one .content .image,
    .product .banner .content .slider .slides .slide.two .content .image {
        background-position: center;
    }
}

@media screen and (max-width: 900px) {
    .product[data-product-id='14993778737533'] .banner .content .slider .slides .slide.two .content .image {
        background-position: center 105%;
    }
}

.product .banner.active .content .slider .slides .slide .content .image {
    background-position: center !important;
    border-radius: 1px;
}

.product .banner .content .slider .slides .slide.one .content .image,
.product .banner .content .slider .slides .slide.two .content .image {
    background-color: #FBFBFC;
    background-size: auto 87.5%;

}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .slides .slide.one .content .image,
    .product .banner .content .slider .slides .slide.two .content .image {
        background-size: auto 75%;
    }
}

.product .banner .content .slider.one .slides .slide.one .content .image[data-image='default'],
.product .banner .content .slider.one .slides .slide.two .content .image[data-image='default'] {
    background-size: auto 87.5%;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider.one .slides .slide.one .content .image[data-image='default'],
    .product .banner .content .slider.one .slides .slide.two .content .image[data-image='default'] {
        background-size: auto 75%;
    }
}

.product .banner .content .slider.one.alt .slides .slide.two .content .image[data-image='default'] {
    background-size: cover;
}

.product .banner .content .slider.one .slides .slide .content .image[data-image='background'] {
    background-size: cover;
}

.product[data-product-id='14993778737533'] .banner .content .slider.one .slides .slide.seven .content .image {
    background-position: center;
    background-size: 75% !important;
}

/*

.product .banner .content .slider.alt .slides .slide.three .content .image {
    background-color: #FBFBFC;
    background-size: auto 87.5%;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider.alt .slides .slide.three .content .image {
        background-size: auto 75%;
    }
}

*/

.product .banner .content .slider .slides .slide.magnify .content .image {
    transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transform: translate3d(0px, 0px, 0px) scale(1.75);
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1.75);
}

.product .banner .content .slider .slides .slide .content .image[data-theme='light'] {
    background-color: #FBFBFC;
}

.product .banner .content .slider .slides .slide .content .image[data-theme='dark'] {
    background-color: #101820;
}

.product .banner .content .slider .slides .slide .content .image[data-theme='light'],
.product .banner .content .slider .slides .slide .content .image[data-theme='dark'] {
    background-size: auto 87.5%;
}

@media screen and (max-width: 1250px) {
    .product .banner .content .slider .slides .slide .content .image[data-theme='light'],
    .product .banner .content .slider .slides .slide .content .image[data-theme='dark'] {
        background-size: auto 81.25%;
    }
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .slides .slide .content .image[data-theme='light'],
    .product .banner .content .slider .slides .slide .content .image[data-theme='dark'] {
        background-size: auto 91.40625% !important;
    }
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .slides .slide .content .image[data-theme='light'],
    .product .banner.active .content .slider .slides .slide .content .image[data-theme='dark'] {
        background-size: 100% auto !important;
    }
}

.product .banner .content .slider .slides .slide .content .image.active {
    opacity: 1;
    z-index: 1;
}

.product .banner .content .slider .slides .slide .content .video {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    float: right;
    height: 100%;
    left: 50%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 1025px) {
    .product .banner .content .slider .slides .slide .content .video {
        pointer-events: auto;
    }
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .slides .slide .content .video {
        border-radius: 1px;
    }
}

.product .banner.active .content .slider .slides .slide .content .video {
    border-radius: 1px;
}

.product .banner .content .slider .slides .slide .content .video iframe,
.product .banner .content .slider .slides .slide .content .video video {
    border: 0 !important;
    height: 100% !important;
    left: 50%;
    min-width: 156.25vh;e
    position: absolute !important;
    top: 50% !important;
    touch-action: pan-y;
    transform: translate(-50%, -50%);
    width: 100% !important;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .slides .slide .content .video iframe,
    .product .banner .content .slider .slides .slide .content .video video {
        min-width: auto;
        width: 201.25% !important;
    }
}

.product .banner.active .content .slider .slides .slide .content .video iframe,
.product .banner.active .content .slider .slides .slide .content .video video {
    min-width: 180vh;
}

.product .banner .content .slider .price {
    background: #FFFFFF;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 12px 14px 11px 18px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 180px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price {
        padding: 8px 10px 8px 13px;
        right: 4.6875%;
        top: 3.90625%;
        width: auto;
    }
}

.product .banner.active .content .slider .price {
    display: none;
}

.product .banner .content .slider .price .icons {
    float: left;
    height: 26px;
    margin: 5px 11px 5px 0;
    position: relative;
    width: 28px;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price .icons {
        height: 18px;
        margin: 0 8px 0 0;
        width: 22px;
    }
}

.product .banner .content .slider .price .icons .icon {
    float: left;
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 0 -3px;
    position: absolute;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price .icons .icon {
        font-size: 18px;
        line-height: 18px;
    }
}

.product .banner .content .slider .price .icons .icon i {
    float: left;
    width: 100%;
}

.product .banner .content .slider .price .icons .icon.one {
    left: 0;
    z-index: 10;
}

.product .banner .content .slider .price .icons .icon.two {
    color: #85DAB1;
    left: 7px;
    z-index: 1;
}

.product .banner .content .slider .price .text {
    float: left;
    font-size: 0.8125em;
    letter-spacing: -0.01375em;
    line-height: 17px;
    font-weight: 400;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .product .banner .content .slider .price .text {
        -moz-text-stroke-width: 0.0125px;
        -webkit-text-stroke-width: 0.0125px;
    }
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price .text {
        font-size: 0.7em;
        line-height: 18px;
    }
}

.product .banner .content .slider .price .text span {
    display: block;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price .text span {
        display: inline-block;
    }
}

.product .banner .content .slider .price .text span span {
    display: inline-block;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price .text span span {
        display: none;
    }
}

.product .banner .content .slider .price .button {
    border-radius: 50%;
    box-sizing: border-box;
    float: right;
    height: 20px;
    margin: 8px 0 8px 16px;
    text-align: center;
    width: 20px;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price .button {
        height: 18px;
        margin: 0 0 0 10px;
        width: 18px;
    }
}

.product .banner .content .slider .price .button .icon {
    color: #101820;
    font-size: 8px;
    font-weight: 500;
    line-height: 19px;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .price .button .icon {
        -moz-text-stroke-width: 0.0125px;
        -webkit-text-stroke-width: 0.0125px;
    }
}

.product .banner .content .slider .price:hover .button .icon {
    color: #FFFFFF;
}

.product .banner .content .slider .price .button .background {
    background: #FBFBFC;
    border-radius: 50%;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.product .banner .content .slider .price:hover .button .background {
    background: #101820;
}

.product .banner .content .slider .delivery {
    background: #FFFFFF;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 12px 14px 11px 18px;
    position: absolute;
    left: 25px;
    top: 25px;
    width: 190px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .delivery {
        padding: 8px 10px 8px 13px;
        left: 4.6875%;
        top: 3.90625%;
        width: auto;
    }
}

.product .banner.active .content .slider .delivery {
    display: none;
}

.product .banner .content .slider .delivery .icons {
    float: left;
    height: 26px;
    margin: 5px 11px 5px 0;
    position: relative;
    width: 28px;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .delivery .icons {
        height: 18px;
        margin: 0 8px 0 0;
        width: 22px;
    }
}

.product .banner .content .slider .delivery .icons .icon {
    float: left;
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 0 -3px;
    position: absolute;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .delivery .icons .icon {
        font-size: 18px;
        line-height: 18px;
    }
}

.product .banner .content .slider .delivery .icons .icon i {
    float: left;
    width: 100%;
}

.product .banner .content .slider .delivery .icons .icon.one {
    left: 0;
    z-index: 10;
}

.product .banner .content .slider .delivery .icons .icon.two {
    color: #F1E87C;
    left: 7px;
    z-index: 1;
}

.product .banner .content .slider .delivery .text {
    float: left;
    font-size: 0.8125em;
    letter-spacing: -0.01375em;
    line-height: 17px;
    font-weight: 400;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .product .banner .content .slider .delivery .text {
        -moz-text-stroke-width: 0.0125px;
        -webkit-text-stroke-width: 0.0125px;
    }
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .delivery .text {
        font-size: 0.7em;
        line-height: 18px;
    }
}

.product .banner .content .slider .delivery .text span {
    display: block;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .delivery .text span {
        display: inline-block;
    }
}

.product .banner .content .slider .delivery .text span span {
    display: inline-block;
}

.product .banner .content .slider .delivery .button {
    border-radius: 50%;
    box-sizing: border-box;
    float: right;
    height: 20px;
    margin: 8px 0 8px 16px;
    text-align: center;
    width: 20px;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .delivery .button {
        height: 18px;
        margin: 0 0 0 10px;
        width: 18px;
    }
}

.product .banner .content .slider .delivery .button .icon {
    color: #101820;
    font-size: 8px;
    font-weight: 500;
    line-height: 19px;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .delivery .button .icon {
        -moz-text-stroke-width: 0.0125px;
        -webkit-text-stroke-width: 0.0125px;
    }
}

.product .banner .content .slider .delivery:hover .button .icon {
    color: #FFFFFF;
}

.product .banner .content .slider .delivery .button .background {
    background: #FBFBFC;
    border-radius: 50%;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.product .banner .content .slider .delivery:hover .button .background {
    background: #101820;
}

.product .banner .content .slider .button.video {
    left: 25px;
    overflow: visible;
    position: absolute;
    top: 98px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .button.video {
        bottom: 3.90625%;
        left: auto;
        right: 4.6875%;
        top: auto;
    }
}

.product .banner .content .slider .button.video.alt {
    top: 25px;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .button.video.alt {
        top: auto;
    }
}

.product .banner.active .content .slider .button.video {
    display: none;
    left: 110px;
    top: 34px;
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .button.video {
        left: calc(6.25% + 120px);
        top: auto;
        bottom: 78px;
    }
}

.product .banner .content .slider .button.video .button.small.alt {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: -1;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .button.video .button.small.alt {
        bottom: 0;
        left: auto;
        right: 0;
        top: auto;
    }
}

.product .banner .content .slider .button.video.one .button.small.alt.view {
    opacity: 1;
    z-index: 10;
}

.product .banner .content .slider .button.video.two .button.small.alt.mute,
.product .banner .content .slider .button.video.two .button.small.alt.unmute {
    opacity: 1;
    z-index: 10;
}

.product .banner .content .slider .button.video.two.mute .button.small.alt[data-vimeo='unmute'] {
    opacity: 1;
    z-index: 10;
}

.product .banner .content .slider .button.video.two.unmute .button.small.alt[data-vimeo='unmute'] {
    opacity: 0;
    z-index: -1;
}

.product .banner .content .slider .button.video.two.mute .button.small.alt[data-vimeo='mute'] {
    opacity: 0;
    z-index: -1;
}

.product .banner .content .slider .button.video.two.unmute .button.small.alt[data-vimeo='mute'] {
    opacity: 1;
    z-index: 10;
}

.product .banner .content .slider .button.video .button.small.alt.number {
    opacity: 1;
    top: 41px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .button.video .button.small.alt.number {
        bottom: 41px;
        top: auto;
    }
}

.product .banner .content .slider .button.video .button.small.alt a {
    padding: 11px 16px 12px 34px;
}

.product .banner .content .slider .button.video .button.small.alt .text {
    color: #101820;
    font-size: 10px;
    letter-spacing: -0.01625em;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .product .banner .content .slider .button.video .button.small.alt .text {
        font-size: 0.7em;
    }
}

.product .banner .content .slider .button.video .button.small.alt .icon {
    float: left;
    left: 14px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 48.75%;
    z-index: 10;
}

.product .banner .content .slider .button.video .button.small.alt.view .icon {
    font-size: 15px;
}

.product .banner .content .slider .button.video .button.small.alt.mute .icon,
.product .banner .content .slider .button.video .button.small.alt.unmute .icon {
    font-size: 13px;
}

.product .banner .content .slider .button.video .button.small.alt .background {
    background: #FFFFFF;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.product .banner .content .slider .button.video .button.small.alt:hover .background {
    background: #F1E87C;
}

.product .banner .content .slider .button.video .button.small.alt .background:before {
    display: none;
}

.product .banner .content .slider .button.zoom {
    display: none;
    right: 28px;
    overflow: visible;
    position: absolute;
    bottom: 28px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .button.zoom {
        bottom: auto;
        left: 6.25%;
        right: auto;
        top: 25px;
    }
}

.product.overflow .banner .content .slider.one .button.zoom {
    display: block;
}

@media screen and (max-width: 1025px) {
    .product.overflow .banner .content .slider.one .button.zoom {
        display: none;
    }
}

.product .banner .content .slider .button.zoom .button.circle.alt {
    clear: both;
}

.product .banner .content .slider .button.zoom .button.circle.alt.zoom-in {
    margin: 0 0 7px;
}

.product .banner .content .slider .button.zoom .button.circle.alt .icon {
    font-size: 15px;
}

.product .banner .content .slider .button.zoom .button.circle.alt .background {
    background: #F7F7F8;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .button.zoom .button.circle.alt .background {
        background: #F9F9FA;
    }
}

.product .banner .content .slider .button.zoom .button.circle.alt:hover .background {
    background: #F1E87C;
}

.product .banner .content .slider .button.zoom .button.circle.alt .background:before {
    display: none;
}

.product .banner .content .slider .button.previous,
.product .banner .content .slider .button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .button.previous,
    .product .banner.active .content .slider .button.next {
        top: auto;
        transform: none;
        -webkit-transform: none;
    }
}

.product .banner .content .slider .button.previous {
    left: 25px;
}

.product .banner.active .content .slider .button.previous {
    left: 28px;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .button.previous {
        left: 4.6875%;
    }
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .button.previous {
        bottom: 37px;
        left: auto;
        right: calc(6.25% + 48px);
    }
}

.product .banner .content .slider .button.next {
    right: 25px;
}

@media screen and (max-width: 900px) {
    .product .banner .content .slider .button.next {
        right: 4.6875%;
    }
}

.product .banner.active .content .slider .button.next {
    right: 28px;
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .button.next {
        bottom: 37px;
        right: 6.25%;
    }
}

.product .banner .content .slider .button.previous.disabled,
.product .banner .content .slider .button.next.disabled {
    display: none;
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .button.previous .background,
    .product .banner.active .content .slider .button.next .background {
        background: #F9F9FA;
    }
}

@media screen and (max-width: 900px) {
    .product .banner.active .content .slider .button.previous:hover .background,
    .product .banner.active .content .slider .button.next:hover .background {
        background: #F1E87C;
    }
}

.product .banner .close {
    display: none;
    height: 42px;
    position: absolute;
    right: 28px;
    text-align: center;
    top: 28px;
    width: 42px;
    z-index: 100;
}

@media screen and (max-width: 900px) {
    .product .banner .close {
        right: 6.25%;
        top: 25px;
    }
}

.product .banner.active .close {
    display: block;
}

.product .banner.active .close .button.circle .icon {
    font-size: 13px;
    line-height: 13px;
}

.product .overview {
    box-sizing: border-box;
    float: right;
    margin: 0 4.6875% 0 3.125%;
    padding: 0;
    position: relative;
    width: 26.5625%;
}

@media screen and (max-width: 1250px) {
    .product .overview {
        width: 31.25%;
    }
}

@media screen and (max-width: 900px) {
    .product .overview {
        margin: 40px 6.25% 0;
        width: 87.5%;
    }
}

.product .overview .container {
    float: left;
    width: 100%;
}

.product .overview .pagination {
    float: left;
    margin: 0 0 20px 3px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product.overflow .overview .pagination {
        margin: 0;
        position: fixed;
        top: calc(50% + 62.5vw);
        width: auto;
        z-index: 5000;
    }
}

.product .overview .pagination .icon {
    background: #101820;
    border-radius: 50%;
    height: 4px;
    float: left;
    margin: 0 6px 0 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 4px;
}

.product .overview .pagination .icon.active {
    background: #F1E87C;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.product .overview .title {
    float: left;
    margin: 0 0 15px;
    width: 90%;
}

.product .overview .content {
    float: left;
    width: 100%;
    z-index: auto;
}

.product .overview .content .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.one .block .highlights {
    float: left;
    margin: 0 40px 0 0;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.one .block .highlights {
        margin: 0 40px 16px 0;
    }
}

.product .overview .content .blocks.one .block .highlights:after {
    content: '•';
    font-size: 8px;
    position: absolute;
    right: 17px;
    top: 1px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.one .block .highlights:after {
        display: none;
    }
}

.product .overview .content .blocks.one .block.alt .highlights:after {
    display: none;
}

.product .overview .content .blocks.one .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.one .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.one .block .highlights .highlight:last-child {
    margin: 0;
}

.product .overview .content .blocks.one .block .highlights .highlight.alt {
    background: #FFB96E;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.one .block:nth-child(2) {
        width: 100%;
    }
}

.product .overview .content .blocks.one .block .rating {
    float: left;
}

.product .overview .content .blocks.one .block .rating .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 18px;
    margin: 4px 0 2px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.one .block .rating .text {
        font-size: 0.9em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.one .block .rating .text.one {
    font-size: 0.9em;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.one .block .rating .text.one {
        font-size: 14px;
    }
}

.product .overview .content .blocks.one .block .rating .text.two {
    border-bottom: 1px dotted rgba(16, 24, 32, 0.65625);
    cursor: pointer;
}

@media screen and (max-width: 1400px) {
    .product .overview .content .blocks.one .block .rating .text.two {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.one .block .rating .text.two {
        display: block;
    }
}

.product .overview .content .blocks.one .block .rating .text.two:hover {
    border-bottom: 1px dotted #F1E87C;
    color: #F1E87C;
}

.product .overview .content .blocks.one .block .rating .star {
    float: left;
    margin: 0 13px 0 9px;
}

@media screen and (max-width: 1400px) {
    .product .overview .content .blocks.one .block .rating .star {
        margin: 0 0 0 9px;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.one .block .rating .star {
        margin: 0 13px 0 9px;
    }
}

.product .overview .content .blocks.one .block .rating .star .icon {
    float: left;
    font-size: 15px;
    line-height: 25px;
}

.product .overview .content .blocks.two {
    margin: 30px 0 22px;
}

@media screen and (max-width: 1350px) {
    .product .overview .content .blocks.two {
        margin: 30px 0 22px;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.two {
        margin: 20px 0 25px;
    }
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.two {
        margin: 35px 0 25px;
    }
}

@media screen and (max-width: 1500px) {
    .product .overview .content .blocks.two .block {
        width: 100%;
    }
}

@media screen and (max-width: 1750px) {
    .product .overview .content .blocks.two.alt .block {
        width: 100%;
    }
}

.product .overview .content .blocks.two .block:nth-child(1) {
    margin: 2px 0 0;
}

@media screen and (max-width: 1500px) {
    .product .overview .content .blocks.two .block:nth-child(1) {
        margin: 0 0 20px;
    }
}

@media screen and (max-width: 1750px) {
    .product .overview .content .blocks.two.alt .block:nth-child(1) {
        margin: 0 0 20px;
    }
}

.product .overview .content .blocks.two .block:nth-child(2) {
    float: right;
}

.product .overview .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.two .block .price .text {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 27px;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

.product .overview .content .blocks.two .block .payments {
    float: right;
}

.product .overview .content .blocks.two .block .payments .options {
    float: right;
}

.product .overview .content .blocks.two .block .payments .options .option {
    background: #FBFBFC;
    border-radius: 15px;
    clear: both;
    cursor: pointer;
    float: right;
    padding: 4px 6px 4px 15px;
    position: relative;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.two .block .payments .options .option {
        border-radius: 32px;
        padding: 5px 6px 5px 15px;
    }
}

.product .overview .content .blocks.two .block .payments .options .option:nth-child(1) {
    margin: 0 0 4px;
}

.product .overview .content .blocks.two .block .payments .options .option .text {
    float: left;
    font-size: 10px;
    letter-spacing: -0.01em;
    line-height: 22px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.two .block .payments .options .option .text {
        font-size: 11px;
        -moz-text-stroke-width: 0.025px;
        -webkit-text-stroke-width: 0.025px;
    }
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.two .block .payments .options .option .text span {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.two .block .payments .options .option .text span {
        display: inline-block;
    }
}

.product .overview .content .blocks.two .block .payments .options .option .logo {
    border: 2px solid #FBFBFC;
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
}

.product .overview .content .blocks.two .block .payments .options .option:nth-child(1) .logo {
    width: 36px;
}

.product .overview .content .blocks.two .block .payments .options .option:nth-child(2) .logo {
    width: 57px;
}

.product .overview .content .blocks.two .block .payments .options .option .logo img {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.two .block .payments .options .option .button {
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
    height: 19px;
    margin: 0.1em 0 1px 8px;
    text-align: center;
    width: 19px;
}

.product .overview .content .blocks.two .block .payments .options .option .button .icon {
    color: #101820;
    font-size: 8px;
    font-weight: 500;
    line-height: 19px;
    position: relative;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 1;
}

.product .overview .content .blocks.two .block .payments .options .option:nth-child(2):hover .button .icon {
    color: #FFFFFF;
}

.product .overview .content .blocks.two .block .payments .options .option .button .background {
    background: #F5F5F6;
    border-radius: 50%;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.product .overview .content .blocks.two .block .payments .options .option:nth-child(2):hover .button .background {
    background: #101820;
}

.product .overview .content .blocks.three .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .options {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .options .option {
    border: 1px solid #F0F0F0;
    border-radius: 25px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin: 0 12px 14px 0;
    padding: 22px 19px 22px 21px;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(50% - 6px);
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .options .option {
        margin: 0 0 14px;
        width: 100%;
    }
}

.product .overview .content .blocks.three .block .fields .options .option:nth-child(2n) {
    margin: 0 0 14px;
}

.product .overview .content .blocks.three .block .fields .options .option .title {
    margin: 0;
    min-height: 60px;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .options .option .title {
        min-height: auto;
        width: auto;
    }
}

.product .overview .content .blocks.three .block .fields .options .option .title p.small.alt.three {
    clear: left;
    color: #757575;
    display: none;
    float: left;
    margin: 1px 0 20px 31px;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .options .option .title p.small.alt.three {
        margin: 1px 0 0 31px;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .options .option .title p.small.alt.three {
        margin: 1px 0 0 31px;
    }
}

.product .overview .content .blocks.three .block .fields .options .option:nth-child(2) .title p.small.alt.three {
    display: block;
}

.product .overview .content .blocks.three .block .fields .options .option .title .radio {
    float: left;
    height: 24px;
    margin: -2px 9px 0 -3px;
    position: relative;
    transform: scale(0.7125);
    -webkit-transform: scale(0.7125);
    width: 24px;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .options .option .title .radio {
        margin: 2px 9px 0 -3px;
    }
}

.product .overview .content .blocks.three .block .fields .options .option .title .radio .border {
    border: 2px solid #101820;
    border-radius: 50%;
    box-sizing: border-box;
    height: 24px;
    left: 0;
    margin: -12px 0 0;
    position: absolute;
    top: 50%;
    width: 24px;
}

.product .overview .content .blocks.three .block .fields .options .option .title .radio .border:after {
    background: #101820;
    border-radius: 50%;
    content: '';
    height: 14px;
    left: 50%;
    opacity: 0;
    margin: -7px 0 0 -7px;
    position: absolute;
    top: 50%;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 14px;
}

.product .overview .content .blocks.three .block .fields .options .option:hover .title .radio .border:after {
    opacity: 1;
    transform: scale(1.125);
    -webkit-transform: scale(1.125);
}

.product .overview .content .blocks.three .block .fields .options .option.active {
    border: 1px solid #F0F0F0;
}

.product .overview .content .blocks.three .block .fields .options .option.active .title .radio .border:after {
    opacity: 1;
    transform: scale(1.125);
    -webkit-transform: scale(1.125);
}

.product .overview .content .blocks.three .block .fields .options .option .title h3 {
    cursor: pointer;
    margin: -1px 0 0;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .options .option .title h3 {
        margin: 4px 0 0;
    }
}

@media screen and (max-width: 750px) {
    .product .overview .content .blocks.three .block .fields .options .option .title h3 {
        font-size: 13px;
    }
}

.product .overview .content .blocks.three .block .fields .options .option .price {
    background: #FAFAFA;
    border-radius: 16px;
    float: right;
    font-size: 12px;
    letter-spacing: -0.0175em;
    margin: -3px 0 0;
    padding: 4px 17px 5px;
}

.product .overview .content .blocks.three .block .fields .attributes {
    border-bottom: 1px solid #F7F7F8;
    border-top: 1px solid #F7F7F8;
    float: left;
    padding: 30px 0 8px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes {
        padding: 30px 0 8px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes.alt {
    border-top: 0;
    margin: 0 0 8px;
    padding: 15px 0 0;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes.alt {
        padding: 12px 0 0;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute {
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute {
        margin: 0 0 28px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight[data-product-type='Glitter Shaker'],
.product .overview .content .blocks.three .block .fields .attributes .attribute.size.paint {
    margin: 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title {
    margin: 0 0 13px;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size.paint .title {
    margin: 0 0 13px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block {
    width: auto;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block:nth-child(1) {
    float: left;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block:nth-child(2) {
    float: right;
    margin: -13px 0 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link {
    background: #FBFBFC;
    border: 0;
    border-radius: 16px;
    color: #101820;
    float: right;
    padding: 5px 8px 5px 15px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link:hover {
    border: 0 !important;
    color: #101820;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link a {
    float: left;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .image {
    float: left;
    margin: 0 7px 0 0;
    width: 21px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .image img {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .text {
    float: left;
    font-size: 0.7em;
    letter-spacing: -0.00625em;
    line-height: 21px;
    margin: 0 3px 0 0;
    -moz-text-stroke-width: 0.01px;
    -webkit-text-stroke-width: 0.01px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .text {
        font-size: 11px;
        -moz-text-stroke-width: 0.025px;
        -webkit-text-stroke-width: 0.025px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .button {
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
    height: 19px;
    margin: 0.1em 0 1px 8px;
    text-align: center;
    width: 19px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .button .icon {
    color: #101820;
    font-size: 8px;
    font-weight: 500;
    line-height: 19px;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 1;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link:hover .button .icon {
    color: #FFFFFF;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .button .icon i:before {
    -moz-text-stroke-width: 0.25px;
    -webkit-text-stroke-width: 0.25px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .button .icon i:before {
        -moz-text-stroke-width: 0.375px;
        -webkit-text-stroke-width: 0.375px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link .button .background {
    background: #F5F5F6;
    border-radius: 50%;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .title .blocks .block .link:hover .button .background {
    background: #101820;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .select.alt {
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    overflow: hidden;
    padding: 18px 20px 20px;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .select.alt .text {
    float: left;
    font-size: 0.9em;
    letter-spacing: -0.01375em;
    line-height: 25px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .select.alt .text {
        font-size: 14px;
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .select.alt .swatch {
    border-radius: 50%;
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    float: right;
    height: 25px;
    margin: 0 30px 0 0;
    width: 25px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .select.alt .swatch {
    background-color: #FFFFFF !important;
    background-position: center;
    background-size: 100%;
    border-radius: 0;
    height: 27px;
    width: 27px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .select.alt .border {
    border: 1px solid #F2F2F3;
    border-radius: 12px;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .select.alt:hover .border {
    border: 1px solid #DDDDDE;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .select.alt.delay ~ .content .modal {
    z-index: 1000;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .select.alt.active ~ .content .modal .container {
    bottom: 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .select.alt.active ~ .content .modal .overlay {
    opacity: 1;
    z-index: 500;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal.delay {
    display: block;
    visibility: visible;
    z-index: 1000;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .container {
    background: #FFFFFF;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    height: 100%;
    margin: 0;
    padding: 39px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    width: 31.25%;
    will-change: transform;
    z-index: 1000;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .container {
        width: 35.9375%;
    }
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .container {
        width: 41.25%;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .container {
        border-radius: 24px 24px 0 0;
        bottom: 0;
        height: calc(100% - 140px);
        left: 0;
        right: 0;
        top: auto;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .product.scroll .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .container {
        height: calc(100% - 70px);
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal.active .container {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal.active .container {
        bottom: 0 !important;
        right: auto;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .overlay {
        cursor: pointer;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal.active .overlay {
    opacity: 1;
    z-index: 500;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .close {
    cursor: pointer;
    position: absolute;
    left: 7.8125%;
    text-align: center;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .close {
        left: 6.25%;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .title {
    margin: 0 7.8125% 40px calc(7.8125% + 60px);
    width: calc(84.375% - 60px);
}

@media screen and (max-width: 750px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .title {
        margin: 0 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .layout {
    display: none;
    position: absolute;
    right: 7.8125%;
    top: 32px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .layout {
        right: 6.25%;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .layout .button.square.list {
    margin: 0 7px 0 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .layout .button.square.grid .icon {
    font-size: 12px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .content {
    height: calc(100% - 60px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .content .scroll {
    float: left;
    margin: 0 7.8125%;
    padding: 0 0 50px;
    width: 84.375%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .modal .content .terms {
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='whites'] {
    order: 1;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='silvers'] {
    order: 2;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='greys'] {
    order: 3;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='cool-neutrals'] {
    order: 4;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='beiges'] {
    order: 5;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='warm-neutrals'] {
    order: 6;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='golds'] {
    order: 7;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='yellows'] {
    order: 8;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='oranges'] {
    order: 9;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='reds'] {
    order: 10;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='pinks'] {
    order: 11;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='purples'] {
    order: 12;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='blues'] {
    order: 13;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='aquas'] {
    order: 14;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='greens'] {
    order: 15;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='browns'] {
    order: 16;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='blacks'] {
    order: 17;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='fluorescents'] {
    order: 18;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='holographics'] {
    order: 19;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='glows'] {
    order: 20;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone[data-color='metallics'] {
    order: 21;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .title {
    float: left;
    margin: 0;
    padding: 22px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .title {
        padding: 25px 0;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone .title {
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 22px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone .title {
        padding: 25px 0;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones:before {
    border-bottom: 1px solid #F7F7F8;
    content: 'By Colour';
    float: left;
    font-size: 0.91875em;
    font-weight: 500;
    letter-spacing: -0.0175em;
    line-height: 20px;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones:before {
        font-size: 0.975em;
        line-height: 21px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone.effect.alt:before {
    border-bottom: 1px solid #F7F7F8;
    content: 'By Effect';
    float: left;
    font-size: 0.91875em;
    font-weight: 500;
    letter-spacing: -0.0175em;
    line-height: 20px;
    margin: 40px 0 0;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone.effect.alt:before {
        font-size: 0.975em;
        line-height: 21px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .title:after {
    content: '\f106';
    display: none;
    font-family: 'icons';
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    right: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .title:after {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .title.active:after {
    top: calc(50% + 1px);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .title .swatch {
    border-radius: 50%;
    float: left;
    height: 24px;
    margin: 0 15px 0 0;
    width: 24px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .title h4.two {
    float: left;
    line-height: 24px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone .title:after {
    content: '\f106';
    font-family: 'icons';
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    right: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone .title:after {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone .title.active:after {
    top: calc(50% + 1px);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone .title .swatch {
    border-radius: 50%;
    float: left;
    height: 24px;
    margin: 0 15px 0 0;
    width: 24px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.finish .content .modal .content .tones .tone .title h4.two {
    float: left;
    line-height: 24px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .content {
    float: left;
    overflow: hidden;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .content .terms {
    display: block;
    float: left;
    margin: 0 0 35px;
    padding: 12px 0 0;
    width: calc(100% + 1px);
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .tones .tone .content .terms .term {
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    padding: 0;
    position: relative;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.grid .tones .tone .content .terms .term {
    margin: 0 6px 6px 0;
    width: calc(16.6666% - 5px);
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.grid .tones .tone .content .terms .term {
        margin: 0 8px 8px 0;
        width: calc(25% - 6px);
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.grid .tones .tone .content .terms .term:nth-child(6n) {
    margin: 0 0 6px;
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.grid .tones .tone .content .terms .term:nth-child(6n) {
        margin: 0 8px 8px 0;
    }
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.grid .tones .tone .content .terms .term:nth-child(4n) {
        margin: 0 0 8px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term {
    margin: 0 0 10px;
    width: calc(100% + 2px);
}

@media screen and (max-width: 1575px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term {
        width: calc(100% + 1px);
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term {
    border: 1px solid #F4F4F5;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    float: left;
    list-style: none;
    margin: 0 5px 5px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(25% - 4px);
}

@media screen and (max-width: 1575px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term {
        margin: 0 4px 4px 0;
        width: calc(33.3333% - 3px);
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term:nth-child(4n) {
    margin: 0 0 5px;
}

@media screen and (max-width: 1575px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term:nth-child(4n) {
        margin: 0 4px 4px 0;
    }
}

@media screen and (max-width: 1575px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term:nth-child(3n) {
        margin: 0 0 4px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term a,
.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term span {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    float: left;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 0 0 15px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term .swatch {
    background-position: center 37.5%;
    background-size: 250%;
    border-radius: 1px;
    float: left;
    height: auto;
    margin: 0 0 10px;
    padding: 0 0 100%;
    position: relative;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term .title {
    cursor: pointer;
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    width: calc(100% - 25px);
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term .title {
        height: 30px;
        width: calc(100% - 28px);
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='mixed-glitter'] .content .modal .content.list .tones .tone .content .terms .term .title {
    height: 56px;
}

@media screen and (max-width: 1575px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='mixed-glitter'] .content .modal .content.list .tones .tone .content .terms .term .title {
        height: 42px;
    }
}

@media screen and (max-width: 1350px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='mixed-glitter'] .content .modal .content.list .tones .tone .content .terms .term .title {
        height: 56px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='glitter-shaker'] .content .modal .content.list .tones .tone .content .terms .term .title,
.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='mixed-glitter-shaker'] .content .modal .content.list .tones .tone .content .terms .term .title,
.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-type='powder'] .content .modal .content.list .tones .tone .content .terms .term .title {
    height: 42px;
}

@media screen and (max-width: 1575px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='glitter-shaker'] .content .modal .content.list .tones .tone .content .terms .term .title,
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='mixed-glitter-shaker'] .content .modal .content.list .tones .tone .content .terms .term .title,
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-type='powder'] .content .modal .content.list .tones .tone .content .terms .term .title {
        height: 28px;
    }
}

@media screen and (max-width: 1350px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='glitter-shaker'] .content .modal .content.list .tones .tone .content .terms .term .title,
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='mixed-glitter-shaker'] .content .modal .content.list .tones .tone .content .terms .term .title,
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-type='powder'] .content .modal .content.list .tones .tone .content .terms .term .title {
        height: 42px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content.list .tones .tone .content .terms .term .title:after {
    display: none;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term {
    border: 1px solid #F2F2F3;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 12px 12px 0;
    padding: 20px 18px;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(33.3333% - 8px);
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term {
        padding: 18px 15px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term a {
    float: left;
    margin: -20px -18px;
    padding: 20px 18px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term a {
        margin: -18px -15px;
        padding: 18px 15px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term:nth-child(3n) {
    margin: 0 0 12px;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size.alt .content .modal .content .terms .term {
        margin: 0 12px 12px 0;
        width: calc(50% - 6px);
    }
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size.alt .content .modal .content .terms .term:nth-child(2n) {
        margin: 0 0 12px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term {
    border: 1px solid #F2F2F3;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 12px 12px 0;
    padding: 20px 18px;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(33.3333% - 8px);
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term {
        padding: 18px 15px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term a {
    float: left;
    margin: -20px -18px;
    padding: 20px 18px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term a {
        margin: -18px -15px;
        padding: 18px 15px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term:nth-child(3n) {
    margin: 0 0 12px;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term {
        margin: 0 12px 12px 0;
        width: calc(50% - 6px);
    }
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term:nth-child(3n) {
        margin: 0 12px 12px 0;
    }
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term:nth-child(2n) {
        margin: 0 0 12px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term.selected {
    border: 1px solid #CCCCCD;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term.disabled {
    cursor: default;
    pointer-events: none;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term.disabled:after {
    background: #101820;
    border-radius: 12px;
    box-sizing: border-box;
    color: #FFFFFF;
    content: 'Sold Out';
    float: left;
    font-size: 9px;
    letter-spacing: -0.005em;
    line-height: 14px;
    margin: 18px 0 0;
    padding: 4px 13px 5px;
    position: relative;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .swatch {
    background-color: #FBFBFC;
    background-position: center 37.5%;
    background-repeat: no-repeat;
    background-size: 250%;
    border-radius: 50%;
    margin: 0 0 20px;
    padding: 0 0 90%;
    width: 90%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term .swatch {
    background-color: #FFFFFF !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 95%;
    border-radius: 0;
    margin: 0 0 20px;
    padding: 0 0 100%;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .title {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

@media screen and (max-width: 1500px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term[value='Chunky'] .title,
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term[value='Extra Chunky'] .title,
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term[value='Super Chunky'] .title {
        min-height: 38px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color[data-product-type='sealant'] .content .modal .content .terms .term .title {
    float: left;
    margin: 0 0 12px;
    text-align: center;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term.disabled .title {
    opacity: 0.5;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .content {
    float: left;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term.disabled .content {
    opacity: 0.5;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .content .text {
    float: left;
    font-size: 0.85em;
    line-height: 20px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .content .text {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .content .text span {
    display: block;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .content .price {
    float: left;
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 19px;
    margin: 12px 0 0;
    padding: 0;
    text-align: right;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.size .content .modal .content .terms .term .content .price {
        font-size: 14px;
        margin: 20px 0 0;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms a {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms a:last-child {
    margin: 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term {
    border: 1px solid #F2F2F3;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 0 12px;
    padding: 25px 18px;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term {
        padding: 25px 15px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term.disabled {
    cursor: default;
    pointer-events: none;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term:last-child {
    margin: 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term.selected {
    border: 1px solid #CCCCCD;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term.disabled {
    display: none;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term .title {
    float: left;
    margin: 0;
    width: auto;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term.disabled .title:after {
    background: #101820;
    border-radius: 12px;
    box-sizing: border-box;
    color: #FFFFFF;
    content: 'Sold Out';
    float: left;
    font-size: 9px;
    letter-spacing: -0.005em;
    line-height: 14px;
    margin: -2px 0 -2px 15px;
    padding: 4px 13px 5px;
    position: relative;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term.disabled .title h4.two {
    float: left;
    opacity: 0.5;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term .content {
    float: right;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    width: auto;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term .content .price {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0225em;
    line-height: 19px;
    margin: 0;
    text-align: right;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term .content .price {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.weight .content .modal .content .terms .term.disabled .content .price {
    opacity: 0.5;
}

.product .overview .content .blocks.four {
    margin: 30px 0 40px;
}

.product .overview .content .blocks.four .block.alt {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.four .block.alt .discount {
    background: #FBFBFC;
    border-radius: 8px;
    box-sizing: border-box;
    float: left;
    font-size: 12px;
    letter-spacing: -0.015em;
    line-height: 18px;
    margin: 25px 0 0;
    padding: 16px 25px 17px;
    text-align: center;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.four .block.alt .discount {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.product .overview .content .blocks.four .block.alt .discount .text {
    margin: 0 auto;
    max-width: 325px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.four .block.alt .discount .text {
        max-width: 275px;
    }
}

.product .overview .content .blocks.four .block .quantity {
    float: left;
    margin: 9px 0 5px;
    width: 100%;
}

.product .overview .content .blocks.four .block .quantity .icons {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.four .block .quantity .icons .quantity-selector {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.four .block .quantity .icons .icon {
    cursor: pointer;
    float: left !important;
    height: 32px;
    margin: 4px 0;
    position: relative;
    width: 32px;
}

.product .overview .content .blocks.four .block .quantity .icons .icon .symbol {
    font-size: 13px;
    line-height: 31px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.four .block .quantity .icons .icon .symbol {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.four .block .quantity .icons .icon .border {
    border: 1px solid #F5F5F6;
    border-radius: 50%;
    box-sizing: border-box;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.product .overview .content .blocks.four .block .quantity .icons .icon:hover .border {
    border: 1px solid #101820;
}

.product .overview .content .blocks.four .block .quantity .icons .amount {
    border: 1px solid #F5F5F6;
    float: left;
    height: 40px;
    margin: 0 7px;
    padding: 0;
    text-align: center;
    width: 52px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.four .block .quantity .icons .amount {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.four .block:nth-child(2) {
    float: right;
    width: calc(100% - 160px);
}

.product .overview .content .blocks.four .block:nth-child(2) .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.four .block:nth-child(2) .blocks .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.four .block:nth-child(2) .blocks .block:nth-child(2) {
    margin: 6px 0 0;
}

.product .overview .content .blocks.four .block:nth-child(2) .blocks .block .button.large {
    margin: 0;
}

.product .overview .content .blocks.four .block:nth-child(2) .blocks .block .button.large.disabled {
    cursor: default;
}

.product .overview .content .blocks.four .block:nth-child(2) .blocks .block .button.large.disabled .text {
    color: #FFFFFF;
}

.product .overview .content .blocks.four .block:nth-child(2) .blocks .block .button.large.disabled .background:before {
    display: none;
}

.product .overview .content .blocks.five {
    margin: 0 0 35px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.five {
        margin: 0 0 30px;
    }
}

.product .overview .content .blocks.five .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block:nth-child(1) {
    margin: 0 0 25px;
}

.product .overview .content .blocks.five .block .title {
    float: left;
    margin: 0;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block:last-child {
    margin: 0;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle {
    border: 1px solid #F2F2F3;
    border-radius: 12px;
    box-sizing: border-box;
    float: left;
    padding: 35px 34px 37px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.five .block .bundles .blocks .block .bundle {
        padding: 33px 27px 35px;
    }
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block:nth-child(1) {
    margin: 0 0 25px;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block:nth-child(2) {
    margin: 0 0 35px;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block {
    margin: 0;
    position: relative;
    width: auto;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block:nth-child(1) {
    float: left;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block:nth-child(2) {
    float: right;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block:nth-child(1) .blocks .block:nth-child(2) {
    position: absolute;
    right: 0;
    top: -45px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block:nth-child(1) .blocks .block:nth-child(2) {
        right: 0;
        top: -43px;
    }
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .text {
    float: left;
    max-width: 250px;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .text p {
    font-weight: 500;
    margin: 0;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .text p {
        line-height: 1.45em;
    }
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .label {
    background: #F1E87C;
    border-radius: 14px;
    float: left;
    font-family: 'Inter', sans-serif;
    font-size: 0.6875em;
    font-weight: 400;
    letter-spacing: -0.0025em;
    line-height: 11px;
    padding: 8px 13px 9px;
    position: relative;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .label {
        font-size: 0.725em;
    }
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block:nth-child(2) {
    position: relative;
    right: auto;
    top: auto;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block a {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products.two .blocks .block {
    margin: 0 12px 0 0;
    width: calc(50% - 6px);
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products.two .blocks .block:last-child {
    margin: 0;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products.three .blocks .block {
    margin: 0 12px 0 0;
    width: calc(33.3333% - 8px);
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products.three .blocks .block:last-child {
    margin: 0;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block:nth-child(1) {
    margin: 0 0 12px;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block:nth-child(2) {
    margin: 0 0 10px;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    border-radius: 12px;
    float: left;
    padding: 0 0 112.5%;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .title {
    float: left;
    width: 90%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 12px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products.three .blocks .block .product .blocks .block .attribute .icon {
    margin: 0 0 4px;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.0125em;
    line-height: 18px;
    max-width: none;
    text-align: left;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: calc(100% - 37px);
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .products .blocks .block .product .blocks .block .attribute .text {
        font-size: 0.8625em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .price {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .price .text {
    float: left;
    font-size: 0.95em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 15px;
    margin: 9px 0 10px;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .price .text span {
    float: left;
    position: relative;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .price .text span.one {
    color: #757576;
    margin: 0 8px 0 0;
}

.product .overview .content .blocks.five .block .bundles .blocks .block .bundle .blocks .block .blocks .block .price span.one:before {
    background: #757576;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    z-index: 10;
}

.product .overview .content .blocks.six {
    margin: 0 0 35px;
}

.product .overview .content .blocks.six .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.six .block .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.six .block .blocks .block {
    float: left;
    position: relative;
    width: 100%;
}

.product .overview .content .blocks.six .block .blocks .block:nth-child(1) {
    margin: 0 34px -21px;
    width: calc(100% - 68px);
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.six .block .blocks .block:nth-child(1) {
        margin: 0 27px -21px;
        width: calc(100% - 54px);
    }
}

.product .overview .content .blocks.six .block .blocks .block:nth-child(2) {
    background: #FBFBFC;
    border-radius: 12px;
    box-sizing: border-box;
    left: 50%;
    padding: 37px 35px 35px;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.six .block .blocks .block:nth-child(2) {
        padding: 37px 28px 35px;
    }
}

.product .overview .content .blocks.six .block .blocks .block .icon {
    color: #F1E87C;
    float: left;
    font-size: 36px;
    line-height: 36px;
    width: 100%;
}

.product .overview .content .blocks.six .block .blocks .block .quote {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.six .block .blocks .block .quote .text {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.six .block .blocks .block .quote .text p {
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: -0.0225em;
    line-height: 1.4125em;
    margin: 0 0 18px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.six .block .blocks .block .quote .text p {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.product .overview .content .blocks.six .block .blocks .block .quote .text p:last-child {
    margin: 0;
}

.product .overview .content .blocks.six .block .blocks .block .author {
    float: right;
    margin: 17px 0 0;
    width: 100%;
}

.product .overview .content .blocks.six .block .blocks .block .author .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0175em;
    line-height: 19px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.six .block .blocks .block .author .text {
        font-size: 14px;
        letter-spacing: -0.01875em;
        line-height: 20px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.seven {
    margin: 0 0 25px;
}

.product .overview .content .blocks.seven .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab.payments,
.product .overview .content .blocks.seven .block .tabs .tab.returns,
.product .overview .content .blocks.seven .block .tabs .tab.message {
    border-bottom: 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .title {
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 25px 0 25px 35px;
    position: relative;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .title:before {
    font-family: 'icons';
    font-size: 22px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    left: 0;
    line-height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.product .overview .content .blocks.seven .block .tabs .tab.description .title:before {
    content: '\f119';
}

.product .overview .content .blocks.seven .block .tabs .tab.downloads .title:before {
    content: '\f18d';
}

.product .overview .content .blocks.seven .block .tabs .tab.delivery .title:before {
    content: '\f117';
}

.product .overview .content .blocks.seven .block .tabs .tab.returns .title:before {
    content: '\f118';
}

.product .overview .content .blocks.seven .block .tabs .tab .title:after {
    content: '\f106';
    font-family: 'icons';
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.product .overview .content .blocks.seven .block .tabs .tab .title h3.five {
    float: left;
}

.product .overview .content .blocks.seven .block .tabs .tab.delivery h3.five:after {
    background: #F1E87C;
    border-radius: 13px;
    content: 'Free 1-3 Day Delivery';
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.0025em;
    line-height: 17px;
    margin: 0 0 0 18px;
    padding: 6px 13px 7px;
    position: relative;
    top: -2px;
}

.product .overview .content .blocks.seven .block .tabs .tab.delivery.alt h3.five:after {
    display: none;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal.delay {
    display: block;
    visibility: visible;
    z-index: 2500;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .container {
    background: #FFFFFF;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    height: 100%;
    margin: 0;
    padding: 39px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    width: 31.25%;
    will-change: transform;
    z-index: 1000;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .container {
        width: 35.9375%;
    }
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .container {
        width: 37.5%;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .container {
        border-radius: 24px 24px 0 0;
        bottom: 0;
        height: calc(100% - 140px);
        left: 0;
        right: 0;
        top: auto;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .product.scroll .overview .content .blocks.seven .block .tabs .tab .content .modal .container {
        height: calc(100% - 70px);
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal.active .container {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal.active .container {
        bottom: 0 !important;
        right: auto;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab.message .content .modal.active .container {
    bottom: 0 !important;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .overlay {
        cursor: pointer;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal.active .overlay {
    opacity: 1;
    z-index: 500;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .close {
    cursor: pointer;
    position: absolute;
    left: 7.8125%;
    text-align: center;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .close {
        left: 6.25%;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .close {
    left: 25%;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .close {
        left: 12.5%;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .close {
        left: 6.25%;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .title {
    cursor: default;
    margin: 0 7.8125% 40px calc(7.8125% + 60px);
    padding: 0;
    width: calc(84.375% - 60px);
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .title {
        margin: 0 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

.product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .title {
    margin: 0 25% 40px calc(25% + 60px);
    width: calc(50% - 60px);
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .title {
        margin: 0 12.5% 40px calc(12.5% + 60px);
        width: calc(75% - 60px);
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .title {
        margin: 0 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .title:before,
.product .overview .content .blocks.seven .block .tabs .tab .content .modal .title:after {
    display: none;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title:after {
    display: block;
}

.product .overview .content .blocks.seven .block .tabs .tab.payments .content .modal .content .accordion .panels .panel .title:after,
.product .overview .content .blocks.seven .block .tabs .tab.delivery .content .modal .content .accordion .panels .panel .title:after,
.product .overview .content .blocks.seven .block .tabs .tab.returns .content .modal .content .accordion .panels .panel .title:after {
    display: none !important;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content {
    height: calc(100% - 60px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .scroll {
    float: left;
    margin: 0 7.8125%;
    padding: 0 0 50px;
    width: 84.375%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .content .scroll {
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .content .scroll {
        margin: 0 12.5%;
        width: 75%;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab.message .content .modal .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .blocks .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel:first-child {
    border-top: 1px solid #F7F7F8;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title {
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 22px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title {
        padding: 25px 0;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab.payments .content .modal .content .accordion .panels .panel .title,
.product .overview .content .blocks.seven .block .tabs .tab.delivery .content .modal .content .accordion .panels .panel .title,
.product .overview .content .blocks.seven .block .tabs .tab.returns .content .modal .content .accordion .panels .panel .title {
    cursor: default;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title:after {
    content: '\f106';
    font-family: 'icons';
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    right: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title:after {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title.active:after {
    top: calc(50% + 1px);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel h2 {
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1.3875em;
    margin: 0;
    padding: 22px 50px 22px 0;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel h2 {
        font-size: 0.975em;
        line-height: 22px;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel h2 {
        padding: 25px 50px 25px 0;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel h2:after {
    content: '\f106';
    font-family: 'icons';
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    right: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel h2:after {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel h2.active:after {
    top: calc(50% + 1px);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title .swatch {
    background: #FAFAFB;
    border-radius: 50%;
    float: left;
    height: 24px;
    margin: 0 15px 0 0;
    width: 24px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .title h4.one {
    float: left;
    line-height: 24px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content {
    float: left;
    height: 0;
    overflow: hidden;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 97.5%;
}

.product .overview .content .blocks.seven .block .tabs .tab.payments .content .modal .content .accordion .panels .panel .content,
.product .overview .content .blocks.seven .block .tabs .tab.delivery .content .modal .content .accordion .panels .panel .content,
.product .overview .content .blocks.seven .block .tabs .tab.returns .content .modal .content .accordion .panels .panel .content {
    height: auto !important;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table {
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table:first-child {
    margin: 10px 0 25px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table table {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table table tr td {
    font-size: 0.875em;
    letter-spacing: -0.015em;
    line-height: 21px;
    vertical-align: top;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table table tr td {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table.two table tr td {
    width: 33.3333%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table table thead tr td {
    padding: 0 0 10px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table table tr td ul {
    list-style: none;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text {
    float: left;
    margin: 0 0 30px;
    width: 97.5%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content div:last-child {
    margin: 0 0 20px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text h2.four {
    margin: 25px 0 10px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text h2.four:first-child {
    margin: 10px 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text p.small.three {
    float: left;
    margin: 0 0 3px;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text p.small.three span {
    float: left;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text p.small.three span.one {
    width: 12px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text p.small.three span.two {
    width: calc(100% - 12px);
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text ul li {
    font-size: 0.9125em;
    letter-spacing: -0.015em;
    line-height: 1.5375em;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text ul li {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .text ul li:before {
    content: '•';
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .blocks .block {
    margin: 10px 0 25px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .blocks .block:nth-child(2) {
    margin: 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content h3 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 21px;
    margin: 5px 0 12px;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content h3 {
        font-size: 1.0375em;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content h4 {
    font-size: 0.975em;
    font-weight: 500;
    letter-spacing: -0.01875em;
    line-height: 1.3875em;
    margin: 25px 0 12px;
    padding: 0;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content h4 {
        font-size: 15px;
        line-height: 22px;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content p:last-of-type {
    padding: 0 0 25px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content ul {
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content ul li {
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 21px;
    padding: 0 0 0 20px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content ul li {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table.two ul li {
    padding: 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content ul li:before {
    content: '•';
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .accordion .panels .panel .content .table.two ul li:before {
    display: none;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block {
    float: left;
    margin: 0 12px 12px 0;
    width: calc(50% - 6px);
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block:nth-child(2n) {
    margin: 0 0 12px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file {
    border: 1px solid #F0F0F1;
    border-radius: 12px;
    box-sizing: border-box;
    float: left;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file:hover {
    border: 1px solid #757576;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file a {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file .blocks {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 30px 28px;
    position: relative;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file .blocks {
        padding: 28px 25px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file .blocks .block:nth-child(1) {
    margin: 0 0 45px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file .blocks .block:nth-child(2) {
    min-height: 38px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file .blocks .block .icon {
    float: left;
    font-size: 34px;
    left: -5px;
    line-height: 34px;
    position: relative;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .files .blocks .block .file .blocks .block .title {
    bottom: 0;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    left: 0;
    margin: 0;
    max-width: 90px;
    padding: 0;
    position: absolute;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta {
    border-bottom: 1px solid #F7F7F8;
    border-top: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 28px;
    padding: 20px 0;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block {
    float: left;
    width: auto;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block:nth-child(2) {
    margin: 0;
    width: calc(100% - 62px);
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .profile {
    background: #101820;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 12px;
    height: 42px;
    letter-spacing: 0;
    line-height: 42px;
    text-align: center;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    text-transform: uppercase;
    width: 42px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block:nth-child(1) {
    margin: 0 18px 0 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .name {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
    margin: 0 35px 0 0;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    text-transform: capitalize;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .name:after {
    content: '•';
    font-size: 8px;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    right: -19px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
    top: 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified {
    float: left;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
    margin: 0 7px 0 0;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified .icon {
    float: left;
    font-size: 14px;
    line-height: 22px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country {
    float: left;
    margin: 0 35px 0 0;
    position: relative;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country:after {
    content: '•';
    font-size: 8px;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    right: -19px;
    top: 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country .icon {
    float: left;
    margin: 0 7px 0 0;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .date {
    float: left;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .date .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .date .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .media {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .media .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0 0 112.5%;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .media .video {
    border-radius: 12px;
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .media .video video {
    border-radius: 12px;
    float: left;
    height: 100% !important;
    width: 100% !important;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .star {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .star .icon {
    float: left;
    font-size: 15px;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .title {
    box-sizing: content-box;
    cursor: default;
    float: left;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    width: 90%;
}

.product .overview .content .blocks.seven .block .tabs .tab .content .modal .content .review .content {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    width: 95%;
}

.product .overview .content .blocks.eight {
    margin: 0 0 55px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.eight {
        margin: 0 0 50px;
    }
}

.product .overview .content .blocks.eight .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.eight .block .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.eight .block .blocks .block {
    float: left;
    position: relative;
    width: 100%;
}

.product .overview .content .blocks.eight .block .blocks .block:nth-child(1) {
    margin: 0 0 -15px;
    z-index: 1;
}

.product .overview .content .blocks.eight .block .blocks .block:nth-child(2) {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: calc(100% - 20px);
    z-index: 10;
}

.product .overview .content .blocks.eight .block .blocks .block .icon {
    color: #F1E87C;
    float: left;
    font-size: 36px;
    line-height: 36px;
    width: 100%;
}

.product .overview .content .blocks.eight .block .blocks .block .quote {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.eight .block .blocks .block .quote .text {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.eight .block .blocks .block .quote .text p {
    font-size: 1.1em;
    font-weight: 500;
    letter-spacing: -0.0225em;
    line-height: 1.4125em;
    margin: 0 0 18px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.eight .block .blocks .block .quote .text p {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.product .overview .content .blocks.eight .block .blocks .block .quote .text p:last-child {
    margin: 0;
}

.product .overview .content .blocks.eight .block .blocks .block .author {
    float: right;
    margin: 17px 0 0;
    width: 100%;
}

.product .overview .content .blocks.eight .block .blocks .block .author .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.01375em;
    line-height: 19px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.eight .block .blocks .block .author .text {
        font-size: 14px;
        letter-spacing: -0.01625em;
        line-height: 20px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.eight .block .blocks .block .author .text span {
    font-size: 8px;
    margin: 0 9px 0 8px;
    position: relative;
    top: -1px;
}

.product .overview .content .blocks.nine {
    float: left;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.nine {
        margin: 0 0 15px;
    }
}

.product .overview .content .blocks.nine .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block:nth-child(1) {
    margin: 0 0 20px;
    width: auto;
}

.product .overview .content .blocks.nine .block .blocks .block:nth-child(2) {
    margin: -63px 0 0;
    overflow: hidden;
    position: relative;
}

.product .overview .content .blocks.nine .block .blocks .block .title {
    float: left;
    margin: 11px 0;
    width: auto;
}

.product .overview .content .blocks.nine .block .blocks .block .slider {
    float: left;
    height: 100%;
    overflow: hidden;
    touch-action: pan-y;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider {
        overflow: visible;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .buttons {
    float: right;
    margin: 0 0 20px;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0 14px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(50% - 6px);
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide {
        margin: 0 12px 0 0;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide a {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 18px;
    overflow: hidden;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .images .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .images .image.one {
    background-size: 87.5% auto;
    left: 0;
}

@media screen and (min-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .images .image.one {
        background-size: 90% auto;
        opacity: 1;
        z-index: 10;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .images .image.two {
    background-size: 96.25% auto;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner .pagination {
    display: none;
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner .pagination .icons {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner .pagination .icons .icon {
    border-radius: 50%;
    float: left;
    height: 4px;
    margin: 0 6px 0 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 4px;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner .pagination .icons .icon:nth-child(1) {
    background: #F1E87C;
}

@media screen and (min-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner:hover .pagination .icons .icon:nth-child(1) {
        background: #101820;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner .pagination .icons .icon:nth-child(2) {
    background: #101820;
}

@media screen and (min-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .banner:hover .pagination .icons .icon:nth-child(2) {
        background: #F1E87C;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .title {
    float: left;
    margin: 0 0 3px;
    width: 87.5%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content {
    float: left;
    margin: 0;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one {
    margin: 0 0 18px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one {
        margin: 0 0 20px;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block {
    float: left;
    margin: 0;
    overflow: visible;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    text-align: left;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: calc(100% - 37px);
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .one,
.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .two {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .one {
    display: none;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .two {
    display: block;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two {
    margin: 0 0 20px;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block {
    margin: 0;
    overflow: visible;
    width: auto;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block:nth-child(2) {
    margin: 0 0 0 35px;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    position: absolute;
    top: 0;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.product .overview .content .blocks.nine .block .blocks .block .slider .slides .slide .content .blocks.three {
    margin: 0;
}

.product .images {
    float: left;
    position: relative;
    width: 100%;
}

.product .images .container {
    float: left;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .images .container {
        margin: 0 0 25px;
    }
}

.product .images .content {
    display: flex;
    float: left;
    height: 100%;
    justify-content: center;
    margin: 80px 0 0;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .images .content {
        margin: 35px 0 0;
    }
}

.product .images .content .sections {
    float: left;
    width: 90.625%;
}

.product .images .content .sections .section {
    float: left;
    height: calc(100svh - 175px);
    margin: 0 20px 0 0;
    min-height: 450px;
    width: calc(50% - 10px);
}

@media screen and (max-width: 900px) {
    .product .images .content .sections .section {
        height: 103.25vw;
        margin: 0 0 20px;
        min-height: 103.25vw;
        width: 100%;
    }
}

.product .images .content .sections .section:last-child {
    margin: 0;
}

.product .images .content .sections.alt .section {
    margin: 0;
    width: 100%;
}

.product .images .content .sections.alt .section.two {
    display: none;
}

.product .images .content .sections .section .blocks {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}

.product .images .content .sections .section .blocks .block {
    border-radius: 15px;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.product .images .content .sections .section .blocks .block .image {
    background-color: #FBFBFC;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.product .images .content .sections.alt .section .blocks .block .image {
    background-position: center;
}

.product .features {
    float: left;
    position: relative;
    width: 100%;
    z-index: 10;
}

.product .features .container {
    float: left;
    margin: 75px 0 0;
    padding: 70px 0 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .features .container {
        margin: 35px 0 0;
        padding: 60px 0 0;
    }
}

.product .features .title {
    float: left;
    margin: 0 6.25% 35px;
    position: relative;
    width: 87.5%;
    z-index: 10;
}

.product .features .content {
    float: left;
    position: relative;
    width: 100%;
}

.product .features .content .blocks {
    display: flex;
    flex-wrap: wrap;
    float: left;
    margin: 0 6.25%;
    width: 87.5%;
}

.product .features .blocks .block {
    float: left;
    height: 300px;
    margin: 0;
    width: 100%;
}

.product .features .blocks .block.one,
.product .features .blocks .block.three,
.product .features .blocks .block.four,
.product .features .blocks .block.six {
    margin: 0 12px 0 0;
    width: calc(12.5% - 6px);
}

@media screen and (max-width: 1350px) {
    .product .features .blocks .block.one,
    .product .features .blocks .block.three,
    .product .features .blocks .block.four,
    .product .features .blocks .block.six {
        width: calc(25% - 6px);
    }
}

@media screen and (max-width: 1350px) {
    .product .features .blocks .block.three {
        margin: 0;
    }
}

@media screen and (max-width: 1350px) {
    .product .features .blocks .block.one,
    .product .features .blocks .block.two,
    .product .features .blocks .block.three {
        margin-bottom: 12px;
    }
}

.product .features .blocks .block.two,
.product .features .blocks .block.five {
    margin: 0 12px 0 0;
    width: calc(25% - 18px);
}

@media screen and (max-width: 1350px) {
    .product .features .blocks .block.two,
    .product .features .blocks .block.five {
        width: calc(50% - 18px);
    }
}

.product .features .blocks .block.six {
    margin: 0;
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.one {
        margin: 0 10px 10px 0;
        order: 2;
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.two {
        margin: 0 0 10px;
        order: 1;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.three {
        margin: 0 0 10px;
        order: 3;
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.four {
        margin: 0 10px 0 0;
        order: 5;
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.five {
        margin: 0 0 10px;
        order: 4;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.six {
        margin: 0;
        order: 6;
        width: calc(50% - 5px);
    }
}

.product .features .blocks .block .blocks {
    display: block;
    float: left;
    height: 100%;
    margin: 0;
    width: 100%;
}

.product .features .blocks .block .blocks .block {
    background: #101820;
    border-radius: 15px;
    box-sizing: border-box;
    float: left;
    height: 100%;
    overflow: hidden;
    margin: 0 12px 0 0;
    position: relative;
    width: 100%;
}

.product .features .blocks .block.two .blocks .block,
.product .features .blocks .block.four .blocks .block,
.product .features .blocks .block.five .blocks .block,
.product .features .blocks .block.six .blocks .block {
    height: calc(50% - 6px);
    margin: 0 0 12px;
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.two .blocks .block,
    .product .features .blocks .block.four .blocks .block,
    .product .features .blocks .block.five .blocks .block,
    .product .features .blocks .block.six .blocks .block {
        height: calc(50% - 5px);
        margin: 0 0 10px;
    }
}

.product .features .blocks .block .blocks .block:last-child {
    margin: 0 !important;
}

.product .features .blocks .block.five .blocks .block:first-child {
    background: none;
}

.product .features .blocks .block .blocks .block .blocks {
    float: left;
    width: 100%;
}

.product .features .blocks .block.five .blocks .block:first-child .blocks .block {
    background: #101820;
    height: 100%;
}

.product .features .blocks .block .blocks .block .blocks .block {
    float: left;
    margin: 0 12px 0 0;
    width: calc(50% - 6px);
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block .blocks .block .blocks .block {
        margin: 0 10px 0 0;
        width: calc(50% - 5px);
    }
}

.product .features .blocks .block .blocks .block .blocks .block:last-child {
    margin: 0 !important;
}

.product .features .blocks .block .blocks .block .feature {
    float: left;
    height: 100%;
    text-align: center;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.alt {
    display: flex;
    flex-wrap: wrap;
    float: left;
    height: auto;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.seven.alt {
    top: 50%;
}

.product .features .blocks .block .blocks .block .feature.eight.alt {
    top: calc(50% + 4px);
}

.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.eight.alt {
    top: calc(50% - 1px);
}

.product .features .blocks .block .blocks .block .feature.nine.alt {
    top: calc(50% + 1px);
}

.product .features .blocks .block .blocks .block .feature.one .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.one .image.one {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/glitter.png');
}

.product .features .blocks .block .blocks .block .feature.one .image.two {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/paint.png');
}

.product .features .blocks .block .blocks .block .feature.one .image.three {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/powder.png');
}

.product .features .blocks .block .blocks .block .feature.one .image.four {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/sealant-1.png');
    background-position: 55% 9.375%;
    background-size: 243.75% auto;
}

.product .features .blocks .block .blocks .block .feature.one .image.five {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/sealant-1.png');
}

.product .features .blocks .block .blocks .block .feature.one .image.six {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/paint.png');
    background-position: 25% top;
    background-size: 200% auto;
}

.product .features .blocks .block .blocks .block .feature.one .image.seven {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/glitter.png');
}

.product .features .blocks .block .blocks .block .feature.one .image.eight {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/sealant-2a.png');
    background-position: top;
}

.product .features .blocks .block .blocks .block .feature.one .image.nine {
    background-image: url('https://alt.hemway.com/assets/images/shop/categories/sealant-2b.png');
    background-position: top;
}

.product .features .blocks .block .blocks .block .feature.two .icon {
    left: 50%;
    position: absolute;
    top: calc(50% - 2px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 85px;
}

.product .features .blocks .block .blocks .block .feature.two.alt .icon {
    top: calc(50% - 16px);
}

.product .features .blocks .block .blocks .block .feature.two.alt .icon.alt {
    top: calc(50% - 14px);
}

.product .features .blocks .block .blocks .block .feature.two.alt .icon.alt i {
    color: #F1E87C;
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 26px;
}

.product .features .blocks .block .blocks .block .feature.three .icons {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.three .icons .icon {
    color: #F3A9DD;
    font-size: 50px;
    line-height: 50px;
    position: absolute;
    z-index: 1;
}

.product .features .blocks .block .blocks .block .feature.three .icons .icon:nth-child(1) {
    left: 15px;
    top: 15px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.product .features .blocks .block .blocks .block .feature.three .icons .icon:nth-child(2) {
    bottom: 15px;
    right: 15px;
}

.product .features .blocks .block .blocks .block .feature.four .icon {
    left: 50%;
    position: absolute;
    top: 25%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.five.color.alt .icon {
    color: #94A8CC;
}

.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.five.color.alt .icon {
    color: #F1E87C;
}

.product .features .blocks .block .blocks .block .feature.seven .logo {
    float: left;
    margin: 0 0 11px;
    width: 42px;
}

.product .features .blocks .block .blocks .block .feature.seven .logo img {
    float: left;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.eight.alt .icons {
    float: left;
    margin: 0 0 15px;
    position: relative;
}

.product .features .blocks .block .blocks .block .feature.eight.alt .icons .icon {
    color: #94A8CC;
    float: left;
    font-size: 34px;
    line-height: 34px;
    margin: 0 -5px;
    position: relative;
    width: auto;
}

.product .features .blocks .block .blocks .block .feature.eight.alt .icons .icon:last-child {
    top: -12px;
}

.product .features .blocks .block .blocks .block .feature.nine.alt .logo {
    display: flex;
    float: left;
    justify-content: center;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.nine.alt .logo img {
    width: 65px;
}

.product .features .blocks .block .blocks .block .feature.five.alt .icon,
.product .features .blocks .block .blocks .block .feature.six.alt .icon,
.product .features .blocks .block .blocks .block .feature.seven.alt .icon,
.product .features .blocks .block .blocks .block .feature.eight.alt .icon,
.product .features .blocks .block .blocks .block .feature.ten.alt .icon,
.product .features .blocks .block .blocks .block .feature.eleven.alt .icon {
    float: left;
    font-size: 36px;
    line-height: 36px;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.five.alt .icon {
    color: #85DAB1;
    margin: 18px 0 19px;
}

.product .features .blocks .block .blocks .block .feature.six.alt .icon {
    color: #F1E87C;
    margin: 16px 0 24px;
}

.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.six.alt .icon {
    margin: 14px 0 18px;
}

.product .features .blocks .block .blocks .block .feature.six.color.alt .icon {
    color: #85DAB1;
    font-size: 32px;
}

.product .features .blocks .block .blocks .block .feature.seven.alt .icon {
    color: #94A8CC;
    margin: 18px 0 19px;
}

.product .features .blocks .block .blocks .block .feature.eight.alt .icon {
    color: #94A8CC;
    margin: -9px 0 26px;
}

.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.eight.alt .icon {
    color: #85DAB1;
    margin: 18px 0 19px;
}

.product .features .blocks .block .blocks .block .feature.eight.gradient.alt .icon {
    font-size: 40px;
    position: relative;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 38px;
}

.product .features .blocks .block .blocks .block .feature.eight.gradient.alt .icon i {
    background: #94A8CC;
    background: -moz-linear-gradient(left, #94A8CC 0%, #85DAB1 33%, #F1E87C 66%, #F3A9DD 100%);
    background: -webkit-linear-gradient(left, #94A8CC 0%, #85DAB1 33%, #F1E87C 66%, #F3A9DD 100%);
    background: linear-gradient(to right, #94A8CC 0%, #85DAB1 33%, #F1E87C 66%, #F3A9DD 100%);
    -webkit-background-clip: text;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94A8CC', endColorstr='#F3A9DD', GradientType=1);
    -webkit-text-fill-color: transparent;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

.product .features .blocks .block .blocks .block .feature.ten.alt .icon {
    color: #F1E87C;
    margin: 18px 0 19px;
}

.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.ten.alt .icon {
    height: 32px;
    width: 32px;
}

.product .features .blocks .block .blocks .block .feature.eleven.alt .icon {
    color: #85DAB1;
    font-size: 32px;
    margin: 16px 0 24px;
}

.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.eleven.alt .icon {
    margin: 14px 0 18px;
}

.product .features .blocks .block .blocks .block .feature.five.alt .icon.alt,
.product .features .blocks .block .blocks .block .feature.six.alt .icon.alt,
.product .features .blocks .block .blocks .block .feature.seven.alt .icon.alt,
.product .features .blocks .block .blocks .block .feature.ten.alt .icon.alt,
.product .features .blocks .block .blocks .block .feature.eleven.alt .icon.alt {
    color: #85DAB1;
    float: left;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 5px;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature .title {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 10;
}

.product .features .blocks .block .blocks .block .feature.two .title,
.product .features .blocks .block .blocks .block .feature.three .title,
.product .features .blocks .block .blocks .block .feature.four .title {
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.product .features .blocks .block .blocks .block .feature.two .title {
    top: calc(50% + 16px);
}

.product .features .blocks .block .blocks .block .feature.two.alt .title {
    display: flex;
    float: left;
    justify-content: center;
    margin: 0 0 15px;
    text-align: center;
    top: calc(50% + 13px);
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.two.alt .title.alt {
    top: calc(50% + 17px);
}

.product .features .blocks .block .blocks .block .feature.three .title {
    top: 50%;
}

.product .features .blocks .block .blocks .block .feature.three.alt .title {
    left: auto;
    margin: 0 0 15px;
    position: relative;
    top: auto;
    transform: none;
    -webkit-transform: none;
}

.product .features .blocks .block .blocks .block .feature.four .title {
    top: calc(75% - 5px);
}

.product .features .blocks .block .blocks .block .feature.five .title,
.product .features .blocks .block .blocks .block .feature.six .title,
.product .features .blocks .block .blocks .block .feature.ten .title,
.product .features .blocks .block .blocks .block .feature.eleven .title {
    margin: 0 0 12px;
}

.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.seven.alt .title,
.product[data-product-id='14993778737533'] .features .blocks .block .blocks .block .feature.eight.alt .title {
    margin: 0 0 12px;
}

.product .features .blocks .block .blocks .block .feature.ten .title.alt {
    margin: 4px 0 12px;
}

.product .features .blocks .block .blocks .block .feature .text {
    float: left;
    max-width: 175px;
    width: 100%;
}

.product .features .blocks .block .blocks .block .feature.three.alt .text {
    max-width: 185px;
}

.product .features .blocks .block.seven {
    height: auto;
    margin: 32px 0 0;
}

@media screen and (max-width: 750px) {
    .product .features .blocks .block.seven {
        order: 7;
    }
}

.product .features .blocks .block.seven .blocks .block {
    background: none;
    border-radius: 0;
    box-sizing: content-box;
    float: left;
    height: auto;
    overflow: visible;
    margin: 0;
    position: relative;
    width: 100%;
}

.product .features .blocks .block.seven .blocks .block .locations {
    float: left;
    width: 100%;
}

.product .features .blocks .block.seven .blocks .block .locations .icons {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

.product .features .blocks .block.seven .blocks .block .locations .icons .icon {
    border: 2px solid #FBFBFC;
    border-radius: 50%;
    float: left;
    margin: 0 -5px 0 0;
    position: relative;
    width: 20px;
}

@media screen and (max-width: 1025px) {
    .product .features .blocks .block.seven .blocks .block .locations .icons .icon {
        width: 21px;
    }
}

.product .features .blocks .block.seven .blocks .block .locations .icons .icon:last-child {
    margin: 0;
}

.product .features .blocks .block.seven .blocks .block .locations .icons .icon img {
    float: left;
    width: 100%;
}

.product .features .blocks .block.seven .blocks .block .locations .text {
    float: left;
    max-width: 440px;
    width: 95%;
}

.product .features .blocks .block.seven .blocks .block .locations .text.alt {
    max-width: 300px;
}

@media screen and (max-width: 1025px) {
    .product .features .blocks .block.seven .blocks .block .locations .text.alt {
        max-width: 325px;
    }
}

.product[data-product-id='14993778737533'] .features .blocks .block.seven .blocks .block .locations .text.alt {
    max-width: 250px;
}

@media screen and (max-width: 1025px) {
    .product[data-product-id='14993778737533'] .features .blocks .block.seven .blocks .block .locations .text.alt {
        max-width: 275px;
    }
}

.reviews {
    float: left;
    position: relative;
    width: 100%;
}

.reviews .container {
    border-bottom: 1px solid #F7F7F8;
    border-top: 1px solid #F7F7F8;
    float: left;
    margin: 80px 0 0;
    padding: 70px 0 90px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .reviews .container {
        margin: 70px 0 0;
        padding: 60px 0 75px;
    }
}

.product .features .container:before {
    background: #FBFBFC;
    content: '';
    height: calc(100% + 81px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

@media screen and (max-width: 900px) {
    .product .features .container:before {
        height: calc(100% + 71px);
    }
}

.reviews .title {
    float: left;
    margin: 0 11.1111% 40px;
}

@media screen and (max-width: 1250px) {
    .reviews .title {
        margin: 0 7.1428% 40px;
    }
}

@media screen and (max-width: 900px) {
    .reviews .title {
        margin: 0 0 40px;
    }
}

.reviews .content {
    float: left;
    width: 100%;
}

.reviews .content .blocks {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.one {
    float: left;
    padding: 0 3.125% 100px 0;
    position: sticky;
    position: -webkit-sticky;
    top: 155px;
    width: 14.0625%;
    margin: 0 0 0 4.6875%;
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.one {
        margin: 0 0 375px 4.6875%;
        width: 21.875%;
    }
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one {
        border-bottom: 1px solid #F7F7F8;
        margin: 0 6.25% 50px;
        padding: 0 0 50px;
        position: relative;
        top: auto;
        width: 87.5%;
    }
}

.reviews .content .blocks .block.one:after {
    background: #F7F7F8;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one:after {
        display: none;
    }
}

.reviews .content .blocks .block.one .content {
    float: left;
    margin: 0;
    width: 100%;
}

.reviews .content .blocks .block.one .content .rating {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one .content .rating {
        margin: 0;
        width: 40%;
    }
}

.reviews .content .blocks .block.one .content .rating .star {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one .content .rating .star {
        margin: 0 0 18px;
    }
}

.reviews .content .blocks .block.one .content .rating .star .icon {
    float: left;
    font-size: 17px;
    line-height: 17px;
}

.reviews .content .blocks .block.one .content .rating .text {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.one .content .rating .text .one,
.reviews .content .blocks .block.one .content .rating .text .two {
    float: left;
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 21px;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one .content .rating .text .one,
    .reviews .content .blocks .block.one .content .rating .text .two {
        width: 100%;
    }
}

.reviews .content .blocks .block.one .content .rating .text .one {
    margin: 0 35px 0 0;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one .content .rating .text .one {
        margin: 0;
    }
}

.reviews .content .blocks .block.one .content .rating .text .one:after {
    content: '•';
    font-size: 8px;
    letter-spacing: 0;
    line-height: 20px;
    position: absolute;
    right: -20px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one .content .rating .text .one:after {
        display: none;
    }
}

.reviews .content .blocks .block.one .content .summary {
    float: left;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.one .content .summary {
        width: 60%;
    }
}

.reviews .content .blocks .block.one .content .summary .star {
    float: left;
    margin: 0 0 8px;
    width: 100%;
}

.reviews .content .blocks .block.one .content .summary .star .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 15px;
    width: 75px;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.one .content .summary .star .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.reviews .content .blocks .block.one .content .summary .star .bar {
    border-radius: 8px;
    float: left;
    height: 15px;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    position: relative;
    width: calc(100% - 75px);
}

.reviews .content .blocks .block.one .content .summary .star .bar .one {
    background: #F1E87C;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10;
}

.reviews .content .blocks .block.one .content .summary .star .bar .two {
    background: #F9F9FA;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}

.reviews .content .blocks .block.two {
    float: left;
    margin: 2px 4.6875% 0 3.125%;
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.two {
        margin: 2px 4.6875% 50px 3.125%;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.two {
        margin: 2px 6.25% 50px;
        width: 87.5%;
    }
}

.reviews .content .blocks .block.two .blocks {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .title {
    float: left;
    margin: 1px 0 30px;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content {
    float: left;
    margin: 0;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block.alt .content {
    margin: 3px 0 0;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.two .blocks .block.alt .content {
        margin: 25px 0;
    }
}

.reviews .content .blocks .block.two .blocks .block .content .slider {
    float: left;
    height: 100%;
    margin: 0 0 50px;
    overflow: hidden;
    touch-action: pan-y;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.two .blocks .block .content .slider {
        margin: 0 0 60px;
    }
}

.reviews .content .blocks .block.two .blocks .block .content .slider .buttons {
    float: left;
    position: absolute;
    right: 0;
    top: -14px;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.two .blocks .block .content .slider .buttons {
        top: -13px;
    }
}

.reviews .content .blocks .block.two .blocks .block .content .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.reviews .content .blocks .block.two .blocks .block .content .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .slider .slides .slide .review {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .slider .slides .slide .review .media {
    float: left;
    margin: 0;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .slider .slides .slide .review .media .image,
.reviews .content .blocks .block.two .blocks .block .content .slider .slides .slide .review .media .video {
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 0 0 125%;
    overflow: hidden;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .slider .slides .slide .review .media div:nth-child(2) {
    display: none;
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.two .blocks .block .blocks .block {
        margin: 0 0 65px;
    }
}

.reviews .content .blocks .block.two .blocks .block .content .review {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta {
    border-bottom: 1px solid #F7F7F8;
    border-top: 1px solid #F2F2F3;
    float: left;
    margin: 0 0 28px;
    padding: 20px 0;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block {
    float: left;
    width: auto;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block:nth-child(2) {
    margin: 0;
    width: calc(100% - 62px);
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .profile {
    background: #101820;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 12px;
    height: 42px;
    letter-spacing: 0;
    line-height: 42px;
    text-align: center;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    text-transform: uppercase;
    width: 42px;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block:nth-child(1) {
    margin: 0 18px 0 0;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .name {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
    margin: 0 35px 0 0;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    text-transform: capitalize;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .name:after {
    content: '•';
    font-size: 8px;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    right: -19px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
    top: 0;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .verified {
    float: left;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .verified .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
    margin: 0 7px 0 0;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .verified .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .verified .icon {
    float: left;
    font-size: 14px;
    line-height: 22px;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .country {
    float: left;
    margin: 0 35px 0 0;
    position: relative;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .country:after {
    content: '•';
    display: none;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    right: -19px;
    top: 0;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .country .icon {
    float: left;
    margin: 0 7px 0 0;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .country .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .country .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .date {
    float: left;
}

.reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .date .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.two .blocks .block .content .review .meta .blocks .block .blocks .block .date .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.reviews .content .blocks .block.two .blocks .block .content .review .media {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .media .image,
.reviews .content .blocks .block.two .blocks .block .content .review .media .video {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    cursor: pointer;
    float: left;
    padding: 0 0 calc(31.25% - 9px);
    margin: 0 12px 0 0;
    width: calc(25% - 9px);
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.two .blocks .block .content .review .media .image,
    .reviews .content .blocks .block.two .blocks .block .content .review .media .video {
        padding: 0 0 calc(41.6666% - 8px);
        width: calc(33.3333% - 8px);
    }
}

@media screen and (max-width: 600px) {
    .reviews .content .blocks .block.two .blocks .block .content .review .media .image,
    .reviews .content .blocks .block.two .blocks .block .content .review .media .video {
        padding: 0 0 calc(62.5% - 6px);
        width: calc(50% - 6px);
    }
}

.reviews .content .blocks .block.two .blocks .block .content .review .media .image:last-child,
.reviews .content .blocks .block.two .blocks .block .content .review .media .video:last-child {
    margin: 0;
}

.reviews .content .blocks .block.two .blocks .block .content .review .media .video video {
    display: none;
}

.reviews .content .blocks .block.two .blocks .block .content .review .star {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .star .icon {
    float: left;
    font-size: 15px;
}

.reviews .content .blocks .block.two .blocks .block .content .review .title {
    float: left;
    width: 90%;
}

.reviews .content .blocks .block.two .blocks .block .content .review .content {
    float: left;
    margin: 15px 0 80px;
    width: 95%;
}

.reviews .content .blocks .block.two .blocks .block .pagination {
    float: right;
}

.reviews .content .blocks .block.two .blocks .block .pagination .buttons {
    float: left;
}

.reviews .content .blocks .block.two .blocks .block .pagination .buttons .button.circle {
    margin: 0 5px 0 0;
}

.reviews .content .blocks .block.two .blocks .block .pagination .buttons .button.circle:last-child {
    margin: 0;
}

.reviews .content .blocks .block.two .blocks .block .pagination .buttons .button.circle .text {
    font-size: 0.875em;
    line-height: 42px;
}

.reviews .content .blocks .block.two .blocks .block .pagination .buttons .button.circle .icon {
    font-size: 0.875em;
    line-height: 42px;
}

.reviews .content .blocks .block.two .blocks .block .pagination .buttons .button.circle.active .border {
    border: 1px solid #DDDDDE;
}

.reviews .content .blocks .block.two .blocks .block .pagination .buttons .button.circle:hover .border {
    border: 1px solid #101820;
}

.reviews .content .blocks .block.three {
    background: #FBFBFC;
    border-radius: 15px;
    box-sizing: border-box;
    float: left;
    margin: 0 4.6875% 0 0;
    padding: 45px 2.34375%;
    position: sticky;
    position: -webkit-sticky;
    top: 155px;
    width: 21.875%;
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.three {
        margin: 0 4.6875%;
        padding: 50px 5.1724%;
        position: relative;
        top: auto;
        width: 90.625%;
    }
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.three {
        padding: 50px 6.8965%;
    }
}

.reviews .content .blocks .block.three .logo {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    margin: 0 0 30px;
    padding: 0 0 20px;
    width: 100%;
}

.reviews .content .blocks .block.three .logo img {
    float: left;
    width: 82px;
}

.reviews .content .blocks .block.three .features {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.three .features .feature {
    float: left;
    margin: 0 30px 30px 0;
    position: relative;
    width: calc(50% - 15px);
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.three .features .feature {
        margin: 0 32px 0 0;
        width: calc(25% - 24px);
    }
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.three .features .feature {
        margin: 0 30px 0 0;
        width: calc(50% - 15px);
    }
}

.reviews .content .blocks .block.three .features .feature:nth-child(2n) {
    margin: 0 0 30px;
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.three .features .feature:nth-child(2n) {
        margin: 0 32px 0 0;
    }
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.three .features .feature:nth-child(2n) {
        margin: 0 0 30px;
    }
}

.reviews .content .blocks .block.three .features .feature:nth-child(2n+1) {
    clear: left;
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.three .features .feature:nth-child(2n+1) {
        clear: none;
    }
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.three .features .feature:nth-child(2n+1) {
        clear: left;
    }
}

.reviews .content .blocks .block.three .features .feature:last-child {
    margin: 0;
}

.reviews .content .blocks .block.three .features .feature .icons {
    float: left;
    height: 26px;
    margin: 0 0 28px;
    width: 100%;
}

@media screen and (max-width: 750px) {
    .reviews .content .blocks .block.three .features .feature .icons {
        margin: 0 0 26px;
    }
}

.reviews .content .blocks .block.three .features .feature .icons .icon {
    float: left;
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 15px -3px;
    position: absolute;
}

.reviews .content .blocks .block.three .features .feature:nth-child(3) .icons .icon {
    font-size: 28px;
}

.reviews .content .blocks .block.three .features .feature .icons .icon i {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.three .features .feature .icons .icon.one {
    left: 0;
    z-index: 10;
}

.reviews .content .blocks .block.three .features .feature .icons .icon.two {
    left: 8px;
    z-index: 1;
}

.reviews .content .blocks .block.three .features .feature:nth-child(1) .icons .icon.two {
    color: #F1E87C;
}

.reviews .content .blocks .block.three .features .feature:nth-child(2) .icons .icon.two {
    color: #F3A9DD;
}

.reviews .content .blocks .block.three .features .feature:nth-child(3) .icons .icon.two {
    color: #94A8CC;
}

.reviews .content .blocks .block.three .features .feature:nth-child(4) .icons .icon.two {
    color: #85DAB1;
}

.reviews .content .blocks .block.three .features .feature .text {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.three .features .feature .text p.small.three span {
    display: inline;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal.delay {
    display: block;
    visibility: visible;
    z-index: 1000;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .container {
    background: #FFFFFF;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    height: 100%;
    margin: 0;
    padding: 39px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    width: 31.25%;
    will-change: transform;
    z-index: 1000;
}

@media screen and (max-width: 1250px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .container {
        width: 35.9375%;
    }
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .container {
        width: 37.5%;
    }
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .container {
        border-radius: 24px 24px 0 0;
        bottom: 0;
        height: calc(100% - 140px);
        left: 0;
        right: 0;
        top: auto;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .product.scroll .reviews .content .blocks .block.four .tabs .tab .content .modal .container {
        height: calc(100% - 70px);
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal.active .container {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal.active .container {
        bottom: 0 !important;
        right: auto;
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .overlay {
        cursor: pointer;
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal.active .overlay {
    opacity: 1;
    z-index: 500;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .close {
    cursor: pointer;
    position: absolute;
    left: 7.8125%;
    text-align: center;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .close {
        left: 6.25%;
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .title {
    cursor: default;
    margin: 0 7.8125% 40px calc(7.8125% + 60px);
    padding: 0;
    width: calc(84.375% - 60px);
}

@media screen and (max-width: 750px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .title {
        margin: 0 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .title:before,
.reviews .content .blocks .block.four .tabs .tab .content .modal .title:after {
    display: none;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content {
    height: calc(100% - 60px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .scroll {
    float: left;
    margin: 0 7.8125%;
    padding: 0 0 50px;
    width: 84.375%;
}

@media screen and (max-width: 750px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta {
    border-bottom: 1px solid #F7F7F8;
    border-top: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 28px;
    padding: 20px 0;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block {
    float: left;
    width: auto;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block:nth-child(2) {
    margin: 0;
    width: calc(100% - 62px);
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .profile {
    background: #101820;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 12px;
    height: 42px;
    letter-spacing: 0;
    line-height: 42px;
    text-align: center;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    text-transform: uppercase;
    width: 42px;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block:nth-child(1) {
    margin: 0 18px 0 0;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .name {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
    margin: 0 35px 0 0;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    text-transform: capitalize;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .name:after {
    content: '•';
    font-size: 8px;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    right: -19px;
    -moz-text-stroke-width: 0;
    -webkit-text-stroke-width: 0;
    top: 0;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified {
    float: left;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
    margin: 0 7px 0 0;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .verified .icon {
    float: left;
    font-size: 14px;
    line-height: 22px;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country {
    float: left;
    margin: 0 35px 0 0;
    position: relative;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country:after {
    content: '•';
    display: none;
    font-size: 8px;
    letter-spacing: 0;
    line-height: 22px;
    position: absolute;
    right: -19px;
    top: 0;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country .icon {
    float: left;
    margin: 0 7px 0 0;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .country .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .date {
    float: left;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .date .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
}

@media screen and (max-width: 1025px) {
    .reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .meta .blocks .block .blocks .block .date .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .media {
    float: left;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .media .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0 0 112.5%;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .media .video {
    border-radius: 12px;
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .media .video video {
    border-radius: 12px;
    float: left;
    height: 100% !important;
    width: 100% !important;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .star {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .star .icon {
    float: left;
    font-size: 15px;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .title {
    box-sizing: content-box;
    cursor: default;
    float: left;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    width: 90%;
}

.reviews .content .blocks .block.four .tabs .tab .content .modal .content .review .content {
    float: left;
    height: auto;
    margin: 0;
    overflow: visible;
    width: 95%;
}

.viewed {
    display: none !important;
    float: left;
    position: relative;
    width: 100%;
}

.home .viewed {
    display: none;
}

.viewed .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 63px 0 0;
    overflow: hidden;
    padding: 12px 0 90px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .viewed .container {
        margin: 53px 0 0;
        padding: 12px 0 85px;
    }
}

.home .viewed .container {
    margin: 53px 0 0;
}

.viewed .title {
    float: left;
    margin: 0 6.25% 40px;
}

.viewed .content {
    float: left;
    margin: 0 4.6875%;
    width: 90.625%;
}

.viewed .slider {
    height: 100%;
    touch-action: pan-y;
    width: 100%;
}

.viewed .slider .buttons {
    float: left;
    position: absolute;
    right: 6.25%;
    top: 0;
}

.viewed .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.viewed .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0 20px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .viewed .slider .slides .slide {
        margin: 0 18px 0 0;
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .viewed .slider .slides .slide {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.viewed .slider .slides .slide a {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.viewed .slider .slides .slide .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 125%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .viewed .slider .slides .slide .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.viewed .slider .slides .slide .images .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.viewed .slider .slides .slide .images .image.one {
    background-size: 90% auto;
    left: 0;
}

@media screen and (min-width: 1025px) {
    .viewed .slider .slides .slide .images .image.one {
        opacity: 1;
        z-index: 10;
    }
}

/*

@media screen and (min-width: 1025px) {
    .viewed .slider .slides .slide .images:hover .image.one {
        left: -100%;
        opacity: 0;
        z-index: -1;
    }
}

*/

.viewed .slider .slides .slide .images .image.two {
    background-size: 96.25% auto;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .viewed .slider .slides .slide .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

/*

@media screen and (min-width: 1025px) {
    .viewed .slider .slides .slide .images:hover .image.two {
        left: 0;
        opacity: 1;
        z-index: 10;
    }
}

*/

.viewed .slider .slides .slide .banner .pagination {
    display: none;
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.viewed .slider .slides .slide .banner .pagination .icons {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .banner .pagination .icons .icon {
    border-radius: 50%;
    float: left;
    height: 4px;
    margin: 0 6px 0 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 4px;
}

.viewed .slider .slides .slide .banner .pagination .icons .icon:nth-child(1) {
    background: #F1E87C;
}

@media screen and (min-width: 1025px) {
    .viewed .slider .slides .slide .banner:hover .pagination .icons .icon:nth-child(1) {
        background: #101820;
    }
}

.viewed .slider .slides .slide .banner .pagination .icons .icon:nth-child(2) {
    background: #101820;
}

@media screen and (min-width: 1025px) {
    .viewed .slider .slides .slide .banner:hover .pagination .icons .icon:nth-child(2) {
        background: #F1E87C;
    }
}

.viewed .slider .slides .slide .title {
    margin: 0 0 3px;
    width: 87.5%;
}

.viewed .slider .slides .slide .content {
    float: left;
    margin: 0;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.one {
    margin: 0 0 18px;
}

@media screen and (max-width: 900px) {
    .viewed .slider .slides .slide .content .blocks.one {
        margin: 0 0 20px;
    }
}

.viewed .slider .slides .slide .content .blocks.one .block {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: calc(100% - 37px);
}

@media screen and (max-width: 1025px) {
    .viewed .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.viewed .slider .slides .slide .content .blocks.two .block {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .viewed .slider .slides .slide .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.viewed .slider .slides .slide .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.viewed .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .viewed .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 600px) {
    .viewed .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
        width: 100%;
    }
}

.viewed .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .viewed .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2):before {
        left: -21px;
    }
}

@media screen and (max-width: 600px) {
    .viewed .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.viewed .slider .slides .slide .content .blocks.two .block .blocks .block .price {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.two .block .blocks .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .viewed .slider .slides .slide .content .blocks.two .block .blocks .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.viewed .slider .slides .slide .content .blocks.two .block .blocks .block .rating {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.two .block .blocks .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .viewed .slider .slides .slide .content .blocks.two .block .blocks .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.viewed .slider .slides .slide .content .blocks.two .block .blocks .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .viewed .slider .slides .slide .content .blocks.two .block .blocks .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.viewed .slider .slides .slide .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.viewed .slider .slides .slide .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .viewed .slider .slides .slide .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.viewed .slider .slides .slide .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.viewed .slider .slides .slide .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.related {
    float: left;
    position: relative;
    width: 100%;
}

.related .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 63px 0 0;
    overflow: hidden;
    padding: 12px 0 90px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .related .container {
        margin: 53px 0 0;
        padding: 12px 0 85px;
    }
}

.related .title {
    float: left;
    margin: 0 6.25% 40px;
}

.related .content {
    float: left;
    margin: 0 4.6875%;
    width: 90.625%;
}

.related .slider {
    height: 100%;
    touch-action: pan-y;
    width: 100%;
}

.related .slider .buttons {
    float: left;
    position: absolute;
    right: 6.25%;
    top: 0;
}

.related .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.related .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0 20px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .related .slider .slides .slide {
        margin: 0 18px 0 0;
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .related .slider .slides .slide {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.related .slider .slides .slide a {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.related .slider .slides .slide .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 22px;
    overflow: hidden;
    padding: 0 0 125%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .related .slider .slides .slide .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.related .slider .slides .slide .images .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.related .slider .slides .slide .images .image.one {
    background-size: 90% auto;
    left: 0;
}

@media screen and (min-width: 1025px) {
    .related .slider .slides .slide .images .image.one {
        opacity: 1;
        z-index: 10;
    }
}

.related .slider .slides .slide .images .image.two {
    background-size: 96.25% auto;
    display: none;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .related .slider .slides .slide .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

.related .slider .slides .slide .title {
    margin: 0 0 3px;
    width: 87.5%;
}

.related .slider .slides .slide .content {
    float: left;
    margin: 0;
    width: 100%;
}

.related .slider .slides .slide .content .blocks {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.one .block {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.one .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .related .slider .slides .slide .content .blocks.one .block .attributes {
        margin: 0 0 20px;
    }
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .related .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: calc(100% - 37px);
}

@media screen and (max-width: 1025px) {
    .related .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .one,
.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .two {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .one {
    display: block;
}

.related .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .two {
    display: none;
}

.related .slider .slides .slide .content .blocks.two .block {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.two .block:nth-child(2) {
    margin: 15px 0 0;
}

@media screen and (max-width: 600px) {
    .related .slider .slides .slide .content .blocks.two .block:nth-child(2) {
        margin: 14px 0 0;
    }
}

.related .slider .slides .slide .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks .block .blocks .block {
    float: left;
    margin: 0;
    width: auto;
}

.related .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2) {
    margin: 0 0 0 40px;
}

@media screen and (max-width: 1250px) {
    .related .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 600px) {
    .related .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2) {
        margin: 1px 0 0;
        width: 100%;
    }
}

.related .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -22px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .related .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2):before {
        left: -21px;
    }
}

@media screen and (max-width: 600px) {
    .related .slider .slides .slide .content .blocks.two .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.related .slider .slides .slide .content .blocks.two .block .blocks .block .price {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.two .block .blocks .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .related .slider .slides .slide .content .blocks.two .block .blocks .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.related .slider .slides .slide .content .blocks.two .block .blocks .block .rating {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.two .block .blocks .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .related .slider .slides .slide .content .blocks.two .block .blocks .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.related .slider .slides .slide .content .blocks.two .block .blocks .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .related .slider .slides .slide .content .blocks.two .block .blocks .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.related .slider .slides .slide .content .blocks.two .block .highlights {
    float: left;
    width: 100%;
}

.related .slider .slides .slide .content .blocks.two .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .related .slider .slides .slide .content .blocks.two .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.related .slider .slides .slide .content .blocks.two .block .highlights .highlight:last-child {
    margin: 0;
}

.related .slider .slides .slide .content .blocks.two .block .highlights .highlight.alt {
    background: #FFB96E;
}

.account .form {
    float: left;
    min-height: 80vh;
    text-align: center;
    width: 100%;
}

.account .form .container {
    border: 1px solid #F4F4F5;
    border-radius: 30px;
    box-sizing: border-box;
    display: inline-block;
    margin: 30px 0 100px;
    padding: 50px 38px 60px;
    position: relative;
    width: 400px;
}

@media screen and (max-width: 750px) {
    .account .form .container {
        margin: 35px 0 75px;
        padding: 45px 6.25% 55px;
        width: 375px;
    }
}

@media screen and (max-width: 500px) {
    .account .form .container {
        margin: 35px 6.25% 75px;
        padding: 40px 6.25% 50px;
        width: 87.5%;
    }
}

.account .form .title {
    float: left;
    margin: 0 0 60px;
    width: 100%;
}

.account .form .content {
    float: left;
    width: 100%;
}

.account .form .content .blocks {
    float: left;
    width: 100%;
}

.account .form .content .blocks .block {
    float: left;
    width: 100%;
}

.account .form .content .blocks .block.one {
    display: block;
}

.account .form.alt .content .blocks .block.one {
    display: none;
}

.account .form .content .blocks .block.two {
    display: none;
}

.account .form.alt .content .blocks .block.two {
    display: block;
}

.account .form .content .blocks .block .form {
    float: left;
    min-height: auto;
    width: 100%;
}

.account .form .content .blocks .block .form .fields .text.one {
    float: right;
    text-align: right;
    width: 50%;
}

.account .form .content .blocks .block .form .fields .text.one button {
    margin: 0;
}

.account .form .content .blocks .block .form .fields .text.one button {
    background: none;
    border: 0;
    border-bottom: 1px solid #757576;
    border-radius: 0;
    color: #101820;
    float: right !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.01375em;
    line-height: 1.475em;
    margin: 0;
    padding: 0;
    outline: none;
}

.account .form .content .blocks .block .form .fields .text.one button:hover {
    border-bottom: 1px solid #F1E87C;
    color: #F1E87C;
}

.account .form .content .blocks .block .form .fields .text.two {
    float: left;
    margin: 22px 0 0;
    text-align: center;
    width: 100%;
}

.account .form .content .blocks .block .form .fields .text.two p.small.five button {
    background: none;
    border: 0;
    border-bottom: 1px solid #757576;
    border-radius: 0;
    color: #101820;
    float: none !important;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.01375em;
    line-height: 1.475em;
    margin: 0;
    padding: 0;
    outline: none;
}

.account .form .content .blocks .block .form .fields .text.two p.small.five button:hover {
    border-bottom: 1px solid #F1E87C;
    color: #F1E87C;
}

.account .form .content .blocks .block .form .fields .button.large {
    margin: 50px 0 0;
}

.account .banner {
    float: left;
    position: relative;
    width: 100%;
}

.account .banner .container {
    float: left;
    margin: 45px 0 35px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .banner .container {
        margin: 40px 0 30px;
    }
}

.account .banner .title {
    margin: 0 6.25% 30px;
}

.account .banner .content {
    background: #FBFBFC;
    border-radius: 15px;
    box-sizing: border-box;
    float: left;
    margin: 0 6.25%;
    padding: 40px 3.5714%;
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .account .banner .content {
        padding: 38px 5.3571%;
    }
}

.account .banner .content .profile {
    float: left;
    width: 100%;
}

.account .banner .content .profile .blocks {
    float: left;
    width: 100%;
}

.account .banner .content .profile .blocks .block:nth-child(1) {
    margin: 0 25px 0 0;
    width: 50px;
}

.account .banner .content .profile .blocks .block:nth-child(2) {
    width: calc(100% - 75px);
}

.account .banner .content .profile .blocks .block:nth-child(2) .title {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.account .banner .content .profile .blocks .block:nth-child(2) .text {
    float: left;
    width: 100%;
}

.account .banner .content .profile .blocks .block .initials {
    background: #101820;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.account .banner.alt {
    float: left;
    position: relative;
    width: 100%;
}

.account .banner.alt .container {
    float: left;
    margin: 45px 0 65px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .banner.alt .container {
        margin: 40px 0 55px;
    }
}

.account .banner.alt .close {
    cursor: pointer;
    position: absolute;
    left: 6.25%;
    text-align: center;
    top: 1px;
    z-index: 10;
}

.account .banner.alt .close .button.circle {
    border: 1px solid #F3F3F4;
    border-radius: 50%;
    box-sizing: border-box;
}

.account .banner.alt .close .button.circle:hover {
    border: 1px solid #101820;
}

.account .banner.alt .content {
    background: none;
    border-bottom: 1px solid #F7F7F8;
    border-radius: 0;
    box-sizing: border-box;
    float: left;
    margin: 0 6.25%;
    padding: 0 0 45px 62px;
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .account .banner.alt .content {
        padding: 0 0 45px 60px;
    }
}

.account .banner.alt .content .title {
    margin: 0 0 4px;
}

.account .banner.alt .content .text {
    float: left;
    width: 100%;
}

.account .dashboard {
    float: left;
    position: relative;
    width: 100%;
}

.account .dashboard .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    position: relative;
    width: 100%;
}

.account .dashboard .title {
    float: left;
    margin: 0 6.25%;
    width: 87.5%;
}

.account .dashboard .content {
    float: left;
    width: 100%;
}

.account .dashboard .content .sections {
    float: left;
    width: 100%;
}

.account .dashboard .content .sections .section {
    border-bottom: 1px solid #F5F5F6;
    float: left;
    padding: 65px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .dashboard .content .sections .section {
        padding: 50px 0;
    }
}

.account .dashboard .content .sections .section:first-child:before {
    background: #F7F7F8;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

.account .dashboard .content .sections .section:last-child {
    border-bottom: 0;
}

.account .dashboard .content .sections .section .blocks {
    float: left;
    width: 100%;
}

.account .dashboard .content .sections .section .blocks .block:nth-child(1) {
    border-right: 1px solid #F7F7F8;
    box-sizing: border-box;
    float: left;
    margin: 0 3.125% 0 6.25%;
    padding: 0 3.125% 0 0;
    width: 15.625%;
}

@media screen and (max-width: 900px) {
    .account .dashboard .content .sections .section .blocks .block:nth-child(1) {
        margin: 0 6.25% 25px;
        padding: 0;
        width: 87.5%;
    }
}

.account .dashboard .content .sections .section .blocks .block:nth-child(2) {
    float: left;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .account .dashboard .content .sections .section .blocks .block:nth-child(2) {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.account .dashboard .content .sections .section .blocks .block .title {
    float: left;
    margin: 0;
    width: 100%;
}

.account .dashboard .content .sections .section .blocks .block .shortcuts {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut {
    border: 1px solid #F2F2F3;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    float: left;
    margin: 0 18px 18px 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(33.3333% - 12px);
}

@media screen and (max-width: 1250px) {
    .account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut {
        margin: 0 18px 18px 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut {
        margin: 0 0 18px;
        width: 100%;
    }
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut:nth-child(3n) {
    margin: 0 0 18px;
}

@media screen and (max-width: 1250px) {
    .account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut:nth-child(3n) {
        margin: 0 18px 18px 0;
    }
}

@media screen and (max-width: 600px) {
    .account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut:nth-child(3n) {
        margin: 0 0 18px;
    }
}

@media screen and (max-width: 1250px) {
    .account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut:nth-child(2n) {
        margin: 0 0 18px;
    }
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut:hover {
    border: 1px solid #757576;
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut a {
    box-sizing: border-box;
    float: left;
    padding: 24px 22px 26px;
    width: 100%;
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut .icon {
    float: left;
    font-size: 27px;
    line-height: 27px;
    margin: 4px 15px 0 0;
    width: 27px;
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut .content {
    float: left;
    margin: 5px 0 4px;
    width: calc(100% - 42px);
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut .content .title {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut .content .text {
    float: left;
    max-width: 135px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut .content .text {
        max-width: 175px;
    }
}

.account .dashboard .content .sections .section .blocks .block .shortcuts .shortcut .content .text p.small.four.margin {
    color: #757576;
}

.account .orders {
    float: left;
    position: relative;
    width: 100%;
}

.account .orders .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 75px;
    padding: 0 0 90px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .orders .container {
        margin: 0 0 65px;
        padding: 0 0 75px;
    }
}

.account .orders .content .order.alt {
    float: left;
    width: 100%;
}

.account .orders .content .order.alt .blocks {
    float: left;
    width: 100%;
}

.account .orders .content .order.alt .blocks .block {
    box-sizing: content-box;
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    margin: 25px 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.account .orders .content .order.alt .blocks .block .text {
    float: left;
    margin: 0 0 32px;
    width: 100%;
}

.account .orders .content .order.alt .blocks .block .button.medium .text {
    float: left;
    margin: 0;
    width: 100%;
}

.account .orders .content .order {
    float: left;
    margin: 65px 0 0;
    padding: 0 0 65px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order {
        margin: 50px 0 0;
        padding: 0 0 50px;
    }
}

.account .orders .content .order:first-child {
    margin: 0;
    padding: 65px 0;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order:first-child {
        padding: 50px 0;
    }
}

.account .orders .content .order:first-child:before {
    background: #F7F7F8;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order:first-child:before {
        left: 0;
        transform: none;
        -webkit-transform: none;
        width: 100%;
    }
}

.account .orders .content .order:last-child {
    padding-bottom: 0;
}

.account .orders .content .order:after {
    background: #F7F7F8;
    bottom: 0;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order:after {
        left: 0;
        transform: none;
        -webkit-transform: none;
        width: 100%;
    }
}

.account .orders .content .order:last-child:after {
    display: none;
}

.account .orders .content .order .blocks {
    float: left;
    width: 100%;
}

.account .orders .content .order .blocks .block:nth-child(1) {
    box-sizing: border-box;
    float: left;
    margin: 0 3.125% 0 6.25%;
    padding: 0 3.125% 0 0;
    width: 15.625%;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block:nth-child(1) {
        margin: 0 6.25% 35px;
        padding: 0;
        width: 87.5%;
    }
}

.account .orders .content .order .blocks .block:nth-child(2) {
    float: left;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block:nth-child(2) {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.account .orders .content .order .blocks .block .title {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

.account .orders .content .order .blocks .block .title h2.four {
    max-width: 90px;
}

.account .orders .content .order .blocks .block .text {
    float: left;
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking {
    float: left;
    margin: 0 0 40px;
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking .bar {
    background: #FBFBFC;
    border-radius: 2px;
    float: left;
    height: 4px;
    margin: 0 0 18px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}

.account .orders .content .order .blocks .block .tracking .bar:after {
    background: #F1E87C;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10;
}

.account .orders .content .order .blocks .block .tracking.unfulfilled .bar:after {
    width: 12.5%;
}

.account .orders .content .order .blocks .block .tracking.fulfilled .bar:after {
    width: 37.5%;
}

.account .orders .content .order .blocks .block .tracking.three .bar:after {
    width: 62.5%;
}

.account .orders .content .order .blocks .block .tracking.four .bar:after {
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking.alt.unfulfilled .bar:after {
    width: 25%;
}

.account .orders .content .order .blocks .block .tracking.alt.fulfilled .bar:after {
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking.alt.true .bar:after {
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking.alt.refunded .bar:after {
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking .status {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    padding: 0 0 55px;
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking .status .blocks {
    float: left;
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking .status .blocks .block {
    margin: 0;
    padding: 0;
    width: 25%;
}

.account .orders .content .order .blocks .block .tracking .status .blocks .block:before {
    background: #F7F7F8;
    border: 1.5px solid #FFFFFF;
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 10px;
}

.account .orders .content .order .blocks .block .tracking.unfulfilled .status .blocks .block.one:before {
    background: #F1E87C;
}

.account .orders .content .order .blocks .block .tracking.fulfilled .status .blocks .block.one:before,
.account .orders .content .order .blocks .block .tracking.fulfilled .status .blocks .block.two:before {
    background: #F1E87C;
}

.account .orders .content .order .blocks .block .tracking.three .status .blocks .block.one:before,
.account .orders .content .order .blocks .block .tracking.three .status .blocks .block.two:before,
.account .orders .content .order .blocks .block .tracking.three .status .blocks .block.three:before {
    background: #F1E87C;
}

.account .orders .content .order .blocks .block .tracking.four .status .blocks .block.one:before,
.account .orders .content .order .blocks .block .tracking.four .status .blocks .block.two:before,
.account .orders .content .order .blocks .block .tracking.four .status .blocks .block.three:before,
.account .orders .content .order .blocks .block .tracking.four .status .blocks .block.four:before {
    background: #F1E87C;
}

.account .orders .content .order .blocks .block .tracking.true .status .blocks .block.one:before,
.account .orders .content .order .blocks .block .tracking.true .status .blocks .block.five:before {
    background: #F1E87C;
}

.account .orders .content .order .blocks .block .tracking.alt.refunded .status .blocks .block.six:before {
    background: #F1E87C;
}

.account .orders .content .order .blocks .block .tracking.alt .status .blocks .block {
    width: 50%;
}

.account .orders .content .order .blocks .block .tracking.alt.true .status .blocks .block.two {
    display: none;
}

.account .orders .content .order .blocks .block .tracking.alt.false.refunded .status .blocks .block.two {
    display: none;
}

.account .orders .content .order .blocks .block .tracking.alt .status .blocks .block.five {
    display: none;
}

.account .orders .content .order .blocks .block .tracking.alt.true .status .blocks .block.five {
    display: block;
}

.account .orders .content .order .blocks .block .tracking.alt.refunded .status .blocks .block.five {
    display: none;
}

.account .orders .content .order .blocks .block .tracking.alt .status .blocks .block.six {
    display: none;
}

.account .orders .content .order .blocks .block .tracking.alt.refunded .status .blocks .block.six {
    display: block;
}

.account .orders .content .order .blocks .block .tracking .status .blocks .block .text {
    float: left;
    padding: 0 5%;
    text-align: center;
    width: 90%;
}

.account .orders .content .order .blocks .block .tracking .status .blocks .block .text p.small.five.margin .one {
    font-weight: 500;
    margin: 0 0 1px;
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .tracking .status .blocks .block .text p.small.five.margin .one {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.account .orders .content .order .blocks .block .tracking .number .blocks .block .text p.small.three.margin .one {
    font-weight: 500;
    margin: 0 0 1px;
}

.account .orders .content .order .blocks .block .tracking .number {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    margin: 25px 0 0;
    padding: 0 0 25px;
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking .number .blocks {
    float: left;
    width: 100%;
}

.account .orders .content .order .blocks .block .tracking .number .blocks .block {
    margin: 0;
    padding: 0;
    width: auto;
}

.account .orders .content .order .blocks .block .tracking .number .blocks .block:last-child {
    float: right;
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .tracking .number .blocks .block .text p.small.three.margin .one {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.account .orders .content .order .blocks .block .tracking .number .blocks .block .button.medium {
    float: right;
}

.account .orders .content .order .blocks .block .products {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    margin: 0 0 32px;
    padding: 0 0 28px;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .account .orders .content .order .blocks .block .products {
        width: calc(100% + 2px);
    }
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .products {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .account .orders .content .order .blocks .block .products {
        width: calc(100% + 2px);
    }
}

.account .orders .content .order .blocks .block .products .product {
    float: left;
    margin: 0 12px 12px 0;
    position: relative;
    width: calc(16.6666% - 10px);
}

@media screen and (max-width: 1250px) {
    .account .orders .content .order .blocks .block .products .product {
        width: calc(20% - 10px);
    }
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .products .product {
        width: calc(25% - 9px);
    }
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block .products .product {
        width: calc(16.6666% - 10px);
    }
}

@media screen and (max-width: 750px) {
    .account .orders .content .order .blocks .block .products .product {
        width: calc(20% - 10px);
    }
}

@media screen and (max-width: 600px) {
    .account .orders .content .order .blocks .block .products .product {
        width: calc(25% - 9px);
    }
}

@media screen and (max-width: 500px) {
    .account .orders .content .order .blocks .block .products .product {
        width: calc(33.3333% - 8px);
    }
}

.account .orders .content .order .blocks .block .products .product:nth-child(6n) {
    margin: 0 0 12px;
}

@media screen and (max-width: 1250px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(6n) {
        margin: 0 12px 12px 0;
    }
}

@media screen and (max-width: 1250px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(5n) {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(5n) {
        margin: 0 12px 12px 0;
    }
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(4n) {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(4n) {
        margin: 0 12px 12px 0;
    }
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(6n) {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 750px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(6n) {
        margin: 0 12px 12px 0;
    }
}

@media screen and (max-width: 750px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(5n) {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 600px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(5n) {
        margin: 0 12px 12px 0;
    }
}

@media screen and (max-width: 600px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(4n) {
        margin: 0 0 12px;
    }
}

@media screen and (max-width: 500px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(4n) {
        margin: 0 12px 12px 0;
    }
}

@media screen and (max-width: 500px) {
    .account .orders .content .order .blocks .block .products .product:nth-child(3n) {
        margin: 0 0 12px;
    }
}

.account .orders .content .order .blocks .block .products .product .image {
    float: left;
    position: relative;
    width: 100%;
}

.account .orders .content .order .blocks .block .products .product .image .background {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 8px;
    padding: 0 0 125%;
    width: 100%;
}

.account .orders .content .order .blocks .block .products .product .quantity {
    background: #101820;
    border-radius: 50%;
    color: #FFFFFF;
    height: 22px;
    position: absolute;
    right: -3px;
    text-align: center;
    top: -3px;
    width: 22px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block .products .product .quantity {
        height: 24px;
        width: 24px;
    }
}

.account .orders .content .order .blocks .block .products .product .quantity .text {
    font-size: 10px;
    line-height: 22px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block .products .product .quantity .text {
        font-size: 11px;
        line-height: 24px;
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.account .orders .content .order .blocks .block .actions {
    float: left;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block .actions {
        float: right;
    }
}

.account .orders .content .order .blocks .block .actions .buttons .button.medium {
    margin: 0 7px 0 0;
}

.account .orders .content .order .blocks .block .actions .buttons .button.medium:last-child {
    margin: 0;
}

.account .orders .content .order .blocks .block .totals {
    float: right;
    width: 33.3333%;
}

@media screen and (max-width: 900px) {
    .account .orders .content .order .blocks .block .totals {
        border-bottom: 1px solid #F2F2F3;
        float: left;
        margin: 0 0 30px;
        padding: 0 0 30px;
        width: 100%;
    }
}

.account .orders .content .order .blocks .block .totals table {
    float: left;
    width: 100%;
}

.account .orders .content .order .blocks .block .totals table tr td {
    font-size: 13px;
    letter-spacing: -0.0175em;
    line-height: 21px;
    width: 50%;
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .totals table tr td {
        font-size: 14px;
        line-height: 22px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.account .orders .content .order .blocks .block .totals table tr:last-child td {
    font-size: 14px;
    letter-spacing: -0.02em;
    padding: 10px 0 0;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 1025px) {
    .account .orders .content .order .blocks .block .totals table tr:last-child td {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.2px;
        -webkit-text-stroke-width: 0.2px;
    }
}

.account .orders .content .order .blocks .block .totals table tr td:last-child {
    text-align: right;
}

.account .order {
    float: left;
    position: relative;
    width: 100%;
}

.account .order .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 75px;
    padding: 0 0 90px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .order .container {
        margin: 0 0 65px;
        padding: 0 0 75px;
    }
}

.account .order .content {
    float: left;
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .account .order .content {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.account .order .content .blocks {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .title {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

.account .order .content .blocks .block .title h1.six {
    max-width: 90px;
}

.account .order .content .blocks .block .text {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .tracking {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

.account .order .content .blocks .block .tracking .bar {
    background: #F7F7F8;
    border-radius: 2px;
    float: left;
    height: 4px;
    margin: 0 0 18px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}

.account .order .content .blocks .block .tracking .bar:after {
    background: #F1E87C;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 10;
}

.account .order .content .blocks .block .tracking.unfulfilled .bar:after {
    width: 12.5%;
}

.account .order .content .blocks .block .tracking.fulfilled .bar:after {
    width: 37.5%;
}

.account .order .content .blocks .block .tracking.three .bar:after {
    width: 62.5%;
}

.account .order .content .blocks .block .tracking.four .bar:after {
    width: 100%;
}

.account .order .content .blocks .block .tracking.alt.unfulfilled .bar:after {
    width: 25%;
}

.account .order .content .blocks .block .tracking.alt.fulfilled .bar:after {
    width: 100%;
}

.account .order .content .blocks .block .tracking.alt.true .bar:after {
    width: 100%;
}

.account .order .content .blocks .block .tracking.alt.refunded .bar:after {
    width: 100%;
}

.account .order .content .blocks .block .tracking .status {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    padding: 0 0 55px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .order .content .blocks .block .tracking .status {
        padding: 0 0 50px;
    }
}

.account .order .content .blocks .block .tracking .status .blocks {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .tracking .status .blocks .block {
    margin: 0;
    width: 25%;
}

.account .order .content .blocks .block .tracking .status .blocks .block:before {
    background: #F7F7F8;
    border: 1.5px solid #FFFFFF;
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 10px;
}

.account .order .content .blocks .block .tracking.unfulfilled .status .blocks .block.one:before {
    background: #F1E87C;
}

.account .order .content .blocks .block .tracking.fulfilled .status .blocks .block.one:before,
.account .order .content .blocks .block .tracking.fulfilled .status .blocks .block.two:before {
    background: #F1E87C;
}

.account .order .content .blocks .block .tracking.three .status .blocks .block.one:before,
.account .order .content .blocks .block .tracking.three .status .blocks .block.two:before,
.account .order .content .blocks .block .tracking.three .status .blocks .block.three:before {
    background: #F1E87C;
}

.account .order .content .blocks .block .tracking.four .status .blocks .block.one:before,
.account .order .content .blocks .block .tracking.four .status .blocks .block.two:before,
.account .order .content .blocks .block .tracking.four .status .blocks .block.three:before,
.account .order .content .blocks .block .tracking.four .status .blocks .block.four:before {
    background: #F1E87C;
}

.account .order .content .blocks .block .tracking.true .status .blocks .block.one:before,
.account .order .content .blocks .block .tracking.true .status .blocks .block.five:before {
    background: #F1E87C;
}

.account .order .content .blocks .block .tracking.alt.refunded .status .blocks .block.six:before {
    background: #F1E87C;
}

.account .order .content .blocks .block .tracking.alt .status .blocks .block {
    width: 50%;
}

.account .order .content .blocks .block .tracking.alt.true .status .blocks .block.two {
    display: none;
}

.account .order .content .blocks .block .tracking.alt.false.refunded .status .blocks .block.two {
    display: none;
}

.account .order .content .blocks .block .tracking.alt .status .blocks .block.five {
    display: none;
}

.account .order .content .blocks .block .tracking.alt.true .status .blocks .block.five {
    display: block;
}

.account .order .content .blocks .block .tracking.alt.refunded .status .blocks .block.five {
    display: none;
}

.account .order .content .blocks .block .tracking.alt .status .blocks .block.six {
    display: none;
}

.account .order .content .blocks .block .tracking.alt.refunded .status .blocks .block.six {
    display: block;
}

.account .order .content .blocks .block .tracking .status .blocks .block .text {
    float: left;
    padding: 0 5%;
    text-align: center;
    width: 90%;
}

.account .order .content .blocks .block .tracking .status .blocks .block .text p.small.five.margin .one {
    font-weight: 500;
    margin: 0 0 1px;
}

@media screen and (max-width: 1025px) {
    .account .order .content .blocks .block .tracking .status .blocks .block .text p.small.five.margin .one {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.account .order .content .blocks .block .tracking .number .blocks .block .text p.small.three.margin .one {
    font-weight: 500;
    margin: 0 0 1px;
}

.account .order .content .blocks .block .tracking .number {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    margin: 25px 0 0;
    padding: 0 0 25px;
    width: 100%;
}

.account .order .content .blocks .block .tracking .number .blocks {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .tracking .number .blocks .block {
    margin: 0;
    padding: 0;
    width: auto;
}

.account .order .content .blocks .block .tracking .number .blocks .block:last-child {
    float: right;
}

@media screen and (max-width: 1025px) {
    .account .order .content .blocks .block .tracking .number .blocks .block .text p.small.three.margin .one {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.account .order .content .blocks .block .tracking .number .blocks .block .button.medium {
    float: right;
}

.account .order .content .blocks .block .addresses {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    margin: 0 0 35px;
    padding: 0 0 35px;
    width: 100%;
}

.account .order .content .blocks .block .addresses .blocks {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .addresses .blocks .block {
    float: left;
    width: 50%;
}

.account .order .content .blocks .block .addresses .blocks .block .address {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .addresses .blocks .block .address .title {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}

.account .order .content .blocks .block .addresses .blocks .block .address .text {
    float: left;
    width: 90%;
}

.account .order .content .blocks .block .products {
    border-bottom: 1px solid #F2F2F3;
    float: left;
    margin: 0 0 35px;
    padding: 0 0 35px;
    width: 100%;
}

.account .order .content .blocks .block .products .product {
    background: none;
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 32px;
    min-height: auto;
    padding: 0 0 32px;
    position: relative;
    width: 100%;
}

.account .order .content .blocks .block .products .product:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.account .order .content .blocks .block .products .product .image {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    width: 95px;
}

.account .order .content .blocks .block .products .product .image .background {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 8px;
    padding: 0 0 125%;
    width: 100%;
}

.account .order .content .blocks .block .products .product .content {
    display: block;
    flex-wrap: nowrap;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
    padding: 0;
    position: relative;
    width: calc(100% - 115px);
}

.account .order .content .blocks .block .products .product .content .title {
    float: left;
    margin: 0 0 10px;
    width: calc(100% - 80px);
}

@media screen and (max-width: 900px) {
    .account .order .content .blocks .block .products .product .content .title {
        margin: 0 0 12px;
    }
}

.account .order .content .blocks .block .products .product .content .price {
    position: absolute;
    right: 0;
    top: 0;
}

.account .order .content .blocks .block .products .product .content .attributes {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .products .product .content .attributes .attribute .text {
    font-size: 12px;
    letter-spacing: -0.015em;
    line-height: 19px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .account .order .content .blocks .block .products .product .content .attributes .attribute .text {
        font-size: 0.825em;
        line-height: 20px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.account .order .content .blocks .block .products .product .content .attributes .attribute .text .one {
    float: left;
    width: 58px;
}

.account .order .content .blocks .block .products .product .content .price .text {
    font-size: 0.8875em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 20px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    .account .order .content .blocks .block .products .product .content .price .text {
        font-size: 0.925em;
        line-height: 20px;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

.account .order .content .blocks .block .products .product .content .quantity {
    border: 1px solid #F2F2F3;
    border-radius: 18px;
    box-sizing: border-box;
    float: right;
    height: 35px;
    margin: 18px 0 0;
    position: relative;
    width: 50px;
}

@media screen and (max-width: 900px) {
    .account .order .content .blocks .block .products .product .content .quantity {
        margin: 23px 0 0;
    }
}

.account .order .content .blocks .block .products .product .content .quantity .text {
    float: left;
    font-size: 13px;
    line-height: 33px;
    text-align: center;
    width: 100%;
}

.account .order .content .blocks .block .actions {
    float: left;
}

@media screen and (max-width: 900px) {
    .account .order .content .blocks .block .actions {
        float: right;
    }
}

.account .order .content .blocks .block .actions .buttons .button.medium {
    margin: 0 7px 0 0;
}

.account .order .content .blocks .block .actions .buttons .button.medium:last-child {
    margin: 0;
}

.account .order .content .blocks .block .totals {
    float: right;
    width: 33.3333%;
}

@media screen and (max-width: 900px) {
    .account .order .content .blocks .block .totals {
        border-bottom: 1px solid #F2F2F3;
        float: left;
        margin: 0 0 30px;
        padding: 0 0 30px;
        width: 100%;
    }
}

.account .order .content .blocks .block .totals table {
    float: left;
    width: 100%;
}

.account .order .content .blocks .block .totals table tr td {
    font-size: 13px;
    letter-spacing: -0.0175em;
    line-height: 21px;
    width: 50%;
}

@media screen and (max-width: 1025px) {
    .account .order .content .blocks .block .totals table tr td {
        font-size: 14px;
        line-height: 22px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.account .order .content .blocks .block .totals table tr:last-child td {
    font-size: 14px;
    letter-spacing: -0.02em;
    padding: 10px 0 0;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 1025px) {
    .account .order .content .blocks .block .totals table tr:last-child td {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.2px;
        -webkit-text-stroke-width: 0.2px;
    }
}

.account .order .content .blocks .block .totals table tr td:last-child {
    text-align: right;
}

.account .addresses {
    float: left;
    position: relative;
    width: 100%;
}

.account .addresses .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 75px;
    padding: 0 0 90px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .addresses .container {
        margin: 0 0 65px;
        padding: 0 0 75px;
    }
}

.account .addresses .title {
    float: left;
    margin: 0 6.25%;
    width: 87.5%;
}

.account .addresses .content {
    float: left;
    width: 100%;
}

.account .addresses .content .sections {
    float: left;
    width: 100%;
}

.account .addresses .content .sections .section {
    float: left;
    margin: 65px 0 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .addresses .content .sections .section {
        margin: 50px 0 0;
    }
}

.account .addresses .content .sections .section:first-child {
    margin: 0;
    padding: 65px 0;
}

@media screen and (max-width: 900px) {
    .account .addresses .content .sections .section:first-child {
        padding: 50px 0 55px;
    }
}

.account .addresses .content .sections .section:first-child:before {
    background: #F7F7F8;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .account .addresses .content .sections .section:last-child {
        margin: 0;
        padding: 50px 0 0;
    }
}

.account .addresses .content .sections .section:after {
    background: #F7F7F8;
    bottom: 0;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

.account .addresses .content .sections .section:last-child:after {
    display: none;
}

.account .addresses .content .sections .section .blocks {
    float: left;
    width: 100%;
}

.account .addresses .content .sections .section .blocks .block:nth-child(1) {
    box-sizing: border-box;
    float: left;
    margin: 0 3.125% 0 6.25%;
    padding: 0 3.125% 0 0;
    width: 15.625%;
}

@media screen and (max-width: 900px) {
    .account .addresses .content .sections .section .blocks .block:nth-child(1) {
        margin: 0 6.25% 28px;
        padding: 0;
        width: 87.5%;
    }
}

.account .addresses .content .sections .section .blocks .block:nth-child(2) {
    float: left;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .account .addresses .content .sections .section .blocks .block:nth-child(2) {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.account .addresses .content .sections .section .blocks .block .title {
    float: left;
    margin: 0;
    width: 100%;
}

.account .addresses .content .sections .section .blocks .block .title h2.four {
    max-width: 100px;
}

.account .addresses .content .sections .section .blocks .block .form {
    float: left;
    min-height: auto;
    text-align: left;
    width: 100%;
}

.account .addresses .content .sections .section .blocks .block .addresses {
    display: grid;
    grid-auto-rows: 1fr;
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: repeat(3, 1fr);
    float: left;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .account .addresses .content .sections .section .blocks .block .addresses {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .account .addresses .content .sections .section .blocks .block .addresses {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: repeat(1, 1fr);
    }
}

.account .addresses .content .sections .section .blocks .block .addresses .address {
    border: 1px solid #F5F5F6;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    float: left;
    min-height: 325px;
    padding: 32px 25px 35px;
}

@media screen and (max-width: 1350px) {
    .account .addresses .content .sections .section .blocks .block .addresses .address {
        padding: 28px 20px 33px;
    }
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks {
    float: left;
    height: 100%;
    width: 100%;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block {
    box-sizing: content-box;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block:nth-child(1) {
    margin: 0 0 65px;
}

.account .addresses .content .sections .section .blocks .block .addresses .address:last-child .blocks .block:nth-child(1) {
    left: 50%;
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block:nth-child(2) {
    bottom: 0;
    left: 0;
    position: absolute;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block form {
    margin: 0 8px 0 0;
    width: auto;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block form:last-child {
    margin: 0;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block form .button.small {
    float: left !important;
    margin: 0;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block h3.four {
    margin: 0 0 12px;
}

.account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block p.small.three.margin {
    line-height: 20px;
}

@media screen and (max-width: 1025px) {
    .account .addresses .content .sections .section .blocks .block .addresses .address .blocks .block p.small.three.margin {
        line-height: 21px;
    }
}

.account .security {
    float: left;
    position: relative;
    width: 100%;
}

.account .security .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    position: relative;
    width: 100%;
}

.account .security .title {
    float: left;
    margin: 0 6.25%;
    width: 87.5%;
}

.account .security .content {
    float: left;
    width: 100%;
}

.account .security .content .sections {
    float: left;
    width: 100%;
}

.account .security .content .sections .section {
    float: left;
    margin: 65px 0 0;
    padding: 0 0 65px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .security .content .sections .section {
        margin: 50px 0 0;
        padding: 0 0 50px;
    }
}

.account .security .content .sections .section:first-child {
    margin: 0;
    padding: 65px 0;
}

@media screen and (max-width: 900px) {
    .account .security .content .sections .section:first-child {
        padding: 50px 0;
    }
}

.account .security .content .sections .section:first-child:before {
    background: #F7F7F8;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .account .security .content .sections .section:last-child {
        margin: 0;
        padding: 50px 0 65px;
    }
}

.account .security .content .sections .section:after {
    background: #F7F7F8;
    bottom: 0;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

.account .security .content .sections .section:last-child:after {
    display: none;
}

.account .security .content .sections .section .blocks {
    float: left;
    width: 100%;
}

.account .security .content .sections .section .blocks .block:nth-child(1) {
    box-sizing: border-box;
    float: left;
    margin: 0 3.125% 0 6.25%;
    padding: 0 3.125% 0 0;
    width: 15.625%;
}

@media screen and (max-width: 900px) {
    .account .security .content .sections .section .blocks .block:nth-child(1) {
        margin: 0 6.25% 28px;
        padding: 0;
        width: 87.5%;
    }
}

.account .security .content .sections .section .blocks .block:nth-child(2) {
    float: left;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .account .security .content .sections .section .blocks .block:nth-child(2) {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.account .security .content .sections .section .blocks .block .title {
    float: left;
    margin: 0;
    width: 100%;
}

.account .security .content .sections .section .blocks .block .title h2.four {
    max-width: 90px;
}

.account .security .content .sections .section .blocks .block .form {
    float: left;
    min-height: auto;
    text-align: left;
    width: 100%;
}

.account .options {
    float: left;
    position: relative;
    width: 100%;
}

.account .options .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    padding: 0 0 75px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .account .options .container {
        padding: 0 0 65px;
    }
}

.account .options .title {
    float: left;
    margin: 0 6.25%;
    width: 87.5%;
}

.account .options .content {
    float: left;
    width: 100%;
}

.account .options .content .blocks {
    float: left;
    width: 100%;
}

.account .options .content .blocks .block:nth-child(1) {
    border-right: 1px solid #F7F7F8;
    box-sizing: border-box;
    float: left;
    margin: 0 3.125% 0 6.25%;
    padding: 0 3.125% 0 0;
    width: 15.625%;
}

@media screen and (max-width: 900px) {
    .account .options .content .blocks .block:nth-child(1) {
        margin: 0 6.25% 25px;
        padding: 0;
        width: 87.5%;
    }
}

.account .options .content .blocks .block:nth-child(2) {
    float: left;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .account .options .content .blocks .block:nth-child(2) {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.account .options .content .blocks .block .title {
    float: left;
    margin: 0;
    width: 100%;
}

.account .options .content .blocks .block .shortcuts {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.account .options .content .blocks .block .shortcuts .shortcut {
    border: 1px solid #F2F2F3;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    float: left;
    margin: 0 18px 0 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: calc(50% - 9px);
}

@media screen and (max-width: 600px) {
    .account .options .content .blocks .block .shortcuts .shortcut {
        margin: 0 0 18px;
        width: 100%;
    }
}

.account .options .content .blocks .block .shortcuts .shortcut:nth-child(2n) {
    margin: 0;
}

.account .options .content .blocks .block .shortcuts .shortcut:hover {
    border: 1px solid #757576;
}

.account .options .content .blocks .block .shortcuts .shortcut a {
    box-sizing: border-box;
    float: left;
    padding: 24px 22px 26px;
    width: 100%;
}

.account .options .content .blocks .block .shortcuts .shortcut .icon {
    float: left;
    font-size: 27px;
    line-height: 27px;
    margin: 4px 15px 0 0;
    width: 27px;
}

.account .options .content .blocks .block .shortcuts .shortcut .content {
    float: left;
    margin: 5px 0 4px;
    width: calc(100% - 42px);
}

.account .options .content .blocks .block .shortcuts .shortcut .content .title {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.account .options .content .blocks .block .shortcuts .shortcut .content .text {
    float: left;
    max-width: 175px;
    width: 100%;
}

.account .options .content .blocks .block .shortcuts .shortcut .content .text p.small.four.margin {
    color: #757576;
}

.account .modal {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.account .modal.delay {
    display: block;
    visibility: visible;
    z-index: 2500;
}

.account .modal .container {
    background: #FFFFFF;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    height: 31.25%;
    left: 0;
    margin: 0;
    padding: 39px 0 0;
    position: absolute;
    right: 0;
    top: auto;
    transition: all 0.45s ease 0s;
    -webkit-transition: all 0.45s ease 0s;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    width: 100%;
    will-change: transform;
    z-index: 1000;
}

@media screen and (max-width: 900px) {
    .account .modal .container {
        border-radius: 24px 24px 0 0;
        height: 50%;
        width: 100%;
    }
}

.account .modal.active .container {
    bottom: 0 !important;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

.account .modal .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .account .modal .overlay {
        cursor: pointer;
    }
}

.account .modal.active .overlay {
    opacity: 1;
    z-index: 500;
}

.account .modal .close {
    cursor: pointer;
    position: absolute;
    left: 25%;
    text-align: center;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .account .modal .close {
        left: 6.25%;
    }
}

@media screen and (max-width: 1250px) {
    .account .modal .close {
        left: 12.5%;
    }
}

@media screen and (max-width: 900px) {
    .account .modal .close {
        left: 6.25%;
    }
}

.account .modal .title {
    cursor: default;
    float: left;
    margin: 0 25% 40px calc(25% + 60px) !important;
    padding: 0;
    text-align: left;
    width: calc(50% - 60px) !important;
}

@media screen and (max-width: 1250px) {
    .account .modal .title {
        margin: 0 12.5% 40px calc(12.5% + 60px) !important;
        width: calc(75% - 60px) !important;
    }
}

@media screen and (max-width: 900px) {
    .account .modal .title {
        margin: 0 6.25% 40px calc(6.25% + 60px) !important;
        width: calc(87.5% - 60px) !important;
    }
}

.account .modal .title:before,
.account .modal .title:after {
    display: none;
}

.account .modal .content {
    float: left;
    height: calc(100% - 60px);
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    width: 100%;
}

.account .modal .content .scroll {
    float: left;
    margin: 0 25%;
    padding: 0 0 50px;
    width: 50%;
}

@media screen and (max-width: 1250px) {
    .account .modal .content .scroll {
        margin: 0 12.5%;
        width: 75%;
    }
}

@media screen and (max-width: 900px) {
    .account .modal .content .scroll {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.account .modal .content .scroll ul {
    list-style: none;
    margin: 0 0 0 1px;
}

.account .modal .content .scroll ul li {
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 21px;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .account .modal .content .scroll ul li {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.05625px;
        -webkit-text-stroke-width: 0.05625px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.account .modal .content .scroll ul li:last-child {
    margin: 0;
}

.account .modal .content .scroll ul li:before {
    content: '•';
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.post .banner {
    float: left;
    position: relative;
    width: 100%;
}

.post .banner .container {
    float: left;
    height: 100%;
    margin: 35px 0 75px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .post .banner .container {
        margin: 0 0 35px;
    }
}

.post .banner .content {
    float: left;
    height: 100%;
    margin: 0 4.6875% 0 6.25%;
    width: 89.0625%;
}

@media screen and (max-width: 900px) {
    .post .banner .content {
        margin: 0;
        width: 100%;
    }
}

.post .banner .content .blocks {
    float: left;
    height: 100%;
    width: 100%;
}

.post .banner .content .blocks .block:nth-child(1) {
    float: right;
    width: 56.25%;
}

@media screen and (max-width: 900px) {
    .post .banner .content .blocks .block:nth-child(1) {
        float: left;
        width: 100%;
    }
}

.post .banner .content .blocks .block:nth-child(2) {
    bottom: 0;
    float: left;
    left: 0;
    position: absolute;
    width: 37.5%;
}

@media screen and (max-width: 900px) {
    .post .banner .content .blocks .block:nth-child(2) {
        bottom: auto;
        left: auto;
        margin: 35px 12.5% 0;
        position: relative;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .post .banner .content .blocks .block:nth-child(2) {
        margin: 35px 6.25% 0;
        width: 87.5%;
    }
}

.post .banner .content .blocks .block .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    float: left;
    padding: 0 0 56.25%;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .post .banner .content .blocks .block .image {
        padding: 0 0 66.6666%;
    }
}

@media screen and (max-width: 1025px) {
    .post .banner .content .blocks .block .image {
        padding: 0 0 75%;
    }
}

@media screen and (max-width: 900px) {
    .post .banner .content .blocks .block .image {
        border-radius: 0;
        padding: 0 0 56.25%;
    }
}

@media screen and (max-width: 750px) {
    .post .banner .content .blocks .block .image {
        border-radius: 0;
        padding: 0 0 66.6666%;
    }
}

@media screen and (max-width: 500px) {
    .post .banner .content .blocks .block .image {
        border-radius: 0;
        padding: 0 0 75%;
    }
}

.post .banner .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.post .banner .content .blocks .block .blocks .block {
    bottom: auto;
    float: left;
    left: auto;
    margin: 0;
    position: relative;
    width: 100%;
}

.post .banner .content .blocks .block .blocks .block .author {
    float: left;
    margin: 0 0 45px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .post .banner .content .blocks .block .blocks .block .author {
        margin: 0 0 28px;
    }
}

.post .banner .content .blocks .block .blocks .block .author .image {
    background-color: #101820;
    background-image: url('https://alt.hemway.com/assets/images/blog/authors/placeholder-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    float: left;
    height: 50px;
    margin: 0 14px 0 0;
    padding: 0;
    width: 50px;
}

@media screen and (max-width: 900px) {
    .post .banner .content .blocks .block .blocks .block .author .image {
        height: 48px;
        width: 48px;
    }
}

.post .banner .content .blocks .block .blocks .block .author .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
    margin: 14px 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 900px) {
    .post .banner .content .blocks .block .blocks .block .author .text {
        margin: 13px 0;
    }
}

.post .banner .content .blocks .block .blocks .block .title {
    float: left;
    width: 100%;
}

.post .banner .content .blocks .block .blocks .block .title h1.two {
    float: left;
    max-width: 350px;
    width: 75%;
}

@media screen and (max-width: 1250px) {
    .post .banner .content .blocks .block .blocks .block .title h1.two {
        width: 87.5%;
    }
}

@media screen and (max-width: 1025px) {
    .post .banner .content .blocks .block .blocks .block .title h1.two {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .post .banner .content .blocks .block .blocks .block .title h1.two {
        width: 90%;
    }
}

.post .banner .content .blocks .block .blocks .block .category {
    float: left;
    margin: 0 40px 14px 0;
    position: relative;
}

.post .banner .content .blocks .block .blocks .block .category:after {
    content: '•';
    font-size: 8px;
    position: absolute;
    right: -23px;
    top: 0;
}

@media screen and (max-width: 1025px) {
    .post .banner .content .blocks .block .blocks .block .category:after {
        top: 1px;
    }
}

.post .banner .content .blocks .block .blocks .block .category .text {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    letter-spacing: -0.0025em;
    line-height: 17px;
    padding: 3px 13px 4px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .post .banner .content .blocks .block .blocks .block .category .text {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.post .banner .content .blocks .block .blocks .block .date {
    float: left;
    margin: 0 0 14px;
}

.post .banner .content .blocks .block .blocks .block .date .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 22px;
    margin: 0;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .post .banner .content .blocks .block .blocks .block .date .text {
        line-height: 26px;
    }
}

.post .article {
    float: left;
    position: relative;
    width: 100%;
}

.post .article .container {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.post .article .content {
    float: left;
    margin: 0 0 60px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .post .article .content {
        margin: 40px 0 0;
    }
}

.post .article .content:before {
    background: #101820;
    content: '';
    height: 1.5px;
    left: 6.25%;
    position: absolute;
    top: 12px;
    width: 4.6875%;
}

@media screen and (max-width: 1025px) {
    .post .article .content:before {
        width: 45px;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content:before {
        left: 12.5%;
        top: 0;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content:before {
        left: 6.25%;
    }
}

.post .article .content .blocks.one {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block.one {
    float: left;
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block.one {
        margin: 0 18.75%;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block.one {
        margin: 0 12.5%;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block.one {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.post .article .content .blocks.one .block.one:last-child {
    border-top: 1px solid #F5F5F6;
    margin: 90px 25% 0;
    padding: 25px 0 0;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block.one:last-child {
        margin: 85px 18.75% 0;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block.one:last-child {
        margin: 80px 12.5% 0;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block.one:last-child {
        margin: 75px 6.25% 0;
    }
}

.post .article .content .blocks.one .block.two {
    float: left;
    margin: 75px 12.5% 10px;
    width: 75%;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block.two {
        margin: 65px 6.25% 5px;
        width: 87.5%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block.two {
        margin: 60px 0 0;
        width: 100%;
    }
}

.post .article .content .blocks.one .block.three {
    float: left;
    margin: 75px 6.25% 10px;
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block.three {
        margin: 65px 0 5px;
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block.three {
        margin: 60px 0 0;
    }
}

.post .article .content .blocks.one .block.four {
    float: left;
    margin: 60px 0 75px;
    padding: 75px 0 0;
    width: 100%;
}

.post .article .content .blocks.one .block p {
    font-size: 15px;
    line-height: 23px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block p {
        font-size: 1.0125em;
    }
}

.post .article .content .blocks.one .block p:first-child {
    font-size: 1.0125em;
    margin: 0 0 21px;
}

@media screen and (ßmax-width: 1025px) {
    .post .article .content .blocks.one .block p:first-child {
        font-size: 1.05em;
    }
}

.post .article .content .blocks.one .block p:last-child {
    margin: 0;
}

.post .article .content .blocks.one .block p b,
.post .article .content .blocks.one .block p strong {
    font-weight: 500;
}

.post .article .content .blocks.one .block p span {
    display: inline;
}

.post .article .content .blocks.one .block p em {
    color: #757576;
    margin: 0 0 0 8px;
}

.post .article .content .blocks.one .block p a {
    border-bottom: 1px dotted #757576;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.post .article .content .blocks.one .block p a:hover {
    border-bottom: 1px dotted #F1E87C !important;
    color: #F1E87C;
}

.post .article .content .blocks.one .block h2 {
    font-size: 1.0875em;
    font-weight: 500;
    letter-spacing: -0.02125em;
    line-height: 1.4125em;
    margin: 55px 0 25px;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block h2 {
        font-size: 1.0875em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.post .article .content .blocks.one .block h2:before {
    background: #F1E87C;
    content: '';
    display: block;
    height: 1.5px;
    margin: 0 0 20px;
    width: 35px;
}

.post .article .content .blocks.one .block h2.margin {
    margin-top: 0;
}

.post .article .content .blocks.one .block h3 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 21px;
    margin: 40px 0 15px;
    padding: 0;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block h3 {
        font-size: 1.0375em;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
    }
}

.post .article .content .blocks.one .block h3.margin {
    margin-top: 0;
}

.post .article .content .blocks.one .block h3 b {
    font-weight: 500;
    margin: 0 5px 0 0;
}

.post .article .content .blocks.one .block ul {
    list-style: none;
}

.post .article .content .blocks.one .block ul li {
    font-size: 15px;
    letter-spacing: -0.015em;
    line-height: 23px;
    margin: 0 0 1px;
    padding: 0 0 0 20px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block ul li {
        font-size: 1.0125em;
        letter-spacing: -0.015625em;
        -moz-text-stroke-width: 0.05625px;
        -webkit-text-stroke-width: 0.05625px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.post .article .content .blocks.one .block ul li:last-child {
    margin: 0;
}

.post .article .content .blocks.one .block ul li:before {
    content: '•';
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.post .article .content .blocks.one .block ul li em {
    color: #757576;
    margin: 0 0 0 8px;
}

.post .article .content .blocks.one .block p ~ .buttons {
    margin: 60px 0 0;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block p ~ .buttons {
        margin: 55px 0 0;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block p ~ .buttons {
        margin: 50px 0 0;
    }
}

.post .article .content .blocks.one .block .image {
    background-color: #FBFBFC;
    background-position: center 62.5%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    height: 400px;
    margin: 0 0 12px;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block.three .image {
        border-radius: 0;
        height: auto;
        padding: 0 0 56.25%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block .image {
        border-radius: 0;
        height: auto;
        padding: 0 0 66.6666% !important;
    }
}

.post .article .content .blocks.one .block .image ~ .text {
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
    width: 90%;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block .image ~ .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block.three .image ~ .text {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block .image ~ .text {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.post .article .content .blocks.one .block.two .blocks {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block.two .blocks .block.two {
    margin: 0 24px 0 0;
    width: calc(50% - 12px);
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block.two .blocks .block.two {
        margin: 0 0 35px;
        width: 100%;
    }
}

.post .article .content .blocks.one .block.two .blocks .block.two:last-child {
    margin: 0;
}

.post .article .content .blocks.one .block .buttons {
    display: flex;
    justify-content: center;
}

.post .article .content .blocks.one .block .slider {
    height: 100%;
    margin: 0 4.6875%;
    touch-action: pan-y;
    width: 90.625%;
}

.post .article .content .blocks.one .block .slider .buttons {
    float: left;
    position: absolute;
    right: 6.25%;
    top: 0;
}

.post .article .content .blocks.one .block .slider .slides {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.post .article .content .blocks.one .block .slider .slides .slide {
    flex-shrink: 0;
    height: 100%;
    margin: 0 20px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(25% - 15px);
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block .slider .slides .slide {
        margin: 0 18px 0 0;
        width: calc(33.3333% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .post .article .content .blocks.one .block .slider .slides .slide {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.post .article .content .blocks.one .block .slider .slides .slide a {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 18px;
    overflow: hidden;
    padding: 0 0 118.75%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.one .block .slider .slides .slide .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .images .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 87.5% auto;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 1;
    padding: 0 !important;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 10;
}

.post .article .content .blocks.one .block .slider .slides .slide .title {
    float: left;
    margin: 0 0 3px;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .title h3.three {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.3625em;
    margin: 0;
    padding: 0;
    width: 90%;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block .slider .slides .slide .title h3.three {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .content {
    float: left;
    margin: 0;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block {
    float: left;
    width: auto;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block:nth-child(2) {
    margin: 0 0 0 35px;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block:nth-child(2) {
        margin: 12px 0 0;
        width: 100%;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block:nth-child(2):before {
        display: none;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .price {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .highlights {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    margin: 0 7px 0 0;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .highlights .highlight:last-child {
    margin: 0;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .highlights .highlight:nth-child(3),
.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .highlights .highlight:nth-child(4) {
    display: none;
}

.post .article .content .blocks.one .block .slider .slides .slide .content .blocks .block .blocks .block .highlights .highlight.alt {
    background: #FFB96E;
}

.post .article .content .blocks.one .block .blocks {
    float: left;
    width: 100%;
}

.post .article .content .blocks.one .block .blocks .block {
    float: left;
    width: 50%;
}

.post .article .content .blocks.one .block .blocks .block .author {
    float: left;
    margin: 1px 0 0;
    width: 100%;
}

.post .article .content .blocks.one .block .blocks .block .author .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block .blocks .block .author .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.one .block .blocks .block .date {
    float: left;
    margin: 0 0 1px;
    width: 100%;
}

.post .article .content .blocks.one .block .blocks .block .date .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.one .block .blocks .block .date .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.one .block .blocks .block .socials {
    float: right;
}

.post .article .content .blocks.one .block .blocks .block .socials .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
    margin: 10px 22px 10px 0;
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.one .block .blocks .block .socials .text {
        display: none;
    }
}

.post .article .content .blocks.one .block .blocks .block .socials .buttons {
    float: left;
}

.post .article .content .blocks.one .block .blocks .block .socials .buttons .button.circle {
    border: 1px solid #F3F3F4;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 7px 0 0;
}

.post .article .content .blocks.one .block .blocks .block .socials .buttons .button.circle:hover {
    border: 1px solid #101820;
}

.post .article .content .blocks.one .block .blocks .block .socials .buttons .button.circle:last-child {
    margin: 0;
}

.post .article .content .blocks.one .block .blocks .block .socials .buttons .button.circle .icon .fa-envelope {
    font-size: 13px;
}

.post .article .content .blocks.two {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    width: 100%;
}

.post .article .content .blocks.two .block.one {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

.post .article .content .blocks.two .block.one h2 {
    float: left;
    font-size: 1.0875em;
    font-weight: 500;
    letter-spacing: -0.02125em;
    line-height: 1.4125em;
    margin: 55px 0 25px;
    padding: 0;
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.one h2 {
        width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one h2 {
        font-size: 1.0875em;
        line-height: 27px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one h2 {
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.one h2 {
        width: 87.5%;
    }
}

.post .article .content .blocks.two .block.one h2:before {
    background: #F1E87C;
    content: '';
    display: block;
    height: 1.5px;
    margin: 0 0 20px;
    width: 35px;
}

.post .article .content .blocks.two .block.one .images ~ h2 {
    margin: 25px 0;
}

.post .article .content .blocks.two .block.one h3 {
    float: left;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 21px;
    margin: 40px 28.125% 15px;
    padding: 0;
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.one h3 {
        margin: 20px 25% 14px;
        width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one h3 {
        font-size: 1.0375em;
        line-height: 22px;
        margin: 20px 18.75% 14px;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one h3 {
        margin: 20px 12.5% 14px;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.one h3 {
        margin: 20px 6.25% 14px;
        width: 87.5%;
    }
}

.post .article .content .blocks.two .block.one .images ~ h3 {
    margin: 12px 0 15px;
}

.post .article .content .blocks.two .block.one h3 b {
    font-weight: 500;
    margin: 0 5px 0 0;
}

.post .article .content .blocks.two .block.one p {
    font-size: 15px;
    line-height: 23px;
    margin: 0 0 20px;
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.one p {
        width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one p {
        font-size: 1.0125em;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one p {
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.one p {
        width: 87.5%;
    }
}

.post .article .content .blocks.two .block.one p:first-child {
    font-size: 1.0125em;
    margin: 0 0 21px;
}

@media screen and (ßmax-width: 1025px) {
    .post .article .content .blocks.two .block.one p:first-child {
        font-size: 1.05em;
    }
}

.post .article .content .blocks.two .block.one p:last-child {
    margin: 0;
}

.post .article .content .blocks.two .block.one p b,
.post .article .content .blocks.two .block.one p strong {
    font-weight: 500;
}

.post .article .content .blocks.two .block.one p span {
    display: inline;
}

.post .article .content .blocks.two .block.one p em {
    color: #757576;
    margin: 0 0 0 8px;
}

.post .article .content .blocks.two .block.one p a {
    border-bottom: 1px solid #757576;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

.post .article .content .blocks.two .block.one p a:hover {
    border-bottom: 1px solid #F1E87C !important;
    color: #F1E87C;
}

.post .article .content .blocks.two .block.one ol,
.post .article .content .blocks.two .block.one ul {
    list-style: none;
    margin: 0 0 20px;
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.one ol,
    .post .article .content .blocks.two .block.one ul {
        width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one ol,
    .post .article .content .blocks.two .block.one ul {
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one ol,
    .post .article .content .blocks.two .block.one ul {
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.one ol,
    .post .article .content .blocks.two .block.one ul {
        width: 87.5%;
    }
}

.post .article .content .blocks.two .block.one ol li,
.post .article .content .blocks.two .block.one ul li {
    font-size: 15px;
    letter-spacing: -0.015em;
    line-height: 23px;
    margin: 0 0 1px;
    padding: 0 0 0 20px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one ol li,
    .post .article .content .blocks.two .block.one ul li {
        font-size: 1.0125em;
        letter-spacing: -0.015625em;
        -moz-text-stroke-width: 0.05625px;
        -webkit-text-stroke-width: 0.05625px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.post .article .content .blocks.two .block.one ol li:last-child,
.post .article .content .blocks.two .block.one ul li:last-child {
    margin: 0;
}

.post .article .content .blocks.two .block.one ol li:before,
.post .article .content .blocks.two .block.one ul li:before {
    content: '•';
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.post .article .content .blocks.two .block.one ol li em,
.post .article .content .blocks.two .block.one ul li em {
    color: #757576;
    margin: 0 0 0 8px;
}

.post .article .content .blocks.two .block.one br {
    display: none;
}

.post .article .content .blocks.two .block.one h2 br {
    display: block;
}

/*

.post .article .content .blocks.two .block.one div {
    display: flex;
    float: left;
    justify-content: center;
    width: 100%;
}

*/

.post .article .content .blocks.two .block.one .images {
    float: left;
    margin: 35px 0;
    width: 46.875%;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.one .images {
        width: 53.125%;
    }
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one .images {
        width: 65.625%;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one .images {
        margin: 30px 0;
        width: 78.125%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.one .images {
        width: 92.1875%;
    }
}

.post .article .content .blocks.two .block.one .images .image {
    background-color: #FBFBFC;
    background-position: center 62.5%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    padding: 0 0 56.25%;
    margin: 0 0 15px;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one .images .image {
        padding: 0 0 66.6666%;
    }
}

.post .article .content .blocks.two .block.one .images .text {
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
    margin: 0 1.5625vw;
    width: calc(100% - 3.125vw);
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one .images .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one .images .text {
        margin: 0 2.34375vw;
        width: calc(100% - 4.6875vw);
    }
}

.post .article .content .blocks.two .block.one iframe {
    border: 0 !important;
    border-radius: 12px;
    float: left;
    height: 26.3671vw !important;
    margin: 35px 0;
    top: auto !important;
    width: 46.875% !important;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.one iframe {
        height: 29.8828vw !important;
        width: 53.125% !important;
    }
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one iframe {
        height: 36.9140vw !important;
        width: 65.625% !important;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one iframe {
        height: 43.9453vw !important;
        margin: 30px 0;
        width: 78.125% !important;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.one iframe {
        height: 51.8554vw !important;
        width: 92.1875% !important;
    }
}

.post .article .content .blocks.two .block.one p ~ .buttons {
    margin: 30px 0 40px;
}

.post .article .content .blocks.two .block.one .slider ~ p ~ .buttons {
    margin-top: 0;
}

.post .article .content .blocks.two .block.one .buttons {
    align-content: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    width: auto;
}

.post .article .content .blocks.two .block.one .slider {
    display: block;
    margin: -20px 4.6875% 65px;
    touch-action: pan-y;
    width: 90.625%;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one .slider {
        margin: -20px 4.6875% 55px;
        overflow: visible;
    }
}

.post .article .content .blocks.two .block.one .slider .buttons {
    align-content: center;
    display: block;
    float: right;
    margin: 0 0 25px;
    position: relative;
    right: 1.5625vw;
    width: auto;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.one .slider .buttons {
        margin: 25px 0;
    }
}

.post .article .content .blocks.two .block.one .slider .buttons .button {
    display: block;
    width: 42px;
}

.post .article .content .blocks.two .block.one .slider .slides {
    box-sizing: content-box;
    display: flex;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.post .article .content .blocks.two .block.one .slider .slides .slide {
    flex-shrink: 0;
    margin: 0 14px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(50% - 6px);
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide {
        margin: 0 12px 0 0;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide a {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .banner {
    float: left;
    height: auto;
    margin: 0 0 22px;
    min-height: auto;
    padding: 0;
    position: relative;
    top: auto;
    transition: none;
    -webkit-transition: none;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .images {
    background: #FBFBFC;
    border-radius: 15px;
    float: left;
    height: 0;
    margin: 0 0 18px;
    overflow: hidden;
    padding: 0 0 112.5%;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .images {
        border-radius: 12px;
        margin: 0 0 20px;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .images .image {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    padding: 0 !important;
    position: absolute;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .images .image.one {
    background-size: 87.5% auto;
    left: 0;
}

@media screen and (min-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .images .image.one {
        background-size: 90% auto;
        opacity: 1;
        z-index: 10;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .images .image.two {
    background-size: 96.25% auto;
    left: 100%;
}

@media screen and (min-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .images .image.two {
        opacity: 0;
        z-index: -1;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .banner .pagination {
    display: none;
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .banner .pagination .icons {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .banner .pagination .icons .icon {
    border-radius: 50%;
    float: left;
    height: 4px;
    margin: 0 6px 0 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 4px;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .banner .pagination .icons .icon:nth-child(1) {
    background: #F1E87C;
}

@media screen and (min-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .banner:hover .pagination .icons .icon:nth-child(1) {
        background: #101820;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .banner .pagination .icons .icon:nth-child(2) {
    background: #101820;
}

@media screen and (min-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .banner:hover .pagination .icons .icon:nth-child(2) {
        background: #F1E87C;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .title {
    float: left;
    margin: 0 0 3px;
    width: 87.5%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .title h3.three {
    float: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.375em;
    margin: 0;
    padding: 0;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content {
    float: left;
    margin: 0;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content:before {
    display: none;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks {
    display: block;
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one {
    margin: 0 0 18px;
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one {
        margin: 0 0 20px;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block {
    float: left;
    margin: 0;
    overflow: visible;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.0125em;
    line-height: 20px;
    text-align: left;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: calc(100% - 37px);
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .one,
.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .two {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .one {
    display: none;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.one .block .attributes .attribute .text .two {
    display: block;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two {
    margin: 0 0 25px;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block {
    overflow: visible;
    width: auto;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block:nth-child(2) {
    margin: 0 0 0 35px;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block:nth-child(2):before {
    content: '•';
    font-size: 8px;
    left: -21px;
    position: absolute;
    top: 0;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .price {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .price .text {
    float: left;
    font-size: 14px;
    letter-spacing: -0.0175em;
    line-height: 25px;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .price .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .rating {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .rating .icon {
    float: left;
    font-size: 0.95em;
    line-height: 24px;
    margin: 0 6px 0 0;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .rating .icon {
        font-size: 0.9625em;
        line-height: 24px;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .rating .text {
    float: left;
    font-size: 0.925em;
    letter-spacing: -0.015em;
    line-height: 25px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.two .block .rating .text {
        font-size: 0.95em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.two .block.one .slider .slides .slide .content .blocks.three {
    margin: 0;
}

.post .article .content .blocks.two .block.two {
    border-top: 1px solid #F5F5F6;
    margin: 75px 28.125% 0;
    padding: 25px 0 0;
    width: 43.75%;
}

@media screen and (max-width: 1250px) {
    .post .article .content .blocks.two .block.two {
        margin: 70px 25% 0;
        width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.two {
        margin: 65px 18.75% 0;
        width: 62.5%;
    }
}

@media screen and (max-width: 900px) {
    .post .article .content .blocks.two .block.two {
        margin: 60px 12.5% 0;
        width: 75%;
    }
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.two {
        margin: 60px 6.25% 0;
        width: 87.5%;
    }
}

.post .article .content .blocks.two .block.two .blocks {
    float: left;
    width: 100%;
}

.post .article .content .blocks.two .block.two .blocks .block {
    float: left;
    width: 50%;
}

.post .article .content .blocks.two .block.two .blocks .block .author {
    float: left;
    margin: 1px 0 0;
    width: 100%;
}

.post .article .content .blocks.two .block.two .blocks .block .author .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.two .blocks .block .author .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.two .block.two .blocks .block .date {
    float: left;
    margin: 0 0 1px;
    width: 100%;
}

.post .article .content .blocks.two .block.two .blocks .block .date .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
}

@media screen and (max-width: 1025px) {
    .post .article .content .blocks.two .block.two .blocks .block .date .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.post .article .content .blocks.two .block.two .blocks .block .socials {
    float: right;
}

.post .article .content .blocks.two .block.two .blocks .block .socials .text {
    float: left;
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 20px;
    margin: 10px 22px 10px 0;
}

@media screen and (max-width: 750px) {
    .post .article .content .blocks.two .block.two .blocks .block .socials .text {
        display: none;
    }
}

.post .article .content .blocks.two .block.two .blocks .block .socials .buttons {
    float: left;
}

.post .article .content .blocks.two .block.two .blocks .block .socials .buttons .button.circle {
    border: 1px solid #F3F3F4;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 7px 0 0;
}

.post .article .content .blocks.two .block.two .blocks .block .socials .buttons .button.circle:hover {
    border: 1px solid #101820;
}

.post .article .content .blocks.two .block.two .blocks .block .socials .buttons .button.circle:last-child {
    margin: 0;
}

.post .article .content .blocks.two .block.two .blocks .block .socials .buttons .button.circle .icon .fa-envelope {
    font-size: 13px;
}

.post .related {
    float: left;
    position: relative;
    width: 100%;
}

.post .related .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 65px 0 0;
    overflow: hidden;
    padding: 12px 0 90px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .post .related .container {
        margin: 60px 0 0;
        padding: 12px 0 40px;
    }
}

.post .related .title {
    float: left;
    margin: 0 6.25% 40px;
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .post .related .title {
        margin: 0 6.25% 30px;
    }
}

.post .related .content {
    float: left;
    margin: 0 4.6875%;
    width: 90.625%;
}

.post .related .content .slider {
    float: left;
    width: 100%;
}

.post .related .content .slider .buttons {
    float: left;
    position: absolute;
    right: 6.25%;
    top: 0;
}

.post .related .content .slider .slides {
    float: left;
    width: 100%;
}

.post .related .content .slider .slides .slide {
    float: left;
    margin: 0 24px 0 0;
    width: calc(25% - 18px);
}

@media screen and (max-width: 1025px) {
    .post .related .content .slider .slides .slide {
        margin: 0 20px 0 0;
        width: calc(25% - 15px);
    }
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide {
        margin: 0 18px 50px 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .post .related .content .slider .slides .slide {
        margin: 0 12px 50px 0;
        width: calc(50% - 6px);
    }
}

.post .related .content .slider .slides .slide:nth-child(4) {
    margin: 0;
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide:nth-child(4) {
        margin: 0 18px 0 0;
    }
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide:nth-child(2n) {
        margin: 0 0 50px;
    }
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide:nth-child(3) {
        clear: left;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide:nth-child(4) {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .post .related .content .slider .slides .slide:nth-child(2n) {
        margin: 0 0 50px;
    }
}

@media screen and (max-width: 600px) {
    .post .related .content .slider .slides .slide:nth-child(3) {
        margin: 0 12px 0 0;
    }
}

@media screen and (max-width: 600px) {
    .post .related .content .slider .slides .slide:nth-child(4) {
        margin: 0;
    }
}

.post .related .content .slider .slides .slide .banner {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.post .related .content .slider .slides .slide .banner .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 9px;
    float: left;
    padding: 0 0 62.5%;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide .banner .image {
        padding: 0 0 75%;
    }
}

@media screen and (max-width: 600px) {
    .post .related .content .slider .slides .slide .banner .image {
        padding: 0 0 112.5%;
    }
}

.post .related .content .slider .slides .slide .title {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.post .related .content .slider .slides .slide .title h3.three {
    width: 90%;
}

.post .related .content .slider .slides .slide .content {
    float: left;
    margin: 0;
    width: 100%;
}

.post .related .content .slider .slides .slide .content .blocks {
    float: left;
    width: 100%;
}

.post .related .content .slider .slides .slide .content .blocks .block {
    float: left;
}

.post .related .content .slider .slides .slide .content .blocks .block .category {
    float: left;
    margin: 0 40px 0 0;
    position: relative;
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide .content .blocks .block .category {
        margin: 0 32px 0 0;
    }
}

.post .related .content .slider .slides .slide .content .blocks .block .category:after {
    content: '•';
    font-size: 8px;
    position: absolute;
    right: -22px;
    top: 0;
}

@media screen and (max-width: 900px) {
    .post .related .content .slider .slides .slide .content .blocks .block .category:after {
        right: -18px;
    }
}

.post .related .content .slider .slides .slide .content .blocks .block .category .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.01625em;
    text-align: right;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .post .related .content .slider .slides .slide .content .blocks .block .category .text {
        font-size: 13px;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
    }
}

.post .related .content .slider .slides .slide .content .blocks .block .date {
    float: left;
}

.post .related .content .slider .slides .slide .content .blocks .block .date .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.01625em;
    text-align: right;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .post .related .content .slider .slides .slide .content .blocks .block .date .text {
        font-size: 13px;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
    }
}

.blog .navigation .content .links ul li.alt {
    cursor: default;
    padding: 0 0 0 42px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    .blog .navigation .content .links ul li.alt {
        -moz-text-stroke-width: 0.15px;
        -webkit-text-stroke-width: 0.15px;
    }
}

.blog .navigation .content .links ul li.alt:before {
    background: #F9F9FA;
    border-radius: 50%;
    content: '\f14d';
    display: block;
    font-family: 'icons';
    font-size: 13px;
    height: 32px;
    left: -1px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 17px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 32px;
}

.blog .navigation .content .links ul li.alt:after {
    display: none;
}

.blog .categories {
    float: left;
    width: 100%;
}

.blog .categories .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    position: relative;
    width: 100%;
}

.blog .categories .sections {
    float: left;
    width: 100%;
}

.blog .categories .sections .section {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 55px 0 0;
    padding: 0 0 60px;
    width: 100%;
}

.blog .categories .sections .section.alt {
    margin: 55px 0 0;
    padding: 0 0 25px;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt {
        margin: 45px 0 0;
        padding: 0 0 15px;
    }
}

.blog .categories .sections .section:last-child {
    border-bottom: 0;
    margin-bottom: 40px;
    padding: 0;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section:last-child {
        margin-bottom: 25px;
    }
}

.blog .categories .sections .section .title {
    float: left;
    margin: 0 6.25% 40px;
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section .title {
        margin: 0 6.25% 30px;
    }
}

.blog .categories .sections .section .content {
    float: left;
    margin: 0 4.6875%;
    width: 90.625%;
}

.blog .categories .sections .section .content .blocks {
    float: left;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block {
    float: left;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block .posts {
    float: left;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block .posts .post {
    float: left;
    margin: 0 24px 50px 0;
    width: calc(25% - 18px);
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section .content .blocks .block .posts .post {
        margin: 0 18px 50px 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section .content .blocks .block .posts .post:nth-child(2) {
        margin: 0 0 50px;
    }
}

@media screen and (max-width: 600px) {
    .blog .categories .sections .section .content .blocks .block .posts .post {
        margin: 0 12px 50px 0;
        width: calc(50% - 6px);
    }
}

.blog .categories .sections .section .content .blocks .block .posts .post:last-child {
    margin: 0 0 50px;
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(1) {
    width: calc(50% - 12px);
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(1) {
        margin: 0 0 50px;
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(1) .title h3.three {
        font-size: 15px;
    }
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(2),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(3) {
    width: calc(25% - 18px);
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(2) {
        margin: 0 18px 50px 0;
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(2) {
        margin: 0 12px 50px 0;
        width: calc(50% - 6px);
    }
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(3) {
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 600px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(3) {
        width: calc(50% - 6px);
    }
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(3) {
    margin: 0 0 50px;
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(4) {
    clear: left;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(4) {
        clear: none;
    }
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(2n+1) {
        margin: 0 0 50px;
    }
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(7),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(11),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(15),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(19),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(23),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(27),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(31),
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(35) {
    margin: 0 0 50px;
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(4n) {
    clear: left;
}

.blog .categories .sections .section .content .blocks .block .posts .post a {
    float: left;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block .posts .post .banner {
    float: left;
    margin: 0 0 18px;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block .posts .post .banner .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 9px;
    float: left;
    padding: 0 0 56.25%;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .blog .categories .sections .section .content .blocks .block .posts .post .banner .image {
        padding: 0 0 112.5%;
    }
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(1) .banner .image {
    padding: 0 0 calc(56.25% - 13px);
}

@media screen and (max-width: 600px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(1) .banner .image {
        padding: 0 0 56.25%;
    }
}

.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(2) .banner .image,
.blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(3) .banner .image {
    padding: 0 0 112.5%;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(2) .banner .image,
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(3) .banner .image {
        padding: 0 0 56.25%;
    }
}

@media screen and (max-width: 600px) {
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(2) .banner .image,
    .blog .categories .sections .section.alt .content .blocks .block .posts .post:nth-child(3) .banner .image {
        padding: 0 0 112.5%;
    }
}

.blog .categories .sections .section .content .blocks .block .posts .post .title {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block .posts .post .title h3.three {
    min-height: 39px;
    width: 90%;
}

.blog .categories .sections .section .content .blocks .block .posts .post .content {
    float: left;
    margin: 0;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block .posts .post .content .blocks {
    float: left;
    width: 100%;
}

.blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block {
    float: left;
    width: auto;
}

.blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .category {
    float: left;
    margin: 0 40px 0 0;
    position: relative;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .category {
        margin: 0 32px 0 0;
    }
}

.blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .category:after {
    content: '•';
    font-size: 8px;
    position: absolute;
    right: -22px;
    top: 0;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .category:after {
        right: -18px;
    }
}

.blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .category .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.01625em;
    text-align: right;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .category .text {
        font-size: 13px;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
    }
}

.blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .date {
    float: left;
}

.blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .date .text {
    float: left;
    font-size: 0.825em;
    letter-spacing: -0.01625em;
    text-align: right;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
}

@media screen and (max-width: 1025px) {
    .blog .categories .sections .section .content .blocks .block .posts .post .content .blocks .block .date .text {
        font-size: 13px;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
    }
}

.blog .categories .sections .section .content .blocks .block .buttons {
    display: flex;
    justify-content: center;
    margin: 15px 0 0;
}

.blog .categories .sections .section:last-child .content .blocks .block .buttons {
    margin: 15px 0 50px;
}

@media screen and (max-width: 900px) {
    .blog .categories .sections .section:last-child .content .blocks .block .buttons {
        margin: 15px 0 35px;
    }
}

.resources .banner {
    float: left;
    position: relative;
    width: 100%;
}

.resources .banner .container {
    float: left;
    margin: 0 0 40px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .resources .banner .container {
        margin: 0 0 35px;
    }
}

.resources .banner .content {
    float: left;
    width: 100%;
}

.resources .banner .content .image {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    float: left;
    height: 175px;
    margin: 0 4.6875% 50px;
    width: 90.625%;
}

.resources .banner .content .title {
    float: left;
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .resources .banner .content .title {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.resources .sections {
    float: left;
    position: relative;
    width: 100%;
}

.resources .sections .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    padding: 0 0 100px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .resources .sections .container {
        padding: 0 0 90px;
    }
}

.resources .sections .content {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block {
    float: left;
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .resources .sections .content .blocks .block {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.resources .sections .content .blocks .block .title {
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.resources .sections .content .blocks .block .content {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block .content p:last-child {
    margin: 0;
}

/*

.resources .sections .content .blocks .block .content p:last-child span {
    display: inline-block;
    font-size: 8px;
    margin: 0 9px 0 8px;
    position: relative;
    top: -1px;
}

*/

.resources .sections .content .blocks .block.one {
    float: left;
    padding: 0 3.125% 100px 0;
    position: sticky;
    position: -webkit-sticky;
    top: 155px;
    width: 12.5%;
    margin: 0 0 0 6.25%;
}

@media screen and (max-width: 900px) {
    .resources .sections .content .blocks .block.one {
        border-bottom: 1px solid #F7F7F8;
        margin: 0 6.25% 40px;
        padding: 0 0 50px;
        position: relative;
        top: auto;
        width: 87.5%;
    }
}

.resources .sections .content .blocks .block.one:after {
    background: #F7F7F8;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

@media screen and (max-width: 900px) {
    .resources .sections .content .blocks .block.one:after {
        display: none;
    }
}

.resources .sections .content .blocks .block.one .title {
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .resources .sections .content .blocks .block.one .title {
        margin: 0 0 20px;
    }
}

.resources .sections .content .blocks .block.one .content {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block.one .content ul {
    list-style: none;
}

.resources .sections .content .blocks .block.one .content ul li {
    font-size: 0.8875em;
    letter-spacing: -0.01625em;
    line-height: 21px;
}

@media screen and (max-width: 1025px) {
    .resources .sections .content .blocks .block.one .content ul li {
        font-size: 0.925em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.resources .sections .content .blocks .block.one .content ul li a {
    float: left;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.resources .sections .content .blocks .block.one .content ul li a:hover {
    color: #F1E87C;
}

.resources .sections .content .blocks .block.two {
    float: left;
    margin: 0 3.125%;
    width: 45.3125%;
}

@media screen and (max-width: 1250px) {
    .resources .sections .content .blocks .block.two {
        margin: 0 6.25% 0 3.125%;
        width: 68.75%;
    }
}

@media screen and (max-width: 900px) {
    .resources .sections .content .blocks .block.two {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.resources .sections .content .blocks .block.two .blocks {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block {
    float: left;
    margin: 0 0 50px;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block:last-child {
    margin: 0;
}

.resources .sections .content .blocks .block.two .blocks .block .title {
    float: left;
    margin: 0 0 22px;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block .content {
    float: left;
    margin: 0;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block .content div:last-child {
    margin: 0;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table {
    float: left;
    margin: 5px 0 25px;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table.two {
    margin: 15px 0 25px;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table table {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table table tr td {
    border-bottom: 1px solid #F7F7F8;
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 22px;
    padding: 15px 0 16px;
    vertical-align: top;
}

@media screen and (max-width: 1025px) {
    .resources .sections .content .blocks .block.two .blocks .block .content .table table tr td {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.resources .sections .content .blocks .block.two .blocks .block .content .table table thead tr td {
    border-bottom: 1px solid #F2F2F3;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table table tbody tr:last-child td {
    border-bottom: 0;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table.two table tr td {
    width: 33.3333%;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table table thead tr td {
    padding: 0 0 12px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

.resources .sections .content .blocks .block.two .blocks .block .content .table table tr td ul {
    list-style: none;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text p:last-child {
    margin: 0;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text p.small.two {
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text p.small.two span {
    float: left;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text p.small.two span.one {
    width: 12px;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text p.small.two span.two {
    width: calc(100% - 12px);
}

.resources .sections .content .blocks .block.two .blocks .block .content .text ul {
    list-style: none;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text ul li {
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 21px;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    .resources .sections .content .blocks .block.two .blocks .block .content .text ul li {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.05625px;
        -webkit-text-stroke-width: 0.05625px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.resources .sections .content .blocks .block.two .blocks .block .content .text ul li:last-child {
    margin: 0;
}

.resources .sections .content .blocks .block.two .blocks .block .content .text ul li:before {
    content: '•';
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.resources .sections .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block .blocks .block {
    float: left;
    margin: 0 8% 0 0;
    width: 46%;
}

@media screen and (max-width: 600px) {
    .resources .sections .content .blocks .block .blocks .block {
        margin: 0 0 50px;
        width: 100%;
    }
}

.resources .sections .content .blocks .block .blocks .block:last-child {
    margin: 0;
}

.resources .sections .content .blocks .block .blocks .block .content .table {
    float: left;
    margin: 25px 0 0;
    width: 100%;
}

.resources .sections .content .blocks .block .blocks .block .content .table table {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block .blocks .block .content .table table tr td {
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 22px;
}

@media screen and (max-width: 1025px) {
    .resources .sections .content .blocks .block .blocks .block .content .table table tr td {
        font-size: 0.975em;
        line-height: 23px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.resources .sections .content .blocks .block .blocks .block .blocks {
    float: left;
    width: 100%;
}

.resources .sections .content .blocks .block .blocks .block .blocks .block {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

.resources .sections .content .blocks .block .blocks .block .blocks .block:last-child {
    margin: 0;
}

.resources .sections .content .blocks .block .blocks .block .blocks .block .content .button.medium a {
    border-radius: 12px;
    padding: 11px 25px 12px 40px;
    -webkit-mask-image: none;
}

.resources .sections .content .blocks .block .blocks .block .blocks .block .content .button.medium .text {
    color: #101820;
}

.legal .banner {
    float: left;
    position: relative;
    width: 100%;
}

.legal .banner .container {
    float: left;
    margin: 50px 0 40px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .legal .banner .container {
        margin: 45px 0 35px;
    }
}

.legal .banner .title {
    float: left;
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .legal .banner .title {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.legal .provisions {
    float: left;
    position: relative;
    width: 100%;
}

.legal .provisions .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    padding: 0 0 100px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .legal .provisions .container {
        padding: 0 0 90px;
    }
}

.legal .provisions .content {
    float: left;
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .legal .provisions .content {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.legal .provisions .content .blocks {
    float: left;
    width: 100%;
}

.legal .provisions .content .blocks .block {
    float: left;
    width: 100%;
}

.legal .provisions .content .blocks .block .provision {
    float: left;
    margin: 0 0 40px;
    width: 100%;
}

.legal .provisions .content .blocks .block .provision:last-child {
    margin: 0;
}

.legal .provisions .content .blocks .block .provision .title {
    float: left;
    margin: 0 0 20px;
    width: 100%;
}

.legal .provisions .content .blocks .block .provision .content {
    float: left;
    margin: 0;
    width: 100%;
}

.legal .provisions .content .blocks .block .provision .content p:last-child {
    margin: 0;
}

.error .banner {
    float: left;
    position: relative;
    width: 100%;
}

.error .banner .container {
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 50px 0 0;
    min-height: 175px;
    padding: 0 0 100px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .error .banner .container {
        margin: 45px 0 0;
    }
}

.error .banner .title {
    float: left;
    margin: 0 25% 40px;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .error .banner .title {
        margin: 0 6.25% 35px;
        width: 87.5%;
    }
}

.error .banner .content {
    float: left;
    margin: 0 25%;
    width: 50%;
}

@media screen and (max-width: 900px) {
    .error .banner .content {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.error .banner .content p {
    width: 90%;
}

.bag {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

.bag.delay {
    display: block;
    visibility: visible;
    z-index: 10000;
}

.bag .container {
    background: #FFFFFF;
    bottom: 0;
    box-sizing: border-box;
    float: left;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    width: 31.25%;
    will-change: transform;
    z-index: 1000;
}

@media screen and (max-width: 1250px) {
    .bag .container {
        width: 35.9375%;
    }
}

@media screen and (max-width: 1025px) {
    .bag .container {
        width: 37.5%;
    }
}

@media screen and (max-width: 900px) {
    .bag .container {
        border-radius: 24px 24px 0 0;
        bottom: 0;
        height: calc(100% - 69px);
        left: 0;
        max-width: 100%;
        right: 0;
        top: auto;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .bag.scroll .container {
        height: calc(100% - 70px);
    }
}

.bag.active .container {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    visibility: visible;
}

@media screen and (max-width: 900px) {
    .bag.active .container {
        bottom: 0 !important;
        right: auto;
    }
}

.bag .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .bag .overlay {
        cursor: pointer;
    }
}

.bag.active .overlay {
    opacity: 1;
    z-index: 500;
}

.bag .close {
    cursor: pointer;
    position: absolute;
    left: 7.8125%;
    text-align: center;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .bag .close {
        left: 6.25%;
    }
}

.bag .close .button.circle {
    visibility: inherit;
}

.bag .title {
    margin: 39px 7.8125% 40px calc(7.8125% + 60px);
    width: calc(84.375% - 60px);
}

@media screen and (max-width: 750px) {
    .bag .title {
        margin: 38px 6.25% 40px calc(6.25% + 60px);
        width: calc(87.5% - 60px);
    }
}

.bag .content {
    height: calc(100% - 60px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.bag .content .products {
    float: left;
    height: calc(100% - 187px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.bag.alt .content .products {
    height: calc(100% - 233px);
}

.bag .content .products .blocks {
    float: left;
    width: 100%;
}

.bag .content .products .blocks .block {
    float: left;
    padding: 0 7.8125%;
    width: 84.375%;
}

@media screen and (max-width: 900px) {
    .bag .content .products .blocks .block {
        padding: 0 6.25%;
        width: 87.5%;
    }
}

.bag .content .products .blocks .block.one {
    margin: 0 0 35px;
}

@media screen and (max-width: 900px) {
    .bag .content .products .blocks .block.one {
        margin: 0 0 25px;
    }
}

.bag .content .products .blocks .block.two {
    border-bottom: 1px solid #F5F5F6;
    border-top: 1px solid #F5F5F6;
    margin: 0 0 45px;
    padding: 35px 7.8125%;
}

@media screen and (max-width: 900px) {
    .bag .content .products .blocks .block.two {
        padding: 35px 6.25%;
    }
}

.bag .content .products .blocks .block.three {
    margin: 0 0 45px;
}

.bag .content .products .blocks .block .title {
    margin: 0 0 28px;
    width: 100%;
}

.bag .content .products .blocks .block .content {
    height: auto;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
    width: 100%;
}

.bag .content .products .blocks .block .content .product {
    background: none;
    border-bottom: 1px solid #F7F7F8;
    float: left;
    margin: 0 0 32px;
    min-height: auto;
    padding: 0 0 32px;
    position: relative;
    width: 100%;
}

.bag .content .products .blocks .block.one .content .product:last-child {
    border-bottom: 0;
    padding: 0;
}

.bag .content .products .blocks .block.two .content .product:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.bag .content .products .blocks .block .content .product .image {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    width: 95px;
}

.bag .content .products .blocks .block.one .content .product .image {
    width: 95px;
}

.bag .content .products .blocks .block.two .content .product .image {
    width: 80px;
}

.bag .content .products .blocks .block .content .product .image .background {
    background-color: #FBFBFC;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 8px;
    padding: 0 0 125%;
    width: 100%;
}

.bag .content .products .blocks .block .content .product .content {
    display: block;
    flex-wrap: nowrap;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
    padding: 0;
    position: relative;
}

.bag .content .products .blocks .block.one .content .product .content {
    width: calc(100% - 115px);
}

.bag .content .products .blocks .block.two .content .product .content {
    width: calc(100% - 100px);
}

.bag .content .products .blocks .block .content .product .content .title {
    float: left;
    min-height: 38px;
    max-width: 275px;
}

.bag .content .products .blocks .block.one .content .product .content .title {
    margin: 0 0 10px;
    width: calc(100% - 80px);
}

@media screen and (max-width: 900px) {
    .bag .content .products .blocks .block.one .content .product .content .title {
        margin: 0 0 12px;
    }
}

.bag .content .products .blocks .block.two .content .product .content .title {
    margin: 0 0 8px;
    width: calc(100% - 95px);
}

@media screen and (max-width: 900px) {
    .bag .content .products .blocks .block.two .content .product .content .title {
        margin: 0 0 10px;
    }
}

.bag .content .products .blocks .block.one .content .product .content .labels {
    float: left;
    margin: 18px 0 0;
    width: calc(100% - 80px);
}

.bag .content .products .blocks .block.one .content .product .content .labels .label {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 400;
    letter-spacing: -0.005em;
    line-height: 17px;
    padding: 3px 13px 4px;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
}

@media screen and (max-width: 1025px) {
    .bag .content .products .blocks .block.one .content .product .content .labels .label {
        font-size: 10px;
        padding: 4px 14px 5px;
    }
}

.bag .content .products .blocks .block .content .product .content .price {
    position: absolute;
    right: 0;
    top: 0;
}

.bag .content .products .blocks .block .content .product .content .button.small {
    float: right;
    margin: 5px 0 0;
}

.bag .content .products .blocks .block .content .product .content .attributes {
    float: left;
    width: 100%;
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute {
    float: left;
    width: 100%;
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .icon {
    float: left;
    font-size: 32px;
    line-height: 15px;
    margin: 0 9px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
    width: 25px;
}

@media screen and (max-width: 600px) {
    .bag .content .products .blocks .block .content .product .content .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .text {
    float: left;
    font-size: 0.775em;
    letter-spacing: -0.015em;
    line-height: 18px;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
}

@media screen and (max-width: 1025px) {
    .bag .content .products .blocks .block .content .product .content .attributes .attribute .text {
        font-size: 12px;
        line-height: 19px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.bag .content .products .blocks .block.one .content .product .content .attributes .attribute .text {
    width: 100%;
}

.bag .content .products .blocks .block.two .content .product .content .attributes .attribute .text {
    width: calc(100% - 34px);
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .text .one {
    float: left;
    width: 60px;
}

.bag .content .products .blocks .block .content .product .content .attributes .attribute .text .two {
    float: left;
    width: calc(100% - 60px);
}

.bag .content .products .blocks .block .content .product .content .rating {
    float: left;
    margin: 5px 0 0;
}

.bag .content .products .blocks .block .content .product .content .rating .icon {
    float: left;
    font-size: 0.9em;
    line-height: 19px;
    margin: 0 5px 0 0;
}

.bag .content .products .blocks .block .content .product .content .rating .text {
    float: left;
    font-size: 0.875em;
    letter-spacing: -0.015em;
    line-height: 19px;
}

@media screen and (max-width: 1025px) {
    .bag .content .products .blocks .block .content .product .content .rating .text {
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.bag .content .products .blocks .block .content .product .content .price .text {
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 19px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

@media screen and (max-width: 1025px) {
    .bag .content .products .blocks .block .content .product .content .price .text {
        font-size: 14px;
        line-height: 20px;
        -moz-text-stroke-width: 0.175px;
        -webkit-text-stroke-width: 0.175px;
    }
}

.bag .content .products .blocks .block .content .product .content .price .text span {
    clear: both;
    float: right;
    position: relative;
}

.bag .content .products .blocks .block .content .product .content .price .text span.one {
    color: #757576;
}

.bag .content .products .blocks .block .content .product .content .price .text span.one:before {
    background: #757576;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    z-index: 10;
}

.bag .content .products .blocks .block .content .product .content .quantity {
    float: right;
    margin: 22px 0 0;
    position: relative;
}

@media screen and (max-width: 900px) {
    .bag .content .products .blocks .block .content .product .content .quantity {
        margin: 23px 0 0;
    }
}

.bag .content .products .blocks .block .content .product .content .quantity .remove {
    cursor: pointer;
    float: left;
    margin: 6px 22px 6px 0;
}

.bag .content .products .blocks .block .content .product .content .quantity .remove .text {
    border-bottom: 1px solid #8A8A8B;
    float: left;
    font-size: 9px;
    letter-spacing: -0.015em;
    line-height: 14px;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    .bag .content .products .blocks .block .content .product .content .quantity .remove .text {
        font-size: 10px;
        line-height: 15px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.bag .content .products .blocks .block .content .product .content .quantity .remove .text:hover {
    border-bottom: 1px solid #F1E87C;
    color: #F1E87C;
}

.bag .content .products .blocks .block .content .product .content .quantity .icons {
    float: left;
}

.bag .content .products .blocks .block .content .product .content .quantity .icons .icon {
    cursor: pointer;
    float: left;
    height: 28px;
    position: relative;
    width: 28px;
}

.bag .content .products .blocks .block .content .product .content .quantity .icons .icon .symbol {
    font-size: 12px;
    line-height: 27px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .bag .content .products .blocks .block .content .product .content .quantity .icons .icon .symbol {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.bag .content .products .blocks .block .content .product .content .quantity .icons .icon .border {
    border: 1px solid #F5F5F6;
    border-radius: 50%;
    box-sizing: border-box;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.bag .content .products .blocks .block .content .product .content .quantity .icons .icon:hover .border {
    border: 1px solid #101820;
}

.bag .content .products .blocks .block .content .product .content .quantity .icons .amount {
    float: left;
    width: 30px;
}

.bag .content .products .blocks .block .content .product .content .quantity .icons .amount .text {
    font-size: 0.825em;
    letter-spacing: -0.005em;
    line-height: 28px;
    text-align: center;
    text-indent: -2px;
    -moz-text-stroke-width: 0.01px;
    -webkit-text-stroke-width: 0.01px;
}

@media screen and (max-width: 1025px) {
    .bag .content .products .blocks .block .content .product .content .quantity .icons .amount .text {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.bag .content .products .blocks .block .trustpilot {
    float: left;
    position: relative;
}

.bag .content .products .blocks .block .trustpilot .trustpilot-widget {
    float: none;
    transform: scale(0.9125);
    -webkit-transform: scale(0.9125);
    transform-origin: center;
    -webkit-transform-origin: center;
}

.bag .content .products .blocks .block .trustpilot .trustpilot-widget iframe {
    left: auto;
    top: auto;
}

.bag .content .totals {
    border-top: 1px solid #F5F5F6;
    bottom: 25px;
    float: left;
    margin: 40px 7.8125% 0;
    padding: 20px 0 0;
    position: absolute;
    width: 84.375%;
}

@media screen and (max-width: 900px) {
    .bag .content .totals {
        margin: 40px 6.25% 0;
        width: 87.5%;
    }
}

.bag .content .totals table {
    float: left;
    margin: 0 0 25px;
    width: 100%;
}

.bag .content .totals table tr td {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 23px;
}

@media screen and (max-width: 1025px) {
    .bag .content .totals table tr td {
        font-size: 1.025em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.bag .content .totals table tr td:last-child {
    text-align: right;
}

.bag .content .totals .button.large {
    float: right;
    margin: 0;
}

.bag .overlay {
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .bag .overlay {
        cursor: pointer;
    }
}

.bag.active .overlay {
    opacity: 1;
    z-index: 500;
}

.home #shopify-section-logo-slider {
    display: none;
}

.brands {
    float: left;
    position: relative;
    width: 100%;
}

.brands .container {
    float: left;
    margin: 25px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .brands .container {
        margin: 20px 0;
    }
}

.brands .content {
    float: left;
    height: 80px;
    margin: 0 4.6875% !important;
    width: 90.625% !important;
}

.brands .content .slider {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.brands .content .slider .slides {
    box-sizing: content-box;
    display: flex;
    float: left;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    -webkit-transition-property: transform;
    width: 100%;
    z-index: 1;
}

.brands .content .slider .slides .slide {
    float: left;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: all;
    transition-property: transform;
    -webkit-transition-property: transform;
    width: 12.5% !important;
}

@media screen and (max-width: 1025px) {
    .brands .content .slider .slides .slide {
        width: 16.6666% !important;
    }
}

@media screen and (max-width: 750px) {
    .brands .content .slider .slides .slide {
        width: 25% !important;
    }
}

@media screen and (max-width: 600px) {
    .brands .content .slider .slides .slide {
        width: 50% !important;
    }
}

.brands .content .slider .slides .slide .brand {
    height: 100%;
    position: relative;
    text-align: center;
    width: auto;
}

.brands .content .slider .slides .slide .brand img {
    display: inline-block;
    height: 100%;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    width: auto;
}

.subscribe {
    float: left;
    position: relative;
    width: 100%;
}

.subscribe .container {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .subscribe .container {
        padding: 60px 0;
    }
}

.subscribe .container:before {
    background: #101820;
    border-radius: 15px;
    content: '';
    height: 100%;
    left: 0;
    margin: 0 4.6875%;
    position: absolute;
    top: 0;
    width: 90.625%;
}

@media screen and (max-width: 900px) {
    .subscribe .container:before {
        border-radius: 0;
        margin: 0;
        width: 100%;
    }
}

.subscribe .title {
    float: left;
    margin: 0 6.25% 0 9.375%;
    position: relative;
    width: 15.625%;
    z-index: 10;
}

.subscribe .content {
    float: left;
    margin: 0 12.5%;
    position: relative;
    width: 75%;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .subscribe .content {
        margin: 0 6.25%;
        width: 87.5%;
    }
}

.subscribe .content .blocks {
    float: left;
    width: 100%;
}

.subscribe .content .blocks .block {
    float: left;
}

.subscribe .content .blocks .block:nth-child(1) {
    margin: 0 50px 0 0;
    width: calc(25% - 25px);
}

@media screen and (max-width: 900px) {
    .subscribe .content .blocks .block:nth-child(1) {
        margin: 0 auto 45px;
        text-align: center;
        width: 100%;
    }
}

.subscribe .content .blocks .block:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(50% - 50px);
}

@media screen and (max-width: 900px) {
    .subscribe .content .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.subscribe .content .blocks .block p.large.two {
    max-width: 200px;
}

@media screen and (max-width: 900px) {
    .subscribe .content .blocks .block p.large.two {
        display: inline-block;
    }
}

.subscribe .content .blocks .block .form {
    float: left;
    min-height: auto;
    text-align: left;
    width: 100%;
}

.subscribe .content .blocks .block .form .button.medium.alt {
    margin: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
}

.subscribe .content .blocks .block .form .button.medium.alt .text {
    float: left;
    margin: 0;
    text-align: center;
    width: auto;
}

.subscribe .content .blocks .block .form .button.medium.alt .background {
    background: rgba(255, 255, 255, 0.0625);
}

.subscribe .content .blocks .block .form .button.medium.alt:hover .background {
    background: #F1E87C;
}

.subscribe .content .blocks .block .text {
    float: left;
    margin: 35px 0 0;
    max-width: 375px;
    text-align: center;
    width: 75%;
}

.subscribe.alt {
    background: #FFFFFF;
    border: 1px solid #F4F4F5;
    border-radius: 12px;
    bottom: 20px;
    display: none !important;
    float: left;
    position: fixed;
    right: 20px;
    width: 425px;
    z-index: 50000;
}

@media screen and (min-width: 1750px) {
    .subscribe.alt {
        width: 450px;
    }
}

@media screen and (max-width: 900px) {
    .subscribe.alt {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .subscribe.alt {
        background: none;
        border: 0;
        border-radius: 0;
        bottom: 0;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
    }
}

.subscribe.alt .container {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 500px) {
    .subscribe.alt .container {
        background: #FFFFFF;
        border: 1px solid #F4F4F5;
        border-radius: 12px;
        bottom: 3.90625vw;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 92.1875%;
        z-index: 10;
    }
}

.subscribe.alt .container:before {
    display: none;
}

.subscribe.alt .overlay {
    background: rgba(16, 24, 32, 0.1);
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

@media screen and (max-width: 500px) {
    .subscribe.alt .overlay {
        display: block;
    }
}

.subscribe.alt .content {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 35px;
    position: relative;
    width: 100%;
    z-index: auto;
}

@media screen and (max-width: 500px) {
    .subscribe.alt .content {
        padding: 30px 25px;
    }
}

.subscribe.alt .content .sections {
    float: left;
    width: 100%;
}

.subscribe.alt .content .sections .section {
    float: left;
    width: 100%;
}

.subscribe.alt .content .sections .section.one {
    margin: 0 0 25px;
}

.subscribe.alt .content .sections .section .blocks {
    float: left;
    width: 100%;
}

.subscribe.alt .content .sections .section .blocks .block {
    display: block;
    float: left;
    margin: 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.subscribe.alt .content .sections .section.one .blocks .block[data-block='1'] {
    position: absolute;
    right: -15px;
    top: -15px;
    width: auto;
}

@media screen and (max-width: 500px) {
    .subscribe.alt .content .sections .section.one .blocks .block[data-block='1'] {
        right: -10px;
        top: -15px;
    }
}

.subscribe.alt .content .sections .section.two .blocks .block[data-block='1'] {
    margin: 0 0 15px;
}

.subscribe.alt .content .sections .section.two .blocks .block[data-block='2'] {
    margin: 0 0 35px;
}

.subscribe.alt .content .sections .section .blocks .block .close {
    float: left;
    width: 100%;
}

.subscribe.alt .content .sections .section .blocks .block .close .border {
    background: #FFFFFF;
}

.subscribe.alt .content .sections .section .blocks .block .image {
    float: left;
    width: 100%;
}

.subscribe.alt .content .sections .section .blocks .block .title {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: auto;
}

@media screen and (max-width: 1025px) {
    .subscribe.alt .content .sections .section .blocks .block .title h2.two {
        font-size: 18px;
        line-height: 24px;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
    }
}

.subscribe.alt .content .sections .section .blocks .block .text {
    float: left;
    margin: 0;
    max-width: 100%;
    text-align: left;
    width: 95%;
}

.subscribe.alt .content .sections .section .blocks .block .blocks {
    float: left;
    position: relative;
    width: 100%;
}

.subscribe.alt .content .sections .section .blocks .block .blocks .block {
    float: left;
    position: relative;
    width: 100%;
}

.subscribe.alt .content .sections .section.two .blocks .block .blocks .block[data-block='3B'] {
    display: flex;
    justify-content: center;
}

.subscribe.alt .content .sections .section .blocks .block .blocks .block .form {
    float: left;
    min-height: 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.subscribe.alt .content .sections .section .blocks .block .blocks .block .form .button.medium.alt {
    margin: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
}

.subscribe.alt .content .sections .section .blocks .block .blocks .block .form .button.medium.alt a {
    padding: 7px 23px 8px;
}

.subscribe.alt .content .sections .section .blocks .block .blocks .block .form .button.medium.alt .text {
    max-width: 100%;
}

.subscribe.alt .content .sections .section .blocks .block .blocks .block .form .button.medium.alt .background {
    background: #101820;
}

.subscribe.alt .content .sections .section .blocks .block .blocks .block .form .button.medium.alt:hover .background {
    background: #F1E87C;
}

.subscribe.alt .content .sections .section.two .blocks .block .blocks .block[data-block='3B'] .text {
    margin: 17px 0 0;
    text-align: center;
    width: 75%;
}

.trustpilot {
    float: left;
    position: relative;
    width: 100%;
}

.trustpilot .container {
    float: left;
    margin: 0 0 45px;
    overflow: hidden;
    padding: 55px 0 80px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .trustpilot .container {
        padding: 42px 0 82px;
    }
}

.trustpilot .container:after {
    background: #F7F7F8;
    bottom: 0;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    .trustpilot .container:after {
        width: 100%;
    }
}

.trustpilot .content {
    display: flex;
    float: left;
    justify-content: center;
    margin: 0 6.25%;
    width: 87.5%;
}

.trustpilot .content .blocks {
    display: flex;
    float: left;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks {
        display: block;
    }
}

.trustpilot .content .blocks .block {
    float: left;
}

.trustpilot .content .blocks .block:nth-child(1) {
    margin: 0 25px 0 0;
    width: 250px;
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block:nth-child(1) {
        margin: 0 0 60px;
        width: 100%;
    }
}

.trustpilot .content .blocks .block:nth-child(2) {
    width: calc(100% - 275px);
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.trustpilot .content .blocks .block .trustpilot-widget {
    height: 130px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block .trustpilot-widget {
        height: 140px;
        top: auto;
        transform: none;
        -webkit-transform: none;
    }
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block .trustpilot-widget iframe {
        left: 7px;
        top: auto;
    }
}

.trustpilot .content .blocks .block .navigation {
    float: left;
    height: 100%;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition: none;
    -webkit-transition: none;
    visibility: visible;
    width: 100%;
    z-index: auto;
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block .navigation {
        height: auto;
        left: auto;
        right: 3.5714%;
        right: 0;
        top: -60px;
        transform: none;
        -webkit-transform: none;
        width: auto;
        z-index: auto;
    }
}

.trustpilot .content .blocks .block .navigation .buttons {
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block .navigation .buttons {
        top: auto;
        transform: none;
        -webkit-transform: none;
    }
}

.trustpilot .content .blocks .block .navigation .buttons .button.circle.border.one {
    float: left;
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block .navigation .buttons .button.circle.border.one {
        margin: 0 7px 0 0;
    }
}

.trustpilot .content .blocks .block .navigation .buttons .button.circle.border.two {
    float: right;
}

.trustpilot .content .blocks .block .slider {
    float: left;
    height: 100%;
    left: 65px;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    width: calc(100% - 130px);
}

@media screen and (max-width: 900px) {
    .trustpilot .content .blocks .block .slider {
        left: auto;
        overflow: visible;
        width: 100%;
    }
}

.trustpilot .content .blocks .block .slider .slides {
    box-sizing: content-box;
    display: flex;
    float: left;
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0, 0);
    -webkit-transform: translate3d(0px, 0, 0);
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.trustpilot .content .blocks .block .slider .slides .slide {
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0 19px 0 0;
    position: relative;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition-property: transform;
    width: calc(33.3333% - 13px);
}

@media (max-width: 900px) {
    .trustpilot .content .blocks .block .slider .slides .slide {
        margin: 0 15px 0 0;
        width: calc(50% - 8px);
    }
}

@media (max-width: 600px) {
    .trustpilot .content .blocks .block .slider .slides .slide {
        margin: 0 12px 0 0;
        width: calc(50% - 6px);
    }
}

.trustpilot .content .blocks .block .slider .slides .slide .review {
    border: 1px solid #F7F7F8;
    border-radius: 12px;
    box-sizing: border-box;
    float: left;
    margin: 0 0 1px;
    padding: 32px 30px 33px;
    position: relative;
    width: 100%;
}

@media (max-width: 900px) {
    .trustpilot .content .blocks .block .slider .slides .slide .review {
        padding: 30px 30px 35px;
    }
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks {
    display: block;
    float: left;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block {
    float: left;
    margin: 0;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block:nth-child(1) {
    margin: 0 0 22px;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block:nth-child(2) {
    margin: 0 0 10px;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile {
    float: left;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks {
    display: flex;
    float: left;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block {
    float: left;
    margin: 0;
    position: relative;
    width: auto;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block:nth-child(1) {
    height: 40px;
    margin: 0 15px 0 0;
    width: 40px;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block .initials {
    background: #101820;
    border-radius: 50%;
    color: #FFFFFF;
    float: left;
    font-size: 0.7625em;
    font-weight: 400;
    height: 40px;
    letter-spacing: 0.01em;
    line-height: 39px;
    text-align: center;
    width: 40px;
}

@media screen and (max-width: 1025px) {
    .trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block .initials {
        font-size: 0.8em;
        letter-spacing: 0.0125em;
        line-height: 40px;
        -moz-text-stroke-width: 0.0625px;
        -webkit-text-stroke-width: 0.0625px;
    }
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block .text {
    float: left;
    font-size: 0.8625em;
    line-height: 1.4375em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1025px) {
    .trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block .text {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block .text span {
    float: left;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block .text .one {
    font-weight: 500;
    letter-spacing: -0.0125em;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .profile .blocks .block .text .two {
    font-weight: 400;
    letter-spacing: -0.01em;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .rating {
    float: left;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .rating .blocks {
    float: left;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .rating .blocks .block {
    float: left;
    margin: 0 10px 0 0;
    width: auto;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .rating .blocks .block:last-child {
    margin: 0;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .rating .blocks .block .stars {
    float: left;
    height: 20px;
    width: 100px;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .title {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .title p {
    font-size: 0.9625em;
    font-weight: 500;
    letter-spacing: -0.018125em;
    line-height: 1.35em;
    margin: 0;
}

@media screen and (max-width: 1025px) {
    .trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .title p {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.05625px;
        -webkit-text-stroke-width: 0.05625px;
        transform: scale(0.99375);
        -webkit-transform: scale(0.99375);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .text {
    float: left;
    width: 100%;
}

.trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .text p {
    font-size: 0.9125em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 1.475em;
    margin: 0;
}

@media screen and (max-width: 1025px) {
    .trustpilot .content .blocks .block .slider .slides .slide .review .blocks .block .text p {
        font-size: 0.975em;
        letter-spacing: -0.015625em;
        line-height: 1.56875em;
        -moz-text-stroke-width: 0.0375px;
        -webkit-text-stroke-width: 0.0375px;
        transform: scale(0.975);
        -webkit-transform: scale(0.975);
        transform-origin: top left;
        -webkit-transform-origin: top left;
    }
}

.trustpilot .content .blocks .block .pagination {
    bottom: -35px;
    display: flex;
    float: left;
    justify-content: center;
    left: calc(50% - 24px);
    position: absolute;
    width: auto;
}

.trustpilot .content .blocks .block .pagination .icons {
    display: flex;
    float: left;
    justify-content: center;
    width: auto !important;
}

.trustpilot .content .blocks .block .pagination .icons .icon {
    background: #101820;
    border-radius: 50%;
    float: left;
    height: 8px;
    position: relative;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 8px;
}

.trustpilot .content .blocks .block .pagination .icons .icon:last-child {
    margin: 0;
}

.trustpilot .content .blocks .block .pagination .icons .icon.active {
    margin: 0 2px;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.trustpilot .content .blocks .block .pagination .icons .icon.active-main {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.trustpilot .content .blocks .block .pagination .icons .icon.active-prev {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
}

.trustpilot .content .blocks .block .pagination .icons .icon.active-prev-prev {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
}

.trustpilot .content .blocks .block .pagination .icons .icon.active-next {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
}

.trustpilot .content .blocks .block .pagination .icons .icon.active-next-next {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
}

footer {
    float: left;
    position: relative;
    width: 100%;
    z-index: 10;
}

footer .container {
    float: left;
    margin: 0 0 45px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 600px) {
    footer .container {
        margin: 0 0 58px;
    }
}

@media screen and (max-width: 425px) {
    footer .container {
        margin: 0 0 45px;
    }
}

footer .content {
    float: left;
    margin: 0 6.25%;
    width: 87.5%;
}

@media screen and (max-width: 900px) {
    footer .content {
        margin: 0;
        width: 100%;
    }
}

footer .content .blocks.one {
    float: left;
    margin: 0 0 45px;
    width: 100%;
}

footer .content .blocks.one .block {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks {
    float: left;
    margin: 0;
    width: 100%;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks {
        display: flex;
        flex-wrap: wrap;
    }
}

footer .content .blocks.one .block .links .blocks .block {
    margin: 0 50px 0 0;
    width: calc(20% - 30px);
}

@media screen and (max-width: 1250px) {
    footer .content .blocks.one .block .links .blocks .block {
        margin: 0;
        width: 20%;
    }
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block:nth-child(1) {
        border-bottom: 1px solid #F7F7F8;
        margin: 0 0 35px;
        padding: 0 0 40px 6.25%;
        width: 43.75%;
    }
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block:nth-child(2) {
        border-bottom: 1px solid #F7F7F8;
        margin: 0 0 35px;
        padding: 0 6.25% 40px 0;
        width: 43.75%;
    }
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block:nth-child(3) {
        border-bottom: 1px solid #F7F7F8;
        margin: 0 0 35px;
        padding: 0 6.25% 40px;
        width: 87.5%;
    }
}

footer .content .blocks.one .block .links .blocks .block:nth-child(4) {
    margin: 0;
    width: calc(40% - 102px);
}

@media screen and (max-width: 1250px) {
    footer .content .blocks.one .block .links .blocks .block:nth-child(4) {
        width: calc(40% - 42px);
    }
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block:nth-child(4) {
        border-bottom: 1px solid #F7F7F8;
        margin: 0 0 35px;
        padding: 0 6.25% 40px;
        width: 87.5%;
    }
}

footer .content .blocks.one .block .links .blocks .block:nth-child(5) {
    margin: 0;
    width: 42px;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block:nth-child(5) {
        padding: 0 6.25%;
        width: 87.5%;
    }
}

footer .content .blocks.one .block .links .blocks .block .title {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .title.online h4.three:after {
    background: #F1E87C;
    border-radius: 11px;
    color: #101820;
    content: 'Online';
    display: inline;
    font-size: 9px;
    margin: 0 0 0 12px;
    padding: 4px 11px 4px 10px;
    position: relative;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    top: -1px;
}

@media screen and (max-width: 1025px) {
    footer .content .blocks.one .block .links .blocks .block .title.online h4.three:after {
        font-size: 10px;
        padding: 4px 12px 5px 11px;
    }
}

footer .content .blocks.one .block .links .blocks .block .content {
    float: left;
    margin: 0;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .content ul li {
    float: left;
    font-size: 0.8375em;
    letter-spacing: -0.01375em;
    line-height: 1.5625em;
    list-style: none;
    -moz-text-stroke-width: 0.01px;
    -webkit-text-stroke-width: 0.01px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    footer .content .blocks.one .block .links .blocks .block .content ul li {
        font-size: 0.875em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

footer .content .blocks.one .block .links .blocks .block .content ul li:hover {
    color: #F1E87C;
}

footer .content .blocks.one .block .links .blocks .block .content ul li a {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .content .links {
    float: left;
    margin: 0 0 35px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block .content .links {
        margin: 0;
        width: 50%;
    }
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block .content .button.medium {
        margin: -3px 0 0;
    }
}

footer .content .blocks.one .block .links .blocks .block .content .button.medium a {
    border-radius: 12px;
    padding: 11px 25px 12px 40px;
    -webkit-mask-image: none;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block .content .button.medium a {
        padding: 10px 25px 11px 40px;
    }
}

footer .content .blocks.one .block .links .blocks .block .content .button.medium .text {
    color: #101820;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .block {
    border-bottom: 0;
    margin: 0;
    padding: 0;
    width: 50%;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .block:last-child {
    margin: 0;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .locations {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .locations .block .location {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .locations .block .location .icon {
    float: left;
    margin: 3px 10px 15px 0;
    width: 30px;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .locations .block .location .icon img {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .locations .block .location .title {
    float: left;
    margin: 3px 0 15px;
    width: calc(100% - 40px);
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .locations .block .location .title h5.two {
    line-height: 30px;
}

footer .content .blocks.one .block .links .blocks .block .content .blocks .locations .block .location .text {
    float: left;
    width: 90%;
}

footer .content .blocks.one .block .links .blocks .block .socials {
    float: left;
    margin: 1px 0 0;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .socials .buttons {
    float: left;
    width: 100%;
}

footer .content .blocks.one .block .links .blocks .block .socials .buttons .button.circle {
    border: 1px solid #F3F3F4;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 0 7px;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block .socials .buttons .button.circle {
        margin: 0 7px 0 0;
    }
}

footer .content .blocks.one .block .links .blocks .block .socials .buttons .button.circle:hover {
    border: 1px solid #101820;
}

footer .content .blocks.one .block .links .blocks .block .socials .buttons .button.circle:last-child {
    display: none;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.one .block .links .blocks .block .socials .buttons .button.circle:last-child {
        display: block;
    }
}

footer .content .blocks.two {
    display: flex;
    float: left;
    width: 100%;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.two {
        display: block;
    }
}

footer .content .blocks.two .block {
    float: left;
    width: 50%;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.two .block {
        margin: 0 6.25% 35px;
        width: 87.5%;
    }
}

@media screen and (max-width: 900px) {
    footer .content .blocks.two .block:last-child {
        margin: 0 6.25%;
    }
}

footer .content .blocks.two .block .legal {
    float: left;
    width: 100%;
}

footer .content .blocks.two .block .legal .content {
    margin: 0;
    width: 100%;
}

footer .content .blocks.two .block .legal .content .links {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

footer .content .blocks.two .block .legal .content .links ul li {
    float: left;
    font-size: 0.8375em;
    letter-spacing: -0.01375em;
    line-height: 1.5625em;
    list-style: none;
    margin: 0 25px 0 0;
    -moz-text-stroke-width: 0.01px;
    -webkit-text-stroke-width: 0.01px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}

@media screen and (max-width: 1025px) {
    footer .content .blocks.two .block .legal .content .links ul li {
        font-size: 0.875em;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

footer .content .blocks.two .block .legal .content .links ul li:last-child {
    margin: 0;
}

footer .content .blocks.two .block .legal .content .links ul li:hover {
    color: #F1E87C;
}

footer .content .blocks.two .block .legal .content .links ul li a {
    float: left;
    width: 100%;
}

footer .content .blocks.two .block .legal .content .text {
    float: left;
    max-width: 525px;
    width: 100%;
}

footer .content .blocks.two .block .legal .content .monogram {
    float: left;
    margin: 28px 0 18px;
    width: 100%;
}

footer .content .blocks.two .block .legal .content .monogram img {
    float: left;
    width: 22px;
}

footer .content .blocks.two .block .payment {
    bottom: 5px;
    float: left;
    position: absolute;
    right: 0;
    width: 100%;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.two .block .payment {
        bottom: auto;
        position: relative;
        right: auto;
    }
}

footer .content .blocks.two .block .payment .content {
    float: left;
    margin: 0;
    width: 100%;
}

footer .content .blocks.two .block .payment .content .logos {
    float: right;
}

@media screen and (max-width: 900px) {
    footer .content .blocks.two .block .payment .content .logos {
        float: left;
    }
}

footer .content .blocks.two .block .payment .content .logos .logo {
    border: 1px solid #F5F5F6;
    border-radius: 8px;
    box-sizing: border-box;
    float: left;
    height: 35px;
    margin: 0 5px 0 0;
    position: relative;
    width: 58px;
}

@media screen and (max-width: 750px) {
    footer .content .blocks.two .block .payment .content .logos .logo {
        margin: 0 5px 5px 0;
    }
}

@media screen and (max-width: 425px) {
    footer .content .blocks.two .block .payment .content .logos .logo:nth-child(5) {
        clear: left;
    }
}

@media screen and (max-width: 750px) {
    footer .content .blocks.two .block .payment .content .logos .logo:nth-child(5),
    footer .content .blocks.two .block .payment .content .logos .logo:nth-child(6) {
        margin: 0 5px 0 0;
    }
}

footer .content .blocks.two .block .payment .content .logos .logo:last-child {
    margin: 0;
}

@media screen and (max-width: 425px) {
    footer .content .blocks.two .block .payment .content .logos .logo:last-child {
        margin: 0 0 5px;
    }
}

footer .content .blocks.two .block .payment .content .logos .logo img {
    float: left;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 45px;
}

.hidden {
    display: none !important;
}

.shopify-section {
    float: left;
    position: relative;
    width: 100%;
}

.no-js.product-form__option {
    display: none;
}

.hmi-index-bag {
    z-index: -1;
}

.hmi-index {
    z-index: 500;
}

.header__action-item-link,
.header__action-item-content {
    height: 100%;
}

.icon-state .icon-state__secondary {
    display: none;
}

#shopify-section-footer ~ div:nth-last-child(3),
#shopify-section-footer ~ div:nth-last-child(4) {
    z-index: 500 !important;
}

#shopify-section-footer ~ div:nth-last-child(3),
#shopify-section-footer ~ div:nth-last-child(4) {
    right: calc(4.1015625% - 56px) !important;
}

@media screen and (min-height: 750px) {
    #shopify-section-footer ~ div:nth-last-child(3),
    #shopify-section-footer ~ div:nth-last-child(4) {
        bottom: 25px !important;
    }
}

@media screen and (min-height: 825px) {
    #shopify-section-footer ~ div:nth-last-child(3),
    #shopify-section-footer ~ div:nth-last-child(4) {
        bottom: 30px !important;
    }
}

@media screen and (max-width: 1250px) {
    #shopify-section-footer ~ div:nth-last-child(3),
    #shopify-section-footer ~ div:nth-last-child(4) {
        right: calc(4.6875% - 50px) !important;
    }
}

@media screen and (max-width: 1025px) {
    #shopify-section-footer ~ div:nth-last-child(3),
    #shopify-section-footer ~ div:nth-last-child(4) {
        right: calc(4.6875% - 30px) !important;
    }
}

@media screen and (max-width: 750px) {
    #shopify-section-footer ~ div:nth-last-child(3),
    #shopify-section-footer ~ div:nth-last-child(4) {
        bottom: 20px !important;
        right: calc(6.25% - 27px) !important;
    }
}

@media screen and (max-width: 900px) {
    #shopify-section-footer ~ div iframe {
        left: inherit !important;
        top: inherit !important;
    }
}

i:before {
    margin: 0 !important;
}

.shop.collection .navigation .content .links ul.one li a {
    text-transform: capitalize;
}

.shop.collection.collection-grout-and-sealant .navigation .content .links ul.one li:last-child a:before {
    content: 'Grout & Sealant';
    font-size: 12px;
}

.shop.collection.collection-grout-and-sealant .navigation .content .links ul.one li:last-child a {
    font-size: 0;
}

.bag .content .totals .note {
    background: #FBFBFC;
    border-radius: 8px;
    box-sizing: border-box;
    float: left;
    font-size: 12px;
    letter-spacing: -0.015em;
    line-height: 18px;
    padding: 16px 25px 17px;
    text-align: center;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .bag .content .totals .note {
        -moz-text-stroke-width: 0.075px;
        -webkit-text-stroke-width: 0.075px;
    }
}

.bag .content .totals .note .text {
    margin: 0 auto;
    max-width: 250px;
}

/*

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider.alt .slides .slide .product .content .blocks.two .block:nth-child(1) {
    display: none;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider.alt .slides .slide .product .content .blocks.two .block:nth-child(2) {
    margin: 0;
}

.home .categories .category.one .content .blocks .block.three .blocks .block .products .slider.alt .slides .slide .product .content .blocks.two .block:nth-child(2):before {
    display: none;
}

*/

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .terms .term[value='Transparent & Silver'] .swatch {
    background-color: none;
    background-image: url('https://www.hemway.com/cdn/shop/files/Transparent_SilverSwatch_11738bec-8a84-47b7-8fe2-f975d7108ed7.jpg?height=1500');
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .terms .term[value='Transparent & Silver Holographic'] .swatch {
    background-color: none;
    background-image: url('https://www.hemway.com/cdn/shop/files/Transparent_SilverHoloSwatch_20568300-8697-4f5c-ac88-a902f3d33c1e.jpg?height=1500');
}

.product .overview .content .blocks.three .block .fields .attributes .attribute.color .content .modal .content .terms .term[value='Transparent & Black Holographic'] .swatch {
    background-color: none;
    background-image: url('https://www.hemway.com/cdn/shop/files/Transparent_BlackHoloSwatch_92deff6a-09a5-4c3e-bce7-650cfaba4a42.jpg?height=1500');
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms {
    flex-wrap: wrap;
    float: left;
    display: flex;
    width: calc(100% + 14px);
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term {
    border-radius: 15px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    float: left;
    justify-content: center;
    margin: 0 14px 25px 0;
    padding: 17px 20px 30px;
    position: relative;
    width: calc(50% - 14px);
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term {
        padding: 17px 17px 30px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms.alt .term {
    margin: 0 14px 14px 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms.alt .term:nth-child(3),
.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms.alt .term:nth-child(4) {
    margin: 0 14px 25px 0;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .border {
    border: 1px solid #F0F0F1;
    border-radius: 15px;
    box-sizing: border-box;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term.selected .border {
    border: 1px solid #757576;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks {
    float: left;
    position: static;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term:before {
    background: #F1E87C;
    border-radius: 13px;
    bottom: -11px;
    color: #101820;
    display: none;
    float: left;
    font-size: 0.625em;
    letter-spacing: -0.0025em;
    line-height: 17px;
    padding: 3px 13px 4px;
    position: absolute;
    -moz-text-stroke-width: 0.05px;
    -webkit-text-stroke-width: 0.05px;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term:before {
        bottom: -12px;
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.1px;
        -webkit-text-stroke-width: 0.1px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term[value='200g / 7.1oz']:before,
.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term[value='260g / 9.2oz']:before {
    display: block;
    content: 'Save';
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term[value='A5 Peel & Stick Sample']:before {
    display: block;
    content: '4 For 3';
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term[data-variant_id='45414667747496']:before,
.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term[data-variant_id='45414664929448']:before,
.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term[data-variant_id='45414637502632']:before,
.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term[data-variant_id='45414638649512']:before {
    display: block;
    content: '3 For 2';
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block {
    display: flex;
    flex-wrap: wrap;
    float: left;
    justify-content: center;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block:nth-child(1) {
    margin: 0 0 15px;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block:nth-child(1) {
        margin: 0 0 12px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block:nth-child(4) {
    bottom: -11px;
    position: absolute;
    width: calc(100% - 40px);
    z-index: 10;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .image {
    float: left;
    width: 115px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .image img {
    float: left;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .title {
    float: left;
    margin: 0 0 1px;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .title {
        margin: 0 0 8px;
    }
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .title {
        min-height: 38px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .title.alt {
    min-height: auto;
    width: 130px;
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute[data-product-type='Glitter Shaker'] .content .terms .term .blocks .block .title {
        min-height: 19px;
    }
}

@media screen and (max-width: 600px) {
    .product .overview .content .blocks.three .block .fields .attributes [data-product-type='sealant'] ~ .attribute .content .terms .term .blocks .block .title {
        min-height: 19px;
    }
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .price {
    float: left;
    text-align: center;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .price span {
    font-size: 0.9em;
    font-weight: 400;
    letter-spacing: -0.01625em;
    line-height: 19px;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .highlights {
    display: flex;
    float: left;
    justify-content: center;
    width: 100%;
}

.product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .highlights .highlight {
    background: #F1E87C;
    border-radius: 13px;
    color: #101820;
    float: left;
    font-size: 0.625em;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 17px;
    padding: 3px 13px 4px;
}

@media screen and (max-width: 1025px) {
    .product .overview .content .blocks.three .block .fields .attributes .attribute .content .terms .term .blocks .block .price .highlights .highlight {
        font-size: 10px;
        padding: 4px 14px 5px;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.legislation {
    float: left;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.legislation.active {
    opacity: 1;
    z-index: 10000;
}

.legislation .container {
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
}

.legislation .content {
    background: #FFFFFF;
    border-radius: 15px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    padding: 25px 35px 44px;
    bottom: 30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 500px;
    z-index: 10;
}

@media screen and (max-width: 600px) {
    .legislation .content {
        width: 92.1875%;
    }
}

.legislation .content .blocks {
    float: left;
    width: 100%;
}

.legislation .content .blocks .block {
    float: left;
    width: 100%;
}

.legislation .content .blocks .block:nth-child(1) {
    margin: 0 0 20px;
}

.legislation .content .blocks .block .blocks {
    float: left;
    width: 100%;
}

.legislation .content .blocks .block .blocks .block {
    width: auto;
}

.legislation .content .blocks .block .blocks .block:nth-child(1) {
    float: left;
    margin: 13px 0;
}

.legislation .content .blocks .block .blocks .block:nth-child(2) {
    float: right;
    margin: 0;
}

.legislation .content .blocks .block .blocks .block .title {
    float: left;
    width: 100%;
}

.legislation .content .blocks .block .text {
    float: left;
    width: 100%;
}

.legislation .content .blocks .block .text p.small.one:last-child {
    margin: 0;
}

.legislation .overlay {
    background: rgba(16, 24, 32, 0.1);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}

@media screen and (max-width: 1025px) {
    .legislation .overlay {
        cursor: pointer;
    }
}

.legislation.active .overlay {
    opacity: 1;
    z-index: 1;
}

@media screen and (max-width: 900px) {
    div iframe {
        left: 22px;
        top: 8px;
    }
}

#afterpay-modal-component #afterpay-modal,
#afterpay-modal-component #afterpay-modal .modal-content {
    outline: none !important;
}

klarna-placement {
    cursor: pointer;
    float: right;
    height: 100%;
    left: 50%;
    line-height: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10;
}

klarna-placement::part(osm-container) {
    background: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #101820;
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    left: 50%;
    line-height: 12px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
}

@media screen and (max-width: 1025px) {
    klarna-placement::part(osm-container) {
        top: 1px !important;
    }
}

klarna-placement::part(osm-message) {
    font-size: 0;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}

klarna-placement::part(osm-logo) {
    display: none;
}

klarna-placement::part(osm-cta) {
    background: none;
    border: 0;
    color: #101820;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-size: 0;
    font-weight: 400;
    height: 100%;
    left: 50%;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    white-space: normal;
    width: 100%;
}

klarna-placement::part(osm-cta):before {
    background: #F5F5F6;
    border: 0;
    border-radius: 50%;
    color: #101820;
    content: '?';
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-size: 8px;
    font-weight: 500;
    height: 19px;
    line-height: 19px;
    padding: 0;
    position: absolute;
    right: 6px;
    text-align: center;
    text-decoration: none;
    -moz-text-stroke-width: 0.125px;
    -webkit-text-stroke-width: 0.125px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    top: 50%;
    white-space: normal;
    width: 19px;
}

klarna-placement:hover::part(osm-cta):before {
    background: #101820;
    color: #FFFFFF;
}

klarna-placement::part(osm-legal) {
    color: #101820;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
}

#google-merchantwidget-iframe-wrapper {
    z-index: 2500 !important;
}

#google-merchantwidget-iframe-wrapper iframe {
    z-index: 2500 !important;
}

#google-merchantwidget-iframe-wrapper.active:after {
    background: #FFFFFF;
    border-radius: 12px;
    color: #5E5E5E;
    content: 'Free delivery';
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 12px;
    left: 24px;
    letter-spacing: 0.0142857143em;
    line-height: 1.25rem;
    padding: 2px 8px 3px;
    position: absolute;
    top: 278px;
    z-index: 5000 !important;
}

@media screen and (max-width: 900px) {
    #google-merchantwidget-iframe-wrapper.active:after {
        top: 278px;
    }
}

.shop .collection .submenu.alt .content .links.three ul li.one-liter-34floz .title.alt:before,
.shop .collection .submenu.alt .content .links.three ul li.two-half-liter-84floz .title.alt:before,
.shop .collection .submenu.alt .content .links.three ul li.a5-peel-stick-sample .title.alt:before {
    font-family: 'icons';
    font-size: 24px;
    left: -2px;
    line-height: 24px;
    position: relative;
}

.shop .collection .submenu.alt .content .links.three ul li.one-liter-34floz .title.alt:before,
.shop .collection .submenu.alt .content .links.three ul li.two-half-liter-84floz .title.alt:before {
    content: '\f154';
    top: 5px;
}

.shop .collection .submenu.alt .content .links.three ul li.a5-peel-stick-sample .title.alt:before {
    content: '\f16f';
    top: 6px;
}

.shop .collection .submenu.alt .content .links.three ul li.shape .title:before {
    float: left;
    font-family: 'shapes';
    font-size: 21px;
    line-height: 21px;
    margin: 18px 0 12px;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .shop .collection .submenu.alt .content .links.three ul li.shape .title:before {
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.shop .collection .submenu.alt .content .links.three ul li.shape.cloud .title:before {
    content: '\0041';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.diamond .title:before {
    content: '\0042';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.dolphin .title:before {
    content: '\0043';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.four-point-star .title:before {
    content: '\0044';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.heart .title:before {
    content: '\0045';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.lightning .title:before {
    content: '\0046';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.maple-leaf .title:before {
    content: '\0047';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.mickey .title:before {
    content: '\0048';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.milkshake .title:before {
    content: '\0049';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.north-star .title:before {
    content: '\004a';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.puzzle .title:before {
    content: '\004b';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.smiling-face .title:before {
    content: '\004c';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.snowflake .title:before {
    content: '\004d';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.square .title:before {
    content: '\004e';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.star .title:before {
    content: '\004f';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.triangle .title:before {
    content: '\0050';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.unicorn .title:before {
    content: '\0051';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.butterfly .title:before {
    content: '\0052';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.chocolate-drop .title:before {
    content: '\0053';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.christmas-tree .title:before {
    content: '\0054';
}

.shop .collection .submenu.alt .content .links.three ul li.shape.circle .title:before {
    content: '\0055';
}

.shop .collection .submenu.alt .content .links.three ul li.one-liter-34floz .title.alt h4.four,
.shop .collection .submenu.alt .content .links.three ul li.two-half-liter-84floz .title.alt h4.four {
    top: calc(50% - 13px);
}

.shop .collection .submenu.alt .content .links.three ul li.a5-peel-stick-sample .title.alt h4.four,
.shop .collection .submenu.alt .content .links.three ul li.shape .title.alt h4.four {
    top: calc(50% - 6px);
}

.shop .collection .submenu.alt .content .links ul li.one-liter-34floz .title h4.four.alt:after,
.shop .collection .submenu.alt .content .links ul li.two-half-liter-84floz .title h4.four.alt:after {
    content: ' Tin';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.one-liter-34floz .title:before,
.shop .collection .filters .content .attributes .attribute.three .content ul li.two-half-liter-84floz .title:before,
.shop .collection .filters .content .attributes .attribute.three .content ul li.a5-peel-stick-sample .title:before {
    font-family: 'icons';
    font-size: 24px;
    left: -2px;
    line-height: 24px;
    position: relative;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.one-liter-34floz .title:before,
.shop .collection .filters .content .attributes .attribute.three .content ul li.two-half-liter-84floz .title:before {
    content: '\f154';
    top: 1px;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.a5-peel-stick-sample .title:before {
    content: '\f16f';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape .title {
    margin: 0;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape .title:before {
    float: left;
    font-family: 'shapes';
    font-size: 21px;
    line-height: 21px;
    margin: 1px 0 12px;
    position: relative;
    -moz-text-stroke-width: 0.1px;
    -webkit-text-stroke-width: 0.1px;
    width: 100%;
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.cloud .title:before {
    content: '\0041';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.diamond .title:before {
    content: '\0042';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.dolphin .title:before {
    content: '\0043';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.four-point-star .title:before {
    content: '\0044';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.heart .title:before {
    content: '\0045';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.lightning .title:before {
    content: '\0046';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.maple-leaf .title:before {
    content: '\0047';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.mickey .title:before {
    content: '\0048';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.milkshake .title:before {
    content: '\0049';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.north-star .title:before {
    content: '\004a';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.puzzle .title:before {
    content: '\004b';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.smiling-face .title:before {
    content: '\004c';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.snowflake .title:before {
    content: '\004d';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.square .title:before {
    content: '\004e';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.star .title:before {
    content: '\004f';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.triangle .title:before {
    content: '\0050';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.unicorn .title:before {
    content: '\0051';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.butterfly .title:before {
    content: '\0052';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.chocolate-drop .title:before {
    content: '\0053';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.christmas-tree .title:before {
    content: '\0054';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.shape.circle .title:before {
    content: '\0055';
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.one-liter-34floz .title h4.four.alt,
.shop .collection .filters .content .attributes .attribute.three .content ul li.two-half-liter-84floz .title h4.four.alt,
.shop .collection .filters .content .attributes .attribute.three .content ul li.shape .title h4.four.alt {
    top: calc(50% - 6px);
}

@media screen and (max-width: 1250px) {
    .shop .collection .filters .content .attributes .attribute.three .content ul li.one-liter-34floz .title h4.four.alt,
    .shop .collection .filters .content .attributes .attribute.three .content ul li.two-half-liter-84floz .title h4.four.alt,
    .shop .collection .filters .content .attributes .attribute.three .content ul li.shape .title h4.four.alt {
        top: calc(50% - 7px);
    }
}

.shop .collection .filters .content .attributes .attribute.three .content ul li.one-liter-34floz .title.alt h4.four.alt:after,
.shop .collection .filters .content .attributes .attribute.three .content ul li.two-half-liter-84floz .title.alt h4.four.alt:after {
    content: ' Tin';
}

.about .timeline {
    float: left;
    height: calc(100vh - 75px);
    min-height: 750px;
    overscroll-behavior: contain;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .about .timeline {
        height: auto;
    }
}

.about .timeline .container {
    float: left;
    height: calc(100vh - 75px);
    overflow: hidden;
    position: sticky;
    position: -webkit-sticky;
    top: 75px;
    touch-action: pan-y;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .about .timeline .container {
        height: auto;
        position: relative;
        top: auto;
    }
}

.about .timeline .content {
    backface-visibility: hidden;
    display: flex;
    float: left;
    justify-content: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0);
    width: 100%;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .about .timeline .container {
        transition: none;
        -webkit-transition: none;
    }
}

@media screen and (max-width: 1025px) {
    .about .timeline .content {
        margin: 50px 0 0;
        top: auto;
        transform: none;
        -webkit-transform: none;
        will-change: auto;
    }
}

@media screen and (max-width: 900px) {
    .about .timeline .content {
        margin: 35px 0 0;
    }
}

.about .timeline .content .sections {
    display: flex;
    float: left;
    width: 90.625%;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections {
        flex-wrap: wrap;
        max-width: 400px;
    }
}

@media screen and (max-width: 600px) {
    .about .timeline .content .sections {
        max-width: 450px;
    }
}

.about .timeline .content .sections .section {
    display: flex;
    flex: 0 0 auto;
    float: left;
    margin: 0 32px 0 0;
    width: 400px;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section {
        margin: 0 0 50px;
        width: 100%;
    }
}

.about .timeline .content .sections .section:last-child {
    margin: 0;
    padding: 0 4.6875vw 0 0;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section:last-child {
        margin: 0 0 35px;
        padding: 0;
    }
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section[data-section='1'] {
        min-height: 460px;
    }
}

.about .timeline .content .sections .section .blocks {
    float: left;
    height: 100%;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block {
    float: left;
    height: 100%;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events {
    float: left;
    height: 100%;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block {
    float: left;
    height: 100%;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks {
    float: left;
    height: 100%;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block {
    float: left;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block[data-block='1'] {
    height: auto;
    margin: 0 0 21px;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block[data-block='1'] {
        margin: 0 0 20px;
    }
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block[data-block='2'] {
    background: #FBFBFC;
    border-radius: 12px;
    box-sizing: border-box;
    height: calc(100% - 60px);
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block[data-block='2']:before {
    content: '';
    height: 4px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%) scaleY(0.875);
    -webkit-transform: translateX(-50%) scaleY(0.875);
    width: calc(100% - 70px);
}

@media screen and (max-width: 900px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block[data-block='2']:before {
        width: calc(100% - 64px);
    }
}

.about .timeline .content .sections .section[data-style='milestone'] .blocks .block .events .block .blocks .block[data-block='2']:before {
    background: #F1E87C;
}

.about .timeline .content .sections .section[data-style='product'] .blocks .block .events .block .blocks .block[data-block='2']:before {
    background: #94A8CC;
}

.about .timeline .content .sections .section[data-style='press'] .blocks .block .events .block .blocks .block[data-block='2']:before {
    background: #F3A9DD;
}

.about .timeline .content .sections .section[data-style='partnership'] .blocks .block .events .block .blocks .block[data-block='2']:before {
    background: #85DAB1;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .date {
    float: left;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .date .icon {
    float: left;
    left: 50%;
    position: absolute;
    top: -13px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .date .icon .one {
    border-radius: 50%;
    height: 4px;
    left: 50%;
    margin: -2px 0 0 -2px;
    position: absolute;
    top: 50%;
    width: 4px;
    z-index: 10;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .date .icon .two {
    animation: animationOne 1.5s ease-out;
    -webkit-animation: animationOne 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    border-radius: 50%;
    height: 24px;
    left: 10%;
    margin: -12px 0 0 -12px;
    position: absolute;
    width: 24px;
    z-index: 1;
}

.about .timeline .content .sections .section[data-style='milestone'] .blocks .block .events .block .blocks .block .date .icon .one {
    background: #F1E87C;
}

.about .timeline .content .sections .section[data-style='milestone'] .blocks .block .events .block .blocks .block .date .icon .two {
    background: rgba(241, 232, 124, 0.275);
}

.about .timeline .content .sections .section[data-style='product'] .blocks .block .events .block .blocks .block .date .icon .one {
    background: #94A8CC;
}

.about .timeline .content .sections .section[data-style='product'] .blocks .block .events .block .blocks .block .date .icon .two {
    background: rgba(148, 168, 204, 0.275);
}

.about .timeline .content .sections .section[data-style='press'] .blocks .block .events .block .blocks .block .date .icon .one {
    background: #F3A9DD;
}

.about .timeline .content .sections .section[data-style='press'] .blocks .block .events .block .blocks .block .date .icon .two {
    background: rgba(243, 169, 221, 0.275);
}

.about .timeline .content .sections .section[data-style='partnership'] .blocks .block .events .block .blocks .block .date .icon .one {
    background: #85DAB1;
}

.about .timeline .content .sections .section[data-style='partnership'] .blocks .block .events .block .blocks .block .date .icon .two {
    background: rgba(133, 218, 177, 0.275);
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .date .text {
    float: left;
    font-family: InterVariable, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1;
    font-optical-sizing: auto;
    font-size: 0.875em;
    font-weight: 465;
    letter-spacing: -0.01875em;
    line-height: 1.375em;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block .date .text {
        font-size: 0.9em;
        font-weight: 515;
        letter-spacing: -0.02em;
    }
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .date .text span {
    display: block;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event {
    float: left;
    height: 100%;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks {
    display: flex;
    height: auto;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks {
    height: 100%;
    justify-content: center;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block {
    display: flex;
    height: auto;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2A'] {
    float: left;
    width: 100%;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2A'] {
    display: none;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] {
    width: calc(100% - 70px);
}

@media screen and (max-width: 900px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] {
        width: calc(100% - 60px);
    }
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2A'],
.about .timeline .content .sections .section[data-section='2'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2A'] {
    order: 1;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'],
.about .timeline .content .sections .section[data-section='2'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] {
    margin: 33px 35px 50px;
    order: 2;
}

@media screen and (max-width: 900px) {
    .about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'],
    .about .timeline .content .sections .section[data-section='2'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] {
        margin: 30px 32px 45px;
    }
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.about .timeline .content .sections .section[data-section='3'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2A'] {
    order: 2;
}

.about .timeline .content .sections .section[data-section='3'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] {
    margin: 38px 35px 45px;
    order: 1;
}

@media screen and (max-width: 900px) {
    .about .timeline .content .sections .section[data-section='3'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] {
        margin: 30px 32px 45px;
    }
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .title {
    display: inline-block;
    height: 50px;
    position: absolute;
}

.about .timeline .content .sections .section[data-section='2'] .blocks .block .events .block .blocks .block .event .blocks .block .title {
    bottom: -52px;
    left: -7px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: left top;
    -webkit-transform-origin: left top;
}

.about .timeline .content .sections .section[data-section='3'] .blocks .block .events .block .blocks .block .event .blocks .block .title {
    left: 0;
    top: -50px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .banner {
    float: left;
    padding: 0 0 56.25%;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .banner .image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks {
    display: flex;
    float: left;
    height: auto;
    width: 100%;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block[data-block='2B'] .blocks {
    justify-content: center;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block {
    display: block;
    float: left;
    height: auto;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(1) {
    width: 50px;
}

.about .timeline .content .sections .section[data-section='2'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(1) {
    margin: 0 20px 0 0;
    order: 1;
}

.about .timeline .content .sections .section[data-section='3'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(1) {
    margin: 0 0 0 20px;
    order: 2;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(2) {
    width: calc(100% - 70px);
}

@media screen and (max-width: 900px) {
    .about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(2) {
        width: 100%;
    }
}

.about .timeline .content .sections .section[data-section='2'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(2) {
    margin: 0;
    order: 2;
}

.about .timeline .content .sections .section[data-section='3'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(2) {
    order: 1;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block {
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block:nth-child(1) {
    display: none;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BA'] {
    margin: 0 0 15px;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BB'] {
    margin: 0 0 20px;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BD'] {
    margin: 10px 0 0;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block {
    display: block;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BA'] {
    display: flex;
    justify-content: center;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BE'] {
    margin: 18px 0 0;
}

.about .timeline .content .sections .section[data-section='2'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BE'],
.about .timeline .content .sections .section[data-section='3'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BE'] {
    margin: 23px 0 0;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block[data-block='2BF'] {
    margin: 35px 0 0;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons {
    float: left;
    height: 40px;
    position: relative;
    width: 32px;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon {
    float: left;
    font-size: 32px;
    line-height: 32px;
    position: absolute;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='1'] {
    color: #101820;
    cursor: pointer;
    left: 0;
    top: 0;
    z-index: 10;
}

.about .timeline .content .sections .section[data-style='milestone'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon.active[data-icon='1'] {
    animation: animationTwoOne 1.5s ease-out;
    -webkit-animation: animationTwoOne 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.about .timeline .content .sections .section[data-style='press'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon.active[data-icon='1'] {
    animation: animationTwoTwo 1.5s ease-out;
    -webkit-animation: animationTwoTwo 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.about .timeline .content .sections .section[data-style='partnership'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon.active[data-icon='1'] {
    animation: animationTwoThree 1.5s ease-out;
    -webkit-animation: animationTwoThree 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='2'] {
    left: 5px;
    top: -5px;
    z-index: 1;
}

.about .timeline .content .sections .section[data-style='milestone'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='2'] {
    color: #F1E87C;
}

.about .timeline .content .sections .section[data-style='press'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='2'] {
    color: #F3A9DD;
}

.about .timeline .content .sections .section[data-style='partnership'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='2'] {
    color: #85DAB1;
}

/*

.about .timeline .content .sections .section[data-style='milestone'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='2'] {
    animation: animationThreeOne 1.5s ease-out;
    -webkit-animation: animationThreeOne 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.about .timeline .content .sections .section[data-style='press'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='2'] {
    animation: animationThreeTwo 1.5s ease-out;
    -webkit-animation: animationThreeTwo 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.about .timeline .content .sections .section[data-style='partnership'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .icons .icon[data-icon='2'] {
    animation: animationThreeThree 1.5s ease-out;
    -webkit-animation: animationThreeThree 1.5s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

*/

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .title {
    bottom: auto;
    float: left;
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    transform: none;
    transform-origin: center;
    width: 100%;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .title {
    text-align: center;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .title h2.six {
    font-size: calc(44px);
    letter-spacing: -0.05875em;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .title h2.six {
        font-size: calc(42px);
        letter-spacing: -0.06em;
    }
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .title h3.one {
    font-size: 1.04375em;
    line-height: 1.3075em;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .title h3.one {
        font-size: 1.05em;
    }
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .title h3.one span {
    display: block;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes {
    float: left;
    width: 100%;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute {
    float: left;
    font-size: 0.8875em;
    line-height: 20px;
    letter-spacing: -0.0125em;
    -moz-text-stroke-width: 0.025px;
    -webkit-text-stroke-width: 0.025px;
    width: 90%;
}

@media screen and (max-width: 1025px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute {
        font-size: 0.8875em;
        -moz-text-stroke-width: 0.05px;
        -webkit-text-stroke-width: 0.05px;
    }
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute .icon {
    float: left;
    font-size: 34px;
    line-height: 16px;
    margin: 0 10px 0 0;
    position: relative;
    -moz-text-stroke-width: 1.5px;
    -webkit-text-stroke-width: 1.5px;
    -moz-text-stroke-color: #FBFBFC;
    -webkit-text-stroke-color: #FBFBFC;
    width: 27px;
}

@media screen and (max-width: 600px) {
    .about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute .icon {
        margin: 0 8px 0 0;
    }
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute .icon span {
    float: left;
    letter-spacing: -11px;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute .icon span:nth-child(1) {
    color: #94A8CC;
    margin: 0 0 0 -4px;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute .icon span:nth-child(2) {
    color: #F1E87C;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute .icon span:nth-child(3) {
    color: #F3A9DD;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .attributes .attribute .text {
    float: left;
    width: calc(100% - 37px);
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .text {
    float: left;
    width: 100%;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .text {
    text-align: center;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .text p:last-child {
    margin: 0;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .text p {
    line-height: 1.4875em;
}

.about .timeline .content .sections .section .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .buttons {
    float: left;
    width: 100%;
}

.about .timeline .content .sections .section[data-section='1'] .blocks .block .events .block .blocks .block .event .blocks .block .blocks .block .blocks .block .buttons {
    display: flex;
    justify-content: center;
}