.footer a:hover,
.standard-page a:hover {
    text-decoration: underline
}

@font-face {
    font-family: 'American Typewriter Condensed';
    src: url("fonts/AmericanTypewriter-CondensedBold.woff2") format("woff2"), url("fonts/AmericanTypewriter-CondensedBold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'American Typewriter';
    src: url("fonts/AmericanTypewriter.woff2") format("woff2"), url("fonts/AmericanTypewriter.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Bebas Neue';
    src: url("fonts/BebasNeueBold.woff2") format("woff2"), url("fonts/BebasNeueBold.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Bebas Neue';
    src: url("fonts/BebasNeueRegular.woff2") format("woff2"), url("fonts/BebasNeueRegular.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.header .shopping .saved-tint-drop-down .tint-color-percentage:hover::before,
.posts-page .title,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: visible;
    margin-bottom: 3rem
}

.btn,
.button.alt,
.button:not(.alt),
.woocommerce-MyAccount-navigation-link a {
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 14px 27px 12px !important;
    color: #fff !important;
    font-size: 2rem;
    font-weight: 700;
    text-decoration: none;
    background: #f2a6a8 !important;
    line-height: 1.2;
    cursor: pointer;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    border-radius: 0 !important;
    letter-spacing: calc((100 * .66) / 1000 * 1em);
    -webkit-appearance: none
}

.header,
header.site-header ul {
    display: -webkit-box;
    display: -ms-flexbox
}

.mc-field-group label,
p {
    font-size: 1.8rem;
    color: #000
}

.blog-title,
.footer .two-column__column a,
.mc-field-group input,
.mc-field-group label,
header.site-header,
p {
    font-family: "American Typewriter"
}

.btn:not(:last-child),
.button.alt:not(:last-child),
.button:not(:last-child):not(.alt),
.woocommerce-MyAccount-navigation-link a:not(:last-child) {
    margin-right: 20px
}

.btn:hover,
.button.alt:hover,
.button:hover:not(.alt),
.woocommerce-MyAccount-navigation-link a:hover {
    background: #0b4c42 !important;
    color: #fff !important
}

.btn-alt.button.alt,
.btn.btn-alt,
.button:not(.alt),
.woocommerce-MyAccount-navigation-link a.btn-alt {
    background: #b99e66 !important;
    color: #fff !important
}

.btn-alt.button.alt:hover,
.btn.btn-alt:hover,
.button:hover:not(.alt),
.woocommerce-MyAccount-navigation-link a.btn-alt:hover {
    background: #b99e66 !important
}

.btn-alt.button.alt:not(:disabled):hover,
.btn.btn-alt:not(:disabled):hover,
.button:not(:disabled):hover:not(.alt),
.woocommerce-MyAccount-navigation-link a.btn-alt:not(:disabled):hover {
    background: #f2a6a8 !important
}

.btn-arrow.button.alt,
.btn-arrow.button:not(.alt),
.btn.btn-arrow,
.woocommerce-MyAccount-navigation-link a.btn-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-arrow.button.alt::after,
.btn-arrow.button:not(.alt)::after,
.btn.btn-arrow::after,
.woocommerce-MyAccount-navigation-link a.btn-arrow::after {
    content: '';
    background: url("images/svgs/down-arrow-white.svg") no-repeat;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 15px;
    width: 15px;
    display: block;
    margin-left: 10px;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(87deg) brightness(107%) contrast(112%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(87deg) brightness(107%) contrast(112%)
}

.btn.disabled,
.disabled.button.alt,
.disabled.button:not(.alt),
.woocommerce-MyAccount-navigation-link a.disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.btn.disabled:hover,
.disabled.button.alt:hover,
.disabled.button:hover:not(.alt),
.woocommerce-MyAccount-navigation-link a.disabled:hover {
    background: #f2a6a8
}

header.site-header {
    position: fixed;
    z-index: 10;
    width: 50vw
}

header.site-header .header-full-width {
    width: 100vw
}

.applicator-hero,
header.site-header .container {
    height: 100%
}

header.site-header ul {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header.site-header li:last-child {
    margin-right: 5rem
}

.header .shopping .saved-tint-drop-down .saved-colours-text .link,
header.site-header li a:hover,
header.site-header li.current-menu-item a {
    color: #f2a6a8
}

header.site-header li a {
    display: block;
    font-family: "Bebas Neue";
    font-size: 1.5em;
    letter-spacing: .2rem
}

header.site-header .open-menu-btn {
    display: none;
    position: relative;
    cursor: pointer
}

header.site-header .open-menu-btn .bar {
    display: block;
    height: 3px;
    width: 30px;
    background: #0b4c42;
    margin: 5px auto
}

header.site-header .open-menu-btn .con,
header.site-header .open-menu-btn .con .bar {
    -webkit-transition: .3s;
    transition: .3s
}

header.site-header .open-menu-btn .con .middle {
    margin: 0 auto
}

header.site-header .clicked .bar {
    background-color: #f2a6a8
}

header.site-header .clicked .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg)
}

header.site-header .clicked .bottom {
    -webkit-transform: translateY(-8px) rotateZ(-45deg);
    transform: translateY(-8px) rotateZ(-45deg)
}

header.site-header .clicked .middle {
    width: 0
}

.header,
.social-bar {
    -webkit-box-align: center
}

.header {
    text-transform: uppercase;
    display: flex;
    max-height: 160px;
    width: 50vw;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 50;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header .logo {
    margin-left: 3vw;
    width: 10rem;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.header .logo .logo-mobile {
    display: none
}

#newsletter-bar #mc_embed_signup_scroll,
.header .shopping,
.hero-container.tints-container,
.product-container .label-container,
.testimonial .slider-image,
.work .work-btn,
.wpcf7 .wpcf7-form .contact-btn,
.wpcf7-acceptance input span label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header .shopping .qty-icon {
    background-color: #f2a6a8;
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
    font-family: "Bebas Neue";
    font-size: 1.4rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .shopping .qty-icon.qty-icon-first {
    margin-left: -3rem;
    margin-top: -.6rem;
    z-index: 3
}

.header .shopping .qty-icon.qty-icon-second {
    margin-left: 1rem;
    margin-top: -.6rem;
    position: relative;
    z-index: 3
}

.header .shopping .heart-logo {
    height: 2.6rem;
    width: 2.1rem;
    margin-right: 2.3rem;
    cursor: pointer;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    z-index: 1;
    margin-top: 2px
}

.header .shopping .heart-logo.grow {
    -webkit-transform: scale(1.8) rotate(-10deg);
    transform: scale(1.8) rotate(-10deg)
}

.header .shopping .basket-logo:hover,
.header .shopping .heart-logo:hover,
.social a:hover,
.social-bar a:hover {
    -webkit-filter: brightness(0%) saturate(100%) invert(72%) sepia(13%) saturate(1012%) hue-rotate(308deg) brightness(101%) contrast(90%);
    filter: brightness(0%) saturate(100%) invert(72%) sepia(13%) saturate(1012%) hue-rotate(308deg) brightness(101%) contrast(90%)
}

.header .shopping .basket-logo {
    height: 2.1rem;
    width: 2.5rem;
    position: relative;
    left: 2rem;
    z-index: 1;
    cursor: pointer;
    margin-top: 2px
}

.header .shopping .saved-tint-drop-down {
    border: 2px solid #000;
    border-radius: .5rem;
    position: fixed;
    top: 10rem;
    left: 58rem;
    background-color: #fdffff;
    display: none;
    z-index: 30
}

.header .shopping .saved-tint-drop-down .btn,
.header .shopping .saved-tint-drop-down .button.alt,
.header .shopping .saved-tint-drop-down .button:not(.alt),
.header .shopping .saved-tint-drop-down .woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link .header .shopping .saved-tint-drop-down a {
    margin-top: 20px
}

.header .shopping .saved-tint-drop-down .saved-colours-text {
    white-space: nowrap;
    text-transform: initial
}

.header .shopping .saved-tint-drop-down .saved-colours-text .link:hover {
    color: #b99e66;
    text-decoration: underline
}

.header .shopping .saved-tint-drop-down::before {
    content: '';
    background: url("images/saved-icon-modal.svg") no-repeat;
    width: 1.2rem;
    height: .9rem;
    display: block;
    position: absolute;
    top: -.3em;
    left: 2.8rem
}

.header .shopping .saved-tint-drop-down .tint-percentage,
.header .shopping .saved-tint-drop-down .tint-title {
    font-size: 1.6rem;
    color: #0b4c42;
    font-family: "Bebas Neue";
    font-weight: 700;
    padding: 0 1rem
}

.header .shopping .saved-tint-drop-down .tint-color-percentage-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header .shopping .saved-tint-drop-down .saved-tint-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .shopping .saved-tint-drop-down .saved-tint-container:not(:last-child) {
    margin-bottom: 2rem
}

.header .shopping .saved-tint-drop-down .tint-color-percentage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
    position: relative;
    cursor: pointer
}

.header .shopping .saved-tint-drop-down .tint-color-percentage .tint-color {
    height: 4.7rem;
    width: 4.7rem
}

.header .shopping .saved-tint-drop-down .tint-color-percentage::before {
    content: '';
    position: absolute;
    height: 1.8rem;
    width: 1.8rem;
    background: url("images/clear-button.svg") center/contain no-repeat;
    opacity: 1;
    display: none;
    z-index: 10;
    top: 1.5rem;
    left: 2.5rem
}

.header .shopping .saved-tint-drop-down .saved-tint-drop-down-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    max-height: 500px;
    padding: 2.7rem 3rem 3rem
}

.header .shopping .saved-tint-drop-down .saved-tint-drop-down-container::-webkit-scrollbar {
    display: none
}

@media screen and (max-width:1488px) {
    .header .shopping .saved-tint-drop-down {
        left: 58.6rem
    }
    .header .shopping .saved-tint-drop-down::before {
        left: 5rem
    }
}

.drop-down {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.drop-down::after {
    content: '';
    position: absolute;
    background: url("images/nav-arrow.svg") no-repeat;
    width: 1.7rem;
    height: 1.1rem;
    display: block;
    top: 4.5rem
}

.social-bar {
    position: fixed;
    top: 8rem;
    left: -14rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 41.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.social-bar .facebook {
    height: 23px;
    width: 12px;
    margin-left: 3px
}

.social-bar .twitter {
    height: 16px;
    width: 20px;
    margin-top: 1.5rem
}

.social-bar .insta {
    height: 20px;
    width: 20px;
    margin-top: 2.5rem
}

.social-bar .pinterest {
    height: 23px;
    width: 25px;
    margin-left: -3px;
    position: relative;
    top: 1.5rem
}

.social-bar__line {
    border-bottom: .12rem solid #328f99;
    width: 15rem;
    margin-right: 2rem;
    margin-left: 3rem
}

.social-bar__myzen {
    margin-left: 1rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.social-bar a {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 1.5rem;
    width: 2rem;
    -webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(350%) hue-rotate(137deg) brightness(93%) contrast(96%);
    filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(350%) hue-rotate(137deg) brightness(93%) contrast(96%)
}

.box {
    height: 2rem;
    width: 2rem;
    margin-right: 1rem
}

.header-navbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 625px;
    width: calc(100% - 15vw)
}

@media screen and (max-width:1350px) {
    .header-navbar-container {
        margin-left: 1vw;
        margin-right: 1vw
    }
    .layout-four .column,
    .layout-one .column,
    .layout-three .column,
    .layout-two .column {
        padding: 20rem 6rem 0
    }
}

@media screen and (max-width:1199px) {
    .header-navbar-container {
        margin-left: 5vw
    }
}

.modal-overlay {
    background-color: #000;
    width: 100vw;
    height: 100vh
}

.newsletter-container p,
.wpcf7,
.wpcf7 div,
nav,
nav .menu-main-container {
    width: 100%
}

nav {
    margin-left: 2vw
}

.map-embed,
.map-embed iframe {
    width: 100%;
    height: 600px
}

.wpcf7 textarea {
    max-width: 100%
}

.wpcf7 div {
    float: left
}

.wpcf7 div p {
    padding-top: 10px;
    padding-left: 10px
}

.wpcf7-response-output {
    margin: 0 !important
}

.social img,
.social__line-2 {
    margin-left: 4rem
}

.wpcf7-not-valid-tip {
    position: relative;
    display: inline-block !important;
    margin-bottom: 20px;
    z-index: 2;
    background: #f85b50;
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: .8em !important
}

.wpcf7-not-valid-tip::after {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    background: #f85b50;
    position: absolute;
    top: -5px;
    left: calc(50% - 6px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.footer .two-column,
.formation-badge {
    display: -webkit-box;
    display: -ms-flexbox
}

.footer .bcg-gradient,
.formation-badge {
    position: relative
}

.search-results-page .result:not(:last-child),
.wpcf7-recaptcha {
    margin-bottom: 20px
}

.bcg-2,
.footer,
.selected-color {
    background-color: #328f99
}

.contact-us-container .column .address-container .address,
.footer .column .sign-up-title,
.footer .heading-primary--main,
.footer-container,
.newsletter-container input[type=email],
.newsletter-container input[type=text] {
    text-align: center
}

.footer .heading-primary--footer {
    margin-bottom: 1rem;
    cursor: pointer
}

.footer .heading-primary--footer:hover,
.product-container .additional-options-container .options-title:hover,
.product-container .label-container .tab-title-selected,
.product-container .label-container .tab-title:hover,
.scroll-btn.scroll-btn-alt:hover {
    color: #f2a6a8
}

.footer .copyright {
    margin-bottom: 0 !important
}

.footer .column,
.mc-field-group,
.newsletter-container,
.two-column__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.footer button {
    margin-right: 0;
    border: none
}

.footer .column {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer .column .heading-primary--main {
    padding-bottom: 3.5rem;
    width: 75%;
    cursor: pointer
}

.footer .bcg-gradient::before {
    position: absolute;
    top: -10rem;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(190, 217, 214, 0)), to(#bed9d6));
    background: linear-gradient(180deg, rgba(190, 217, 214, 0) 0, #bed9d6 100%);
    height: 10rem;
    width: 100%
}

.footer .two-column {
    display: flex;
    width: 70%;
    margin: 0 auto 2rem;
    color: #fff
}

.footer .two-column__column,
.paint-can-block .icon-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.color-applicator .steps,
.footer .two-column__column ul {
    margin-bottom: 2rem
}

.footer .two-column__column a {
    color: #fff
}

.formation-badge {
    padding: 2rem 0;
    background-color: #0b4c42;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2
}

.footer-header__logo,
.social {
    display: -webkit-box;
    display: -ms-flexbox
}

.social {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3em
}

.social .facebook {
    height: 23px;
    width: 12px
}

.social .twitter {
    height: 16px;
    width: 20px
}

.social .insta {
    height: 20px;
    width: 20px
}

.social .pinterest {
    height: 19px;
    width: 25px
}

.social__line,
.social__line-2 {
    width: 15%;
    border-bottom: .12rem solid #fff
}

.social img {
    width: 1.5rem
}

.footer-header__logo {
    margin-bottom: 6rem;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-account-container,
.menu-footer-container,
.menu-policies-container,
.menu-porducts-container,
.menu-shop-container {
    width: 100%;
    text-align: center
}

.color-block.color-block-alt,
.hero__title,
.menu-account-container,
.menu-footer-container,
.testimonial .slider-image .lisa-img,
.wpcf7-response-output,
article ul {
    margin-bottom: 3rem
}

.wpcf7-form-control-wrap {
    position: inherit
}

.increment-price .button-container,
.mail-chimp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mail-chimp input,
.page-template .woocommerce form.checkout_coupon,
.page-template .woocommerce form.login,
.page-template .woocommerce form.register {
    border: none
}

.newsletter-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter-container .btn:hover,
.newsletter-container .button.alt:hover,
.newsletter-container .button:hover:not(.alt),
.newsletter-container .woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link .newsletter-container a:hover {
    text-decoration: none
}

.mc-field-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.mc-field-group label {
    text-align: center;
    margin-bottom: 2rem;
    line-height: 1.7
}

.mc-field-group input {
    color: #4f4f4f;
    background-color: #fff;
    border: .12rem solid #328f99;
    font-size: 1.6rem;
    padding: 1.7rem;
    width: 75%;
    margin: 0 auto 3rem
}

.footer-content {
    padding: 8rem 0;
    position: relative;
    z-index: 3
}

.testimonial-footer .column {
    padding-top: 0 !important
}

.testimonial-footer .heading-primary--sub-title {
    text-align: left !important
}

@media screen and (max-width:1200px) {
    header.site-header {
        background-color: #fff;
        width: 100%;
        border-bottom: 1px solid #eee
    }
    .header {
        width: 100vw
    }
    .header .logo {
        width: 8rem
    }
    .header .shopping .saved-tint-drop-down {
        right: 8.1rem;
        left: auto;
        top: 10rem
    }
    .header .shopping .saved-tint-drop-down::before {
        left: auto;
        right: 1rem
    }
    .social-bar {
        display: none
    }
    .footer .footer-container {
        height: auto;
        max-height: 0;
        overflow: hidden;
        text-align: center;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }
    .footer .footer-container.show-footer {
        max-height: 1000px
    }
    .footer .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .footer .column {
        background-color: #fff;
        padding: 7rem 3rem
    }
    .footer .two-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .footer .two-column__column {
        width: 100%;
        margin-bottom: 3rem
    }
    .testimonial-footer .column {
        padding-bottom: 0 !important
    }
}

@media screen and (max-width:700px) {
    header.site-header li {
        margin-left: 0;
        text-align: center
    }
    header.site-header .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .header .logo .logo-desktop,
    .header .shopping .saved-tint-drop-down::before,
    header.site-header .popup-trigger {
        display: none
    }
    header.site-header .menu-main-container {
        height: 100vh;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    header.site-header nav {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        overflow: auto;
        -webkit-transform: translate3d(0, -100vh, 0);
        transform: translate3d(0, -100vh, 0);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }
    header.site-header nav.open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 35
    }
    header.site-header ul {
        display: block
    }
    header.site-header li:last-child {
        margin-right: 0
    }
    header.site-header .open-menu-btn {
        display: block;
        position: absolute;
        right: 2.5rem;
        z-index: 36
    }
    header.site-header .logo a {
        padding: 0
    }
    .header {
        padding: 1rem 0;
        height: 6rem
    }
    .header .logo {
        margin-left: 2.5rem
    }
    .header .logo .logo-mobile {
        display: block;
        width: 55px
    }
    .header .shopping .saved-tint-drop-down .saved-colours {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 50px
    }
    .header .shopping .saved-tint-drop-down .saved-colours-text,
    .header .shopping .saved-tint-drop-down .saved-tint-container:last-child {
        margin-bottom: 50px
    }
    .header .shopping .saved-tint-drop-down .tint-title {
        text-align: center;
        margin-bottom: 10px
    }
    .header .shopping .saved-tint-drop-down .tint-color-percentage-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .header .shopping .saved-tint-drop-down .saved-tint-container:not(:last-child) {
        margin-bottom: 5rem
    }
    .header .shopping .saved-tint-drop-down .saved-tint-drop-down-container {
        max-height: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .header .shopping .saved-tint-drop-down {
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        top: 54px
    }
    .header .shopping {
        width: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 8rem;
        top: 5px
    }
    .newsletter-container .heading-secondary--footer {
        font-size: 5rem
    }
}

@media screen and (max-width:400px) {
    .newsletter-container .heading-secondary--footer {
        font-size: 3.5rem
    }
}

.footer-blog .blog .blog-inner {
    max-width: calc(100% - 230px);
    margin: 0 auto
}

.payment-cards {
    display: block;
    margin: 30px auto 0
}

.buttons-container,
.container,
.posts-page .row {
    display: -webkit-box;
    display: -ms-flexbox
}

#newsletter-bar {
    background: #f2f2f2;
    padding: 40px 20px
}

#newsletter-bar .container,
.paint-can-block .text-column {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.posts-page .row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin-left: -25px;
    margin-right: -25px;
    width: calc(100% + 50px);
    margin-bottom: -50px
}

.posts-page .row>* {
    width: calc(100% / 3 - 50px);
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 50px
}

.posts-page .date,
.posts-page .image,
.woocommerce-MyAccount-navigation-link a {
    margin-bottom: 10px
}

.posts-page .image {
    display: block
}

.buttons-container {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 15px;
    background: #f2f2f2
}

p {
    line-height: 1.7
}

.blog-title {
    font-size: 2.4rem;
    color: #0b4c42;
    letter-spacing: .1em
}

.heading-primary,
.heading-primary--main,
h1 {
    text-transform: uppercase;
    font-family: "Bebas Neue";
    line-height: 1em
}

.heading-primary,
h1 {
    color: #0b4c42;
    font-weight: 700;
    font-size: 8rem
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
body {
    font-weight: 400
}

.heading-primary--main {
    font-size: 5rem
}

.heading-primary--footer {
    font-size: 2.2rem;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Bebas Neue";
    letter-spacing: calc((200 * .66) / 1000 * 1em)
}

.heading-primary--sub,
.heading-primary--sub-title {
    font-size: 3rem;
    text-transform: uppercase;
    font-family: "Bebas Neue"
}

.heading-primary--sub-title {
    color: #0b4c42
}

.heading-primary--sub-title-white {
    font-size: 2rem;
    color: #fff;
    text-transform: uppercase;
    font-family: "Bebas Neue"
}

.heading-primary--sub-title-black {
    font-size: 2rem;
    color: #000;
    text-transform: uppercase;
    font-family: "Bebas Neue"
}

.heading-primary--sub-title-btn {
    font-size: 2.4rem;
    color: #f2a6a8;
    text-transform: uppercase;
    font-family: "Bebas Neue";
    letter-spacing: calc((100 * .66) / 1000 * 1em)
}

.heading-primary--myzen {
    color: #328f99;
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif;
    letter-spacing: calc((50 * .66) / 1000 * 1em);
    font-size: 2rem;
    text-transform: none
}

.heading-primary--product-title {
    font-size: 4rem;
    text-transform: uppercase;
    font-family: "Bebas Neue"
}

@media screen and (max-width:1200px) {
    .footer-blog .blog .blog-inner {
        max-width: 900px
    }
    .footer-blog .blog .column {
        padding: 50px 40px
    }
    .heading-primary,
    h1 {
        font-size: 10rem
    }
    .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:576px) {
    .heading-primary,
    h1 {
        font-size: 7rem
    }
}

.heading-secondary {
    font-family: "American Typewriter";
    color: #b99e66;
    font-size: 6rem;
    line-height: 1.2
}

.heading-secondary--footer,
.heading-secondary--main {
    color: #0b4c42;
    letter-spacing: calc((50 * .66) / 1000 * 1em)
}

.heading-secondary--main {
    font-size: 2.4rem;
    line-height: 1.1
}

.heading-secondary--footer {
    font-size: 6rem;
    line-height: 1em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 38px;
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif
}

.heading-secondary--sub,
.heading-secondary--sub-sm {
    color: #7db0a1;
    line-height: 1.1em;
    letter-spacing: .2rem
}

.heading-secondary--sub {
    font-size: 1.8rem
}

.heading-secondary--sub-sm {
    font-size: 1.6rem
}

.heading-secondary--sub-title {
    text-transform: uppercase;
    color: #b99e66;
    font-size: 1.8rem;
    line-height: 1.1
}

.container {
    display: flex;
    max-width: 100vw
}

.column,
.two-column {
    display: -webkit-box;
    display: -ms-flexbox
}

.column {
    display: flex;
    width: 50vw;
    padding-left: 25px;
    padding-right: 25px
}

.column.no-padding {
    padding-left: 0;
    padding-right: 0
}

.column-fixed {
    width: 50vw
}

.bcg-1 {
    background-color: #bed9d6;
    position: relative;
    z-index: 1
}

.product-popup,
.product-popup__container {
    height: 100vh;
    z-index: 999999;
    position: relative
}

.two-column {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.two-column__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 20px)
}

.two-column__column p {
    width: 100%
}

.confirm .finish-order,
.layout-four .column-fixed,
.two-column .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.column-container-50,
.hero,
.hero-container .container .inner {
    display: -webkit-box;
    display: -ms-flexbox
}

.visibility-hidden {
    visibility: hidden
}

.column-container-50 {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.column-container-50__column {
    width: calc(50% - 10px)
}

.inner-height-hc {
    padding: 150px 8vw 150px 10.8vw
}

.hero-container {
    min-height: 100vh;
    width: 100vw
}

.hero-container .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hero,
.hero-container .container .inner,
.product-popup__item,
.steps__text__collumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.hero-container .container .inner {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8vw 0 10.8vw
}

.hero-container .column-2,
.product-container .column-2 {
    margin-top: 20rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.hero-container .column-2 .white-paint-can,
.product-container .column-2 .white-paint-can {
    width: 51rem;
    margin-right: 47px;
    margin-top: 4rem;
    position: relative;
    left: -79px;
    z-index: -1
}

.hero {
    margin-top: 16.5rem;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.lg-paint-can,
.product-popup__container {
    display: -webkit-box;
    display: -ms-flexbox
}

.hero .btn,
.hero .button.alt,
.hero .button:not(.alt),
.hero .woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link .hero a {
    text-transform: uppercase;
    margin-top: 2rem
}


@media screen and (max-width:1488px) {
    .hero__title {
        margin-bottom: 5rem;
        margin-top: 5rem
    }
    .hero p {
        padding-top: 0
    }
}

@media screen and (max-width:700px) {
    .footer-blog .blog .blog-inner {
        max-width: calc(100% - 60px)
    }
    .footer-blog .blog .column {
        padding: 50px 0
    }
    .inner {
        padding: 0;
        width: calc(100% - 60px);
        margin: 0 auto
    }
    .hero {
        margin-top: 8rem
    }
}

@media screen and (max-width:375px) {
    .heading-primary,
    h1 {
        font-size: 5rem
    }
    .hero {
        margin-top: 7.5rem
    }
    .hero__title .heading-primary,
    .hero__title h1 {
        font-size: 7rem
    }
    .hero .paragraph,
    .hero .paragraph p {
        width: 100%
    }
}

.lg-paint-can {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh
}

@media screen and (max-width:700px) {
    .lg-paint-can {
        padding: 0;
        background-color: transparent;
        min-height: auto
    }
    .steps p {
        width: 100%
    }
}

.product-popup {
    background-color: #f2a6a8;
    width: 50vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.product-popup__container {
    background-color: #f2a6a8;
    display: flex;
    justify-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 90vw;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.close-btn,
.product-popup__item {
    display: -webkit-box;
    display: -ms-flexbox
}

.product-popup__item {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 40px);
    border: 2px solid #fff;
    border-radius: 5px;
    margin: 20px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 75px;
    padding-bottom: 75px;
    cursor: pointer
}

.product-popup__item__logo {
    padding-bottom: 35px
}

.product-popup__item__text {
    font-family: "Bebas Neue";
    font-size: 2rem;
    letter-spacing: .2em;
    text-transform: uppercase
}

.cd-popup {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s
}

.cd-popup.is-visible {
    background-color: #f2a6a8;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s, visibility;
    transition: opacity .3s, visibility
}

.hide-text {
    display: inline-block;
    text-indent: 100%;
    color: pink;
    white-space: nowrap
}

.cd-popup-container {
    position: relative;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.cd-popup-container .cd-popup-container {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px
}

.cd-popup-container::after,
.cd-popup-container::before {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #fff
}

.close-btn {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 15px
}

.steps,
.steps__icon__collumn {
    display: -webkit-box;
    display: -ms-flexbox
}

.close-btn .popup-close {
    width: 3.5rem;
    height: 2rem;
    cursor: pointer;
    position: absolute;
    padding-top: 50px
}

.img,
.make .column {
    position: relative
}

.close-btn .popup-close:hover,
.opacity,
.opacity-hover:hover {
    opacity: .5
}

.close-btn .popup-close::after,
.close-btn .popup-close::before {
    position: absolute;
    left: 1.5rem;
    content: ' ';
    height: 3.5rem;
    width: .2rem;
    background-color: #fff
}

.close-btn .popup-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 1.5rem;
    top: 1.3rem
}

.close-btn .popup-close::after {
    top: 1.3rem;
    right: 1.5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.product-popup__item {
    -webkit-transition: .5s;
    transition: .5s
}

.product-popup__item:hover {
    border-color: transparent
}

.product-popup__item .logo-paint-can {
    background: url("images/paint-icon-1.png") no-repeat
}

.work .heading-primary,
.work h1 {
    margin-bottom: 4.3rem
}

@media screen and (max-width:1200px) {
    .column {
        width: 98vw
    }
    .column-fixed {
        width: 100vw
    }
    .inner {
        margin: 0 auto
    }
    .hero-container .container .inner {
        margin-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
    .hero-container .column-2 .white-paint-can,
    .scroll-btn {
        display: none
    }
    .hero-container {
        min-height: 0
    }
    .hero .paragraph {
        margin-bottom: 7rem
    }
    .work .work-btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .work .heading-primary,
    .work h1 {
        text-align: center;
        width: 99%;
        font-size: 7rem
    }
    .work .inner {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        margin-top: 7rem;
        margin-bottom: 7rem
    }
}

.about-container,
.blog-hero,
.work .inner {
    min-height: 100vh
}

.about-container .hero__title,
.blog-hero .hero .single-post-container,
.index-blog .blog-inner,
.layout-four .column p,
.layout-four .inner,
.layout-one .column p,
.layout-three .column p,
.layout-two .column p,
.screen-overlay-modal .alert-box .message,
.woocommerce form .form-row,
.work .two-column p,
article {
    width: 100%
}

.woocommerce-MyAccount-navigation-link .work a,
.work .btn,
.work .button.alt,
.work .button:not(.alt),
.work .woocommerce-MyAccount-navigation-link a {
    font-family: "Bebas Neue";
    font-weight: 700;
    letter-spacing: .2em
}

.scroll-btn,
.steps__text__collumn .text {
    letter-spacing: calc((200 * .66) / 1000 * 1em)
}

.steps {
    display: flex;
    margin-bottom: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.steps .steps__icon__collumn .steps-icon {
    width: 62px;
    height: 62px
}

.steps:nth-child(3) .steps__icon__collumn .steps-icon {
    height: 80px
}

.steps__icon__collumn {
    display: flex;
    width: calc(20% - 1rem)
}

.four-block,
.steps__text__collumn {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:1200px) {
    .work {
        margin: 0 auto
    }
    .steps__icon__collumn {
        width: calc(20%)
    }
}

.steps__text__collumn {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.steps__text__collumn .text {
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif;
    font-size: 2rem;
    color: #b99e66
}

.steps__text__collumn .paragraph {
    font-family: "American Typewriter";
    font-size: 1.8rem;
    color: #3e3e3e
}

.make .heading-secondary--sub-title,
.testimonial .testimonial-title {
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif
}

@media screen and (max-width:1200px) {
    .steps__text__collumn {
        width: calc(80% - 1rem)
    }
    .img-1,
    .img-2,
    .img-3,
    .img-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.steps__icon {
    height: 1.5rem;
    width: 1.5rem
}

.steps p,
.testimonial-blog .inner {
    margin-top: 1rem
}

.four-block {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dots,
.four-block__img {
    display: -webkit-box;
    display: -ms-flexbox
}

.four-block__img {
    padding: 4rem;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50%;
    width: 50%
}

.four-block__img .img-responsive {
    max-height: 400px
}

.four-block__img:first-child {
    background-color: #cde5f1
}

.applicators .applicator[data-color=jazzberry-jam],
.four-block__img:nth-child(2) {
    background-color: #f6f0e2
}

.four-block__img:nth-child(3) {
    background-color: #bed9d6
}

.four-block__img:nth-child(4) {
    background-color: #f1cacb
}

.steps-laptop__column {
    margin-left: 0
}

.steps-container :nth-child(6) {
    margin-bottom: 5.5rem
}

.dots {
    display: flex;
    margin-bottom: 3rem;
    margin-top: 5rem
}

.dots__dot {
    background-color: #328f99;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-right: 1rem
}

.scroll-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-size: 2rem;
    font-family: "Bebas Neue";
    margin-top: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f2a6a8;
    text-transform: uppercase;
    margin-bottom: 2rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 15rem
}

.scroll-btn::after {
    content: '';
    background: url("images/svgs/down-arrow-pink.svg") no-repeat;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 15px;
    width: 15px;
    display: block;
    margin-left: 10px;
    -webkit-filter: brightness(0) saturate(100%) invert(66%) sepia(32%) saturate(363%) hue-rotate(308deg) brightness(102%) contrast(99%);
    filter: brightness(0) saturate(100%) invert(66%) sepia(32%) saturate(363%) hue-rotate(308deg) brightness(102%) contrast(99%)
}

.scroll-btn.scroll-btn-alt,
.scroll-btn:hover {
    color: #0b4c42
}

.scroll-btn:hover::after {
    -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(16%) saturate(2903%) hue-rotate(126deg) brightness(91%) contrast(91%);
    filter: brightness(0) saturate(100%) invert(22%) sepia(16%) saturate(2903%) hue-rotate(126deg) brightness(91%) contrast(91%)
}

.scroll-btn.scroll-btn-alt::after {
    -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(13%) saturate(3036%) hue-rotate(124deg) brightness(94%) contrast(91%);
    filter: brightness(0) saturate(100%) invert(22%) sepia(13%) saturate(3036%) hue-rotate(124deg) brightness(94%) contrast(91%)
}

.scroll-btn.scroll-btn-alt:hover::after {
    -webkit-filter: brightness(0) saturate(100%) invert(75%) sepia(24%) saturate(706%) hue-rotate(309deg) brightness(95%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(75%) sepia(24%) saturate(706%) hue-rotate(309deg) brightness(95%) contrast(100%)
}

@media screen and (min-width:1488px) {
    .scroll-btn {
        margin-left: 17rem
    }
}

@media screen and (max-width:1200px) {
    .steps-container {
        width: 50%;
        margin: 0 auto
    }
    .dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .scroll-btn {
        margin-left: 13rem;
        display: none
    }
}

.inner-header,
.make .column {
    display: -webkit-box;
    display: -ms-flexbox
}

.make .inner {
    margin-top: 25rem;
    min-height: 25vh;
    margin-bottom: 15rem
}

.make .heading-primary,
.make h1 {
    margin-top: 10rem;
    width: 100%
}

.make .heading-secondary--sub-title {
    margin-bottom: 8.5rem;
    font-size: 2rem
}

.make .column {
    padding: 2rem;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1
}

.make .img-lg-block {
    padding: 9rem 0;
    -ms-flex-item-align: center;
    align-self: center
}

@media screen and (max-width:700px) {
    .scroll-btn {
        margin-left: 3rem;
        display: none
    }
    .make .inner {
        margin: 0 4rem
    }
    .make .two-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .make .two-column__column {
        width: 100%;
        margin-bottom: 3rem
    }
    .testimonial .inner {
        width: 100%;
        margin: 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.img__1 .img-1,
.img__1 .img-2,
.img__1 .img-3 {
    position: absolute
}

.testimonial__left {
    margin-left: 4rem;
    padding: 10rem 0
}

.testimonial__right {
    padding-left: 5.5rem
}

.testimonial {
    z-index: 1
}

.testimonial .inner {
    padding: 20rem 8vw 20rem 10.8vw
}

.testimonial .testimonial-title {
    font-size: 6rem;
    letter-spacing: calc((50 * .66) / 1000 * 1em)
}

.testimonial .testimonial-index-title {
    margin-bottom: 35px
}

.testimonial .paragraph {
    color: #000
}

.testimonial .testimonial-sub-title {
    font-size: 2.2rem;
    text-transform: uppercase;
    font-family: "Bebas Neue";
    font-weight: 700;
    letter-spacing: calc((200 * .66) / 1000 * 1em);
    color: #328f99
}

@media screen and (max-width:850px) {
    .testimonial .testimonial__left {
        margin: 0 auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .testimonial .testimonial__right {
        display: none
    }
}

.inner-header {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 5rem
}

.applicators .applicator.selected .increment-price,
.blog-container,
.confirm,
.inner-header .text,
.slick {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.inner-header .text h1 {
    margin-bottom: 2.5rem
}

.inner-header .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inner-header .btn-container .btn-1,
.inner-header .btn-container .btn-2 {
    height: 5rem;
    width: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: #fff
}

.inner-header .btn-container .btn-1 {
    border: 1px solid #000
}

.button-prev::before,
.inner-header .btn-container .btn-1::before,
.pagination .prev::before {
    content: '';
    background: url("images/arrow-left.svg") no-repeat;
    width: 1.5rem;
    height: 1.5rem
}

.inner-header .btn-container .btn-2 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.button-next::before,
.inner-header .btn-container .btn-2::before,
.pagination .next::before {
    content: '';
    background: url("images/arrow-right.svg") no-repeat;
    width: 1.5rem;
    height: 1.5rem
}

.blog .column,
.color-block__img,
.full-img {
    background-repeat: no-repeat
}

.align-self {
    -ms-flex-item-align: center;
    align-self: center;
    height: 100%
}

.head-img {
    width: 16rem;
    height: 26rem
}

.button-next,
.button-prev {
    height: 5rem;
    width: 5rem;
    border: 1px solid #000;
    position: absolute;
    background-color: #fff;
    cursor: pointer
}

.button-next {
    top: 24rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button-next:hover:hover::before {
    -webkit-filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%);
    filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%)
}

@media screen and (max-width:1200px) {
    .make .heading-primary,
    .make h1 {
        margin-top: 0
    }
    .make .inner {
        margin-top: 7rem;
        margin-bottom: 7rem
    }
    .make .dots,
    .testimonial .dots {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .testimonial .inner {
        padding: 7rem 0
    }
    .inner-header {
        width: 100%
    }
    .button-next {
        right: 0;
        top: 26.1rem
    }
    .button-prev {
        right: 4.3rem;
        top: 26.1rem
    }
}

.button-prev {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.button-prev:hover:hover::before {
    -webkit-filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%);
    filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%)
}

.slick-list {
    padding: 0 !important
}

.page-template .woocommerce form.checkout_coupon,
.page-template .woocommerce form.login,
.page-template .woocommerce form.register,
.product-container .additional-options-container.additional-options-container-alt,
.slider-inner {
    padding: 0
}

.full-img {
    background-image: url("images/full-size-img.jpg");
    display: block;
    height: 100%;
    width: 100%;
    background-position: bottom center;
    background-size: cover
}

.our-partners {
    margin-top: 5rem;
    display: none
}

.blog-horizontal,
.blog-horizontal__text {
    display: -webkit-box;
    display: -ms-flexbox
}

.blog .column,
.blog-horizontal__text-inner,
.blog-verticle__text-inner,
.wpcf7 .wpcf7-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.blog-horizontal {
    display: flex;
    margin-bottom: 1.25rem
}

.blog-horizontal__img {
    overflow: hidden;
    height: 32rem;
    width: 36.5rem;
    position: relative
}

.blog-horizontal__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.blog-horizontal__text {
    display: flex;
    height: 32.5rem;
    width: 50%;
    background-color: #f2f2f2;
    padding: 3rem
}

.blog-horizontal__text-inner,
.blog-horizontal__text-inner a,
.blog-verticle {
    display: -webkit-box;
    display: -ms-flexbox
}

.blog-horizontal__text-inner {
    height: 100%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.blog-horizontal__text-inner :first-child {
    margin-bottom: 1.7rem;
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif;
    letter-spacing: calc((50 * .66) / 1000 * 1em)
}

.blog-horizontal__text-inner :nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blog-horizontal__text-inner :last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.blog-horizontal__text-inner a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: flex;
    font-size: 2.2rem;
    position: relative;
    overflow: hidden
}

.blog-horizontal__text-inner a img {
    position: absolute
}

.blog-horizontal__text-inner a:hover,
.woocommerce-account .addresses .title .edit:hover,
.woocommerce-info::before {
    color: #0b4c42
}

.blog-verticle {
    display: flex;
    margin-bottom: 2rem
}

.blog-verticle__img,
.blog-verticle__text {
    display: -webkit-box;
    display: -ms-flexbox;
    height: 30rem
}

.blog-verticle__img {
    display: flex
}

.blog-verticle__text {
    display: flex;
    background-color: #f2f2f2;
    padding: 3rem
}

.blog-verticle__text-inner,
.blog-verticle__text-inner a,
.instagram {
    display: -webkit-box;
    display: -ms-flexbox
}

.blog-verticle__text-inner {
    height: 100%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog-verticle__text-inner a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: flex
}

.instagram {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 668px;
    margin: 0 auto
}

.instagram__img {
    width: calc(33.3333% - 1rem);
    margin-bottom: 1.5rem
}

.layout-four .column .blog-title,
.layout-four .column ul li,
.layout-one .column .blog-title,
.layout-one .column ul li,
.layout-three .column .blog-title,
.layout-three .column ul li,
.layout-two .column .blog-title,
.layout-two .column ul li,
.product-container .label-section .heading-primary--product-title,
.product__title h1,
.product__title h4,
.three-block__img {
    margin-bottom: 1rem
}

@media screen and (max-width:1700px) {
    .instagram__img {
        width: calc(50% - 1rem)
    }
    .instagram__img:nth-child(n+7) {
        display: none
    }
}

.blog .heading-primary--sub-title {
    width: 100%;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .2em;
    margin-bottom: 4rem;
    letter-spacing: calc((200 * .66) / 1000 * 1em);
    text-align: center
}

.blog .heading-primary--sub-title.heading-primary---instagram::before {
    content: '';
    background: url("images/instagram.svg") no-repeat;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-filter: invert(49%) sepia(28%) saturate(828%) hue-rotate(137deg) brightness(93%) contrast(96%);
    filter: invert(49%) sepia(28%) saturate(828%) hue-rotate(137deg) brightness(93%) contrast(96%)
}

.blog .blog-inner {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.blog .column,
.page-template-about .footer-blog .blog .blog-inner {
    padding-top: 10rem
}

.blog .column {
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url("https://zenpaints.devsites.plinkfizz.co.uk/wp-content/uploads/2024/02/zen-paint.jpg");
    background-size: cover
}

@media screen and (max-width:750px) {
    .blog .column {
        padding-top: 5rem
    }
}

.label-block,
.three-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.three-block__img {
    height: 50%;
    width: calc(33.3333% - 2rem)
}

@media screen and (max-width:820px) {
    .three-block__img {
        width: calc(50% - 2rem)
    }
    .three-block .img-block-3 {
        display: none
    }
}

@media screen and (max-width:625px) {
    .testimonial .heading-secondary {
        font-size: 4rem
    }
    .blog-verticle__img img,
    .testimonial p {
        width: 100%
    }
    .three-block__img {
        width: 100%;
        margin-bottom: 3rem
    }
}

.wpcf7 .wpcf7-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 4rem;
    max-width: 50vw;
    padding: 0 8vw 0 10.8vw
}

.color-block .tint-color-swatch,
.wpcf7 .wpcf7-form .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wpcf7 .wpcf7-form p {
    margin-bottom: 4rem;
    width: 100%
}

.wpcf7 .wpcf7-form .contact-btn .contact-form-btn {
    width: 30%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 14px 27px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    text-decoration: none;
    background: #f2a6a8;
    line-height: 1.2;
    cursor: pointer;
    font-family: "Bebas Neue";
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: calc((100 * .66) / 1000 * 1em);
    margin-bottom: 4rem
}

.wpcf7 .wpcf7-form .contact-btn .contact-form-btn:hover {
    color: #fff;
    background: #0b4c42
}

.wpcf7 span.wpcf7-not-valid-tip {
    position: relative;
    z-index: 2;
    background: #b99e66;
    color: #fff;
    padding: .8rem 1.2rem;
    border-radius: 1rem;
    font-size: .8em;
    display: inline-block;
    margin-top: 1.5rem
}

.wpcf7 span.wpcf7-not-valid-tip::after {
    content: '';
    display: block;
    height: 1rem;
    width: 1rem;
    background: #b99e66;
    position: absolute;
    top: -.5rem;
    left: calc(50% - .6rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wpcf7 input,
.wpcf7 textarea {
    color: #4f4f4f;
    background-color: #fff;
    border: 1px solid #328f99 !important;
    font-size: 1.6rem;
    font-family: "American Typewriter";
    padding: 1.7rem;
    width: 100%;
    border-radius: .5rem
}

.confirm__item h4,
.confirm__item h5 {
    padding: .5rem 1rem .5rem .5rem;
    text-transform: none
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: .12rem solid #b99e66
}

.contact-information-store span input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.product-container {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 148px;
    max-width: 50vw;
    width: 100%
}

.product-container .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: calc(100vh - 148px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paint-can-block__inner-column,
.product-container .build-your-zen .zen-container,
.product-container .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.product-container .container .column {
    right: 0
}

.product-container .inner {
    margin-top: 0;
    width: 50vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 8vw 0 10.8vw;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-container .build-your-zen {
    background-color: #328f99;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5rem 4rem;
    width: 100%;
    margin-bottom: 5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-container .build-your-zen .build-your-zen-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%
}

.product-container .build-your-zen .zen-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-container .build-your-zen .zen-container .zen-build-column {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-container .build-your-zen .paint-title {
    color: #fff;
    font-family: "American Typewriter";
    font-size: 2rem;
    letter-spacing: .3rem;
    margin-top: 1rem
}

.product-container .build-your-zen .paint-sub-title {
    color: #fff;
    font-family: "Bebas Neue";
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: .2rem;
    opacity: .46
}

.product-container .build-your-zen .paint-icon {
    background: url("images/paint-can-image.svg") no-repeat;
    height: 5.5rem;
    width: 4.2rem
}

.product-container .build-your-zen .tint-icon {
    background: url("images/tints-icon.svg") no-repeat;
    height: 5.5rem;
    width: 7rem
}

.product-container .build-your-zen .wax-icon {
    background: url("images/wax.svg") no-repeat;
    height: 5rem;
    width: 6.5rem
}

.product-container .build-your-zen .icon {
    font-family: "Bebas Neue";
    font-weight: 700;
    font-size: 3rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:575px) {
    .product-container .build-your-zen .paint-title {
        margin-top: 0
    }
    .product-container .build-your-zen .build-your-zen-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .product-container .build-your-zen .build-your-zen-container .zen-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }
    .product-container .build-your-zen .build-your-zen-container .zen-container .zen-build-column {
        width: calc(25% - 1rem)
    }
}

@media screen and (max-width:480px) {
    .product-container .build-your-zen .build-your-zen-container .zen-container .zen-build-column {
        width: calc(25% - -4rem)
    }
}

.breadcrumbs,
.product-container .order-content-introduction {
    margin-bottom: 5rem
}

.product-container .finish-order-scroll {
    margin-top: 0;
    margin-bottom: 3rem
}

.product-container .label-content {
    margin-bottom: 5rem;
    margin-top: 2rem
}

.product-container .label-container:not(:last-child) .tab-title::after {
    content: '/';
    padding-left: 1rem;
    padding-right: 1rem
}

.product-container .label-container .tabs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-bottom: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-container .label-container .tab-title {
    color: #ccc
}

.product-container .additional-options-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #e9f1ef;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 2.5rem;
    border-radius: .5rem;
    height: 80px
}

.product-container .additional-options-container .options-title {
    color: #0b4c42;
    font-family: "American Typewriter";
    font-size: 2rem;
    margin-left: 2.5rem;
    cursor: pointer
}

.product-container .additional-options-container .options-title:hover.options-title-alt:hover::before {
    color: #f2a6a8
}

.proceed-btn,
.product-container .additional-options-container .options-title.options-title-alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-container .additional-options-container .options-title.options-title-alt::before {
    content: '+';
    font-size: 2rem;
    color: #0b4c42;
    opacity: 16%;
    margin-right: 1.5rem
}

.product-container .additional-options-container .increment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2rem
}

.product-container .additional-options-container .increment .increment-icon {
    cursor: pointer;
    margin: 0 2rem;
    height: 2rem;
    width: 2.5rem;
    -webkit-filter: brightness(0) saturate(100%) invert(24%) sepia(53%) saturate(512%) hue-rotate(121deg) brightness(94%) contrast(104%);
    filter: brightness(0) saturate(100%) invert(24%) sepia(53%) saturate(512%) hue-rotate(121deg) brightness(94%) contrast(104%)
}

.product-container .additional-options-container .increment .increment-icon.increment-icon-plus {
    background: url("images/svgs/plus-circle-green.svg") no-repeat
}

.product-container .additional-options-container .increment .increment-icon.increment-icon-minus {
    background: url("images/svgs/minus-circle-green.svg") no-repeat
}

.product-container .additional-options-container .increment .increment-icon:hover {
    -webkit-filter: brightness(0) saturate(100%) invert(64%) sepia(3%) saturate(3335%) hue-rotate(309deg) brightness(107%) contrast(113%);
    filter: brightness(0) saturate(100%) invert(64%) sepia(3%) saturate(3335%) hue-rotate(309deg) brightness(107%) contrast(113%)
}

.product-container .additional-options-container .increment .quantity {
    color: #0b4c42;
    font-family: "Bebas Neue";
    font-size: 5rem;
    font-weight: 700
}

@media screen and (max-width:1024px) {
    .product-container .column-2 .white-paint-can {
        display: none
    }
}

.paint-can-block .column-container-50__column {
    padding: 2rem;
    border-radius: 1rem;
    cursor: pointer
}

.paint-can-block__bcg {
    background-color: #eaeaea
}

.paint-can-block__icon {
    height: 7.4rem;
    width: 6.7rem
}

.paint-can-block__inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.paint-can-block__inner-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 1rem)
}

.paint-can-block__title {
    color: #fff;
    font-family: "Bebas Neue";
    font-size: 3rem;
    letter-spacing: .3rem;
    margin-bottom: -1rem
}

.paint-can-block__price {
    color: #fff;
    font-family: "American Typewriter";
    font-size: 2rem;
    letter-spacing: .3rem
}

.paint-can-block__inner-column-100 {
    width: 100%;
    margin-top: 2rem
}

.paint-can-block__text,
.paint-can-block__text-right {
    color: #7b7b7b;
    display: -webkit-box;
    display: -ms-flexbox;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.paint-can-block__text {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.paint-can-block__text::before {
    content: '';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("images/check-circle-white.svg") no-repeat;
    height: 1.8rem;
    width: 1.8rem;
    padding-left: 3rem
}

.paint-can-block__text-right {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.color-block,
.color-block__img {
    display: -webkit-box;
    display: -ms-flexbox
}

.paint-can-block__text-right::before {
    content: '';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("images/check-circle-green.svg") no-repeat;
    height: 1.8rem;
    width: 1.8rem;
    padding-left: 3rem
}

.product__title .heading-primary--product-title {
    font-weight: 700;
    letter-spacing: calc((100 * .66) / 1000 * 1em);
    color: #0b4c42;
    margin-bottom: 1rem
}

.product__title .heading-secondary--sub-title {
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif;
    font-size: 2rem;
    letter-spacing: .2em;
    color: #b99e66;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

@media screen and (max-width:760px) {
    .steps__icon__collumn {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .steps__text__collumn {
        width: 100%
    }
    .steps {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .steps .steps-icon {
        margin-bottom: 3rem
    }
    .product__title .heading-primary--product-title,
    .product__title .heading-secondary--sub-title {
        text-align: center
    }
}

.label-block__img {
    cursor: pointer;
    width: calc(33.3333% - .5rem);
    margin-bottom: 1rem;
    position: relative;
    opacity: .7;
    max-width: 179px
}

.applicators .applicator:hover::before,
.applicators .applicator:not(.show-input):hover::before,
.color-block__img:not(.show-input):hover::before,
.label-icon {
    opacity: 1
}

@media screen and (max-width:1200px) and (min-width:1024px) {
    .label-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.label-icon::before {
    content: '';
    position: absolute;
    background: url("images/check-circle-green.svg") center/4.2rem no-repeat;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border: 5px solid #328f99;
    border-radius: 5px
}

.color-block .increment-color button,
.color-block .increment-color input,
.increment-price button {
    border: none;
    background-color: transparent
}

.applicator-scroll {
    margin-top: 4rem
}

.proceed-btn .btn[data-target=".applicator-block"],
.proceed-btn .btn[data-target=".order-details-block"],
.proceed-btn .button.alt[data-target=".applicator-block"],
.proceed-btn .button.alt[data-target=".order-details-block"],
.proceed-btn .button[data-target=".applicator-block"]:not(.alt),
.proceed-btn .button[data-target=".order-details-block"]:not(.alt),
.proceed-btn .woocommerce-MyAccount-navigation-link a[data-target=".applicator-block"],
.proceed-btn .woocommerce-MyAccount-navigation-link a[data-target=".order-details-block"],
.woocommerce-MyAccount-navigation-link .proceed-btn a[data-target=".applicator-block"],
.woocommerce-MyAccount-navigation-link .proceed-btn a[data-target=".order-details-block"] {
    pointer-events: none;
    background: #ebebeb !important
}

.proceed-btn .btn[data-target=".applicator-block"].enabled,
.proceed-btn .btn[data-target=".order-details-block"].enabled,
.proceed-btn .button.alt[data-target=".applicator-block"].enabled,
.proceed-btn .button.alt[data-target=".order-details-block"].enabled,
.proceed-btn .button[data-target=".applicator-block"].enabled:not(.alt),
.proceed-btn .button[data-target=".order-details-block"].enabled:not(.alt),
.proceed-btn .woocommerce-MyAccount-navigation-link a[data-target=".applicator-block"].enabled,
.proceed-btn .woocommerce-MyAccount-navigation-link a[data-target=".order-details-block"].enabled,
.proceed-btn.enabled .btn,
.proceed-btn.enabled .button.alt,
.proceed-btn.enabled .button:not(.alt),
.proceed-btn.enabled .woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link .proceed-btn a[data-target=".applicator-block"].enabled,
.woocommerce-MyAccount-navigation-link .proceed-btn a[data-target=".order-details-block"].enabled,
.woocommerce-MyAccount-navigation-link .proceed-btn.enabled a {
    pointer-events: auto;
    background: #f2a6a8 !important
}

.proceed-btn .btn[data-target=".applicator-block"].enabled:hover,
.proceed-btn .btn[data-target=".order-details-block"].enabled:hover,
.proceed-btn .button.alt[data-target=".applicator-block"].enabled:hover,
.proceed-btn .button.alt[data-target=".order-details-block"].enabled:hover,
.proceed-btn .button[data-target=".applicator-block"].enabled:hover:not(.alt),
.proceed-btn .button[data-target=".order-details-block"].enabled:hover:not(.alt),
.proceed-btn .woocommerce-MyAccount-navigation-link a[data-target=".applicator-block"].enabled:hover,
.proceed-btn .woocommerce-MyAccount-navigation-link a[data-target=".order-details-block"].enabled:hover,
.proceed-btn.enabled .btn:hover,
.proceed-btn.enabled .button.alt:hover,
.proceed-btn.enabled .button:hover:not(.alt),
.proceed-btn.enabled .woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link .proceed-btn a[data-target=".applicator-block"].enabled:hover,
.woocommerce-MyAccount-navigation-link .proceed-btn a[data-target=".order-details-block"].enabled:hover,
.woocommerce-MyAccount-navigation-link .proceed-btn.enabled a:hover {
    background: #0b4c42 !important
}

.proceed-btn .button-message {
    text-transform: uppercase;
    font-size: 1.25em;
    letter-spacing: calc((200 * .66) / 1000 * 1em);
    color: #f2a6a8;
    font-family: "Bebas Neue";
    margin-left: 15px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.proceed-btn .btn,
.proceed-btn .button.alt,
.proceed-btn .button:not(.alt),
.proceed-btn .woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link .proceed-btn a {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.proceed-btn.enabled .button-message {
    visibility: hidden;
    opacity: 0
}

.applicator-icon {
    height: 12rem;
    width: 6.5rem
}

.color-block {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 4rem;
    width: 100%
}

@media screen and (max-width:1200px) {
    .slick .dots,
    .slick .text {
        display: -webkit-box;
        display: -ms-flexbox
    }
    .slick .slider-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .slick .text {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .slick .dots {
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .slick .paragraph {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        width: 75%;
        margin: 0 auto;
        text-align: center
    }
    .full-img {
        height: 700px
    }
    .blog-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 40px
    }
    .blog-horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(50% - 10px)
    }
    .blog-horizontal__img,
    .color-applicator .steps-container {
        width: 100%
    }
    .blog-horizontal__text {
        width: 100%;
        height: 23.5rem
    }
    .instagram {
        max-width: 830px
    }
    .blog .column {
        padding-bottom: 10rem;
        padding-right: 0;
        padding-left: 0
    }
    .wpcf7 .wpcf7-form {
        max-width: 100vw;
        padding: 0 20vw 0 0
    }
    .product-container .inner {
        width: 100vw
    }
    .product-container .column-2,
    .product-container .proceed-btn {
        display: none
    }
    .product-container {
        padding-top: 0;
        min-height: 0
    }
    .product-container.order-introduction-block {
        padding-top: 150px
    }
    .product-container .container {
        min-height: 0
    }
    .product__title .heading-primary--product-title,
    .product__title .heading-secondary--sub-title {
        text-align: center
    }
    .color-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0
    }
    .color-block__img:not(.show-input)::before {
        opacity: .5
    }
}

.color-block__img {
    cursor: pointer;
    height: 8.3rem;
    width: 7.3rem;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.applicators .applicator.show-input .increment-color,
.breadcrumbs__container,
.color-block__img.show-input .increment-color,
.coupon,
.tints-container .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.color-block__img[data-color=Periwinkle] {
    background: url("images/color-1.svg") no-repeat
}

.color-block__img[data-color=wednesdays] {
    background: url("images/color-2.svg") no-repeat
}

.color-block__img[data-color=nude] {
    background: url("images/color-3.svg") no-repeat
}

.color-block__img[data-color=jazzberry] {
    background: url("images/color-4.svg") no-repeat
}

.color-block__img[data-color=moon-dust] {
    background: url("images/color-5.svg") no-repeat
}

.color-block__img[data-color=Buttercup] {
    background: url("images/color-6.svg") no-repeat
}

.color-block__img[data-color=cotton-candy] {
    background: url("images/color-7.svg") no-repeat
}

.color-block__img[data-color=beige] {
    background: url("images/color-8.svg") no-repeat
}

.color-block__img[data-color=spearmint] {
    background: url("images/color-9.svg") no-repeat
}

.color-block__img[data-color=peach] {
    background: url("images/color-10.svg") no-repeat
}

.color-block__img[data-color=peach-blue] {
    background: url("images/color-11.svg") no-repeat
}

.color-block__img[data-color=azure] {
    background: url("images/color-12.svg") no-repeat
}

.color-block__img::before {
    content: '';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("images/plus-circle.svg") no-repeat;
    height: 3.5rem;
    width: 3.5rem;
    margin-top: -.8rem;
    opacity: 0
}

.color-block .increment-color input,
.color-block .tint-color-title,
.confirm__item,
.tint-bottle-container {
    display: -webkit-box;
    display: -ms-flexbox
}

.color-block .tint-color-title {
    display: flex;
    color: #0b4c42;
    font-weight: 700;
    font-family: "Bebas Neue";
    font-size: 1.6rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.14
}

.color-block .increment-color {
    display: none;
    width: 8rem
}

.color-block .increment-color input {
    display: flex;
    font-family: "Bebas Neue";
    font-size: 3rem;
    width: 2rem;
    color: #fff;
    padding: 0 !important
}

.color-block .increment-color .plus-icon {
    display: block;
    background: url("images/plus-circle.svg") no-repeat;
    height: 1.4rem;
    width: 1.4rem;
    margin-bottom: .5rem
}

.color-block .increment-color .minus-icon {
    display: block;
    background: url("images/minus-circle.svg") no-repeat;
    height: 1.4rem;
    width: 1.4rem
}

.confirm__item {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.confirm__item:nth-child(4),
.page-template .woocommerce form .form-row label,
.policy-page .policy-block .policy-column h2,
p:not(:last-child) {
    margin-bottom: 2rem
}

.confirm__item:nth-child(5) {
    border-bottom: .12rem solid #ddd;
    border-top: .12rem solid #ddd;
    padding: 2rem 0;
    margin-bottom: 2.5rem
}

.confirm__item h4 {
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
    width: 45%;
    font-family: "American Typewriter"
}

.confirm__item h5 {
    color: #3e3e3e;
    text-align: right;
    width: 55%
}

.confirm__item .totalcost,
.layout-three .inner {
    text-align: right
}

.options.per-row-6{gap:20px}

@media screen and (max-width:550px) {
    .product-container .order-content-introduction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .confirm__item .totalcost {
        text-align: center
    }
    .confirm__item h4,
    .confirm__item h5 {
        width: 100%;
        text-align: left
    }
    .confirm__item h5 {
        margin-bottom: 1.5rem
    }
    .confirm .finish-order {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.confirm .column .fish-background-image {
    background-color: #f2a6a8;
    height: 100vh;
    width: 100%
}

.applicator-block .product,
.layout-four .column-fixed .inner .dots,
.layout-one .column-fixed .inner .dots,
.layout-three .column-fixed .inner .dots,
.layout-two .column-fixed .inner .dots {
    margin-top: 0
}

.confirm-zen-block,
.confirm-zen-block .column {
    min-height: 108vh
}

.confirm-zen-block .column .img {
    height: calc(100% - 20vh)
}

.order-details-block .finish-order-scroll {
    margin-top: 15rem;
    margin-bottom: 5rem
}

.tint-bottle-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    z-index: 2;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 50rem;
    height: 40rem
}

.tint-bottle-container :first-child {
    left: 0;
    top: 0
}

.tint-bottle-container :nth-child(2) {
    left: calc(50% - 7.5rem);
    bottom: 0;
    z-index: 10
}

.tint-bottle-container :nth-child(3) {
    right: 0;
    top: 0
}

.tint-bottle-container .tint-bottle {
    position: absolute;
    height: 36rem;
    width: 15rem
}

@media screen and (max-height:700px) {
    .tint-bottle-container {
        width: 34rem;
        height: 28rem
    }
    .tint-bottle-container .tint-bottle {
        height: 26rem
    }
}

.scroll-btn-block {
    min-height: 10rem
}

.scroll-btn-block .container .column {
    height: 10rem
}

.right-product-images {
    position: fixed;
    top: 0;
    right: -17px;
    width: 50vw;
    min-height: 100vh;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1px;
    background: #bed9d6
}

.label-splash-image,
.right-product-images #paint-can-label {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    left: 50%
}

.right-product-images #paint-can-label {
    max-width: 380px;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 2;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-height:725px) {
    .social-bar {
        margin: 27rem auto
    }
    .right-product-images #paint-can-label {
        max-height: 380px
    }
}

.right-product-images #paint-can-label.fade-out {
    -webkit-transform: translate(calc(-50% + 40px), -50%);
    transform: translate(calc(-50% + 40px), -50%);
    opacity: 0
}

.right-product-images #paint-can-label.pre-fade-in {
    -webkit-transform: translate(calc(-50% - 40px), -50%);
    transform: translate(calc(-50% - 40px), -50%);
    opacity: 0
}

.label-splash-image {
    width: 100%;
    max-width: 960px;
    height: auto;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
    top: 50%;
    transform: translate(-50%, -50%)
}

.label-splash-image.fade-out {
    opacity: 0
}

.product-page-right-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.color-applicator:not(.enabled),
.confirm-zen:not(.enabled) {
    opacity: .5;
    pointer-events: none;
    width: 100%
}

.color-block .tint-name {
    height: 29px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.color-block .tint-color-block {
    width: calc(20% - 10px);
    padding: 15px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:680px) {
    .color-block {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .color-block .tint-color-block {
        width: calc(25% - 10px)
    }
}

@media screen and (max-width:500px) {
    .color-block .tint-color-block {
        width: calc(33.333% - 10px);
        padding-left: 8px
    }
}

.applicators .applicator.selected:hover::before,
.bundled-product-name.bundled_table_item_indent .wc-item-meta,
.bundled-product-name.bundled_table_item_indent dl.variation,
.d-none,
.mobile-paint-bar,
.page-template .woocommerce-error::before,
.page-template .woocommerce-info::before,
.page-template .woocommerce-message::before,
.page-template-footer-alt .column::before {
    display: none
}

@media screen and (max-height:550px) {
    .hero {
        padding-top: 6rem
    }
    .mobile-paint-bar {
        display: none
    }
}

.screen-overlay-modal.treat-yourself .label-block.u-block-mb {
    width: 100%;
    max-width: 500px
}

@media screen and (max-width:1200px) and (min-width:830px) {
    .label-block__img {
        margin-bottom: 20px;
        width: calc(20% - .5rem);
        margin-left: 1rem
    }
    .screen-overlay-modal .label-block__img {
        width: calc(33.3333% - .5rem);
        margin-left: 0;
        margin-bottom: 1rem
    }
}

@media screen and (max-width:560px) {
    .paint-can-block .column-container-50 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .paint-can-block .column-container-50__column {
        width: 100%;
        margin-bottom: 3rem
    }
    .label-block__img {
        width: calc(50% - .5rem)
    }
    .label-block__img img {
        width: 100%
    }
    .screen-overlay-modal .label-block__img {
        width: calc(33.3333% - .5rem)
    }
}

.add-bundle-to-basket {
    margin-top: 10px
}

.filter-white,
.selected-color .paint-can-block__icon,
.selected-color .paint-can-block__text-right {
    -webkit-filter: brightness(0) saturate(100%) invert(94%) sepia(2%) saturate(2%) hue-rotate(300deg) brightness(110%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(94%) sepia(2%) saturate(2%) hue-rotate(300deg) brightness(110%) contrast(100%)
}

.applicators .applicator.selected[data-color=azure] .title,
.applicators .applicator.selected[data-color=cotton-candy] .title,
.applicators .applicator.selected[data-color=in-the-nude] .title,
.applicators .applicator.selected[data-color=jazzberry-jam] .title,
.applicators .applicator.selected[data-color=moon-dust] .title,
.applicators .applicator.selected[data-color=on-wednesdays-we-wear-pink] .title,
.applicators .applicator.selected[data-color=papa-dont-peach] .title,
.applicators .applicator.selected[data-color=peacock-blue] .title,
.applicators .applicator.selected[data-color=periwinkle] .title,
.applicators .applicator.selected[data-color=spearmint] .title,
.applicators .applicator[data-color=buttercup] .title,
.applicators .applicator[data-color=in-the-nude] .title,
.applicators .applicator[data-color=not-so-basic-beige] .title,
.applicators .applicator[data-color=peacock-blue] .title,
.selected-color h5,
.white,
.woocommerce-MyAccount-navigation-link a:hover {
    color: #fff
}

.pointer-event-none {
    pointer-events: none;
    opacity: .5
}

.u-block-mt {
    margin-top: 5em
}

.wheat {
    background-color: wheat
}

.pink {
    background-color: pink
}

.light-black {
    color: #132a37
}

.light-grey {
    color: #7b7b7b
}

.screen-overlay-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .7);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    display: none
}

.blog-hero .inner,
.tints-container .inner {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.screen-overlay-modal .alert-box {
    background: #fff;
    padding: 8rem 6.5rem;
    position: relative;
    -webkit-box-shadow: 0 0 2.5rem rgba(0, 0, 0, .05);
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, .05);
    width: 100%;
    max-width: 720px
}

.screen-overlay-modal .alert-box::after,
.screen-overlay-modal .alert-box::before {
    content: '';
    position: absolute;
    -webkit-box-shadow: 0 0 2.5rem rgba(0, 0, 0, .05);
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, .05);
    background: #b99e66;
    width: 10rem;
    height: calc(100% - 20rem);
    top: 10rem
}

.applicators .applicator .background-image-white,
body {
    background: #fff
}

.screen-overlay-modal .alert-box::before {
    left: -10rem
}

.screen-overlay-modal .alert-box::after {
    right: -10rem
}

.screen-overlay-modal .alert-box .title {
    color: #0b4c42;
    font-size: 3.5em;
    display: block;
    font-family: "Bebas Neue";
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2rem
}

.screen-overlay-modal .alert-box .error-emojis {
    margin-bottom: 30px;
	display: none;
}

@media screen and (max-width:576px) {
    .screen-overlay-modal .alert-box {
        padding: 3rem 2.5rem
    }
    .screen-overlay-modal .alert-box .title {
        font-size: 2.5em;
        margin-bottom: 1rem
    }
    .screen-overlay-modal .alert-box .error-emojis {
        margin-bottom: 10px
    }
    .screen-overlay-modal .alert-box .message {
        font-size: 1.5rem;
        margin-bottom: 1rem
    }
    .screen-overlay-modal .alert-box .img-responsive {
        height: 25px
    }
}

.background-video {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: calc(100% - 50vw);
    min-height: 100vh;
    min-width: 100%;
    max-height: 100vh;
    max-width: 100%
}

@media screen and (max-width:700px) {
    .blog-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }
    .blog-horizontal {
        width: calc(100% - 10px)
    }
    .blog-horizontal__img,
    .blog-horizontal__text {
        width: 100%
    }
    .instagram {
        width: calc(100% - 60px)
    }
    .blog .blog-inner {
        width: calc(100% - 60px);
        margin: 0 auto;
        padding-top: 5rem
    }
    .background-video {
        max-width: initial;
        min-height: auto;
        position: relative
    }
}

.background-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.margin-bottom-home-button {
    margin-top: -4rem
}

.video-container {
    width: 50%
}

.capitals {
    text-transform: uppercase
}

.woocommerce-account .addresses .title .edit {
    float: inherit;
    padding-left: 25px;
    color: #f2a6a8
}

@media screen and (max-width:1000px) {
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
        margin-bottom: 4rem
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: right;
        width: 100%
    }
}

.woocommerce-info {
    border-top-color: #0b4c42
}

.favourite-colours-box {
    background: url("images/clear-button.svg") 0 0/contain no-repeat;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: .7;
    padding: 8px;
    border-radius: 50%;
    margin: 4px;
    cursor: pointer
}

.favourite-colours-box:hover {
    -webkit-filter: brightness(0) saturate(100%) invert(64%) sepia(5%) saturate(2507%) hue-rotate(308deg) brightness(116%) contrast(90%);
    filter: brightness(0) saturate(100%) invert(64%) sepia(5%) saturate(2507%) hue-rotate(308deg) brightness(116%) contrast(90%)
}

.img.wp-smiley,
img.emoji {
    height: 2em !important;
    width: 2em !important
}

.breadcrumbs__container a,
.standard-link,
a:hover {
    color: #f2a6a8
}

.breadcrumbs__container a:hover {
    color: #b1b1b1
}

.breadcrumbs__container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.breadcrumbs__container li:nth-child(+2) {
    margin-left: 1.5rem
}

.breadcrumbs__container li:nth-child(+2)::before {
    content: '/';
    color: #f2a6a8;
    margin-right: 1.5rem
}

.applicator-hero img {
    min-height: 100vh;
    max-width: 100%
}

.tints-container .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1200px) and (orientation:portrait) {
    .tints-container .scroll-btn {
        display: none
    }
    .tints-container .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.applicators,
.applicators .applicator,
.applicators .btn-container {
    display: -webkit-box;
    display: -ms-flexbox
}

.bcg-color-change {
    -webkit-animation: 10s ease-in-out infinite color-change;
    animation: 10s ease-in-out infinite color-change;
    background-image: url("images/applicator/applicator-hero.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top left;
    width: 50vw
}

@-webkit-keyframes color-change {
    0%,
    100% {
        background-color: #fe8fa0
    }
    16.6666% {
        background-color: #7dbffb
    }
    33.3333% {
        background-color: #fea6d4
    }
    50% {
        background-color: #b0cec2
    }
    66.6666% {
        background-color: #faf3c8
    }
    83.3333% {
        background-color: #b283e1
    }
}

@keyframes color-change {
    0%,
    100% {
        background-color: #fe8fa0
    }
    16.6666% {
        background-color: #7dbffb
    }
    33.3333% {
        background-color: #fea6d4
    }
    50% {
        background-color: #b0cec2
    }
    66.6666% {
        background-color: #faf3c8
    }
    83.3333% {
        background-color: #b283e1
    }
}

.applicators {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 2;
    position: relative
}

.applicators .title {
    top: 32px;
    left: 0;
    width: 100%;
    position: absolute;
    font-family: "Bebas Neue";
    font-size: 7.6rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 6.5rem;
    z-index: 2;
    padding: 0 1rem;
    -webkit-transition: color .5s;
    transition: color .5s
}

@media screen and (max-width:350px) {
    .applicators .title {
        font-size: 2.6rem
    }
}

.applicators .title.dark {
    color: #484359 !important
}

.applicators .applicator {
    width: 25%;
    z-index: 10;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.applicators .applicator .play-container {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s
}

.applicators .applicator .background-image-opacity,
.applicators .applicator .background-image-white {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.applicators .applicator .background-image-opacity {
    opacity: .6
}

.applicators .applicator::before {
    content: '';
    background: url("images/plus-circle.svg") no-repeat;
    height: 5rem;
    width: 5rem;
    display: block;
    position: absolute;
    z-index: 16;
    top: calc(50% - -.5rem);
    left: calc(50% - 2.1rem)
}

@media screen and (max-width:1200px) {
    .order-details-block {
        padding-bottom: 205px
    }
    .applicator-hero,
    .blog-hero .column,
    .right-product-images,
    .scroll-btn-block .container .column {
        display: none
    }
    .color-applicator:not(.enabled),
    .confirm-zen:not(.enabled),
    .tints-container .column-fixed {
        width: 100%
    }
    .mobile-paint-bar {
        display: block;
        position: fixed;
        bottom: 20px;
        z-index: 9;
        margin: 0 auto;
        width: 100%;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }
    .mobile-paint-bar .mobile-paint-bar-container {
        width: calc(100% - 30px);
        padding: 20px 0;
        margin: 0 auto;
        background-color: #dbdbdb;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .3);
        box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .3)
    }
    .mobile-paint-bar .mobile-paint-bar-container .tint-mobile-container {
        height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .mobile-paint-bar .mobile-paint-bar-container .tint-mobile-container .mobile-paint-can {
        height: 120px;
        width: 85px;
        margin-right: 40px
    }
    .mobile-paint-bar .mobile-paint-bar-container .tint-mobile-container img {
        height: auto;
        width: 34px
    }
    .mobile-paint-bar .mobile-paint-bar-container .tint-mobile-container img:not(:last-child) {
        margin-right: 15px
    }
    .applicators .applicator::before {
        opacity: 1
    }
    .blog-hero,
    .blog-hero .hero {
        min-height: 0
    }
    .blog-hero .hero__title {
        margin-bottom: 12rem
    }
}

@media screen and (min-width:1200px) {
    .hero-container .column-2,
    .three-block,
    .two-column {
        display: none
    }
    .button-next {
        left: 50.9rem;
        top: 26.1rem
    }
    .button-prev {
        left: 46rem;
        top: 26.1rem
    }
    .label-block,
    .product-container .build-your-zen,
    .product-container .label-content p,
    .product-container .order-content-introduction p {
        width: 100%
    }
    .product-container .label-content {
        margin-top: 0
    }
    .applicators .applicator::before {
        opacity: 0
    }
}

.applicators .applicator[data-color=on-wednesdays-we-wear-pink] {
    background-color: #e0eadc
}

.applicators .applicator[data-color=on-wednesdays-we-wear-pink] .title {
    color: #b6ccb7
}

.applicators .applicator[data-color=periwinkle] {
    background-color: #effef0
}

.applicators .applicator[data-color=periwinkle] .title {
    color: #bfddc1
}

.applicators .applicator[data-color=in-the-nude] {
    background-color: #cde5f0
}

.applicators .applicator[data-color=jazzberry-jam] .title {
    color: #d8d2c4
}

.applicators .applicator[data-color=moon-dust] {
    background-color: #c5ffff
}

.applicators .applicator[data-color=moon-dust] .title {
    color: #8dd8d8
}

.applicators .applicator[data-color=buttercup] {
    background-color: #d8d1f6
}

.applicators .applicator[data-color=cotton-candy] {
    background-color: #faebdd
}

.applicators .applicator[data-color=cotton-candy] .title {
    color: #ddbd9d
}

.applicators .applicator[data-color=not-so-basic-beige] {
    background-color: #f1cbcb
}

.applicators .applicator[data-color=spearmint] {
    background-color: #fde8ed
}

.applicators .applicator[data-color=spearmint] .title {
    color: #dbadb8
}

.applicators .applicator[data-color=peacock-blue] {
    background-color: #cad1d4
}

.applicators .applicator[data-color=papa-dont-peach] {
    background-color: #f5e8ff
}

.applicators .applicator[data-color=papa-dont-peach] .title {
    color: #c7aade
}

.applicators .applicator[data-color=azure] {
    background-color: #ffe
}

.applicators .applicator[data-color=azure] .title {
    color: #d3d3b9
}

.applicators .applicator.selected img {
    opacity: .1
}

.applicators .applicator.selected .play-container {
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.applicators .applicator.selected[data-color=on-wednesdays-we-wear-pink] .background-image-opacity {
    background: #fb8c8c
}

.applicators .applicator.selected[data-color=on-wednesdays-we-wear-pink] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(251, 140, 140, .25)), to(#fb8c8c));
    background: linear-gradient(90deg, rgba(251, 140, 140, .25) 0, #fb8c8c 100%)
}

.applicators .applicator.selected[data-color=periwinkle] .background-image-opacity {
    background: #b283e1
}

.applicators .applicator.selected[data-color=periwinkle] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(178, 131, 225, .25)), to(#b283e1));
    background: linear-gradient(90deg, rgba(178, 131, 225, .25) 0, #b283e1 100%)
}

.applicators .applicator.selected[data-color=in-the-nude] .background-image-opacity {
    background: #fdd0cc
}

.applicators .applicator.selected[data-color=in-the-nude] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(253, 208, 204, .25)), to(#fdd0cc));
    background: linear-gradient(90deg, rgba(253, 208, 204, .25) 0, #fdd0cc 100%)
}

.applicators .applicator.selected[data-color=jazzberry-jam] .background-image-opacity {
    background: #ec8eb1
}

.applicators .applicator.selected[data-color=jazzberry-jam] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(236, 142, 177, .25)), to(#ec8eb1));
    background: linear-gradient(90deg, rgba(236, 142, 177, .25) 0, #ec8eb1 100%)
}

.applicators .applicator.selected[data-color=moon-dust] .background-image-opacity {
    background: #92898c
}

.applicators .applicator.selected[data-color=moon-dust] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(146, 137, 140, .25)), to(#92898c));
    background: linear-gradient(90deg, rgba(146, 137, 140, .25) 0, #92898c 100%)
}

.applicators .applicator.selected[data-color=buttercup] .color-percentage,
.applicators .applicator.selected[data-color=buttercup] .title,
.applicators .applicator.selected[data-color=not-so-basic-beige] .color-percentage,
.applicators .applicator.selected[data-color=not-so-basic-beige] .title {
    color: #484359
}

.applicators .applicator.selected[data-color=buttercup] .background-image-opacity {
    background: #faf3c8
}

.applicators .applicator.selected[data-color=buttercup] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 243, 200, .25)), to(#faf3c8));
    background: linear-gradient(90deg, rgba(250, 243, 200, .25) 0, #faf3c8 100%)
}

.applicators .applicator.selected[data-color=cotton-candy] .background-image-opacity {
    background: #fea6d4
}

.applicators .applicator.selected[data-color=cotton-candy] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(254, 166, 212, .25)), to(#fea6d4));
    background: linear-gradient(90deg, rgba(254, 166, 212, .25) 0, #fea6d4 100%)
}

.applicators .applicator.selected[data-color=not-so-basic-beige] .background-image-opacity {
    background: #fbebc9
}

.applicators .applicator.selected[data-color=not-so-basic-beige] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(251, 235, 201, .25)), to(#fbebc9));
    background: linear-gradient(90deg, rgba(251, 235, 201, .25) 0, #fbebc9 100%)
}

.applicators .applicator.selected[data-color=spearmint] .background-image-opacity {
    background: #b0cec2
}

.applicators .applicator.selected[data-color=spearmint] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(176, 206, 194, .25)), to(#b0cec2));
    background: linear-gradient(90deg, rgba(176, 206, 194, .25) 0, #b0cec2 100%)
}

.applicators .applicator.selected[data-color=peacock-blue] .background-image-opacity {
    background: #9cd4e8
}

.applicators .applicator.selected[data-color=peacock-blue] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(156, 212, 232, .25)), to(#9cd4e8));
    background: linear-gradient(90deg, rgba(156, 212, 232, .25) 0, #9cd4e8 100%)
}

.applicators .applicator.selected[data-color=papa-dont-peach] .background-image-opacity {
    background: #fed6bc
}

.applicators .applicator.selected[data-color=papa-dont-peach] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(254, 214, 188, .25)), to(#fed6bc));
    background: linear-gradient(90deg, rgba(254, 214, 188, .25) 0, #fed6bc 100%)
}

.applicators .applicator.selected[data-color=azure] .background-image-opacity {
    background: #7dbffb
}

.applicators .applicator.selected[data-color=azure] .slider-color {
    background: -webkit-gradient(linear, left top, right top, from(rgba(125, 191, 251, .25)), to(#7dbffb));
    background: linear-gradient(90deg, rgba(125, 191, 251, .25) 0, #7dbffb 100%)
}

.applicators img {
    position: relative;
    z-index: 15
}

.applicators .btn-container {
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px
}

.applicators .btn-container .btn,
.applicators .btn-container .button.alt,
.applicators .btn-container .button:not(.alt),
.applicators .btn-container .woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link .applicators .btn-container a {
    background-color: #fff;
    color: #484359;
    z-index: 50
}

.applicators .btn-container .btn:hover,
.applicators .btn-container .button.alt:hover,
.applicators .btn-container .button:hover:not(.alt),
.applicators .btn-container .woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link .applicators .btn-container a:hover {
    opacity: .8
}

.applicators .color-slider-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100;
    background-color: #fff;
    padding: 15px 25px 15px 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.applicators .color-slider-block .color-percentage {
    height: 50px;
    width: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    font-family: "Bebas Neue";
    font-weight: 700;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    line-height: 52px
}

.applicators .color-slider-block .slider-color-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 75px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.applicators .color-slider-block .slider-color {
    height: 1.5rem;
    border-radius: 1rem;
    width: 100%;
    border: none
}

.applicators .color-slider-block .slider-number {
    font-family: "Bebas Neue";
    font-weight: 700;
    letter-spacing: .2rem;
    bottom: -25px;
    position: absolute;
    left: 0
}

.applicators .color-slider-block .slider-number:last-child {
    right: 0;
    left: auto
}

.applicators .color-slider-block .ui-slider .ui-slider-handle:focus {
    outline: 0
}

.applicators .color-slider-block .ui-slider .ui-slider-handle {
    border: none;
    cursor: pointer;
    background: url("images/slider-arrow.svg") center/contain no-repeat;
    height: 2.7rem;
    width: 2.1rem;
    margin-top: -8px
}

.applicators .color-slider-block .ui-slider-range {
    background: 0 0
}

@media screen and (max-width:1250px) {
    .applicators .applicator {
        width: 50%
    }
}

.increment-price {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0
}

.increment-price input {
    position: relative;
    border: none;
    background-color: transparent;
    font-family: "Bebas Neue";
    font-size: 17rem;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 20;
    padding-top: 17rem
}

th,
tr:nth-of-type(2n) {
    background: #eee
}

.increment-price .button-container .plus-icon {
    display: block;
    background: url("images/plus-circle.svg") no-repeat;
    height: 3.5rem;
    width: 3.5rem;
    margin-bottom: .5rem;
    margin-right: 3.5rem;
    z-index: 1000;
    position: absolute;
    top: 55%;
    left: 3.5rem
}

.increment-price .button-container .minus-icon:hover,
.increment-price .button-container .plus-icon:hover {
    opacity: .75
}

.increment-price .button-container .minus-icon {
    display: block;
    background: url("images/minus-circle.svg") no-repeat;
    height: 3.5rem;
    width: 3.5rem;
    z-index: 1000;
    position: absolute;
    top: 55%;
    right: 3.5rem
}

.play-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    position: absolute;
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.play-circle.show {
    width: 20px;
    height: 20px;
    visibility: visible;
    opacity: 1;
    position: fixed
}

.blog-hero .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 15rem
}

.blog-hero .hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog-hero .hero__title {
    width: 80%;
    padding-right: 75px
}

.blog-hero .hero__title .blog-archive-title {
    margin-bottom: 0 !important
}

.about-container .heading-primary,
.about-container h1,
.blog-hero .heading-primary,
.blog-hero h1 {
    margin-bottom: 0
}

.about-container .column,
.blog-hero .column {
    position: relative;
    overflow: hidden;
    min-height: 100vh
}

.about-container .column img,
.blog-hero .column img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.instagram-container {
    padding-top: 19rem;
    padding-bottom: 22rem;
    width: 100%;
    text-align: center
}

.instagram-container .heading-primary--sub-title {
    text-align: center;
    width: 100%;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .2em;
    margin-bottom: 4rem
}

.instagram-container .heading-primary--sub-title::before {
    content: '';
    background: url("images/instagram.svg") no-repeat;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-filter: invert(49%) sepia(28%) saturate(828%) hue-rotate(137deg) brightness(93%) contrast(96%);
    filter: invert(49%) sepia(28%) saturate(828%) hue-rotate(137deg) brightness(93%) contrast(96%)
}

@media screen and (max-width:1200px) {
    .instagram-container .instagram {
        width: 90%;
        margin: 0 auto
    }
    .instagram-container .instagram__img {
        width: calc(50% - 2rem);
        margin-bottom: 3rem
    }
}

@media screen and (max-width:650px) {
    .instagram-container .instagram {
        width: 100%;
        margin: 0 auto
    }
    .instagram-container .instagram__img {
        width: 100%
    }
}

.index-blog {
    width: 84%;
    margin: 0 auto
}

.index-blog .blog-inner .blog-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-container .hero,
.about-container .inner,
.contact-us-container .column .address-container,
.index-blog .column,
.policy-page .policy-block .policy-column,
.quote {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.index-blog .blog-inner .blog-horizontal {
    width: calc(50% - 2rem);
    margin-bottom: 4rem
}

.index-blog .blog-inner .blog-horizontal .blog-horizontal__img {
    height: 30rem
}

.index-blog .blog-inner .blog-horizontal .blog-horizontal__text {
    width: 50%;
    height: 30rem
}

.index-blog .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:1200px) {
    .index-blog,
    .index-blog .blog-inner,
    .index-blog .blog-inner .blog-horizontal .blog-horizontal__img,
    .index-blog .blog-inner .blog-horizontal .blog-horizontal__text {
        width: 100%
    }
    .index-blog .blog-container {
        margin-bottom: 5rem
    }
    .index-blog .blog-inner .blog-horizontal {
        width: calc(50% - 2rem);
        margin-bottom: 3rem;
        margin-top: 3rem
    }
}

@media screen and (max-width:900px) {
    .index-blog .blog-inner,
    .index-blog .blog-inner .blog-horizontal .blog-horizontal__img,
    .index-blog .blog-inner .blog-horizontal .blog-horizontal__text {
        width: 100%
    }
    .index-blog .blog-inner .blog-horizontal {
        width: calc(50% - 2rem);
        margin-bottom: 2rem
    }
}

@media screen and (max-width:700px) {
    .favourite-colours-box {
        top: 20px;
        right: 30px
    }
    .applicators .applicator,
    .index-blog .blog-inner,
    .index-blog .blog-inner .blog-horizontal .blog-horizontal__img,
    .index-blog .blog-inner .blog-horizontal .blog-horizontal__text {
        width: 100%
    }
    .blog-hero .inner {
        margin-left: 5.9rem
    }
    .index-blog {
        width: calc(100% - 60px)
    }
    .index-blog .blog-inner .blog-horizontal {
        width: 100%;
        margin-bottom: 2rem
    }
}

.testimonial-blog .wrapper {
    margin-bottom: 18rem
}

.blog-archive .inner {
    margin-top: 10rem
}

.testimonial-index-title .heading-primary--sub-title {
    text-align: left
}

.single-post-title {
    font-size: 7rem
}

.blog-hero .hero .single-post-title {
    font-size: 9rem
}

@media screen and (max-width:1200px) {
    .testimonial-blog .inner {
        padding-top: 0
    }
    .blog-hero .hero .hero__title,
    .testimonial-blog .wrapper {
        margin-bottom: 0
    }
    .blog-archive .inner {
        margin-top: 0;
        margin-bottom: 7rem
    }
    .blog-hero .hero .single-post-title {
        font-size: 7rem
    }
    .blog-hero {
        height: auto
    }
    .blog-hero .hero__title {
        width: 100%
    }
    .blog-hero .inner {
        width: calc(100% - 100px);
        margin: 0 auto;
        padding: 0
    }
}

.blog-hero .blog-date {
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif;
    font-size: 1.8rem;
    letter-spacing: .1em;
    color: #7db0a1;
    margin-bottom: 2rem
}

.layout-four .column,
.layout-one .column,
.layout-three .column,
.layout-two .column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:1500px) {
    .layout-four .column,
    .layout-one .column,
    .layout-three .column,
    .layout-two .column {
        max-width: 84.5rem;
        margin: 0 auto
    }
}

.layout-four .column ul,
.layout-one .column ul,
.layout-three .column ul,
.layout-two .column ul {
    font-family: "American Typewriter";
    color: #0b4c42;
    font-size: 1.8rem;
    line-height: 1.7;
    margin-bottom: 8rem
}

.layout-four .column ul li::before,
.layout-one .column ul li::before,
.layout-three .column ul li::before,
.layout-two .column ul li::before {
    position: relative;
    top: -.2rem;
    content: '0';
    font-size: 1.2rem;
    margin-right: .1rem
}

@media screen and (max-width:1200px) {
    .testimonial-blog .container .slick-initialized .slick-slide,
    .testimonial-index .container .slick-initialized .slick-slide {
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .single .blog-hero .blog {
        margin-top: 9rem
    }
    .layout-four .column-fixed .inner,
    .layout-one .column-fixed .inner,
    .layout-three .column-fixed .inner,
    .layout-two .column-fixed .inner {
        min-height: auto
    }
    .layout-four .column,
    .layout-one .column,
    .layout-three .column,
    .layout-two .column {
        padding: 14rem 15rem
    }
    .layout-four .column ul,
    .layout-one .column ul,
    .layout-three .column ul,
    .layout-two .column ul {
        margin-bottom: 8rem
    }
}

@media screen and (max-width:800px) {
    .work .heading-primary,
    .work h1 {
        font-size: 4rem
    }
    .testimonial .slider-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .button-next {
        bottom: -9rem;
        top: auto;
        left: calc(50% - 2.2rem)
    }
    .button-prev {
        bottom: -9rem;
        top: auto;
        left: calc(50% - 6.5rem)
    }
    .slider-inner {
        text-align: center
    }
    .blog-hero .hero .single-post-title {
        font-size: 5.5rem
    }
    .blog-hero .hero .hero__title {
        width: 100%;
        padding: 0
    }
    .layout-four .column,
    .layout-one .column,
    .layout-three .column,
    .layout-two .column {
        padding: 14rem 5rem
    }
    .layout-four .inner {
        width: 100%
    }
}

.layout-one .column-fixed {
    padding: 75px 7vw
}

.layout-one .column {
    padding: 75px 50px
}

.page-template .woocommerce-error,
.page-template .woocommerce-info,
.page-template .woocommerce-message,
.quote h5::before {
    background-color: #fff
}

.layout-three .blog-title {
    width: 100%;
    margin-bottom: 2rem
}

.contact-us-container .inner .contact-us-text,
.layout-four img,
.layout-four p {
    margin-bottom: 10rem
}

.column-fixed-blog-color {
    background-color: #f5f2ed
}

.about-container .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 8vw 0 10.8vw
}

.about-container .hero,
.contact-us-container .column .address-container,
.quote {
    display: -webkit-box;
    display: -ms-flexbox
}

.about-container .hero {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.quote {
    padding: 50px;
    text-align: center;
    font-size: calc(24px + 10 * ((100vw - 320px) / 680));
    background-color: #328f99;
    color: #fff;
    font-family: "Bebas Neue";
    letter-spacing: 2px;
    position: relative;
    margin: auto;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2em
}

.quote h5 {
    position: relative;
    font-size: 20px
}

.quote h5::before {
    content: '';
    height: 1.5px;
    width: 25px;
    opacity: 1;
    display: block;
    position: absolute;
    z-index: 16;
    top: calc(50%);
    left: calc(50% - 120px)
}

.contact-us-container .inner .hero__title {
    margin-top: 16.25rem
}

.contact-us-container .inner .heading-primary,
.contact-us-container .inner h1 {
    margin-bottom: 3rem;
    padding: 0 8vw 0 10.8vw
}

.contact-us-container .inner .hero-content-block {
    margin-top: 16rem
}

.contact-us-container .column .address-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    width: 100%;
    padding: 50px 0
}

.contact-us-container .column .address-container .address-information p {
    width: 100%;
    color: #fff;
    font-size: 2.2rem;
    font-family: "Bebas Neue"
}

.contact-us-container .column .address-container .heading-primary--product-title {
    font-family: "American Typewriter Condensed", "Bebas Neue", sans-serif;
    font-size: 5rem;
    color: #0b4c42
}

.select-btn {
    margin-bottom: 4rem
}

.contact-us-form input[type=checkbox] {
    display: inline-block;
    width: auto
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0
}

.page-template .page-wrapper {
    padding-top: 21rem
}

.page-template .woocommerce {
    margin-left: 19rem;
    min-height: calc(100vh - 21rem)
}

.page-template .woocommerce form .form-row {
    margin: 0
}

.page-template .woocommerce #respond input#submit,
.page-template .woocommerce a.button,
.page-template .woocommerce button.button,
.page-template .woocommerce input.button {
    background-color: #f2a6a8;
    font-family: "Bebas Neue";
    color: #fff;
    padding: 14px 27px;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: calc((200 * .66) / 1000 * 1em);
    margin: 4rem 0;
    border: none;
    max-width: 23rem;
    border-radius: 0
}

.page-template h2,
.policy-page .policy-block .policy-column h1 {
    font-weight: 700;
    letter-spacing: calc((100 * .66) / 1000 * 1em);
    font-family: "Bebas Neue"
}

.page-template .woocommerce .col2-set,
.page-template .woocommerce-page .col2-set {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-template .woocommerce .col2-set .col-1,
.page-template .woocommerce-page .col2-set .col-1 {
    float: none;
    width: 40%;
    margin-left: 19rem
}
.footer-blog .wpcf7 .wpcf7-form{margin-bottom: 0px;}

@media screen and (max-width:1200px) {
    .layout-one .column-fixed {
        padding: 50px 0
    }
    .layout-one .column {
        padding: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .about-container .column,
    .layout-two .column-fixed {
        display: none
    }
    .layout-two .column {
        background-color: #f5f2ed
    }
    .layout-two .column ul {
        margin-bottom: .8rem
    }
    .layout-three .column-fixed-blog-color {
        background-color: #fff
    }
    .layout-three .column-fixed {
        padding: 13rem 0 0
    }
    .layout-three .inner {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0
    }
    .layout-three .blog-title {
        width: 100%
    }
    .layout-three p {
        margin: 0 auto;
        width: 100%;
        text-align: center
    }
    .layout-four .inner {
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .layout-four .column-fixed {
        padding: 12rem 0 2rem
    }
    .quote-box {
        margin-bottom: 50px
    }
    .about-container .inner {
        padding: 0
    }
    .about-container {
        min-height: 0
    }
    .quote {
        padding: 30px
    }
    .quote h5::before {
        height: 1.25px;
        width: 20px;
        left: calc(50% - 100px)
    }
    .quote h5 {
        font-size: 16px
    }
    .contact-us-container .inner .heading-primary,
    .contact-us-container .inner h1 {
        padding: 0 20vw 0 0
    }
    .page-template .woocommerce .col2-set,
    .page-template .woocommerce-page .col2-set {
        padding: 0 2.5rem
    }
    .page-template .woocommerce .col2-set .col-1,
    .page-template .woocommerce-page .col2-set .col-1 {
        width: 50%;
        margin: 0
    }
}

.page-template .woocommerce .col2-set .col-2,
.page-template .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 40%
}

@media screen and (max-width:1200px) {
    .page-template .woocommerce .col2-set .col-2,
    .page-template .woocommerce-page .col2-set .col-2 {
        width: 50%
    }
}

.page-template h2 {
    font-size: 4rem;
    color: #0b4c42
}

.page-template .woocommerce-error li,
.page-template label,
body {
    font-family: "American Typewriter"
}

.page-template label {
    color: #000;
    font-size: 1.8rem
}

.page-template .woocommerce form .form-row input.input-text,
.page-template .woocommerce form .form-row textarea {
    background-color: #fff;
    border: .1rem solid #328f99;
    font-size: 1.6rem;
    padding: 1.7rem;
    border-radius: .5rem;
    margin-bottom: 3rem
}

@media screen and (max-width:900px) {
    .page-template .woocommerce .col2-set .col-1,
    .page-template .woocommerce .col2-set .col-2,
    .page-template .woocommerce-page .col2-set .col-1,
    .page-template .woocommerce-page .col2-set .col-2 {
        width: 100%
    }
    .page-template .woocommerce form .form-row input.input-text,
    .page-template .woocommerce form .form-row textarea {
        width: 80%
    }
}

.page-template .woocommerce-error::before {
    content: '\e016';
    color: #f2a6a8;
    margin-top: 5px
}

.page-template .woocommerce-error {
    border: none;
    margin-left: 16rem
}

.page-template .woocommerce-error li {
    font-size: 1.5rem;
    letter-spacing: calc((50 * .66) / 1000 * 1em)
}

.page-template .woocommerce-error li strong {
    font-size: 2.5rem;
    color: #0b4c42;
    font-family: "Bebas Neue"
}

.page-template .woocommerce-info {
    border: none;
    margin-top: -2.1rem
}

.standard-page {
    padding-left: 19rem;
    padding-top: 16.5rem;
    padding-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.standard-page .standard-page-container {
    width: 100%;
    max-width: 1200px;
    padding-bottom: 5rem
}

.standard-page a {
    color: #f2a6a8;
    word-break: break-all
}

.standard-page a:hover {
    color: #ec7a7d
}

.standard-page h2 {
    margin-bottom: 2rem;
    margin-top: 3rem;
    font-size: 4rem;
    color: #0b4c42;
    line-height: 1.2
}

.coupon #coupon_code {
    width: 120px;
    margin-right: 10px
}

button[name=update_cart] {
    margin-right: 0 !important
}

.woocommerce table.shop_table {
    border: 0
}

.woocommerce table.shop_table td {
    border-color: #fff
}

.woocommerce table.shop_table th {
    background: #328f99;
    color: #fff;
    border-color: #fff;
    font-weight: 400
}

.woocommerce-EditAccountForm.edit-account {
    max-width: 400px
}

th.product-remove,
th.product-thumbnail {
    border-left: 0;
    border-right: 0
}

th.product-name {
    border-left: 0
}

td.actions {
    padding: 15px !important
}

.policy-page {
    padding-top: 25rem;
    margin-bottom: 7.5rem
}

.policy-page .policy-block {
    width: calc(100% - 17rem);
    margin-left: 17rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pagination .next,
.pagination .prev {
    height: 5.5rem;
    width: 5.5rem;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #000
}

.policy-page .policy-block .policy-column {
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 4rem)
}

.policy-page .policy-block .policy-column p,
.policy-page .policy-block .policy-column ul {
    width: 80%
}

.policy-page .policy-block .policy-column ul li {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 3rem
}

.policy-page .policy-block .policy-column ul li::before {
    position: absolute;
    top: -1.2rem;
    content: '-';
    font-size: 3rem;
    left: 0
}

.policy-page .policy-block .policy-column h1 {
    color: #0b4c42;
    line-height: 1em;
    font-size: 12rem;
    text-transform: uppercase;
    margin-bottom: 3rem
}

/*!
Theme Name: Zen
Author: Mauro Nappolini & Simon Newman
Author URI: http://formationmedia.co.uk
Version: 1.0.2
Description: Starter theme for new WordPress projects.
*/

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100vw;
    overflow-x: hidden
}

html {
    font-size: 62.5%
}

@media only screen and (max-width:93rem) {
    html {
        font-size: 55%
    }
}

@media only screen and (max-width:80rem) {
    html {
        font-size: 55%
    }
}

body {
    font-size: 16px;
    color: #4f4f4f;
    line-height: 1.6
}

.pagination,
strong {
    font-weight: 700
}

::-moz-selection {
    background: #0b4c42;
    color: #fff
}

::selection {
    background: #0b4c42;
    color: #fff
}

a {
    color: #000;
    text-decoration: none
}

em {
    font-style: italic
}

td,
th {
    border: 1px solid #ddd;
    padding: .5rem 1rem
}

tr {
    background: #f7f7f7
}

th {
    font-weight: 400
}

.alignright {
    float: right;
    margin: 2rem 0 2rem 2rem
}

.alignleft {
    float: left;
    margin: 2rem 2rem 2rem 0
}

.aligncenter {
    display: block;
    margin: 2rem auto
}

.wp-caption {
    background: #fff;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
    padding: 1rem;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.wp-caption+.wp-caption {
    -webkit-transform: rotate(2deg) translateY(10px);
    transform: rotate(2deg) translateY(10px)
}

.img-responsive,
.wp-caption img {
    display: block;
    max-width: 100%
}

.wp-caption-text {
    font-size: .8em;
    padding: .8rem .5rem 0
}

.img-cover {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.posted {
    font-size: .9em;
    color: #bdbdbd
}

article li {
    list-style-type: disc
}

.pagination {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Bebas Neue";
    color: #0b4c42;
    font-size: 2rem;
    margin-top: 2rem
}

.pagination .page-numbers {
    margin-right: 1rem
}

.pagination .current {
    color: #f2a6a8;
    margin-right: 1rem
}

.pagination .next {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5rem
}

.pagination .next:hover:hover::before {
    -webkit-filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%);
    filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%)
}

.pagination .prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5rem
}

.pagination .prev:hover:hover::before {
    -webkit-filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%);
    filter: invert(69%) sepia(14%) saturate(956%) hue-rotate(308deg) brightness(105%) contrast(90%)
}

.myzen-instagram {
    -ms-flex-item-align: center;
    align-self: center;
    width: auto !important
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    padding: 10px !important;
    border: 1px solid #ccc;
    font-family: "American Typewriter";
    font-size: 1em;
    color: #333
}

@media screen and (max-width:450px) {
    .background-video,
    .lg-paint-can {
        min-height: 395px
    }
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        font-size: .83em
    }
}

@media screen and (max-width:1200px) {
    .standard-page {
        padding-left: 0;
        padding-right: 0
    }
    .policy-page .policy-block .policy-column {
        width: 100%
    }
    .ipad-container {
        width: calc(100% - 210px);
        margin: 0 auto
    }
}

@media screen and (max-width:700px) {
    .blog-hero .inner {
        width: calc(100% - 60px)
    }
    .about-container .hero p,
    .layout-one .inner p,
    .page-template .woocommerce form .form-row input.input-text,
    .page-template .woocommerce form .form-row textarea {
        width: 100%
    }
    .page-template .woocommerce {
        padding: 0 1.5rem
    }
    .page-template .woocommerce .col2-set,
    .page-template .woocommerce-page .col2-set {
        padding: 0
    }
    .standard-page {
        padding-top: 8rem
    }
    .policy-page .policy-block {
        margin-left: 4rem
    }
    .ipad-container {
        width: calc(100% - 60px);
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px
    }
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        margin-top: -14px
    }
}

.product-quantity::before {
    padding-left: -10px
}

}




/* sort the menu having sub menus */
/* Align menu items to the top */
nav ul.menu > li {
    vertical-align: top;
	border: 1px red dashed;
}

/* Ensure child submenu doesn't affect alignment */
nav ul.menu > li.menu-item-has-children > a {
    line-height: normal;
    display: inline-block;
	
	border: 1px green dashed;
}

/* Adjust submenu styles */
nav ul.sub-menu {
    margin-top: 0;
    padding-top: 0;
	
	border: 1px blue dashed;
}




/* added 2025_01_31 - to sort out the order section with 3 OR 12 tints
mike@transparentdesign.co.uk */
	
.chooseTintContainer {
	border: 2px dashed blue;
/* 	text-align: center !important; */

/* 	display: flex-end;
	align-items: center; */
	
	
}

.inputQuantity {
	position: relative; 
	left: -0.5rem; 
	text-align: right;
}











/*# sourceMappingURL=style.css.map */