/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 28, 2016 */
@font-face {
    font-family: 'gotham_bookregular';
    src: url('../fonts/gotham_book-webfont.eot');
    src: url('../fonts/gotham_book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham_book-webfont.woff2') format('woff2'), url('../fonts/gotham_book-webfont.woff') format('woff'), url('../fonts/gotham_book-webfont.ttf') format('truetype'), url('../fonts/gotham_book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_boldregular';
    src: url('../fonts/gotham-bold-webfont.eot');
    src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-bold-webfont.woff2') format('woff2'), url('../fonts/gotham-bold-webfont.woff') format('woff'), url('../fonts/gotham-bold-webfont.ttf') format('truetype'), url('../fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_lightregular';
    src: url('../fonts/gotham-light-webfont.eot');
    src: url('../fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-light-webfont.woff2') format('woff2'), url('../fonts/gotham-light-webfont.woff') format('woff'), url('../fonts/gotham-light-webfont.ttf') format('truetype'), url('../fonts/gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('../fonts/gotham-medium-webfont.eot');
    src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-medium-webfont.woff2') format('woff2'), url('../fonts/gotham-medium-webfont.woff') format('woff'), url('../fonts/gotham-medium-webfont.ttf') format('truetype'), url('../fonts/@gotham-book: "gotham_bookregular";gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura-pt-bold';
    src: url("../fonts/FuturaPTBold/FuturaPTBold.eot");
    src: url("../fonts/FuturaPTBold/FuturaPTBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTBold/FuturaPTBold.woff2") format("woff2"), url("../fonts/FuturaPTBold/FuturaPTBold.woff") format("woff"), url("../fonts/FuturaPTBold/FuturaPTBold.ttf") format("truetype");
}

@font-face {
    font-family: 'futura-pt-medium';
    font-weight: 400;
    src: url("../fonts/FuturaPTMedium/FuturaPTMedium.eot");
    src: url("../fonts/FuturaPTMedium/FuturaPTMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTMedium/FuturaPTMedium.woff2") format("woff2"), url("../fonts/FuturaPTMedium/FuturaPTMedium.woff") format("woff"), url("../fonts/FuturaPTMedium/FuturaPTMedium.ttf") format("truetype");
}

@font-face {
    font-family: "futura-pt-book";
    src: url("../fonts/FuturaPTBook/FuturaPTBook.eot");
    src: url("../fonts/FuturaPTBook/FuturaPTBook.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTBook/FuturaPTBook.woff2") format("woff2"), url("../fonts/FuturaPTBook/FuturaPTBook.woff") format("woff"), url("../fonts/FuturaPTBook/FuturaPTBook.ttf") format("truetype");
}



b,
em,
strong {
    font-family: "gotham_boldregular";
}

.font-light {
    font-family: "gotham_lightregular";
}

.font-medium {
    font-family: "gotham_mediumregular";
}

.font-book {
    font-family: "gotham_bookregular";
}

.font-bold {
    font-family: "gotham_boldregular";
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }

.hide-text {
    font-size: 0;
    line-height: none;
    text-indent: -9999px;
}

.show-small {
    display: block;
}

@media screen and (min-width: 768px) {
    .show-small {
        display: none;
    }
}

.show-small-inline {
    display: inline;
}

@media screen and (min-width: 768px) {
    .show-small-inline {
        display: none;
    }
}

.show-small-inline-block {
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .show-small-inline-block {
        display: none;
    }
}

.show-small-medium {
    display: block;
}

@media screen and (min-width: 1024px) {
    .show-small-medium {
        display: none;
    }
}

.show-small-medium-inline {
    display: inline;
}

@media screen and (min-width: 1024px) {
    .show-small-medium-inline {
        display: none;
    }
}

.show-small-medium-inline-block {
    display: inline-block;
}

@media screen and (min-width: 1024px) {
    .show-small-medium-inline-block {
        display: none;
    }
}

.show-medium {
    display: none;
}

@media screen and (min-width: 768px) {
    .show-medium {
        display: block;
    }
}

.show-medium-inline {
    display: none;
}

@media screen and (min-width: 768px) {
    .show-medium-inline {
        display: inline;
    }
}

.show-medium-inline-block {
    display: none;
}

@media screen and (min-width: 768px) {
    .show-medium-inline-block {
        display: inline-block;
    }
}

.show-large {
    display: none;
}

@media screen and (min-width: 1024px) {
    .show-large {
        display: block;
    }
}

.show-large-inline {
    display: none;
}

@media screen and (min-width: 1024px) {
    .show-large-inline {
        display: inline;
    }
}

.show-large-inline-block {
    display: none;
}

@media screen and (min-width: 1024px) {
    .show-large-inline-block {
        display: inline-block;
    }
}

.un-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

html {
    background: #0084c9;
    min-height: 100%;
    overflow-x: hidden;
    position: relative;
}

body {
    color: #002b7f;
    font-family: "gotham_bookregular";
    font-size: 14px;
    line-height: normal;
    margin: 0;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    body {
        padding-bottom: 149px;
    }
}

@media screen and (min-width: 1024px) {
    body {
        padding-bottom: 149px;
    }
}

.main-content {
    background: #ffffff;
    display: block;
}

a {
    color: inherit;
}

img {
    border: 0;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.container {
    *zoom: 1;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 10px;
}

    .container:before,
    .container:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .container:after {
        clear: both;
    }

.form__field {
    display: block;
    margin: 15px 0;
}

    .form__field label {
        color: #5d5968;
        display: block;
        font-family: "gotham_mediumregular";
        font-size: 12px;
        margin: 0 0 4px;
    }

@media screen and (min-width: 768px) {
    .form__field label {
        font-size: 18px;
        margin: 0 0 8px;
    }
}

.form__field-row {
    *zoom: 1;
}

    .form__field-row:before,
    .form__field-row:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .form__field-row:after {
        clear: both;
    }

.form__field__required {
    color: #a6a6a6;
}

.form__field--center {
    text-align: center;
}

.form__field--checkbox,
.form__field--radio {
    *zoom: 1;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 14px;
    padding-left: 20px;
    position: relative;
}

    .form__field--checkbox:before,
    .form__field--radio:before,
    .form__field--checkbox:after,
    .form__field--radio:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .form__field--checkbox:after,
    .form__field--radio:after {
        clear: both;
    }

    .form__field--checkbox input,
    .form__field--radio input {
        margin: 0 0 3px;
        left: 0;
        position: absolute;
        top: 0;
    }

    .form__field--checkbox label,
    .form__field--radio label {
        font-size: 14px;
    }

.input--text,
.input--button,
.input--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border-color: #d5ecf8;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-radius: 5px;
    box-shadow: -1px -1px 2px #9f9f9f inset;
    color: #9f9f9f;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    padding: 12px 8px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .input--text,
    .input--button,
    .input--select {
        font-size: 14px;
        padding: 10px 15px;
    }
}

.input--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url('../images/icon-select-arrow.jpg') right center no-repeat;
    -ms-background-size: contain;
    background-size: contain;
    padding: 10px 60px 10px 15px;
}

.input--select-sort {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #ffffff url('../images//icon-arrow-select-blue-down.png') right 15px center no-repeat;
    border: 2px solid #0084c9;
    border-radius: 5px;
    box-shadow: none;
    color: #0084c9;
    min-width: 155px;
    padding: 15px 45px 15px 15px;
    text-align: left;
    text-transform: uppercase;
}

    .input--select-sort::-ms-expand {
        display: none;
    }

@media screen and (min-width: 768px) {
    .input--select-sort {
        font-size: 16px;
        min-width: 180px;
    }
}

.input--select-sort:hover {
    border-color: #006092;
    color: #006092;
}

.input--select-sort:focus {
    border-color: #38b9fd;
    color: #38b9fd;
}
/* Slider */
.slick-slide,
.slick-slide * {
    outline: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.4.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight {
        display: none;
        /* dimensions: spanning the background from edge to edge */
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647; /* z-index needs to be >= elements on the site. */
        /* position: centering content */
        text-align: center;
        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
        white-space: nowrap;
        /* styling */
        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */
        background: rgba(0, 0, 0, 0);
    }

        /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
        .featherlight:last-of-type {
            background: rgba(0, 0, 0, 0.8);
        }

        .featherlight:before {
            /* position: trick to center content vertically */
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.25em;
        }

        .featherlight .featherlight-content {
            /* make content container for positioned elements (close button) */
            position: relative;
            /* position: centering vertical and horizontal */
            text-align: left;
            vertical-align: middle;
            display: inline-block;
            /* dimensions: cut off images */
            overflow: auto;
            padding: 25px 25px 0;
            border-bottom: 25px solid transparent;
            /* dimensions: handling large content */
            margin-left: 5%;
            margin-right: 5%;
            max-height: 95%;
            /* styling */
            background: #fff;
            cursor: auto;
            /* reset white-space wrapping */
            white-space: normal;
        }

        /* contains the content */
        .featherlight .featherlight-inner {
            /* make sure its visible */
            display: block;
        }

        .featherlight .featherlight-close-icon {
            /* position: centering vertical and horizontal */
            position: absolute;
            z-index: 9999;
            top: 0;
            right: 0;
            /* dimensions: 25px x 25px */
            line-height: 25px;
            width: 25px;
            /* styling */
            cursor: pointer;
            text-align: center;
            font-family: Arial, sans-serif;
            background: #fff; /* Set the background in case it overlaps the content */
            background: rgba(255, 255, 255, 0.3);
            color: #000;
        }


        .featherlight .featherlight-image {
            /* styling */
            width: 100%;
        }


    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom: 0;
        padding: 0;
    }

    .featherlight iframe {
        /* styling */
        border: none;
    }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    transition-duration: 0.5s;
}

.twentytwenty-before-label, .twentytwenty-after-label {
    transition-property: opacity;
}

    .twentytwenty-before-label:before, .twentytwenty-after-label:before {
        color: white;
        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .twentytwenty-before-label:before, .twentytwenty-after-label:before {
        position: absolute;
        background: rgba(255, 255, 255, 0.2);
        line-height: 38px;
        padding: 0 20px;
        border-radius: 2px;
    }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px;
}

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px;
}

.twentytwenty-container {
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
}

    .twentytwenty-container img {
        max-width: 100%;
        position: absolute;
        top: 0;
        display: block;
    }

    .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
        background: rgba(0, 0, 0, 0);
    }

        .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
        .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
        .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
            opacity: 0;
        }

    .twentytwenty-container * {
        box-sizing: content-box;
    }

.twentytwenty-before-label {
    opacity: 0;
}

    .twentytwenty-before-label:before {
        content: "Before";
    }

.twentytwenty-after-label {
    opacity: 0;
}

    .twentytwenty-after-label:before {
        content: "After";
    }

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px;
}

.twentytwenty-overlay {
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
}

    .twentytwenty-overlay:hover {
        background: rgba(0, 0, 0, 0.5);
    }

        .twentytwenty-overlay:hover .twentytwenty-after-label {
            opacity: 1;
        }

        .twentytwenty-overlay:hover .twentytwenty-before-label {
            opacity: 1;
        }

.twentytwenty-before {
    z-index: 20;
}

.twentytwenty-after {
    z-index: 10;
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid white;
    border-radius: 1000px;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px;
}

.twentytwenty-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid white;
    top: 50%;
    margin-top: -17px;
}

.twentytwenty-down-arrow {
    border-top: 6px solid white;
    bottom: 50%;
    margin-bottom: -17px;
}

.button {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    min-width: 155px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

    .button:after {
        -ms-background-size: 6px 13px;
        background-size: 6px 13px;
        background-position: left top;
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        height: 13px;
        margin-left: 10px;
        vertical-align: middle;
        width: 6px;
    }

.new-button:after {
    -ms-background-size: 6px 13px;
    background-size: 40px 40px;
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 13px;
    margin-left: 10px;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

/* @media screen and (max-width: 767px) { */
/* .button:after { */
/* content: none; */
/* } */
/* } */

@media screen and (min-width: 768px) {
    .button {
        font-size: 16px;
        min-width: 180px;
    }
}

.button--solid {
    background: #0084c9;
    border-color: #0084c9;
    color: #ffffff !important;
}

    .button--solid:after {
        background-image: url('../images/icon-arrow-right-white.png');
    }

    .button--solid:hover {
        background: #006092;
        border-color: #006092;
    }

    .button--solid:focus {
        background: #38b9fd;
        border-color: #38b9fd;
    }

.button--outline {
    background: #ffffff;
    border-color: #0084c9;
    color: #0084c9;
}

    .button--outline:after {
        background-image: url('../images/icon-arrow-right-blue.png');
    }

    .button--outline:hover {
        border-color: #006092;
        color: #006092;
    }

        .button--outline:hover:after {
            background-image: url('../images/icon-arrow-right-darker-blue.png');
        }

    .button--outline:focus {
        border-color: #38b9fd;
        color: #38b9fd;
    }

        .button--outline:focus:after {
            background-image: url('../images/icon-arrow-right-light-blue.png');
        }

.button--bottom-arrow:after {
    background-image: url('../images/icon-arrow-down-blue.png');
    -ms-background-size: 13px 6px;
    background-size: 13px 6px;
    height: 6px;
    width: 13px;
}

.button--bottom-arrow:hover:after {
    background-image: url('../images/icon-arrow-down-darker-blue.png');
}

.button--bottom-arrow:focus:after {
    background-image: url('../images/icon-arrow-down-light-blue.png');
}

.button--no-arrow:after {
    display: none;
}

.gradient-background-content {
    border-bottom: 12px solid #0084c9;
}

@media screen and (min-width: 768px) {
    .gradient-background-content {
        background: #ffffff;
        background: linear-gradient(to bottom, #ffffff 0%, #38b9fd 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff38b9fd', GradientType=0);
        border-bottom: 25px solid #0084c9;
        border-top: 25px solid #0084c9;
        margin: 0;
    }

        .gradient-background-content .column-content__column {
            position: relative;
        }

            .gradient-background-content .column-content__column:after {
                background: #ffffff;
                background: linear-gradient(to bottom, #ffffff 0%, #0084c9 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff0084c9', GradientType=0);
                bottom: 0;
                content: "";
                display: block;
                position: absolute;
                right: -2px;
                top: 0;
                width: 2px;
            }

            .gradient-background-content .column-content__column:last-child:after {
                display: none;
            }
}

.stripe-background-content {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
}

.column-content__column {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -10px;
}

@media screen and (min-width: 768px) {
    .column-content__column {
        float: left;
        margin: 0;
    }
}

.column-content--three .column-content__column-inner {
    padding: 0 8px;
}

.column-content--two .column-content__column-inner {
    padding: 20px 10px;
}

@media screen and (min-width: 768px) {
    .column-content--two .column-content__column-inner {
        padding: 40px 10px;
    }
}

@media screen and (min-width: 768px) {
    .column-content--two .column-content__column {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .column-content--three {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .column-content--three .column-content__column {
        text-align: center;
        width: 33.333%;
    }
}

@media screen and (min-width: 768px) {
    .column-content--three .container--column-content--three {
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
    }
}

.carousel-wrapper {
    *zoom: 1;
    position: relative;
}

    .carousel-wrapper:before,
    .carousel-wrapper:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .carousel-wrapper:after {
        clear: both;
    }

.carousel-wrapper--reviews,
.carousel-wrapper--how-to-use {
    margin: 0 -10px;
}

@media screen and (min-width: 768px) {
    .carousel-wrapper--reviews,
    .carousel-wrapper--how-to-use {
        margin: 0;
    }
}

.carousel-wrapper--how-to-use {
    text-align: center;
}

.carousel-wrapper--category-how-to-use,
.carousel-wrapper--related-products {
    *zoom: 1;
    margin: 0 auto;
    width: 245px;
}

    .carousel-wrapper--category-how-to-use:before,
    .carousel-wrapper--related-products:before,
    .carousel-wrapper--category-how-to-use:after,
    .carousel-wrapper--related-products:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .carousel-wrapper--category-how-to-use:after,
    .carousel-wrapper--related-products:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .carousel-wrapper--category-how-to-use,
    .carousel-wrapper--related-products {
        margin: 0;
        width: auto;
    }
}

.carousel__item--home {
    -ms-background-size: contain;
    background-size: contain;
    background-position: left top;
    background-repeat: repeat-x;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .carousel__item--home img {
        max-height: 433px;
    }
}

.carousel__item img {
    vertical-align: middle;
}

.carousel__item--product-images-tab-nav {
    text-align: center;
}

.carousel__item--product-images-tab {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: 2px solid #d4d4d4;
    cursor: pointer;
    height: 70px;
    margin: 0 0 10px;
    padding: 5px;
    text-align: center;
    width: 70px;
}

    .carousel__item--product-images-tab img {
        max-height: 100%;
    }

    .carousel__item--product-images-tab.active {
        border-color: #ffd400;
    }

.carousel__item--video-tab {
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: table-cell;
    font-family: "gotham_mediumregular";
    font-size: 18px;
    padding: 15px;
    position: relative;
    vertical-align: middle;
    width: 25%;
}

@media screen and (min-width: 1024px) {
    .carousel__item--video-tab {
        display: block;
        margin: 0 0 18px;
        width: auto;
    }
}

.carousel__item--video-tab.active {
    background: #ffffff;
    color: #002b7f;
}

    .carousel__item--video-tab.active:before {
        border-color: transparent transparent #ffffff;
        border-style: solid;
        border-width: 15px;
        content: "";
        display: block;
        left: 50%;
        margin: -30px 0 0 -15px;
        position: absolute;
        top: 0;
    }

@media screen and (min-width: 1024px) {
    .carousel__item--video-tab.active:before {
        border-color: transparent transparent transparent #ffffff;
        left: auto;
        margin: -15px -30px 0 0;
        right: 0;
        top: 50%;
    }
}

.carousel--how-to-use {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.carousel--how-to-use__item {
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .carousel--how-to-use__item {
        display: inline-block;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 35px;
        vertical-align: top;
    }

        .carousel--how-to-use__item:nth-child(2n) .how-to-use-product-wrapper {
            margin: 0 0 40px;
        }
}

.carousel__arrows--home {
    display: none;
}

@media screen and (min-width: 768px) {
    .carousel__arrows--home {
        display: block;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__arrows--home {
        position: relative;
    }
}

@media screen and (min-width: 768px) {
    .carousel__arrows--home-reviews,
    .carousel__arrows--related-products {
        display: none;
    }
}

.carousel__arrows--home-reviews {
    display: none;
}

.carousel__arrows--videos {
    display: none;
}

.carousel__arrow {
    font-size: 0;
    line-height: none;
    text-indent: -9999px;
    cursor: pointer;
}

.carousel__arrows--home .carousel__arrow {
    background: #ffffff;
    border-radius: 50%;
    height: 50px;
    margin: -65px 0 0;
    position: absolute;
    top: 50%;
    width: 50px;
}

@media screen and (min-width: 1024px) {
    .carousel__arrows--home .carousel__arrow {
        height: 90px;
        margin: 0;
        top: -350px;
        width: 90px;
    }
}

.carousel__arrows--home .carousel__arrow img {
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    top: 50%;
    width: 16px;
}

@media screen and (min-width: 1024px) {
    .carousel__arrows--home .carousel__arrow img {
        width: 32px;
    }
}

.carousel__arrows--home-reviews .carousel__arrow,
.carousel__arrows--related-products .carousel__arrow {
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    width: 18px;
}

    .carousel__arrows--home-reviews .carousel__arrow img,
    .carousel__arrows--related-products .carousel__arrow img {
        display: block;
    }

.carousel__arrows--related-products .carousel__arrow {
    -ms-transform: translate(0, -75px);
    transform: translate(0, -75px);
}

.carousel__arrow--prev--home {
    left: 10px;
}

@media screen and (min-width: 1024px) {
    .carousel__arrow--prev--home {
        left: 0;
    }
}

.carousel__arrow--prev--home img {
    left: 50%;
}

@media screen and (min-width: 1024px) {
    .carousel__arrow--prev--home img {
        left: 45%;
    }
}

.carousel__arrow--next--home {
    right: 10px;
}

@media screen and (min-width: 1024px) {
    .carousel__arrow--next--home {
        right: 0;
    }
}

.carousel__arrow--next--home img {
    left: 50%;
}

@media screen and (min-width: 1024px) {
    .carousel__arrow--next--home img {
        left: 55%;
    }
}

.carousel__arrow--prev--home-reviews,
.carousel__arrow--prev--related-products {
    left: -25px;
}

.carousel__arrow--next--home-reviews,
.carousel__arrow--next--related-products {
    right: -25px;
}

.carousel--product-images-tabs {
    display: none;
}

@media screen and (min-width: 768px) {
    .carousel--product-images-tabs {
        display: block;
    }
}

@media screen and (min-width: 1024px) {
    .carousel--videos-tab-nav {
        float: right;
        margin-bottom: 20px;
        width: 670px;
    }
}

.carousel--videos-tabs {
    display: none;
}

@media screen and (min-width: 768px) {
    .carousel--videos-tabs {
        border-spacing: 12px;
        display: table;
        margin-bottom: 28px;
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .carousel--videos-tabs {
        display: block;
        float: left;
        margin: 0;
        width: 270px;
    }
}

.carousel--category-how-to-use {
    *zoom: 1;
}

    .carousel--category-how-to-use:before,
    .carousel--category-how-to-use:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .carousel--category-how-to-use:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .carousel--category-how-to-use__arrows {
        display: none;
    }
}

.carousel--category-how-to-use__arrow {
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    width: 18px;
}

    .carousel--category-how-to-use__arrow img {
        display: block;
    }

.carousel--category-how-to-use__arrow--prev {
    left: -25px;
}

.carousel--category-how-to-use__arrow--next {
    right: -25px;
}

.carousel--category-how-to-use .slick-list,
.carousel--related-products .slick-list {
    margin: 0 30px;
}

@media screen and (min-width: 768px) {
    .carousel--category-how-to-use .slick-list,
    .carousel--related-products .slick-list {
        margin: 0;
    }
}

.carousel--videos .slick-list {
    border: 10px solid #ffffff;
    border-radius: 5px;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .carousel--videos .slick-list {
        border-width: 25px;
    }
}

.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.carousel--home .slick-dots {
    background: #0084c9;
    padding: 10px 0;
}

@media screen and (min-width: 768px) {
    .carousel--home .slick-dots {
        padding: 20px 0;
    }
}

@media screen and (min-width: 1024px) {
    .carousel--home .slick-dots {
        padding: 10px 0;
    }
}

.carousel--home-reviews .slick-dots {
    margin: 15px auto;
}

.carousel--videos .slick-dots {
    margin: 0 auto 15px;
}

.carousel--reviews .slick-dots,
.carousel--related-products .slick-dots {
    margin: 10px auto;
}

.carousel--product-images .slick-dots,
.carousel--category-how-to-use .slick-dots,
.carousel--how-to-use .slick-dots {
    margin: 15px auto;
}

.slick-dots li {
    display: inline-block;
}

    .slick-dots li button {
        font-size: 0;
        line-height: none;
        text-indent: -9999px;
        background: #ffffff;
        border-radius: 50%;
        border: 2px solid #ffffff;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        margin: 0 5px;
        vertical-align: middle;
        width: 18px;
    }

.carousel--reviews .slick-dots li button,
.carousel--related-products .slick-dots li button,
.carousel--product-images .slick-dots li button,
.carousel--how-to-use .slick-dots li button {
    border-color: #0084c9;
}

.slick-dots li.slick-active button {
    background: #0084c9;
}

.slick-dots .slick-slide {
    transform: translate3d(0, 0, 0);
}

.lightbox {
    display: none;
}

.featherlight {
    background: rgba(0, 0, 0, 0.8) !important;
}

.featherlight-inner {
    background: #ffffff;
}

.featherlight iframe {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
}

.featherlight.product-review-video-modal .featherlight-content {
    padding: 25px;
}

.featherlight.product-review-video-modal iframe {
    height: 50vh;
    min-height: 200px;
    min-width: 300px;
    width: 50vw;
}

.featherlight.video-modal iframe {
    height: 100%;
    width: 100%;
}

.featherlight.general-modal .featherlight-close-icon {
    font-size: 0;
    line-height: none;
    text-indent: -9999px;
    background: url('../images/icon-modal-close-grey.png') left top no-repeat;
    -ms-background-size: contain;
    background-size: contain;
    cursor: pointer;
    height: 20px;
    margin: 10px;
    width: 20px;
}

.featherlight.general-modal .lightbox__title {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 12px 0;
    padding: 0 20px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .featherlight.general-modal .lightbox__title {
        font-size: 32px;
        margin: 25px 0;
    }
}

.featherlight.general-modal .featherlight-content {
    border: 0;
    max-width: 720px;
    padding: 0;
    width: 90%;
}

.coupon-popup {
    height: 100%;
    max-height: 800px !important;
    max-width: 500px;
    width: 92%;
}

.home-coupon-popup {
    height: 100%;
    max-width: 700px;
    width: 92%;
}

@media screen and (min-width: 768px) {
    .home-coupon-popup {
        max-height: 400px !important;
    }
}
/*.coupon-popup .featherlight-close-icon {
    display: none;
}*/
.popover {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    *zoom: 1;
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    box-shadow: 0 0 25px #9f9f9f;
    display: none;
    padding: 15px;
    position: absolute;
    z-index: 2;
}

    .popover:before,
    .popover:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .popover:after {
        clear: both;
    }

.popover-link--wtb {
    position: relative;
}

.popover--open .popover-link--wtb:before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 10px;
    bottom: -14px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin: 0 0 0 -10px;
    position: absolute;
    width: 0;
    z-index: 3;
}

.popover--open .popover {
    display: block;
}

.popover__content {
    background: #ffffff;
    padding: 15px 20px;
}

.popover--share-this {
    right: 10px;
    top: 40px;
    width: 285px;
}

    .popover--share-this:before {
        border-color: transparent transparent #ffffff;
        border-style: solid;
        border-width: 10px;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 0;
        top: -20px;
        width: 0;
        z-index: 3;
    }

.popover--share-this-bottom {
    bottom: auto;
    left: auto;
    right: 10px;
    top: 40px;
}

    .popover--share-this-bottom:before {
        border-color: transparent transparent #ffffff;
        left: auto;
        right: 0;
        top: -20px;
        z-index: 3;
    }

.popover--where-to-buy {
    left: 0;
    margin: 0 -10px;
    right: 0;
    width: 100vw;
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy {
        left: -75%;
        margin: 0 auto;
        width: 640px;
    }
}

.popover--where-to-buy h2 {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 15px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy h2 {
        margin: 0 0 15px;
    }
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy .find-near-you-wrapper,
    .popover--where-to-buy .find-online-wrapper {
        margin: 0 1%;
        width: 48%;
    }
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy .find-near-you-wrapper {
        float: right;
    }
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy .find-online-wrapper {
        float: left;
    }
}

.popover--where-to-buy .find-near-you {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy .find-near-you {
        min-height: 215px;
    }
}

.popover--where-to-buy .find-near-you .button {
    margin: 0;
    min-width: 0;
    width: 150px;
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy .find-near-you .button {
        margin: 30px 0 0 0;
        width: 175px;
    }
}

@media screen and (min-width: 768px) {
    .popover--where-to-buy .find-online {
        min-height: 215px;
    }
}

.popover--where-to-buy .find-online a {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    width: 45%;
}

.get-a-coupon {
    background: #ffffff;
    padding: 10px;
}

.get-a-coupon-wrapper--desktop .get-a-coupon {
    box-shadow: 0 0 10px #9f9f9f;
    position: absolute;
    right: 10px;
    top: 0;
    width: 185px;
    z-index: 4;
}

.get-a-coupon-wrapper {
    *zoom: 1;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 10px;
    position: relative;
}

    .get-a-coupon-wrapper:before,
    .get-a-coupon-wrapper:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .get-a-coupon-wrapper:after {
        clear: both;
    }

.get-a-coupon-wrapper--articles {
    max-width: 100%;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .get-a-coupon-wrapper--articles {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.get-a-coupon-wrapper--mobile {
    display: block;
    border-bottom: 12px solid #0084c9;
}

@media screen and (min-width: 768px) {
    .get-a-coupon-wrapper--mobile {
        display: none;
    }
}

.get-a-coupon-wrapper--desktop {
    display: none;
}

@media screen and (min-width: 768px) {
    .get-a-coupon-wrapper--desktop {
        display: block;
    }
}

.get-a-coupon__inner {
    background: #d5ecf8;
    border: 1px dashed #0084c9;
    border-radius: 5px;
    color: #0084c9;
    margin: 0 auto;
    max-width: 320px;
    position: relative;
}

.get-a-coupon-wrapper--desktop .get-a-coupon__inner {
    background: none;
    border: 0;
    border-radius: 0;
    max-width: none;
}

.get-a-coupon__content {
    *zoom: 1;
    padding: 6px 10px;
    text-align: center;
}

    .get-a-coupon__content:before,
    .get-a-coupon__content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .get-a-coupon__content:after {
        clear: both;
    }

.get-a-coupon-wrapper--desktop .get-a-coupon__content {
    background: #d5ecf8;
    border: 1px dashed #0084c9;
    border-radius: 5px;
    display: none;
}

.get-a-coupon-wrapper--desktop:hover .get-a-coupon__content {
    display: block;
    margin-bottom: 10px;
}

.get-a-coupon__content h3 {
    font-family: "gotham_boldregular";
    font-size: 22px;
    margin: 0 130px 0 0;
}

.get-a-coupon-wrapper--desktop .get-a-coupon__content h3 {
    font-size: 25px;
    margin: 0;
}

.get-a-coupon__content p {
    font-size: 12px;
    margin: 5px 130px 5px 0;
}

.get-a-coupon-wrapper--desktop .get-a-coupon__content p {
    margin: 5px 0;
}

.get-a-coupon__content img {
    bottom: 0;
    position: absolute;
    right: -2px;
    width: 125px;
}

.get-a-coupon-wrapper--desktop .get-a-coupon__content img {
    bottom: -10px;
    position: relative;
    right: -12px;
    width: auto;
}

.get-a-coupon__button-box-shadow {
    display: inline-block;
    left: 10px;
    position: relative;
    top: -5px;
    z-index: 1;
}

.get-a-coupon-wrapper--desktop .get-a-coupon__button-box-shadow {
    left: 0;
    top: 0;
}

.get-a-coupon__button-box-shadow:after {
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    bottom: 3px;
    box-shadow: 0 0 10px #000000;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 3px;
    width: 50%;
    z-index: -1;
}

.get-a-coupon__link {
    min-width: 0;
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .get-a-coupon__link {
        padding: 15px;
    }
}

.featherlight.get-a-coupon-modal .featherlight-close-icon {
    display: none;
}

.featherlight.get-a-coupon-modal .featherlight-content {
    border: 0;
    max-width: 700px;
    padding: 0;
}

.get-a-coupon-modal__content {
    padding: 20px;
}

@media screen and (min-width: 768px) {
    .get-a-coupon-modal__content {
        background: url('../images/home-page/sully-coupon-big.png') right bottom no-repeat;
        -ms-background-size: auto;
        background-size: auto;
        padding: 20px 345px 20px 20px;
    }
}

.get-a-coupon-modal__title {
    font-family: "gotham_mediumregular";
    font-size: 26px;
    margin: 0;
    text-align: center;
}

    .get-a-coupon-modal__title span {
        display: block;
        font-size: 27px;
        text-transform: uppercase;
    }

@media screen and (min-width: 768px) {
    .get-a-coupon-modal__title {
        font-size: 37px;
        text-align: left;
    }

        .get-a-coupon-modal__title span {
            font-size: 39px;
        }
}

.get-a-coupon-modal .form__field--checkbox input {
    margin: 3px 0;
}

.get-a-coupon-modal .form__field--checkbox label {
    line-height: 18px;
}

.get-a-coupon-modal__disclaimer {
    font-size: 12px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .get-a-coupon-modal__disclaimer {
        padding: 0 30px;
    }
}

.get-a-coupon-modal__close {
    background: #0084c9;
    color: #ffffff;
    font-size: 12px;
    padding: 15px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .get-a-coupon-modal__close {
        font-size: 14px;
    }
}

.get-a-coupon-modal__close a {
    background: url('../images/icon-modal-close-white.png') left center no-repeat;
    display: inline-block;
    padding: 5px 0 5px 38px;
    text-decoration: none;
}

.carousel__content {
    background-color: #d5ecf8;
    height: 310px;
}

@media screen and (min-width: 768px) {
    .carousel__content {
        height: 570px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content {
        height: 665px;
    }
}

.carousel__content .container {
    position: relative;
    text-align: left;
}

.carousel__content a {
    text-decoration: none;
}

.carousel__content h2,
.carousel__content h3 {
    margin: 0;
}

.carousel__content .button-box-shadow {
    display: inline-block;
    position: relative;
    z-index: 1;
}

    .carousel__content .button-box-shadow:after {
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        bottom: 3px;
        box-shadow: 0 0 10px #000000;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        right: 3px;
        width: 50%;
        z-index: -1;
    }

.carousel__content--top-left {
    background-image: url('../images/home-page/slide-stain-remover-mobile.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

    .carousel__content--top-left .container {
        font-size: 13px;
    }

@media screen and (min-width: 768px) {
    .carousel__content--top-left .container {
        font-size: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left .container {
        font-size: 26px;
    }
}

.carousel__content--top-left .carousel__content__link {
    left: 50%;
    margin-left: -135px;
    position: absolute;
    top: 12px;
    width: 290px;
}

@media screen and (min-width: 768px) {
    .carousel__content--top-left .carousel__content__link {
        left: 60px;
        margin: 0;
        top: 35px;
        width: 475px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left .carousel__content__link {
        left: 0;
        top: 50px;
        width: 575px;
    }
}

.carousel__content--top-left h2 {
    font-family: "gotham_mediumregular";
    font-size: 25px;
}

@media screen and (min-width: 768px) {
    .carousel__content--top-left h2 {
        font-size: 42px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left h2 {
        font-size: 50px;
    }
}

.carousel__content--top-left p {
    margin: 4px 0 8px;
}

@media screen and (min-width: 768px) {
    .carousel__content--top-left p {
        margin: 7px 0 14px;
    }
}

@media screen and (min-width: 768px) {
    .carousel__content--top-left {
        background-image: url('../images/home-page/slide-stain-remover-tablet.jpg');
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left {
        background-image: url('../images/home-page/slide-stain-remover-desktop.jpg');
    }
}

.carousel__content--top-left-indent {
    background-image: url('../images/home-page/slide-sock-it-mobile.jpg');
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left-indent .carousel__content__link {
        left: 125px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left-indent .container {
        font-size: 22px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left-indent h2 {
        font-size: 56px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left-indent .button-box-shadow {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) {
    .carousel__content--top-left-indent {
        background-image: url('../images/home-page/slide-sock-it-tablet.jpg');
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--top-left-indent {
        background-image: url('../images/home-page/slide-sock-it-desktop.jpg');
    }
}

.carousel__content--richtext-bubble {
    background-image: url('../images/home-page/slide-laundry-mobile.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

    .carousel__content--richtext-bubble .container {
        width: 300px;
    }

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble .container {
        width: auto;
    }
}

.carousel__content--richtext-bubble__bubble {
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #0084c9;
    border-radius: 50%;
    box-sizing: border-box;
    font-family: "gotham_mediumregular";
    font-size: 10px;
    height: 140px;
    left: 0;
    padding: 20px 0 15px;
    position: absolute;
    text-align: center;
    top: 95px;
    width: 140px;
}

    .carousel__content--richtext-bubble__bubble p {
        margin: 0 10px 4px;
    }

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__bubble p {
        margin: 10px 35px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--richtext-bubble__bubble p {
        margin: 15px 45px 30px;
    }
}

.carousel__content--richtext-bubble__bubble .button {
    min-width: 135px;
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__bubble .button {
        min-width: 155px;
    }
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__bubble {
        font-size: 14px;
        height: 325px;
        left: 60px;
        margin: 0;
        padding: 65px 0 15px;
        top: 75px;
        width: 325px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--richtext-bubble__bubble {
        font-size: 18px;
        height: 420px;
        left: 35px;
        padding: 100px 0 15px;
        top: 35px;
        width: 420px;
    }
}

.carousel__content--richtext-bubble__heading--mobile {
    display: block;
    margin: 12px 0 0;
    text-align: center;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #ffffff, 0 0 25px #ffffff, 0 0 30px #ffffff, 0 0 35px #ffffff;
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__heading--mobile {
        display: none;
    }
}

.carousel__content--richtext-bubble__heading--desktop {
    display: none;
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__heading--desktop {
        display: block;
    }
}

.carousel__content--richtext-bubble__heading h2 .font-bold {
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 25px;
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__heading h2 .font-bold {
        font-size: 38px;
        line-height: 38px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--richtext-bubble__heading h2 .font-bold {
        font-size: 50px;
        line-height: 50px;
    }
}

.carousel__content--richtext-bubble__heading h2 .font-book {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 24px;
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__heading h2 .font-book {
        font-size: 36px;
        line-height: 36px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--richtext-bubble__heading h2 .font-book {
        font-size: 48px;
        line-height: 48px;
    }
}

.carousel__content--richtext-bubble__heading h3 {
    font-size: 11px;
    line-height: 11px;
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble__heading h3 {
        font-size: 16px;
        line-height: 16px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--richtext-bubble__heading h3 {
        font-size: 22px;
        line-height: 22px;
    }
}

.carousel__content--richtext-bubble__heading span {
    display: block;
}

@media screen and (min-width: 768px) {
    .carousel__content--richtext-bubble {
        background-image: url('../images/home-page/slide-laundry-tablet.jpg');
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--richtext-bubble {
        background-image: url('../images/home-page/slide-laundry-desktop.jpg');
    }
}

.carousel__content--heading-with-bubble {
    background-image: url('../images/home-page/slide-dishwasher-mobile.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

    .carousel__content--heading-with-bubble .container {
        width: 300px;
    }

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble .container {
        width: auto;
    }
}

.carousel__content--heading-with-bubble__heading {
    margin: 15px 0 0;
    text-align: center;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #ffffff, 0 0 25px #ffffff, 0 0 30px #ffffff, 0 0 35px #ffffff;
}

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble__heading {
        margin: 80px 0 0;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--heading-with-bubble__heading {
        margin: 75px 0 0;
    }
}

.carousel__content--heading-with-bubble__heading h2 .font-book {
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 25px;
}

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble__heading h2 .font-book {
        font-size: 46px;
        letter-spacing: -4px;
        line-height: 46px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--heading-with-bubble__heading h2 .font-book {
        font-size: 50px;
        line-height: 50px;
    }
}

.carousel__content--heading-with-bubble__heading h2 .font-bold {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 30px;
}

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble__heading h2 .font-bold {
        font-size: 55px;
        letter-spacing: -4px;
        line-height: 40px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--heading-with-bubble__heading h2 .font-bold {
        font-size: 62px;
        line-height: 47px;
    }
}

.carousel__content--heading-with-bubble__heading span {
    display: block;
}

.carousel__content--heading-with-bubble__bubble {
    background: url('../images/slide-bubble.png') left top no-repeat;
    background-size: contain;
    box-sizing: border-box;
    font-family: "gotham_mediumregular";
    font-size: 16px;
    height: 92px;
    left: 60px;
    position: absolute;
    text-align: center;
    top: 215px;
    width: 95px;
}

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble__bubble {
        height: 192px;
        left: 210px;
        top: 375px;
        width: 195px;
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--heading-with-bubble__bubble {
        height: 201px;
        left: 310px;
        top: 460px;
        width: 204px;
    }
}

.carousel__content--heading-with-bubble__bubble p {
    display: none;
    margin: 25px 25px 10px;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #ffffff, 0 0 25px #ffffff, 0 0 30px #ffffff, 0 0 35px #ffffff;
}

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble__bubble p {
        display: block;
    }
}

.carousel__content--heading-with-bubble__bubble .button {
    margin: 30px 0 0 -22px;
    min-width: 135px;
}

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble__bubble .button {
        margin: 0;
        min-width: 155px;
    }
}

@media screen and (min-width: 768px) {
    .carousel__content--heading-with-bubble {
        background-image: url('../images/home-page/slide-dishwasher-tablet.jpg');
    }
}

@media screen and (min-width: 1024px) {
    .carousel__content--heading-with-bubble {
        background-image: url('../images/home-page/slide-dishwasher-desktop.jpg');
    }
}

.home-carousel-tablet-image {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .home-carousel-tablet-image {
        display: none;
    }
}

.home-module {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #38b9fd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff38b9fd', GradientType=0);
    border-top: 12px solid #0084c9;
    padding: 15px 10px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .home-module {
        background: none;
        border: 0;
        padding: 35px 0 15px;
    }
}

.home-module-inner {
    margin: 0 auto;
    width: 245px;
}

@media screen and (min-width: 768px) {
    .home-module-inner {
        width: auto;
    }
}

.home-module h3 {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .home-module h3 {
        font-size: 24px;
    }
}

@media screen and (min-width: 768px) {
    .home-module__image {
        max-width: 210px;
    }
}

@media screen and (min-width: 1024px) {
    .home-module__image {
        max-width: 300px;
    }
}

.home-module .button {
    margin: 12px 0;
}

@media screen and (min-width: 768px) {
    .home-module .button {
        margin: 25px 0 40px;
    }
}

.home-module__video {
    background: url('../images/review-bubble.png') center no-repeat;
    background-size: 93%;
    padding: 50px 10px;
}

@media screen and (min-width: 1024px) {
    .home-module__video {
        background-size: 85%;
        padding: 64px 10px;
    }
}

@media screen and (min-width: 768px) {
    .home-module__video {
        background-size: 82%;
    }
}

.home-module__video .video-image {
    cursor: pointer;
}

.home-module__video__content {
    max-width: 720px;
    width: 90%;
}

    .home-module__video__content .featherlight-inner {
        margin: 14px;
    }

@media screen and (min-width: 1024px) {
    .home-module__video__content .featherlight-inner {
        margin: 24px;
    }
}

.home-review {
    background: url('../images/review-bubble.png') left top no-repeat;
    background-size: contain;
    box-sizing: border-box;
    font-size: 12px;
    height: 238px;
    margin: 0 auto;
    padding: 30px 20px 0;
    width: 245px;
}

@media screen and (min-width: 768px) {
    .home-review {
        height: 193px;
        padding: 0 25px;
        width: 200px;
    }
}

@media screen and (min-width: 1024px) {
    .home-review {
        font-size: 14px;
        height: 269px;
        padding: 0 30px;
        width: 276px;
    }
}

.home-review__heading {
    display: table;
    height: 75px;
    text-align: left;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .home-review__heading {
        height: 100px;
        padding-top: 15px;
    }
}

.home-review__heading__image,
.home-review__heading__rating {
    display: table-cell;
    vertical-align: middle;
}

.home-review__heading__image {
    padding-right: 5px;
    text-align: center;
    width: 50px;
}

@media screen and (min-width: 768px) {
    .home-review__heading__image {
        padding-right: 10px;
    }
}

@media screen and (min-width: 1024px) {
    .home-review__heading__image {
        width: 70px;
    }
}

.home-review__heading__image img {
    max-height: 75px;
}

@media screen and (min-width: 768px) {
    .home-review__heading__image img {
        max-height: 100px;
    }
}

.home-review__heading__rating {
    padding-top: 15px;
}

@media screen and (min-width: 1024px) {
    .home-review__heading__rating {
        padding: 0;
    }
}

.home-review__heading .review-stars {
    width: 70px;
}

@media screen and (min-width: 768px) {
    .home-review__heading .review-stars {
        width: 80px;
    }
}

@media screen and (min-width: 1024px) {
    .home-review__heading .review-stars {
        width: 115px;
    }
}

.home-review__heading__title {
    font-family: "gotham_boldregular";
    font-size: 12px;
    margin: 2px 0 0;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #ffffff, 0 0 25px #ffffff, 0 0 30px #ffffff, 0 0 35px #ffffff;
}

@media screen and (min-width: 768px) {
    .home-review__heading__title {
        font-size: 14px;
    }
}

@media screen and (min-width: 1024px) {
    .home-review__heading__title {
        font-size: 18px;
    }
}

.home-review__info {
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #ffffff, 0 0 25px #ffffff, 0 0 30px #ffffff, 0 0 35px #ffffff;
}

    .home-review__info p {
        margin: 6px 10px;
    }

@media screen and (min-width: 768px) {
    .home-review__info p {
        margin: 6px -2px;
    }
}

@media screen and (min-width: 1024px) {
    .home-review__info p {
        margin: 12px 0;
    }
}

.cta-subheading {
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 30px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .cta-subheading {
        font-size: 14px;
        margin: 15px 0;
    }
}

.cta-subheading h2 {
    font-family: "gotham_mediumregular";
    font-size: 20px;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .cta-subheading h2 {
        font-size: 30px;
    }
}

.sign-up-save {
    background: #ffffff;
    border: 1px solid #0084c9;
}

.sign-up-save__header {
    *zoom: 1;
    border-bottom: 1px dotted #0084c9;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    padding: 10px 15px 15px;
}

    .sign-up-save__header:before,
    .sign-up-save__header:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .sign-up-save__header:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .sign-up-save__header {
        font-size: 14px;
        padding: 20px 15px 15px;
    }
}

.sign-up-save__header__image {
    float: left;
    width: 70px;
}

@media screen and (min-width: 768px) {
    .sign-up-save__header__image {
        width: auto;
    }
}

.sign-up-save__header h2 {
    font-family: "gotham_mediumregular";
    font-size: 20px;
    margin: 10px 0 10px 95px;
}

@media screen and (min-width: 768px) {
    .sign-up-save__header h2 {
        margin: 15px 0 15px 125px;
    }
}

.sign-up-save__header p {
    margin: 0 0 0 95px;
}

@media screen and (min-width: 768px) {
    .sign-up-save__header p {
        margin: 0 0 0 125px;
    }
}

.sign-up-save__form {
    padding: 0 15px 15px;
}

@media screen and (min-width: 768px) {
    .sign-up-save__form {
        padding: 5px 25px 20px;
    }
}

.sign-up-save .form__field {
    margin: 15px 15px;
}

@media screen and (min-width: 768px) {
    .sign-up-save .form__field {
        margin: 15px 35px;
    }
}

.sign-up-save .form__field--checkbox label {
    font-size: 12px;
}

.sign-up-save__disclaimer {
    font-size: 12px;
    text-align: center;
}

.sign-up-iframe {
    border-color: #0084c9;
    border-style: solid;
}

.category-header {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 60%, #8ed8ff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff8ed8ff', GradientType=0);
    padding: 20px 0;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .category-header {
        padding: 40px 0;
    }
}

@media screen and (min-width: 1024px) {
    .category-header .container {
        display: table;
    }
}

.category-header__info {
    font-size: 12px;
    padding: 0 0 30px;
}

@media screen and (min-width: 768px) {
    .category-header__info {
        font-size: 24px;
    }
}

@media screen and (min-width: 1024px) {
    .category-header__info {
        display: table-cell;
        font-size: 18px;
        padding: 0;
        text-align: left;
        vertical-align: middle;
        width: 50%;
    }
}

.category-header__info h2 {
    font-family: "gotham_mediumregular";
    font-size: 25px;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .category-header__info h2 {
        font-size: 45px;
    }
}

@media screen and (min-width: 1024px) {
    .category-header__info h2 {
        font-size: 50px;
    }
}

.category-header__info .button {
    margin: 5px 5px 5px 0;
}

@media screen and (min-width: 1024px) {
    .category-header__info .button {
        margin: 10px 10px 10px 0;
    }
}

@media screen and (min-width: 1024px) {
    .category-header__image {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }
}

.category-filter {
    border-top: 10px solid #0084c9;
}

@media screen and (min-width: 768px) {
    .category-filter {
        border-width: 20px;
    }
}

.category-filter__select {
    margin: 10px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .category-filter__select {
        margin: 0;
    }
}

.category-filter__select .input--select {
    display: inline-block;
    margin: 10px 20px;
    min-width: 0;
    vertical-align: middle;
    width: auto;
}

@media screen and (min-width: 768px) {
    .category-filter__select .input--select {
        margin: 20px;
    }
}

.category-filter__heading {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .category-filter__heading {
        font-size: 35px;
    }
}

.category-filter__filter-wrapper {
    *zoom: 1;
    text-align: center;
}

    .category-filter__filter-wrapper:before,
    .category-filter__filter-wrapper:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .category-filter__filter-wrapper:after {
        clear: both;
    }

.art-category-filter__filter-wrapper {
    *zoom: 1;
    text-align: center;
}

    .art-category-filter__filter-wrapper:before,
    .art-category-filter__filter-wrapper:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .art-category-filter__filter-wrapper:after {
        clear: both;
    }

.category-filter__show-all-div {
    margin-bottom: 30px;
}

.category-filter__filter-all {
    font-family: "gotham_mediumregular";
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .category-filter__filter-all {
        font-size: 18px;
    }
}

.category-filter__filter-type {
    display: inline-block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 0 0 15px;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .category-filter__filter-type {
        font-size: 14px;
    }
}

.category-filter__filter-type h2 {
    font-family: "gotham_boldregular";
    font-size: 14px;
    margin: 15px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .category-filter__filter-type h2 {
        font-size: 18px;
    }
}

@media screen and (min-width: 768px) {
    .category-filter__filter-type {
        width: 48%;
    }
}

.category-filter__filter-type--product-types ul li {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .category-filter--all .category-filter__filter-type {
        width: 32%;
    }
}

@media screen and (min-width: 768px) {
    .category-filter--single .category-filter__filter-type {
        text-align: center;
        width: auto;
    }
}

.category-filter__filter {
    *zoom: 1;
    margin: 0 20px;
}

    .category-filter__filter:before,
    .category-filter__filter:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .category-filter__filter:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .category-filter__filter {
        margin: 0;
    }
}

.category-filter__filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 260px;
}

@media screen and (min-width: 768px) {
    .category-filter__filter-list {
        max-width: none;
    }
}

.category-filter__filter-list li {
    display: inline-block;
    float: left;
    margin: 5px 0;
    width: 45%;
}

@media screen and (min-width: 768px) {
    .category-filter--single .category-filter__filter-list li {
        display: inline-block;
        float: none;
        margin: 15px 5px;
        vertical-align: middle;
        width: auto;
    }

        .category-filter--single .category-filter__filter-list li label {
            font-size: 18px;
        }
}

.category-filter__filter-list .form__field {
    margin: 0 10px;
}

    .category-filter__filter-list .form__field label {
        color: #002b7f;
        min-width: 85px;
    }

    .category-filter__filter-list .form__field .grey-out {
        color: #9f9f9f;
    }

.category-filter .refine-results.active:after {
    background-image: url('../images/icon-button-close.png');
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}

.sort-bar {
    background: #ffffff;
    border-bottom: 1px solid #9f9f9f;
    border-top: 1px solid #9f9f9f;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    padding: 24px 0;
}

@media screen and (min-width: 768px) {
    .sort-bar {
        font-size: 18px;
    }
}

.sort-bar__sort-by,
.sort-bar__how-to {
    margin: 15px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .sort-bar__sort-by {
        display: inline-block;
        padding: 0 0 0 10px;
        text-align: left;
        vertical-align: middle;
        width: 44%;
    }
}

@media screen and (min-width: 1024px) {
    .sort-bar__sort-by {
        padding: 0 6px 0 115px;
        width: auto;
    }
}

@media screen and (min-width: 768px) {
    .sort-bar__how-to {
        display: inline-block;
    }
}

@media screen and (min-width: 1024px) {
    .sort-bar__how-to {
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle;
        width: auto;
    }
}

.sort-bar__how-to__text {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    text-align: right;
    width: 130px;
}

@media screen and (min-width: 768px) {
    .sort-bar__how-to__text {
        width: 200px;
    }
}

.sort-bar .input--select {
    max-width: 250px;
    min-width: 0;
    width: auto;
}

.result-count {
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 15px auto;
    text-align: center;
    width: 50%;
}

@media screen and (min-width: 768px) {
    .result-count {
        font-size: 18px;
    }
}

.product-category__header {
    background: #0084c9;
    color: #ffffff;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .product-category__header {
        box-shadow: 0 0 10px #9f9f9f;
        font-size: 18px;
        text-align: center;
    }
}

.product-category__header a {
    background: url('../images/carousel-arrow-right-white.png') right center no-repeat;
    -ms-background-size: 16px 30px;
    background-size: 16px 30px;
    display: block;
    padding: 20px 25px 20px 15px;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .product-category__header a {
        background: none;
        padding: 15px;
    }
}

.product-category__header h3 {
    font-family: "gotham_bookregular";
    font-size: 20px;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .product-category__header h3 {
        font-family: "gotham_boldregular";
        font-size: 30px;
        margin-bottom: 5px;
    }
}

.product-list {
    *zoom: 1;
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
}

    .product-list:before,
    .product-list:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .product-list:after {
        clear: both;
    }

    .product-list .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .product-list .container:before,
        .product-list .container:after {
            content: normal;
        }

.product-single {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    padding: 40px 10px;
    text-align: center;
    width: 49%;
}

@media screen and (min-width: 768px) {
    .product-list--all .product-single,
    .product-list--single .product-single,
    .licensed-products-list .product-single {
        padding: 30px 10px 45px;
        width: 33.33%;
    }
}

@media screen and (min-width: 1024px) {
    .product-list--all .product-single {
        padding: 30px 10px 45px;
        width: 25%;
    }
}

.product-single__image {
    margin: 0 auto 15px;
}

    .product-single__image img {
        max-height: 130px;
    }

.product-single__title {
    display: block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: auto 0;
    max-width: 100%;
    padding-bottom: 5px;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .product-single__title {
        font-size: 16px;
        margin: auto 0;
    }
}

.product-single .review-stars-wrapper {
    margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
    .product-single .review-stars-wrapper {
        margin: 0 0 15px;
    }
}

.product-single .review-stars-wrapper .review-stars {
    width: 100px;
}

@media screen and (min-width: 768px) {
    .product-single .review-stars-wrapper .review-stars {
        width: 120px;
    }
}

.product-single .button {
    min-width: 120px;
    padding: 15px 8px;
}

@media screen and (min-width: 768px) {
    .product-single .button {
        padding: 15px;
    }
}

.review-stars {
    background-image: url('../images/rating-stars-hollow - New.svg');
    background-repeat: repeat-x;
    background-size: 20% 100%;
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 120px;
}

    .review-stars:before {
        background-image: url('../images/rating-stars-solid - New.svg');
        background-repeat: repeat-x;
        background-size: 0 100%;
        content: '';
        display: block;
        padding: 20% 0 0;
    }

    .review-stars[data-stars="0.0"]:before {
        background-image: none;
        width: 100%;
    }

    .review-stars[data-stars="0.5"]:before {
        background-size: 200% 100%;
        width: 10%;
    }

    .review-stars[data-stars="1.0"]:before {
        background-size: 100% 100%;
        width: 20%;
    }

    .review-stars[data-stars="1.5"]:before {
        background-size: 66.667% 100%;
        width: 30%;
    }

    .review-stars[data-stars="2.0"]:before {
        background-size: 50% 100%;
        width: 40%;
    }

    .review-stars[data-stars="2.5"]:before {
        background-size: 40% 100%;
        width: 50%;
    }

    .review-stars[data-stars="3.0"]:before {
        background-size: 33.335% 100%;
        width: 60%;
    }

    .review-stars[data-stars="3.5"]:before {
        background-size: 28.575% 100%;
        width: 70%;
    }

    .review-stars[data-stars="4.0"]:before {
        background-size: 25% 100%;
        width: 80%;
    }

    .review-stars[data-stars="4.5"]:before {
        background-size: 22.225% 100%;
        width: 90%;
    }

    .review-stars[data-stars="5.0"]:before {
        background-size: 20% 100%;
        width: 100%;
    }

    .review-stars[data-stars="0"]:before {
        background-image: none;
        width: 100%;
    }

    .review-stars[data-stars="1"]:before {
        background-size: 100% 100%;
        width: 20%;
    }

    .review-stars[data-stars="2"]:before {
        background-size: 50% 100%;
        width: 40%;
    }

    .review-stars[data-stars="3"]:before {
        background-size: 33.335% 100%;
        width: 60%;
    }

    .review-stars[data-stars="4"]:before {
        background-size: 25% 100%;
        width: 80%;
    }

    .review-stars[data-stars="5"]:before {
        background-size: 20% 100%;
        width: 100%;
    }

.review-stars__count {
    color: #ffd400;
    display: inline-block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 5px 0 0;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .review-stars__count {
        font-size: 14px;
    }
}

.review-stars__time {
    display: inline-block;
    vertical-align: middle;
}

.review-bars__item {
    *zoom: 1;
    font-family: "gotham_mediumregular";
    font-size: 14px;
    margin: 15px 0;
}

    .review-bars__item:before,
    .review-bars__item:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .review-bars__item:after {
        clear: both;
    }

.review-bars__item__text {
    float: left;
    width: 140px;
}

.review-bars__item__bar {
    background: #d4d4d4;
    float: right;
    height: 8px;
    margin: 5px 0 0;
    position: relative;
    width: 140px;
}

    .review-bars__item__bar:after {
        background: #ffd400;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 0;
    }

    .review-bars__item__bar[data-bars="0"]:after {
        width: 0;
    }

    .review-bars__item__bar[data-bars="0.5"]:after {
        width: 10%;
    }

    .review-bars__item__bar[data-bars="1"]:after {
        width: 20%;
    }

    .review-bars__item__bar[data-bars="1.5"]:after {
        width: 30%;
    }

    .review-bars__item__bar[data-bars="2"]:after {
        width: 40%;
    }

    .review-bars__item__bar[data-bars="2.5"]:after {
        width: 50%;
    }

    .review-bars__item__bar[data-bars="3"]:after {
        width: 60%;
    }

    .review-bars__item__bar[data-bars="3.5"]:after {
        width: 70%;
    }

    .review-bars__item__bar[data-bars="4"]:after {
        width: 80%;
    }

    .review-bars__item__bar[data-bars="4.5"]:after {
        width: 90%;
    }

    .review-bars__item__bar[data-bars="5"]:after {
        width: 100%;
    }

.review-big-bars__item {
    *zoom: 1;
    font-size: 14px;
    margin: 10px 0;
}

    .review-big-bars__item:before,
    .review-big-bars__item:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .review-big-bars__item:after {
        clear: both;
    }

.review-big-bars__item__text {
    font-family: "gotham_mediumregular";
    display: inline-block;
    min-width: 50px;
    vertical-align: middle;
}

.review-big-bars__item__bar {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    display: inline-block;
    height: 25px;
    margin: 0 10px;
    position: relative;
    vertical-align: middle;
    width: 200px;
}

.review-big-bars__item__bar__inner {
    background: #ffd400;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

.review-big-bars__item__reviews {
    display: inline-block;
    vertical-align: middle;
}

.print-coupon {
    background: #8ed8ff;
    background: linear-gradient(to bottom, #8ed8ff 0, #ffffff 60%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ed8ff', endColorstr='#ffffffff', GradientType=0);
    border-top: 12px solid #0084c9;
    font-family: "gotham_boldregular";
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .print-coupon {
        border-width: 25px;
        font-size: 25px;
        padding: 50px 0 75px;
    }
}

.print-coupon .container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 80%;
}

@media screen and (min-width: 1024px) {
    .print-coupon .container {
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 980px;
    }
}

.print-coupon__info {
    -ms-flex-order: 0;
    order: 0;
}

@media screen and (min-width: 1024px) {
    .print-coupon__info {
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
    }
}

.print-coupon__image {
    margin: 15px 0;
    -ms-flex-order: 1;
    order: 1;
}

@media screen and (min-width: 1024px) {
    .print-coupon__image {
        margin: auto 10px;
        -ms-flex-order: 0;
        order: 0;
        width: 50%;
    }
}

.print-coupon h2 {
    font-family: "gotham_boldregular";
    font-size: 35px;
    margin: 0;
    text-transform: uppercase;
}

    .print-coupon h2 span {
        font-family: "gotham_bookregular";
    }

@media screen and (min-width: 1024px) {
    .print-coupon h2 {
        font-size: 70px;
    }
}

.print-coupon .button {
    margin: 15px 0;
}

.video-module {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 40%, #8ed8ff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff8ed8ff', GradientType=0);
    border-top: 10px solid #0084c9;
    padding: 20px 0 30px;
}

@media screen and (min-width: 768px) {
    .video-module {
        padding: 50px 0 95px 0;
    }
}

.video-module h2 {
    font-family: 'futura-pt-bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 460px;
}

@media screen and (max-width: 767px) {
    .video-module h2 {
        width: auto;
        padding: 0 30px;
    }
}

@media screen and (min-width: 768px) {
    .video-module h2 {
        font-family: 'futura-pt-bold';
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        margin: auto auto 40px auto;
    }
}

.video-module__button {
    text-align: center;
}

.video-module__button--mobile {
    display: block;
}

@media screen and (min-width: 1024px) {
    .video-module__button--mobile {
        display: none;
    }
}

.video-module__button--desktop {
    display: none;
    margin-top: 40px;
}

@media screen and (min-width: 1024px) {
    .video-module__button--desktop {
        display: block;
    }
}

.video-module--tab-nav {
    background: #0084c9;
    border: 0;
    color: #ffffff;
}

    .video-module--tab-nav h2 {
        color: #ffffff;
    }

.video-module__see-more {
    border: 2px solid #ffffff;
    margin: 15px 0;
}

.video-module__see-more__link-wrapper {
    background: #0084c9;
    color: #ffffff;
    font-family: "gotham_boldregular";
    font-size: 12px;
    padding: 10px 12px;
}

@media screen and (min-width: 768px) {
    .video-module__see-more__link-wrapper {
        font-size: 24px;
        padding: 10px 20px;
    }
}

.video-module__see-more__link-wrapper a {
    background: url('/Brands/OxiClean/assets/images/icon-see-more-videos-closed.png') right center no-repeat;
    background-size: 24px 24px;
    display: block;
    padding: 15px 34px 15px 0;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .video-module__see-more__link-wrapper a {
        background-size: 48px 48px;
        padding: 15px 58px 15px 0;
    }
}

.video-module__see-more__list {
    display: none;
}

.video-module__see-more__list__link-wrapper {
    background: #006092;
    border-top: 2px solid #ffffff;
    color: #ffffff;
    font-family: "gotham_boldregular";
    font-size: 12px;
    padding: 10px 12px;
}

@media screen and (min-width: 768px) {
    .video-module__see-more__list__link-wrapper {
        font-size: 24px;
        padding: 10px 20px;
    }
}

.video-module__see-more__list__link-wrapper a {
    background: url('/Brands/OxiClean/assets/images/icon-see-more-videos-play.png') right center no-repeat;
    background-size: 24px 24px;
    display: block;
    padding: 15px 34px 15px 0;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .video-module__see-more__list__link-wrapper a {
        background-size: 48px 48px;
        padding: 15px 58px 15px 0;
    }
}

.video-module__see-more__list__link-wrapper a span {
    vertical-align: middle;
}

.video-module__see-more.open .video-module__see-more__link-wrapper a {
    background-image: url('/Brands/OxiClean/assets/images/icon-see-more-videos-open.png');
}

.video-module__see-more.open .video-module__see-more__list {
    display: block;
}

.category-reviews {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    padding: 15px 0;
}

@media screen and (min-width: 768px) {
    .category-reviews {
        padding: 60px 0 20px;
    }
}

@media screen and (min-width: 1024px) {
    .category-reviews {
        padding: 40px 0 20px;
    }
}

.category-reviews h2 {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 0 0 15px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .category-reviews h2 {
        font-size: 35px;
        margin: 0;
        padding: 0 90px;
    }
}

@media screen and (min-width: 1024px) {
    .category-reviews h2 {
        margin: 0 0 15px;
    }
}

.category-how-to-use {
    border-bottom: 20px solid #ffffff;
    border-top: 20px solid #ffffff;
    background: url('../images/bg-how-to.jpg') center center no-repeat;
    -ms-background-size: cover;
    background-size: cover;
    box-shadow: 0 0 25px #000000 inset;
    color: #ffffff;
    position: relative;
}

    .category-how-to-use:before {
        background: rgba(0, 132, 201, 0.9);
        background: linear-gradient(to bottom, rgba(0, 132, 201, 0.9) 30%, #0084c9 80%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60084c9', endColorstr='#ff0084c9', GradientType=0);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        right: 0;
        position: absolute;
        top: 0;
    }

.category-how-to-use__inner {
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .category-how-to-use {
        padding: 0 0 40px;
    }
}

.category-how-to-use h2 {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 18px 0 15px;
    text-align: center;
    text-shadow: 5px 5px 5px #000000;
}

@media screen and (min-width: 768px) {
    .category-how-to-use h2 {
        font-size: 35px;
        margin: 50px 0;
    }
}

.product-reviews {
    background: #ffffff;
}

    .product-reviews h2 {
        font-family: "gotham_mediumregular";
        font-size: 18px;
        margin: 15px 0;
        text-align: center;
    }

@media screen and (min-width: 768px) {
    .product-reviews h2 {
        font-size: 35px;
        margin: 60px 0 20px;
        padding: 0 90px;
    }
}

@media screen and (min-width: 1024px) {
    .product-reviews h2 {
        margin: 40px 0 20px;
    }
}

.product-reviews__header {
    padding: 15px 0 0;
}

@media screen and (min-width: 768px) {
    .product-reviews__header {
        padding: 30px 0 0;
    }
}

@media screen and (min-width: 1024px) {
    .product-reviews__header {
        padding: 45px 0 0;
    }
}

.product-reviews__header h2 {
    font-family: "gotham_boldregular";
    font-size: 18px;
    margin: 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-reviews__header h2 {
        font-family: "gotham_mediumregular";
        font-size: 35px;
    }
}

.product-reviews__header__general-stats {
    margin: 20px 0;
    font-size: 14px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-reviews__header__general-stats {
        font-size: 18px;
        margin: 35px 0;
    }
}

.product-reviews__header__general-stats__overall,
.product-reviews__header__general-stats__stars {
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .product-reviews__header__general-stats__overall,
    .product-reviews__header__general-stats__stars {
        margin: 0 15px;
    }
}

.product-reviews__header__general-stats__overall h3 {
    font-family: "gotham_boldregular";
    font-size: 16px;
    margin: 0 0 5px;
}

@media screen and (min-width: 768px) {
    .product-reviews__header__general-stats__overall h3 {
        font-size: 24px;
    }
}

.product-reviews__header__general-stats__stars {
    text-align: center;
}

    .product-reviews__header__general-stats__stars .review-stars,
    .product-reviews__header__general-stats__stars .review-stars__review {
        display: block;
    }

@media screen and (min-width: 1024px) {
    .product-reviews__header__general-stats__stars .review-stars {
        width: 180px;
    }
}

.product-reviews__header__general-stats__stars .review-stars__review {
    margin: 5px 0 0;
}

.product-reviews__write-review-bar {
    background: #eaeaea;
    padding: 15px;
    text-align: center;
}

    .product-reviews__write-review-bar .button {
        min-width: 235px;
    }

@media screen and (min-width: 768px) {
    .product-reviews__write-review-bar .button {
        min-width: 180px;
    }
}

.product-reviews__write-review-bar h2 {
    display: none;
    font-family: "gotham_boldregular";
    font-size: 18px;
    margin: 0 35px;
    max-width: 600px;
    padding: 0;
    vertical-align: middle;
    width: 310px;
}

@media screen and (min-width: 768px) {
    .product-reviews__write-review-bar h2 {
        display: inline-block;
    }
}

@media screen and (min-width: 1024px) {
    .product-reviews__write-review-bar h2 {
        margin: 0 20px;
        max-width: 535px;
        width: auto;
    }
}

.product-reviews__stats {
    display: none;
    padding: 30px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-reviews__stats {
        display: block;
    }
}

.product-reviews__stats .review-bars-wrapper,
.product-reviews__stats .review-big-bars-wrapper {
    display: inline-block;
    margin: 0 15px;
    text-align: left;
    vertical-align: top;
}

.product-reviews__reviews {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    margin: 15px 0 0;
    padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .product-reviews__reviews {
        border-top: 1px solid #9f9f9f;
        margin: 0;
    }
}

.product-reviews__reviews__more {
    display: block;
    margin: 0 auto;
}

.product-reviews .mobile-pagination {
    display: inline-block;
    position: relative;
    bottom: 10px;
    width: 20px;
}

.product-reviews .mobile-pagination--next {
    float: right;
}

.product-reviews .mobile-pagination--prev {
    float: left;
}

@media screen and (min-width: 768px) {
    .product-reviews .mobile-pagination {
        display: none;
    }
}

.product-reviews .desktop-pagination {
    display: none;
}

@media screen and (min-width: 768px) {
    .product-reviews .desktop-pagination {
        display: inline-block;
    }
}

.product-review {
    background: #ffffff;
    border: 1px solid #0084c9;
    border-radius: 5px;
    box-shadow: 0 0 2px #9f9f9f;
    display: table;
    width: 100%;
}

.product-review__abuse-button {
    color: #ffffff;
    padding: 0 7px 4px;
}

.product-review__abuse-button--selected:hover,
.product-review__abuse-button--selected:focus {
    text-decoration: none;
}

.product-review-wrapper {
    margin: 20px 4px 0;
}

@media screen and (min-width: 768px) {
    .product-review-wrapper {
        margin: 55px 0;
    }
}

@media screen and (min-width: 1024px) {
    .product-review-wrapper {
        margin: 20px 0;
    }
}

.product-review__user,
.product-review__review {
    display: table-cell;
    padding: 12px 10px;
    vertical-align: top;
}

@media screen and (min-width: 768px) {
    .product-review__user,
    .product-review__review {
        padding: 20px 15px;
    }
}

.product-review__user {
    background: #0084c9;
    color: #ffffff;
    font-size: 12px;
    width: 75px;
}

.product-review__user__image {
    margin: 0 0 8px;
}

.product-review__user__name {
    font-family: "gotham_boldregular";
}

.product-review__user__name,
.product-review__user__stat {
    margin: 0 0 5px;
}

@media screen and (min-width: 768px) {
    .product-review__user__name,
    .product-review__user__stat {
        margin: 0 0 8px;
    }
}

@media screen and (min-width: 768px) {
    .product-review__user {
        font-size: 14px;
        width: 130px;
    }
}

.product-review__review {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .product-review__review {
        font-size: 14px;
        padding: 20px 50px 20px 15px;
    }
}

@media screen and (min-width: 1024px) {
    .product-review__review {
        padding: 20px 25px 20px 15px;
    }
}

.product-review__review__product-name {
    font-family: "gotham_boldregular";
    font-size: 12px;
    margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
    .product-review__review__product-name {
        font-size: 18px;
        margin: 0;
    }
}

@media screen and (min-width: 1024px) {
    .product-review__review__product-name {
        display: inline-block;
        margin: 0 5px 0 0;
        max-width: 460px;
        vertical-align: top;
    }
}

.product-review__review .review-stars-wrapper {
    margin: 10px 0;
}

@media screen and (min-width: 768px) {
    .product-review__review .review-stars-wrapper {
        margin: 10px 0 18px;
    }
}

@media screen and (min-width: 1024px) {
    .product-review__review .review-stars-wrapper {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }
}

.product-review__review .review-stars-wrapper .review-stars {
    width: 80px;
}

@media screen and (min-width: 768px) {
    .product-review__review .review-stars-wrapper .review-stars {
        width: 120px;
    }
}

.product-review__review__title {
    font-family: "gotham_boldregular";
    font-size: 12px;
    margin: 10px 0 0;
}

@media screen and (min-width: 768px) {
    .product-review__review__title {
        font-size: 18px;
        margin: 18px 0 0;
    }
}

.product-review__review__info-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

@media screen and (min-width: 1024px) {
    .product-review__review__info-wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1024px) {
    .product-review__review__info {
        width: 455px;
    }
}

.product-review__review__desc {
    margin: 0 0 12px;
}

@media screen and (min-width: 768px) {
    .product-review__review__desc {
        margin: 0 0 20px;
    }
}

@media screen and (min-width: 1024px) {
    .product-review__review__desc {
        margin-right: 25px;
    }
}

.product-review__review__received-free {
    margin: 12px 0 8px;
}

@media screen and (min-width: 768px) {
    .product-review__review__received-free {
        margin: 20px 0 10px;
    }
}

.product-review__review .review-bars-wrapper {
    display: none;
    margin: 20px 0;
    width: 300px;
}

@media screen and (min-width: 768px) {
    .product-review__review .review-bars-wrapper {
        display: block;
    }
}

@media screen and (min-width: 1024px) {
    .product-review__review .review-bars-wrapper {
        margin: 0;
        min-width: 300px;
        right: 0;
        top: -15px;
    }
}

.product-review__review__images {
    margin: 0 0 18px;
}

@media screen and (min-width: 768px) {
    .product-review__review__images {
        margin: 15px 0;
    }
}

.product-review__review__images img {
    height: 100px;
    margin: 0 3px 3px 0;
}

@media screen and (min-width: 768px) {
    .product-review__review__images img {
        height: 180px;
    }
}

.product-review__review__images .play-video__inner-wrapper {
    display: inline-block;
    position: relative;
}

    .product-review__review__images .play-video__inner-wrapper:before {
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url('../images/icon-play.png') left top no-repeat;
        -ms-background-size: 30px 40px;
        background-size: 30px 40px;
        content: "";
        display: block;
        height: 40px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 30px;
    }

.product-review__review__caption {
    padding: 10px 0 0;
}

.product-review__review__helpful,
.product-review__review__recommend {
    color: #0084c9;
    margin: 0 0 8px 0;
}

@media screen and (min-width: 768px) {
    .product-review__review__helpful,
    .product-review__review__recommend {
        margin: 0 0 15px 0;
    }
}

@media screen and (min-width: 1024px) {
    .product-review__review__helpful,
    .product-review__review__recommend {
        display: inline-block;
        margin: 0 25px 15px 0;
        vertical-align: middle;
    }
}

.product-review__review__helpful__text,
.product-review__review__recommend__text {
    color: #002b7f;
    font-family: "gotham_boldregular";
    font-size: 12px;
    margin: 0 5px 0 0;
}

@media screen and (min-width: 768px) {
    .product-review__review__helpful__text,
    .product-review__review__recommend__text {
        font-size: 18px;
        margin: 0 10px 0 0;
    }
}

.product-review__review__helpful a,
.product-review__review__recommend a {
    border-radius: 5px;
    color: #0084c9;
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
}

    .product-review__review__helpful a.selected,
    .product-review__review__recommend a.selected {
        background: #0084c9;
        color: #ffffff;
    }

.product-review__review__learn-more {
    margin: 12px 0 0;
}

@media screen and (min-width: 768px) {
    .product-review__review__learn-more {
        margin: 10px 0 0;
    }
}

.product-review__review__learn-more a {
    color: #0084c9;
}

.how-to-use-tiles {
    *zoom: 1;
}

    .how-to-use-tiles:before,
    .how-to-use-tiles:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .how-to-use-tiles:after {
        clear: both;
    }

.how-to-use-tile {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
}

@media screen and (min-width: 768px) {
    .how-to-use-tile {
        width: 33.33%;
    }
}

@media screen and (min-width: 1024px) {
    .how-to-use-tile {
        width: 25%;
    }
}

.how-to-use-tile--2up {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .how-to-use-tile--2up {
        width: 66.66%;
    }
}

@media screen and (min-width: 1024px) {
    .how-to-use-tile--2up {
        width: 50%;
    }
}

.how-to-use-tile__inner {
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 5px;
    margin: 5px;
    min-height: 205px;
}

@media screen and (min-width: 768px) {
    .how-to-use-tile__inner {
        min-height: 330px;
    }
}

@media screen and (min-width: 1024px) {
    .how-to-use-tile__inner {
        min-height: 305px;
    }
}

@media screen and (min-width: 768px) {
    .how-to-use-tile__image {
        min-height: 266px;
    }
}

.how-to-use-tile__image img {
    width: 100%;
}

.how-to-use-tile__share {
    min-height: 20px;
    padding: 6px;
    text-align: right;
}

    .how-to-use-tile__share .stButton {
        margin: 0;
    }

        .how-to-use-tile__share .stButton .stLarge {
            -ms-background-size: contain;
            background-size: contain;
            height: 20px;
            vertical-align: middle;
            width: 20px;
        }

            .how-to-use-tile__share .stButton .stLarge:hover {
                background-position: -20px center;
            }

.featherlight {
    z-index: 6;
}

.product-header {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 60%, #8ed8ff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff8ed8ff', GradientType=0);
    padding: 35px 0 25px;
}

@media screen and (min-width: 768px) {
    .product-header {
        padding: 70px 0 50px;
    }
}

@media screen and (min-width: 1024px) {
    .product-header {
        padding: 60px 0 30px;
    }
}

.product-header .container {
    position: relative;
}

.product-header__images {
    float: left;
    width: 50%;
}

    .product-header__images .carousel--product-images-tabs {
        float: left;
        width: 70px;
    }

@media screen and (min-width: 768px) {
    .product-header__images .carousel--product-images {
        float: left;
        width: 300px;
    }
}

@media screen and (min-width: 1024px) {
    .product-header__images .carousel--product-images {
        width: 400px;
    }
}

.product-header__images .carousel--product-images .carousel__item img {
    max-height: 220px;
    max-width: 115px;
}

@media screen and (min-width: 768px) {
    .product-header__images .carousel--product-images .carousel__item img {
        max-height: none;
        max-width: 85%;
    }
}

.product-header__info {
    float: left;
    width: 50%;
}

    .product-header__info h1 {
        font-family: "gotham_boldregular";
        font-size: 18px;
        margin: 0;
    }

@media screen and (min-width: 768px) {
    .product-header__info h1 {
        font-family: "gotham_mediumregular";
        font-size: 35px;
    }
}

.product-header__info .review-stars-wrapper {
    color: #0084c9;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 12px 0;
}

@media screen and (min-width: 768px) {
    .product-header__info .review-stars-wrapper {
        font-size: 14px;
        margin: 20px 0;
    }
}

.product-header__info .review-stars-wrapper .review-stars {
    margin: 0 0 5px 0;
    width: 60px;
}

@media screen and (min-width: 768px) {
    .product-header__info .review-stars-wrapper .review-stars {
        display: block;
        width: 120px;
    }
}

@media screen and (min-width: 1024px) {
    .product-header__info .review-stars-wrapper .review-stars {
        display: inline-block;
        margin: 0;
    }
}

.product-header__info .review-stars-wrapper .review-stars__count {
    color: #0084c9;
    margin: 0 15px 0 0;
    text-decoration: underline;
}

.product-header__info .review-stars-wrapper .review-stars__write-review {
    cursor: pointer;
    display: block;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .product-header__info .review-stars-wrapper .review-stars__write-review {
        display: inline-block;
        vertical-align: middle;
    }
}

.product-header__info__text {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .product-header__info__text {
        font-size: 14px;
    }
}

.product-header__info__text h2,
.product-header__info__text h3 {
    font-family: "gotham_mediumregular";
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .product-header__info__text h2,
    .product-header__info__text h3 {
        font-size: 18px;
    }
}

.product-header__info__buttons {
    margin: 12px 0 0;
    position: relative;
}

@media screen and (min-width: 768px) {
    .product-header__info__buttons {
        margin: 20px 0 0;
    }
}

@media screen and (min-width: 1024px) {
    .product-header__info__buttons {
        margin: 30px 0 0;
    }
}

.product-header__info__buttons .button {
    margin: 0 12px 12px 0;
}

@media screen and (min-width: 768px) {
    .product-header__info__buttons .button {
        margin: 0 20px 10px 0;
    }
}

@media screen and (min-width: 1024px) {
    .product-header__info__buttons .button {
        margin: 0 30px 10px 0;
    }
}

.product-header__info__buttons .button--where-to-buy-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.product-header__info__buttons--mobile {
    display: block;
    clear: left;
    margin: 0;
    padding: 24px 0 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-header__info__buttons--mobile {
        display: none;
    }
}

.product-header__info__buttons--desktop {
    display: none;
}

@media screen and (min-width: 768px) {
    .product-header__info__buttons--desktop {
        display: block;
    }
}

.product-header__share {
    font-family: "gotham_mediumregular";
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: -30px;
}

    .product-header__share .share-link {
        background: url('../images/icon-share-grey.png') left center no-repeat;
        -ms-background-size: 15px 14px;
        background-size: 15px 14px;
        display: inline-block;
        padding: 5px 0 5px 20px;
    }

@media screen and (min-width: 768px) {
    .product-header__share {
        -ms-background-size: 21px 22px;
        background-size: 21px 22px;
        font-size: 18px;
        padding: 5px 0px 5px 28px;
        top: -50px;
    }
}

@media screen and (min-width: 1024px) {
    .product-header__share {
        top: -42px;
    }
}

.product-info {
    margin: 0 -10px;
}

@media screen and (min-width: 768px) {
    .product-info {
        background: #ffffff;
        background: linear-gradient(to bottom, #ffffff 70%, #8ed8ff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff8ed8ff', GradientType=0);
        border-bottom: 10px solid #0084c9;
        margin: 0;
    }
}

.product-info__text {
    padding: 30px 10px;
}

@media screen and (min-width: 768px) {
    .product-info__text {
        padding: 30px 10px;
    }
}

@media screen and (min-width: 1024px) {
    .product-info__text {
        float: left;
        width: 42%;
    }
}

.product-info__text__title {
    font-family: "gotham_boldregular";
    font-size: 18px;
    margin: 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-info__text__title {
        font-family: "gotham_mediumregular";
        font-size: 35px;
        text-align: left;
    }
}

.product-info__text__sub-title {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-info__text__sub-title {
        text-align: left;
    }
}

.product-info__text__content {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .product-info__text__content {
        font-size: 14px;
    }
}

.product-info__text__content h2,
.product-info__text__content h3 {
    font-family: "gotham_mediumregular";
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .product-info__text__content h2,
    .product-info__text__content h3 {
        font-size: 18px;
    }
}

.product-info__text .button {
    margin: 0 12px 12px 0;
}

.product-info__image {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 60%, #8ed8ff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff8ed8ff', GradientType=0);
    padding: 10px 25px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-info__image {
        background: none;
        padding: 0 0 30px;
    }
}

@media screen and (min-width: 1024px) {
    .product-info__image {
        float: right;
        padding: 75px 0;
        width: 54%;
    }
}

.product-info__labels {
    margin-top: 21px;
    text-align: center;
}

.product-info__labels__span {
    border-radius: 4px;
    color: #0084c9;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 7px;
    vertical-align: middle;
}

.product-info__labels__before {
    margin-right: 27px;
}

.product-how-to-use {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    border-bottom: 12px solid #0084c9;
    border-top: 12px solid #0084c9;
    position: relative;
}

@media screen and (min-width: 768px) {
    .product-how-to-use {
        border-bottom-width: 20px;
        border-top-width: 10px;
        padding: 0 0 70px;
    }
}

.product-how-to-use:before {
    background: transparent;
    background: linear-gradient(to bottom, transparent 80%, #8ed8ff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff8ed8ff', GradientType=0);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (min-width: 768px) {
    .product-how-to-use:before {
        display: none;
    }
}

.product-how-to-use h2 {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    letter-spacing: -0.04em;
    margin: 20px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-how-to-use h2 {
        font-size: 35px;
        margin: 40px 0;
    }
}

.how-to-use-product {
    background: #ffffff;
    border: 1px solid #0084c9;
    box-shadow: 0 0 10px #9f9f9f;
    height: 100%;
}

.how-to-use-product-wrapper {
    height: 100%;
    margin: 0 4px;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .how-to-use-product-wrapper {
        margin: 0 40px 40px 0;
    }
}

.how-to-use-product__header {
    background: #0084c9;
    color: #ffffff;
    font-family: "gotham_mediumregular";
    font-size: 35px;
    letter-spacing: -0.04em;
    padding: 8px 10px;
}

@media screen and (min-width: 768px) {
    .how-to-use-product__header {
        padding: 10px 20px;
    }
}

.how-to-use-product__content {
    *zoom: 1;
    min-height: 275px;
    padding: 10px 20px 10px 10px;
}

    .how-to-use-product__content:before,
    .how-to-use-product__content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .how-to-use-product__content:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .how-to-use-product__content {
        padding: 20px 20px 40px;
    }
}

.how-to-use-product__content__text {
    font-size: 12px;
    padding-left: 10px;
    letter-spacing: -0.04em;
}

@media screen and (min-width: 768px) {
    .how-to-use-product__content__text {
        font-size: 12px;
        padding-left: 0;
    }
}

.how-to-use-product__content__text h2,
.how-to-use-product__content__text h3 {
    font-family: "gotham_boldregular";
    margin: 0;
    text-transform: uppercase;
}

.how-to-use-product__content__text ol,
.how-to-use-product__content__text ul {
    padding: 0 0 0 10px;
}

    .how-to-use-product__content__text ol li,
    .how-to-use-product__content__text ul li {
        margin: 12px 0;
    }

@media screen and (min-width: 768px) {
    .how-to-use-product__content__text ol li,
    .how-to-use-product__content__text ul li {
        margin: 14px 0;
    }
}

.how-to-use-product__content__images {
    float: right;
    height: 100%;
    margin: 35px 0 0 15px;
    text-align: right;
    width: 70px;
}

@media screen and (min-width: 768px) {
    .how-to-use-product__content__images {
        width: 105px;
    }
}

.how-to-use-product__content__images img {
    display: block;
    margin: 0 0 10px;
}

.how-to-use-product__lightbox__title {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 12px 0;
    padding: 0 20px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .how-to-use-product__lightbox__title {
        font-size: 32px;
        margin: 25px 0;
    }
}

.how-to-use-product__featherlight-content {
    border: 5px solid #ffffff !important;
    max-width: 720px;
    padding: 0 !important;
    width: 90%;
}

.product-anchor-bar {
    display: none;
    background: #0084c9;
    color: #ffffff;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-anchor-bar {
        display: block;
    }
}

.product-anchor-bar__links {
    display: table;
    margin: 0 auto;
}

.product-anchor-bar__links__link {
    border-right: 1px solid #ffffff;
    display: table-cell;
    font-family: "gotham_boldregular";
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 160px;
}

@media screen and (min-width: 1024px) {
    .product-anchor-bar__links__link {
        font-size: 16px;
    }
}

.product-anchor-bar__links__link:first-child {
    border-left: 1px solid #ffffff;
}

.product-anchor-bar__links a {
    display: block;
    padding: 20px;
    text-decoration: none;
}

.faqs {
    background: #0084c9;
    padding: 15px 0 20px;
}

@media screen and (min-width: 768px) {
    .faqs {
        padding: 45px 0 28px;
    }
}

.faqs h2 {
    color: #ffffff;
    font-family: "gotham_boldregular";
    font-size: 18px;
    margin: 0 0 18px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .faqs h2 {
        font-family: "gotham_mediumregular";
        font-size: 35px;
        margin: 0 0 45px;
    }
}

.faqs .faq {
    background: #ffffff;
    border: 2px solid #d4d4d4;
    margin: 18px 0;
}

@media screen and (min-width: 768px) {
    .faqs .faq {
        margin: 15px 0;
    }
}

.faqs .faq__question {
    background: url('../images/faq-plus.png') right 15px center no-repeat;
    -ms-background-size: 20px 20px;
    background-size: 20px 20px;
    cursor: pointer;
    font-family: "gotham_boldregular";
    font-size: 12px;
    padding: 12px 45px 12px 10px;
}

@media screen and (min-width: 768px) {
    .faqs .faq__question {
        background-size: 36px !important;
        font-size: 18px;
        padding: 24px 45px 24px 15px;
    }

    #prodFaqs .faq.active .faq__question, .prodFaqsNew .faq.active .faq__question {
        background-size: 36px !important;
    }
}

.faqs .faq__answer {
    display: none;
    font-size: 12px;
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .faqs .faq__answer {
        font-size: 14px;
        padding: 10px 15px;
    }
}

.faqs .faq.active .faq__question {
    background-color: #93daff;
    background-image: url('../images/faq-minus.png');
    border-bottom: 2px solid #d4d4d4;
}

.faqs .faq.active .faq__answer {
    display: block;
}

.faqs__show-more {
    margin: 18px 0 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .faqs__show-more {
        margin: 30px 0 0;
    }
}

.related-products {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
}

@media screen and (min-width: 768px) {
    .related-products {
        padding: 0 0 25px;
    }
}

.related-products h2 {
    font-family: "gotham_boldregular";
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .related-products h2 {
        font-family: "gotham_mediumregular";
        font-size: 35px;
        margin: 35px 0;
    }
}

@media screen and (min-width: 768px) {
    .related-products .carousel--related-products {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .related-products .carousel__item--related-products {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 25px;
        width: 33.33%;
    }
}

.related-product {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
}

.related-product__image-wrapper {
    background: url('../images/bg-product-bubbles.png') left top no-repeat;
    -ms-background-size: contain;
    background-size: contain;
    display: table;
    height: 180px;
    margin: 0 auto 20px;
    width: 180px;
}

@media screen and (min-width: 768px) {
    .related-product__image-wrapper {
        height: 200px;
        width: 200px;
    }
}

@media screen and (min-width: 1024px) {
    .related-product__image-wrapper {
        height: 270px;
        width: 270px;
    }
}

.related-product__image {
    display: table-cell;
    vertical-align: middle;
}

    .related-product__image img {
        max-height: 145px;
        max-width: 145px;
    }

@media screen and (min-width: 768px) {
    .related-product__image img {
        max-height: 165px;
        max-width: 165px;
    }
}

@media screen and (min-width: 1024px) {
    .related-product__image img {
        max-height: 195px;
        max-width: 195px;
    }
}

.related-product__title {
    display: block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 5px 0;
    max-width: 95%;
    padding: 0 6px;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .related-product__title {
        font-size: 18px;
        margin: 0 0 auto;
    }
}

.related-product .review-stars-wrapper {
    margin: 5px 0 0;
}

.featherlight.video-modal .featherlight-content {
    border: 5px solid #ffffff;
}

.article-header-image {
    text-align: center;
}

    .article-header-image img {
        vertical-align: middle;
    }

.article-anchor-bar {
    background: #32b2f4;
    box-shadow: 0 0 10px #9f9f9f;
    color: #ffffff;
    font-family: "gotham_boldregular";
    font-size: 10px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .article-anchor-bar {
        font-size: 13px;
    }
}

@media screen and (min-width: 1024px) {
    .article-anchor-bar {
        font-size: 16px;
    }
}

.article-anchor-bar h3 {
    margin: 12px 0 0;
    padding-bottom: 17px;
}

@media screen and (min-width: 768px) {
    .article-anchor-bar h3 {
        font-size: 14px;
        display: inline-block;
        margin: 0;
        max-width: 140px;
        padding-bottom: 0;
        text-align: right;
        vertical-align: baseline;
    }
}

@media screen and (min-width: 1024px) {
    .article-anchor-bar h3 {
        font-size: 17px;
        max-width: 300px;
    }
}

@media screen and (min-width: 768px) {
    .article-anchor-bar__anchors-wrapper {
        display: inline-block;
        vertical-align: middle;
    }
}

.article-anchor-bar__anchors {
    border-spacing: 5px;
    display: table;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .article-anchor-bar__anchors {
        border-spacing: 15px;
        margin: 0;
        max-width: 335px;
    }
}

@media screen and (min-width: 1024px) {
    .article-anchor-bar__anchors {
        border-spacing: 20px;
        max-width: 480px;
    }
}

.article-anchor-bar__anchors__anchor {
    border: 1px solid #ffffff;
    display: table-cell;
    padding: 15px 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .article-anchor-bar__anchors__anchor {
        max-width: 200px;
        padding: 15px 12px;
    }
}

.article-anchor-bar__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: -4px;
}

@media screen and (min-width: 768px) {
    .article-anchor-bar__wrapper {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 0;
        margin-top: 5px;
    }
}

.container--articles {
    max-width: 100%;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .container--articles {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.article-how-to {
    *zoom: 1;
    padding: 20px 10px;
}

    .article-how-to:before,
    .article-how-to:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .article-how-to:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .article-how-to {
        padding: 40px 10px 60px;
    }
}

@media screen and (min-width: 1024px) {
    .article-how-to {
        padding: 40px 10px;
    }
}

.article-how-to__text {
    font-size: 12px;
    margin: 0 0 20px;
}

@media screen and (min-width: 768px) {
    .article-how-to__text {
        font-size: 16px;
        margin: 0 0 60px;
    }
}

@media screen and (min-width: 1024px) {
    .article-how-to__text {
        float: right;
        margin: 12px 0 0;
        width: 335px;
    }
}

.article-how-to__text h2 {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 0 0 18px;
}

@media screen and (min-width: 768px) {
    .article-how-to__text h2 {
        font-size: 35px;
        margin: 0 0 35px;
    }
}

.article-how-to__text p {
    margin: 18px 0;
}

@media screen and (min-width: 768px) {
    .article-how-to__text p {
        margin: 35px 0;
    }
}

.article-how-to__circles {
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    width: 295px;
}

@media screen and (min-width: 768px) {
    .article-how-to__circles {
        font-size: 20px;
        width: 590px;
    }
}

@media screen and (min-width: 1024px) {
    .article-how-to__circles {
        float: left;
    }
}

.article-how-to__circles__circle {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #0084c9;
    border-radius: 50%;
    box-shadow: 2px 2px 10px #9f9f9f;
    color: #ffffff;
    height: 135px;
    overflow: hidden;
    position: relative;
    width: 135px;
}

.article-how-to__circles__circle--top-left,
.article-how-to__circles__circle--top-right {
    margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
    .article-how-to__circles__circle--top-left,
    .article-how-to__circles__circle--top-right {
        margin: 0 0 16px;
    }
}

.article-how-to__circles__circle--bottom-left,
.article-how-to__circles__circle--bottom-right {
    margin: 10px 0 0;
}

@media screen and (min-width: 768px) {
    .article-how-to__circles__circle--bottom-left,
    .article-how-to__circles__circle--bottom-right {
        margin: 16px 0 0;
    }
}

.article-how-to__circles__circle--top-left,
.article-how-to__circles__circle--bottom-left {
    float: left;
}

.article-how-to__circles__circle--top-right,
.article-how-to__circles__circle--bottom-right {
    float: right;
}

@media screen and (min-width: 768px) {
    .article-how-to__circles__circle {
        border-width: 3px;
        height: 270px;
        width: 270px;
    }
}

.article-how-to__circles__circle-wrapper {
    *zoom: 1;
}

    .article-how-to__circles__circle-wrapper:before,
    .article-how-to__circles__circle-wrapper:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .article-how-to__circles__circle-wrapper:after {
        clear: both;
    }

.article-how-to__circles__circle__content {
    background: rgba(0, 132, 201, 0.8);
    left: 0;
    right: 0;
    padding: 5px 12px;
    position: absolute;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
}

@media screen and (min-width: 768px) {
    .article-how-to__circles__circle__content {
        padding: 15px 24px;
    }
}

.article-how-to__circles__circle__content p {
    margin: 0;
}

.article-how-to__circles__center-text {
    font-family: "gotham_bookregular";
}

@media screen and (min-width: 1024px) {
    .article-how-to__circles__center-text {
        font-family: "gotham_mediumregular";
    }
}

.article-sections__section {
    background-size: 0 0;
    border-bottom: 5px solid #0084c9;
    padding: 12px 10px;
}

@media screen and (min-width: 768px) {
    .article-sections__section {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px 10px;
    }
}

@media screen and (min-width: 1024px) {
    .article-sections__section {
        background-size: cover;
        padding: 35px 10px 25px;
    }
}

@media screen and (min-width: 768px) {
    .article-sections__section:nth-child(2n) {
        background-position: center;
    }

        .article-sections__section:nth-child(2n) .article-sections__section__content {
            float: right;
        }
}

@media screen and (min-width: 768px) {
    .article-sections__section__content {
        float: left;
        width: 50%;
    }
}

.article-sections__section__content__text {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .article-sections__section__content__text {
        font-size: 16px;
    }
}

.article-sections__section__content__text h2 {
    font-family: "gotham_mediumregular";
    font-size: 18px;
    margin: 0 0 18px;
}

@media screen and (min-width: 768px) {
    .article-sections__section__content__text h2 {
        font-size: 35px;
        margin: 0 0 35px;
    }
}

.article-sections__section__content__text p {
    margin: 18px 0;
}

@media screen and (min-width: 768px) {
    .article-sections__section__content__text p {
        margin: 35px 0;
    }
}

.article-sections__section__content__share .stButton {
    margin: 0;
}

.banner-title {
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
}

.article-header-image {
    position: relative;
}

@media (max-width: 1023px) {
    .banner-title {
        max-width: 579px;
    }
}

.article-list {
    background: url('../images/bg-how-to.jpg') center center no-repeat;
    -ms-background-size: cover;
    background-size: cover;
    padding: 18px 0;
    position: relative;
}

@media screen and (min-width: 768px) {
    .article-list {
        padding: 35px 0;
    }
}

.article-list:after {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0, transparent 30%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00000000', GradientType=0);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}

.article-list:before {
    background: rgba(0, 132, 201, 0.9);
    background: linear-gradient(to bottom, rgba(0, 132, 201, 0.9) 30%, #0084c9 80%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60084c9', endColorstr='#ff0084c9', GradientType=0);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}

.article-list__inner {
    position: relative;
    z-index: 2;
}

.article-list__header {
    text-align: center;
}

    .article-list__header h2,
    .article-list__header h4 {
        margin: 0;
    }

    .article-list__header h2 {
        font-family: "gotham_mediumregular";
        font-size: 25px;
    }

@media screen and (min-width: 768px) {
    .article-list__header h2 {
        font-size: 50px;
    }
}

.article-list__header h4 {
    background: #002b7f;
    color: #ffffff;
    display: inline-block;
    font-family: "gotham_bookregular";
    font-size: 12px;
    margin: 10px 0 15px;
    padding: 4px 8px;
}

@media screen and (min-width: 768px) {
    .article-list__header h4 {
        font-size: 20px;
        margin: 20px 0 25px;
    }
}

@media screen and (min-width: 1024px) {
    .article-list .how-to-use-tile__inner {
        margin: 15px;
    }
}

.featherlight.stain-solution-modal .featherlight-content {
    max-width: 620px;
}

.article-list__modal__content {
    font-size: 12px;
    padding: 0 25px 15px;
}

@media screen and (min-width: 768px) {
    .article-list__modal__content {
        font-size: 14px;
        padding: 0 50px 30px;
    }
}

.article-list__modal__content p {
    margin: 0 0 16px;
}

.article-list__modal__content ol,
.article-list__modal__content ul {
    padding: 0 0 0 16px;
}

    .article-list__modal__content ol li,
    .article-list__modal__content ul li {
        margin: 0 0 16px;
    }

.article-list__modal__image-wrapper {
    border: 1px solid #0084c9;
    border-radius: 5px;
    margin: 0 0 5px;
}

    .article-list__modal__image-wrapper img {
        border: 1px solid #0084c9;
        border-radius: 8px;
        display: inline-block;
        height: auto;
        vertical-align: middle;
        width: 100%;
    }

.article-list__modal__share {
    margin: 0 0 5px;
    text-align: right;
}

    .article-list__modal__share .stButton {
        margin: 0;
    }

        .article-list__modal__share .stButton .stLarge {
            -ms-background-size: contain;
            background-size: contain;
            height: 20px;
            vertical-align: middle;
            width: 20px;
        }

            .article-list__modal__share .stButton .stLarge:hover {
                background-position: -20px center;
            }

.article-list__modal__read-more {
    margin: 15px 0 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .article-list__modal__read-more {
        margin: 30px 0 0;
    }
}

.rich-text {
    font-size: 12px;
    padding: 0 0 25px;
}

@media screen and (min-width: 768px) {
    .rich-text {
        font-size: 14px;
        padding: 0 0 40px;
    }
}

.rich-text__title {
    font-family: "gotham_mediumregular";
    font-size: 25px;
    margin: 0px 0 18px;
    text-align: center;
    padding-top: 18px;
}

@media screen and (min-width: 768px) {
    .rich-text__title {
        font-size: 40px;
        margin: 0 0 45px;
        padding-top: 65px;
    }
}

.rich-text__content h1,
.rich-text__content h2,
.rich-text__content h3,
.rich-text__content h4,
.rich-text__content h5,
.rich-text__content h6,
.rich-text__content p {
    margin: 12px 0;
}

@media screen and (min-width: 768px) {
    .rich-text__content h1,
    .rich-text__content h2,
    .rich-text__content h3,
    .rich-text__content h4,
    .rich-text__content h5,
    .rich-text__content h6,
    .rich-text__content p {
        margin: 24px 0;
    }
}

.rich-text__content h1,
.rich-text__content h2,
.rich-text__content h3,
.rich-text__content h4,
.rich-text__content h5,
.rich-text__content h6 {
    font-family: "gotham_mediumregular";
}

.rich-text__content ul,
.rich-text__content ol {
    padding: 0 0 0 16px;
}

    .rich-text__content ul li,
    .rich-text__content ol li {
        margin: 12px 0;
    }

@media screen and (min-width: 768px) {
    .rich-text__content ul li,
    .rich-text__content ol li {
        margin: 24px 0;
    }
}

.licensed-products-header {
    font-size: 12px;
    padding: 15px 0 10px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .licensed-products-header {
        font-size: 18px;
        padding: 75px 0 45px;
        text-align: left;
    }
}

.licensed-products-header h1 {
    font-family: "gotham_mediumregular";
    font-size: 25px;
    margin: 0 0 15px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .licensed-products-header h1 {
        font-size: 50px;
        margin: 0 0 20px;
    }
}

.licensed-products-list {
    *zoom: 1;
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    border-top: 12px solid #0084c9;
}

    .licensed-products-list:before,
    .licensed-products-list:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .licensed-products-list:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .licensed-products-list {
        border-top: 1px solid #9f9f9f;
    }
}

.licensed-products-list .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header-with-share {
    font-size: 12px;
    padding: 15px 0 10px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .header-with-share {
        font-size: 18px;
        padding: 75px 0 45px;
        text-align: left;
    }
}

.header-with-share h1 {
    font-family: "gotham_mediumregular";
    font-size: 25px;
    margin: 0 0 15px;
}

@media screen and (min-width: 768px) {
    .header-with-share h1 {
        font-size: 50px;
        margin: 0 0 20px;
    }
}

.header-with-share .container {
    position: relative;
}

.header-with-share__share {
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 12px 0;
    position: relative;
    text-align: right;
}

    .header-with-share__share .share-link {
        background: url('../images/icon-share-grey.png') left center no-repeat;
        display: inline-block;
        padding: 5px 0 5px 28px;
    }

@media screen and (min-width: 768px) {
    .header-with-share__share {
        font-size: 18px;
        margin: 0;
        position: absolute;
        right: 10px;
        top: 20px;
    }
}

.featherlight.get-your-coupon-modal .featherlight-content {
    max-width: 490px;
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal h2,
.featherlight.get-your-coupon-modal .get-your-coupon-modal h4 {
    font-family: "gotham_mediumregular";
    text-align: center;
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal h2 {
    font-size: 24px;
    margin: 25px 0 0;
}

@media screen and (min-width: 768px) {
    .featherlight.get-your-coupon-modal .get-your-coupon-modal h2 {
        font-size: 30px;
        margin: 35px 0 0;
    }
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal h4 {
    font-size: 12px;
    margin: 10px 0 25px;
}

@media screen and (min-width: 768px) {
    .featherlight.get-your-coupon-modal .get-your-coupon-modal h4 {
        font-size: 14px;
    }
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal .form__field {
    margin: 15px 30px;
}

@media screen and (min-width: 768px) {
    .featherlight.get-your-coupon-modal .get-your-coupon-modal .form__field {
        margin: 15px 60px;
    }
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal .form__field--checkbox {
    font-family: "gotham_mediumregular";
}

    .featherlight.get-your-coupon-modal .get-your-coupon-modal .form__field--checkbox label {
        font-size: 12px;
    }

.featherlight.get-your-coupon-modal .get-your-coupon-modal .form__field--buttons {
    margin: 15px 0;
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal .button {
    margin: 12px 10px;
}

@media screen and (min-width: 768px) {
    .featherlight.get-your-coupon-modal .get-your-coupon-modal .button {
        margin: 0 10px;
    }
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal__disclaimer {
    font-size: 12px;
    font-family: "gotham_mediumregular";
    margin: 12px 15px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .featherlight.get-your-coupon-modal .get-your-coupon-modal__disclaimer {
        margin: 20px 30px 25px;
    }
}

.featherlight.get-your-coupon-modal .get-your-coupon-modal__skip {
    font-size: 14px;
    font-family: "gotham_mediumregular";
    margin: 15px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .featherlight.get-your-coupon-modal .get-your-coupon-modal__skip {
        font-size: 18px;
        margin: 30px 0;
    }
}

@media screen and (min-width: 768px) {
    .where-to-buy-search {
        background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    }
}

.where-to-buy-search h1 {
    font-family: "gotham_mediumregular";
    font-size: 20px;
    margin: 25px 0 10px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search h1 {
        font-size: 50px;
        margin: 50px 0 40px;
    }
}

.where-to-buy-search__form,
.where-to-buy-search__online {
    padding: 40px 10px;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__form,
    .where-to-buy-search__online {
        padding: 20px 10px;
    }
}

.where-to-buy-search__form h3,
.where-to-buy-search__online h3 {
    font-family: "gotham_mediumregular";
    font-size: 17px;
    margin: 0 0 20px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__form h3,
    .where-to-buy-search__online h3 {
        font-size: 26px;
        margin: 0 0 35px;
    }
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__form,
    .where-to-buy-search__online {
        background: #ffffff;
        border: 1px solid #d4d4d4;
        margin: 0 0 25px;
        min-height: 470px;
        padding: 20px;
        width: 43%;
    }
}

@media screen and (min-width: 1024px) {
    .where-to-buy-search__form,
    .where-to-buy-search__online {
        min-height: 445px;
    }
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__form {
        float: left;
    }
}

.where-to-buy-search__form .form__field {
    margin: 20px 0;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__form .form__field {
        margin: 30px 0;
    }
}

.where-to-buy-search__form .form__field--buttons {
    text-align: right;
}

.where-to-buy-search__form .form__field--buttons__required {
    color: red;
    float: left;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__form .form__field--buttons__required {
        font-size: 14px;
    }
}

.where-to-buy-search__form label {
    display: inline-block;
}

.where-to-buy-search__form__required {
    color: #ff0000;
    font-size: 16px;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__form__required {
        font-size: 18px;
    }
}

@media screen and (min-width: 768px) {
    .where-to-buy-search__online {
        float: right;
    }
}

.where-to-buy-search__online__links a {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
    width: 48%;
}

.where-to-buy-search-online--mobile {
    display: block;
    border-top: 15px solid #0084c9;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search-online--mobile {
        display: none;
    }
}

.where-to-buy-search-online--mobile h3 {
    text-align: center;
}

.where-to-buy-search-online--desktop {
    display: none;
}

@media screen and (min-width: 768px) {
    .where-to-buy-search-online--desktop {
        display: block;
    }
}

.where-to-buy-results {
    background: #0084c9;
    padding: 15px 0;
}

@media screen and (min-width: 768px) {
    .where-to-buy-results {
        border-bottom: 65px solid #ffffff;
        padding: 25px 0;
    }
}

.where-to-buy-results h2 {
    color: #ffffff;
    font-family: "gotham_mediumregular";
    font-size: 15px;
    margin: 0 0 15px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .where-to-buy-results h2 {
        font-size: 26px;
        margin: 0 0 25px;
        text-align: left;
    }
}

.where-to-buy-results__results {
    *zoom: 1;
}

    .where-to-buy-results__results:before,
    .where-to-buy-results__results:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .where-to-buy-results__results:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .where-to-buy-results__results {
        margin: 0 -15px;
    }
}

@media screen and (min-width: 768px) {
    .where-to-buy-results__result-wrapper {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 1024px) {
    .where-to-buy-results__result-wrapper {
        width: 33.33%;
    }
}

.where-to-buy-results__result {
    background: #ffffff;
    color: #5d5968;
    font-family: "gotham_lightregular";
    font-size: 12px;
    line-height: 16px;
    margin: 10px 20px;
}

@media screen and (min-width: 768px) {
    .where-to-buy-results__result {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 15px;
        min-height: 135px;
    }
}

.where-to-buy-results__result__header {
    *zoom: 1;
    background: #d5ecf8;
    padding: 8px 15px 8px 5px;
}

    .where-to-buy-results__result__header:before,
    .where-to-buy-results__result__header:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .where-to-buy-results__result__header:after {
        clear: both;
    }

@media screen and (min-width: 768px) {
    .where-to-buy-results__result__header {
        padding: 12px 15px 12px 8px;
    }
}

.where-to-buy-results__result__header h4 {
    font-family: "gotham_boldregular";
    float: left;
    margin: 0;
}

.where-to-buy-results__result__header__distance {
    float: right;
}

.where-to-buy-results__result__info {
    padding: 8px 15px 24px 8px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .where-to-buy-results__result__info {
        padding: 12px 15px 24px 8px;
    }
}

.where-to-buy-results__result__info__map {
    bottom: 24px;
    color: #0084c9;
    position: absolute;
    right: 15px;
}

.where-to-buy-results__result__info__map__link {
    background: url('../images/icon-map-marker.png') right bottom no-repeat;
    padding: 12px 24px 0 5px;
}

.where-to-buy-results__more {
    margin: 15px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .where-to-buy-results__more {
        display: none;
    }
}

.where-to-buy__status {
    color: #ffffff;
}

.gt-three {
    display: none;
}

@media screen and (min-width: 768px) {
    .gt-three {
        display: initial;
    }
}

.pagination {
    color: #002b7f;
    font-family: "gotham_boldregular";
    font-size: 18px;
    padding: 30px 0 0px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .pagination {
        text-align: right;
    }
}

.pagination span,
.pagination a {
    margin: 6px;
}

.pagination a {
    color: #0084c9;
}

.pagination .button {
    color: #ffffff;
    min-width: 0;
}

.pagination__link--current {
    color: #002b7f;
    cursor: default;
    text-decoration: none;
}

.pagination--search {
    text-align: center;
}

.twentytwenty-container {
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .twentytwenty-container {
        max-width: 50%;
    }
}

@media screen and (min-width: 1024px) {
    .twentytwenty-container {
        max-width: 100%;
    }
}

.twentytwenty-overlay {
    display: none;
}

.search {
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 95%, #38b9fd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff38b9fd', GradientType=0);
    padding: 0 0 45px;
}

@media screen and (min-width: 768px) {
    .search {
        background: #ffffff;
        background: linear-gradient(to bottom, #ffffff 90%, #38b9fd 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff38b9fd', GradientType=0);
        padding: 0 0 145px;
    }
}

.search__results {
    margin: 20px 0 0;
}

    .search__results .container {
        max-width: 630px;
    }

.search__result {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 16px;
    padding: 25px 15px;
}

@media screen and (min-width: 768px) {
    .search__result {
        padding: 25px 30px;
    }
}

.search__result:last-child {
    border: 0;
}

.search__result a {
    color: #0084c9;
    text-decoration: none;
}

.search__result__title {
    display: block;
    font-family: "gotham_boldregular";
}

.search__result__url {
    display: block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.search__result__info {
    margin: 25px 0 0;
}

.search__result__read-more {
    display: block;
}

.search-bar {
    background: #0084c9;
    color: #ffffff;
    font-size: 14px;
    padding: 30px 25px;
}

    .search-bar .container {
        max-width: 570px;
    }

.search-bar__input-wrapper {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 2px #9f9f9f inset;
    position: relative;
}

@media screen and (min-width: 768px) {
    .search-bar__input-wrapper {
        display: inline-block;
        width: 410px;
    }
}

.search-bar .input {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.search-bar .input--text {
    color: #5d5968;
    font-size: 17px;
    font-style: italic;
    padding-right: 35px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .search-bar .input--text {
        padding: 10px 35px 10px 15px;
    }
}

.search-bar .input--button {
    position: absolute;
    right: 2px;
    top: 2px;
}

.search-bar__count {
    margin: 5px 0 0;
}

@media screen and (min-width: 768px) {
    .search-bar__count {
        display: inline-block;
        margin: 0 0 0 15px;
    }
}

.header--mobile .search-bar {
    background: #0084c9;
    padding: 5px;
}

.header--desktop .search-bar {
    background: none;
    float: right;
    text-align: right;
    width: 280px;
}

.search-bar__input {
    border: 0;
    color: #002b7f;
    padding: 9px 5px;
    vertical-align: middle;
    width: 86%;
}

@media screen and (min-width: 768px) {
    .search-bar__input {
        padding: 8px 15px;
        width: 75%;
    }
}

.search-bar__button {
    background-image: url('../images/icon-search.png');
    background-position: center center;
    background-repeat: no-repeat;
    -ms-background-size: 15px 15px;
    background-size: 15px 15px;
    cursor: pointer;
    padding: 0;
    height: 32px;
    vertical-align: middle;
    width: 32px;
}

@media screen and (min-width: 768px) {
    .search-bar__button {
        height: 32px;
        width: 35px;
    }
}

.error {
    font-size: 16px;
    padding: 50px 0 75px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .error {
        font-size: 26px;
        padding: 110px 0 125px;
    }
}

.error p {
    margin: 16px 0;
}

.error h2 {
    font-family: "gotham_mediumregular";
    font-size: 25px;
    margin: 25px 0 0;
}

@media screen and (min-width: 768px) {
    .error h2 {
        font-size: 50px;
        margin: 50px 0 0;
    }
}

.error img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.under-home-carousel {
    border-top: none;
}

.twentytwenty-handle {
    background-image: url('../images/slider-blue.png');
    background-size: cover;
    border: 1px solid #0084c9;
    border-radius: 5px;
    height: 63px;
    margin-left: -9px;
    width: 19px;
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    background: #0084c9;
    box-shadow: 0 -3px 0 #0084c9, 0px 0px 12px rgba(51, 51, 51, 0.5);
    margin-top: 36px;
    width: 2px;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    background: #0084c9;
    box-shadow: 0 3px 0 #0084c9, 0px 0px 12px rgba(51, 51, 51, 0.5);
    margin-bottom: 32px;
    width: 2px;
}

.twentytwenty-left-arrow {
    border-right: 6px solid #0084c9;
    margin-left: -25px;
}

.twentytwenty-right-arrow {
    border-left: 6px solid #0084c9;
    margin-right: -25px;
}

.product-reviews__sort-bar {
    background: #eaeaea;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    padding: 15px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .product-reviews__sort-bar {
        font-size: 18px;
    }
}

.product-reviews__sort-bar__count {
    font-size: 12px;
    margin: 0 20px 15px;
}

@media screen and (min-width: 768px) {
    .product-reviews__sort-bar__count {
        display: inline-block;
        font-size: 18px;
        margin: 0 40px;
    }
}

.product-reviews__sort-bar__input-label {
    display: inline-block;
    margin-right: 10px;
    text-align: right;
}

.header {
    *zoom: 1;
    position: relative;
    z-index: 5;
}

    .header:before,
    .header:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .header:after {
        clear: both;
    }

.header--mobile .header__logo {
    left: 0;
    margin: -5px 0 0 -10px;
    position: absolute;
    top: 0;
    width: 95px;
}

.header__menu {
    color: #ffffff;
    font-family: "gotham_boldregular";
    font-size: 12px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}

.mobile-menu-open .header__menu {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    color: #0084c9 !important;
}

.mobile-menu-open .new-header .header__menu {
    color: #fff !important;
}

.header__menu:after {
    background: url('../images/icon-menu.png') center center no-repeat;
    -ms-background-size: 32.5px 27px;
    background-size: 32.5px 27px;
    content: "";
    display: inline-block;
    height: 27px;
    margin-left: 12px;
    vertical-align: middle;
    width: 32.5px;
}

.mobile-menu-open .header__menu:after {
    background: url('../images/icon-menu-close.png') center center no-repeat;
    -ms-background-size: 29.5px 29px;
    background-size: 29.5px 29px;
    height: 29px;
    width: 29.5px;
}

.header--mobile {
    display: block;
    background: #0084c9;
}

@media screen and (min-width: 768px) {
    .header--mobile {
        display: none;
    }
}

.header--mobile .header__container {
    *zoom: 1;
    height: 50px;
    position: relative;
}

    .header--mobile .header__container:before,
    .header--mobile .header__container:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .header--mobile .header__container:after {
        clear: both;
    }

.header--mobile .header__nav {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    display: none;
    left: 0;
    margin-top: -2px;
    padding: 10px 10px 18px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 5;
}

.mobile-menu-open .header--mobile .header__nav {
    display: block;
}

.header--mobile .header__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header--mobile .header__links__link {
    background: #0084c9;
    margin-top: 8px;
}

    .header--mobile .header__links__link a {
        box-sizing: border-box;
        color: #ffffff;
        display: inline-block;
        font-family: "gotham_boldregular";
        font-size: 12px;
        padding: 12px 10px 15px;
        text-decoration: none;
        text-transform: uppercase;
        width: calc(100% - 30px);
    }

.header--mobile .header__links__link--dropdown.child-nav-open .product-dropdown-menu-wrapper {
    display: block;
}

.header--mobile .header__links__link--external {
    background-image: url('../images/icon-external-link.png');
    background-position: right 10px top 10px;
    background-repeat: no-repeat;
    -ms-background-size: 21.5px 17.5px;
    background-size: 21.5px 17.5px;
}

.header--mobile .product-dropdown-menu-wrapper {
    background: #0084c9;
    display: none;
    padding: 0px 10px 15px;
}

.header--mobile .product-dropdown-menu__item--button {
    text-align: center;
}

.header--mobile .header__social {
    margin-top: 8px;
}

    .header--mobile .header__social a {
        display: inline-block;
        margin-right: 8px;
    }

.header--desktop {
    display: none;
}

@media screen and (min-width: 768px) {
    .header--desktop {
        display: block;
    }
}

.header--desktop .header__top-bar {
    *zoom: 1;
    background: #0084c9;
    background: linear-gradient(to bottom, #0084c9 0%, #38b9fd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0084c9', endColorstr='#ff38b9fd', GradientType=0);
    height: 65px;
    padding: 10px 0;
}

    .header--desktop .header__top-bar:before,
    .header--desktop .header__top-bar:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .header--desktop .header__top-bar:after {
        clear: both;
    }

.header--desktop .header__top-bar__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header--desktop .header__top-bar__links {
    list-style: none;
    margin: 0px;
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "gotham_boldregular";
    font-size: 12px;
    text-align: right;
}

.header--desktop .header__top-bar__links__link {
    display: inline-block;
    vertical-align: middle;
}

.header--desktop .header__top-bar__links__link--join-us a {
    background: url('../images/icon-email.png') right center no-repeat;
    padding: 3px 30px 3px 0;
}

.header--desktop .header__top-bar__links__link--social img {
    height: 21px;
    padding-top: 3px;
}

.header--desktop .header__top-bar__links a {
    color: #ffffff;
    display: inline-block;
    margin: 0 4px;
    text-decoration: none;
}

.header--desktop .header__nav-bar {
    background: #0084c9;
    border-bottom: 1px solid #0084c9;
    height: auto;
}

    .header--desktop .header__nav-bar .container {
        position: relative;
    }

.header--desktop .header__logo {
    display: inline-block;
    left: 0;
    margin: -30px 0 0 -30px;
    position: absolute;
    top: 0;
    width: 180px;
}

@media screen and (min-width: 1024px) {
    .header--desktop .header__logo {
        margin: -75px 0 0 -45px;
        width: auto;
    }
}

.header--desktop .header__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    margin-left: 135px;
}

@media screen and (min-width: 1024px) {
    .header--desktop .header__links {
        margin-left: 190px;
    }
}

.header--desktop .header__links__link {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ffffff;
    display: table-cell;
    height: auto;
    min-width: 80px;
    text-align: center;
    vertical-align: middle;
}

    .header--desktop .header__links__link a {
        color: #ffffff;
        display: block;
        font-family: "gotham_boldregular";
        font-size: 11px;
        padding: 25px 8px 26px;
        text-decoration: none;
        text-transform: uppercase;
    }

@media screen and (min-width: 1024px) {
    .header--desktop .header__links__link a {
        font-size: 14px;
        padding: 21px 8px 22px;
    }
}

.header--desktop .header__links__link.top-bar-link-hover {
    background-color: #ffffff;
}

    .header--desktop .header__links__link.top-bar-link-hover a {
        color: #002b7f;
    }

.header--desktop .header__links__link--dropdown {
    background-image: url('../images/icon-arrow-down-white.png');
    background-position: center bottom 10px;
    background-repeat: no-repeat;
}


    .header--desktop .header__links__link--dropdown.child-nav-open {
        background-color: #ffffff;
        background-image: url('../images/icon-arrow-down-blue-small.png');
    }

        .header--desktop .header__links__link--dropdown.child-nav-open a {
            color: #002b7f;
        }

            .header--desktop .header__links__link--dropdown.child-nav-open a.button {
                color: #ffffff;
            }

        .header--desktop .header__links__link--dropdown.child-nav-open .product-dropdown-menu {
            display: block;
        }

.header--desktop .product-dropdown-menu {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
}

.header .product-dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu {
        border: 1px solid #9f9f9f;
        box-shadow: 0 10px 25px #9f9f9f;
        margin: 0;
    }
}

.header .product-dropdown-menu__item {
    border-bottom: 1px solid #9f9f9f;
    font-family: "gotham_mediumregular";
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu__item {
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        display: inline-block;
        padding: 0;
        text-align: center;
        vertical-align: top;
        width: 19.5%;
    }

    .header .product-dropdown-menu__item--button {
        margin: 80px 0;
        text-align: right;
        width: 19%;
    }
}

.header .product-dropdown-menu__item a {
    color: #002b7f;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    text-transform: none;
    width: auto;
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu__item a {
        padding: 20px 10px;
    }
}

.header .product-dropdown-menu__item a.button {
    color: #ffffff;
    display: inline-block;
    min-width: 0;
    padding: 15px;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu__item a.button {
        width: 135px;
    }
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu__item__image-wrapper {
        display: table;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu__item__image-wrapper__inner {
        display: table-cell;
        height: 135px;
        vertical-align: bottom;
    }
}

.header .product-dropdown-menu__item__image {
    display: none;
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu__item__image {
        display: inline-block;
        max-height: 100%;
    }
}

.header .product-dropdown-menu__item__title {
    display: block;
}

@media screen and (min-width: 768px) {
    .header .product-dropdown-menu__item__title {
        margin-top: 15px;
    }
}

.header .join-now {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;
    height: 0;
    transition: all .3s linear;
    overflow: hidden;
    visibility: hidden;
    top: 0;
}

.header .join-now__inner {
    height: 790px;
}

@media screen and (min-width: 768px) {
    .header .join-now__inner {
        height: 600px;
    }
}

.header .join-now__gradient {
    display: none;
    background: #0084c9;
    background: linear-gradient(to bottom, #0084c9 0%, #38b9fd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0084c9', endColorstr='#ff38b9fd', GradientType=0);
    height: 90px;
}

@media screen and (min-width: 768px) {
    .header .join-now__gradient {
        display: block;
    }
}

.join-now-open .header .join-now {
    height: 880px;
    overflow: hidden;
    visibility: visible;
}

@media screen and (min-width: 768px) {
    .join-now-open .header .join-now {
        height: 690px;
    }
}

@media only screen and (max-width: 480px) {
    .join-now-open .header .join-now iframe {
        height: 100%;
    }
}

.header .join-now__modal {
    background: #ffffff;
    border: 1px solid #9f9f9f;
    box-shadow: 0 0 15px #9f9f9f;
    box-sizing: border-box;
    font-size: 12px;
    margin: 30px auto;
    padding: 12px;
    position: relative;
    text-align: center;
    width: 315px;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal {
        margin: 25px auto;
        padding: 15px;
        text-align: left;
        width: 732px;
    }
}

@media only screen and (max-width: 480px) {
    .header .join-now__modal {
        height: 100%;
    }
}

.header .join-now__modal__close {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 25px;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal__close {
        right: 10px;
        top: 10px;
        width: 35px;
    }
}

.header .join-now__modal__image {
    display: none;
    margin: 20px 0 0 40px;
    position: absolute;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal__image {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .header .join-now__modal__content {
        margin: 0 0 0 316px;
    }
}

.header .join-now__modal h2 {
    font-family: "gotham_mediumregular";
    font-size: 20px;
    margin: 6px 0 0;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal h2 {
        font-size: 25px;
    }
}

.header .join-now__modal p {
    margin: 10px 0;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal p {
        margin: 10px 60px 10px 0;
    }
}

@media screen and (min-width: 768px) {
    .header .join-now__modal form {
        margin: 0 60px 0 0;
    }
}

.header .join-now__modal__disclaimer,
.header .join-now__modal .form__field--checkbox label,
.header .join-now__modal .form__field__required {
    font-size: 12px;
}

.header .join-now__modal__disclaimer {
    margin: 20px 0 0;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal__disclaimer {
        margin: 15px -10px 0 0;
    }
}

.header .join-now__modal .form__field {
    margin: 10px 0;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal .form__field {
        margin: 15px 0;
    }
}

.header .join-now__modal .form__field--email-address {
    margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal .form__field--email-address {
        margin: 0;
        float: left;
        width: 200px;
    }
}

.header .join-now__modal .form__field--zip-code {
    margin: 10px 0 0;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal .form__field--zip-code {
        margin: 0;
        float: right;
        width: 100px;
    }
}

.header .join-now__modal .form__field--checkbox {
    margin: 10px 0;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal .form__field--checkbox {
        margin: 15px 0;
    }
}

.header .join-now__modal .form__field--checkbox label {
    color: #002b7f;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal .form__field--center {
        text-align: left;
    }
}

.header .join-now__modal .form__field__required {
    display: block;
    margin: 10px 0 0;
}

@media screen and (min-width: 768px) {
    .header .join-now__modal .form__field__required {
        display: inline-block;
        margin: 0 0 0 10px;
    }
}

.header .dropdown-button {
    display: block;
    background: none;
    border: none;
    cursor: pointer;
    float: right;
    padding: 12px 10px 0 0;
}

@media screen and (min-width: 768px) {
    .header .dropdown-button {
        display: none;
    }
}

.header .dropdown-button .dropdown-image {
    width: 6px;
}

.header .search-bar {
    padding: 5px;
}

@media screen and (min-width: 768px) {
    .header .search-bar {
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0;
    }
}

.header .search-bar .container {
    padding: 0;
}

.header .search-bar__input-wrapper {
    background: none;
    box-shadow: none;
}

@media screen and (min-width: 768px) {
    .header .search-bar__input-wrapper {
        width: 280px;
    }
}

.header .search-bar__input {
    background: #ffffff;
    border-color: #d5ecf8;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-radius: 5px;
    box-shadow: -1px -1px 2px #9f9f9f inset;
    color: #002b7f;
    display: inline-block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    font-style: normal;
    margin: 0 4px 0 0;
    padding: 9px 5px;
    vertical-align: middle;
    width: 86%;
}


@media screen and (min-width: 768px) {
    .header .search-bar__input {
        border-width: 0;
        font-size: 14px;
        padding: 8px 15px;
        width: 75%;
    }
}

.header .search-bar__button {
    border-color: #d5ecf8;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-radius: 5px;
    box-shadow: -1px -1px 2px #9f9f9f inset;
    background-color: #ffffff;
    background-image: url('../images/icon-search.png');
    background-position: center center;
    background-repeat: no-repeat;
    -ms-background-size: 15px 15px;
    background-size: 15px 15px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    position: static;
    height: 32px;
    vertical-align: middle;
    width: 32px;
}

@media screen and (min-width: 768px) {
    .header .search-bar__button {
        height: 32px;
        width: 35px;
    }
}

.footer {
    background: #0084c9;
    color: #ffffff;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .footer {
        bottom: 0;
        left: 0;
        position: absolute;
        padding: 35px 0 25px;
        right: 0;
    }
}

.footer__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer__links__link {
    display: inline-block;
    margin: 0 8px 10px;
    vertical-align: top;
}

@media screen and (min-width: 768px) {
    .footer__links__link {
        margin: 0 15px 25px;
    }
}

@media screen and (min-width: 1024px) {
    .footer__links__link {
        margin: 0 20px 25px;
    }
}

.footer__copyright {
    margin: 15px 0 0;
}

@media screen and (min-width: 768px) {
    .footer__copyright {
        margin: 0;
    }
}

/* new css of header */

.new-button:after {
    -ms-background-size: 6px 13px;
    background-size: 40px 40px;
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 13px;
    margin-left: 10px;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 767px) {
    .new-button:after {
        content: none;
    }
}

.new-button--solid:after {
    background-image: url('../images/icons8-next-page-96.png');
}

.new-header--mobile .new-search-bar {
    background: #fff;
    padding: 5px;
}

.new-header--mobile .new-header__nav {
    background: #fff !important;
    padding: 0;
    display: none;
    margin-top: -2px;
    z-index: 5;
}

.new-header--mobile .new-header__links__link {
    background: #fff;
    margin-top: 8px;
}

    .new-header--mobile .new-header__links__link a {
        box-sizing: border-box;
        color: #011c58;
        display: inline-block;
        font-family: "gotham_boldregular";
        font-size: 18px;
        padding: 10px 0px 10px 25px;
        text-decoration: none;
        text-transform: capitalize;
        width: auto;
    }

.new-header--mobile .new-product-dropdown-menu-wrapper {
    background: #2cabe2;
    display: none;
    padding: 0px 10px 0px 8px;
}

.new-header--mobile .new-product-dropdown-menu__item--button {
    text-align: left;
}

.new-header--desktop .new-header__top-bar {
    height: 120px;
    *zoom: 1;
    background: #0084c9;
    background: linear-gradient(150deg, #005fc8, #012c8b);
    /*background: linear-gradient(to bottom, #0084c9 0%, #38b9fd 100%);*/
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0084c9', endColorstr='#ff38b9fd', GradientType=0);
    padding: 10px 0;
}

.new-header--desktop .new-header__top-bar__container {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 5px 50px 10px 0px;
    -ms-flex-pack: end;
    /*justify-content: flex-end;*/
}

.new-header--desktop .new-header__top-bar__links {
    list-style: none;
    margin: 0px 0px 20px 0px;
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "gotham_boldregular";
    font-size: 12px;
    text-align: right;
}

.new-header--desktop .new-header__top-bar__links__link {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 12px;
}

.new-header--desktop .new-header__nav-bar {
    background: #012169;
    border-bottom: 1px solid #012169;
    height: auto;
}

.new-header--desktop .new-header__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*flex-wrap: wrap;
  display: table;*/
    margin-left: 135px;
}

.new-header--desktop .new-header__links__link {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-right: none;
    display: table-cell;
    height: auto;
    min-width: 80px;
    max-width: 135px;
    text-align: center;
    vertical-align: middle;
    margin: 0px 4%;
}

    .new-header--desktop .new-header__links__link:nth-child(n+4) a {
        display: block;
        font-family: "gotham_boldregular";
        font-size: 13px !important;
        padding: 25px 8px 26px;
        text-decoration: none;
        text-transform: capitalize;
    }

    .new-header--desktop .new-header__links__link a {
        display: none;
    }

@media screen and (min-width: 1024px) {
    .new-header--desktop .new-header__links__link:nth-child(n+4) a {
        font-size: 14px;
        padding: 21px 8px 22px;
    }
}

.new-header--desktop .new-header__links__link--dropdown:nth-child(n+4) {
    /*background-image: url('../images/icon-arrow-down-white.png');*/
    background-position: center bottom 10px;
    background-repeat: no-repeat;
}

.new-header--desktop .new-header__links__link--dropdown:nth-child(-n+3) {
    display: none;
}

.new-header--mobile .new-header__links__link--dropdown:nth-child(-n+3) {
    display: none;
}

.new-header--desktop .new-header__links__link--dropdown.child-nav-open:nth-child(n+4) {
    background-color: #ffffff;
    background-image: url('../images/icon-arrow-down-blue-small.png');
}

    .new-header--desktop .new-header__links__link--dropdown.child-nav-open:nth-child(n+4) a {
        color: #002b7f;
    }

        .new-header--desktop .new-header__links__link--dropdown.child-nav-open:nth-child(n+4) a.button {
            color: #2dade3 !important;
            background: transparent;
            border: 1px solid transparent;
            font-size: 16px !important;
        }

.new-header .new-product-dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff !important;
    /*background: #ffffff url('../images/bg-diag-stripe.png') left top repeat;*/
    text-align: left;
    width: 90%;
    margin: 0 auto !important;
    border-radius: 0 0 25px 25px;
    border: 1px solid transparent !important;
}

@media only screen and (max-width: 767px) {
    .new-header .new-product-dropdown-menu {
        width: 100%;
        border: none !important;
        border-radius: 0;
        background: #2cabe2 !important;
    }
}

@media only screen and (max-width: 767px) {
    .new-header .new-product-dropdown-menu__item {
        border-bottom: none;
        padding: 0px;
    }
}

@media screen and (max-width: 767px) {
    .new-header .new-product-dropdown-menu__item a {
        color: #fff;
        text-transform: capitalize;
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .new-header .new-product-dropdown-menu__item a.button {
        padding: 10px 0px 15px 25px;
        /* text-transform: none; */
        background: #2cabe2;
        text-transform: capitalize;
        border: none;
    }
}

@media screen and (min-width: 768px) {
    .new-header .new-product-dropdown-menu__item a.button {
        width: 200px;
        padding-left: 0px;
    }
}

.new-header .new-dropdown-button {
    display: inline-block;
    background: none;
    border: none;
    cursor: pointer;
    float: none;
    padding: 12px 10px 0 0;
}

@media screen and (min-width: 768px) {
    .new-header .new-dropdown-button {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .new-header .new-search-bar {
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0;
        margin-right: 75px;
    }
}

@media screen and (max-width: 767px) {
    .new-header .new-search-bar__input-wrapper {
        text-align: center;
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .new-header .new-search-bar__input-wrapper {
        width: 335px;
    }
}

.new-header .new-search-bar__input {
    background: #4975b3;
    border-color: #d5ecf8;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-radius: 12px;
    /*box-shadow: -1px -1px 2px #9f9f9f inset;*/
    color: #002b7f;
    display: inline-block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    font-style: normal;
    margin: 0 4px 0 0;
    padding: 9px 5px;
    vertical-align: middle;
    width: 86%;
}

@media only screen and (max-width: 767px) {
    .new-header .new-search-bar__input {
        background: #f3f3f3;
        width: 80%;
        border: 1px solid transparent;
        box-shadow: none;
    }

        .new-header .new-search-bar__input::placeholder {
            color: #002b7f !important;
            font-size: 13px;
            padding: 0px 10px;
        }
}

.new-header .new-search-bar__input::-webkit-input-placeholder {
    color: #fff;
}

.new-header .new-search-bar__input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.new-header .new-search-bar__input:-ms-input-placeholder {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .new-header .new-search-bar__input {
        border-width: 0;
        font-size: 14px;
        padding: 8px 33px 8px 15px;
        width: 100%;
        margin-right: -35px;
        color: #fff;
    }
}

.new-header .new-search-bar__button {
    /*border-color: #d5ecf8;
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-radius: 5px;
  box-shadow: -1px -1px 2px #9f9f9f inset;*/
    background-color: transparent;
    background-image: url('../images/icon-search-white.png');
    background-position: center center;
    background-repeat: no-repeat;
    -ms-background-size: 15px 15px;
    border: none;
    box-shadow: none;
    background-size: 15px 15px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    position: static;
    height: 32px;
    vertical-align: middle;
    width: 32px;
}

.new-header--desktop .new-header__logo {
    left: 60px !important;
    top: -50px !important;
}

.new-header--mobile {
    background: linear-gradient(150deg, #005fc8, #012c8b) !important;
}



/* footer */



footer {
    background-color: #022169;
    color: #fff;
}

.footer-container-grid {
    display: grid;
    grid-template-columns: 20% 50% 30%;
    background-color: #022169;
}

.footer-copyright {
    background-color: #022169;
}

.left-column {
    position: relative;
}

    .left-column img {
        width: 150px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

@media (max-width: 767px) {
    .left-column img {
        width: 100px;
    }
}

.Center-column {
    margin: 20px;
}

.Center-column-list,
.right-column-list {
    list-style: none;
}

    .Center-column-list::after {
        display: block;
        height: 2px;
        background-color: #545472;
        content: "";
        width: 80%;
        margin: 0 auto;
        margin-top: 20px;
    }

.Center-column li {
    margin: 20px 0;
}

.Center-column-list a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

.right-column {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.right-column-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.right-column-container-text {
    margin-bottom: 10px;
}

    .right-column-container-text span {
        text-transform: uppercase;
        font-weight: 600;
    }

.right-column-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    min-width: 325px;
    align-items: center;
}

    .right-column-list li {
        margin: 0 8px;
    }

.right-column-img {
    width: 40px;
}

.footer-copyright-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 21%;
    align-items: center;
    font-size: 10px;
    font-weight: 100;
    padding-bottom: 15px;
}

    .footer-copyright-list li,
    .footer-copyright-list-mobile li,
    .footer-copyright-list-mobile-middle li {
        padding: 0 8px;
        line-height: 20px;
    }

    .footer-copyright-list a,
    .footer-copyright-list-mobile a,
    .footer-copyright-list-mobile-middle a {
        text-decoration: none;
        color: #fff;
    }

.footer-copyright-list-mobile {
    list-style: none;
    font-size: 12px;
    font-weight: 100;
    margin-left: -42px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
}

    .footer-copyright-list-mobile li:nth-child(2) {
        margin-left: -42px;
    }

.footer-copyright-list-mobile-middle {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .footer-copyright-mobile {
        display: none;
    }

    .Center-column-list::after {
        display: none;
    }
}

.footer-container {
    background-color: #022169;
    margin-bottom: -159px;
    font-family: "gotham_boldregular";
    color: #fff;
}

@media (max-width: 767px) {
    .footer-container {
        margin-bottom: -15px;
    }

    .Center-column {
        margin: 0 0 20px -42px;
    }

    .footer-container-grid {
        grid-template-rows: .4fr 1fr .5fr;
        grid-template-columns: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-copyright {
        display: none;
    }
}




.contact-us {
    width: 100%;
    text-align: center;
    margin: 45px 0px;
}

.contact-us-link {
    text-decoration: none;
    color: #fff;
    background-color: #2dade3;
    padding: 12px 25%;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.mobile-header-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(150deg, #005fc8, #012c8b);
}

.mobile-header-social-media-list,
.mobile-header-languages-list {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .mobile-header-social-media-list li,
    .mobile-header-languages-list li {
        margin: 0px 40px;
    }

.mobile-header-social-media-link,
.mobile-header-languages-link {
    text-decoration: none;
    color: #fff;
}

.mobile-header-social-media-img {
    width: 40px;
    height: auto;
}

@media only screen and (max-width: 480px) {
    .mobile-header-social-media-list li,
    .mobile-header-languages-list li {
        margin: 0px 20px;
    }
}



@media only screen and (min-width: 768px) {
    .contact-us,
    .mobile-header-bottom {
        display: none;
    }
}

.mobile-header-languages-link a {
    text-decoration: none;
    font-weight: 600;
}

.new-header__menu {
    background: transparent !important;
}

.mobile-header-social-media {
    margin-left: -42px;
    margin-top: 12px;
    ​
}

.mobile-header-languages {
    margin-left: -42px;
    margin-bottom: 15px;
    ​font-family: Futura;
}

@media only screen and (max-width: 948px) {
    .new-header--desktop .new-header__links__link {
        margin: 0px 2%;
    }

    .new-header--desktop .new-header__top-bar__container {
        margin: 5px 0px 10px 0px;
    }

    .new-header--desktop .new-header__top-bar__links__link {
        margin: 0px 2px;
    }
}

.new-product-dropdown-menu__item__title {
    font-size: 15px !important;
}

@media screen and (max-width: 1023px) {
    .header .new-product-dropdown-menu__item {
        /* width: 19% !important; */
    }

    .new-button:after {
        margin-left: 2px !important;
    }

    .new-header--desktop .new-header__links__link--dropdown.child-nav-open:nth-child(n+4) a.button {
        font-size: 13px !important;
    }

    .new-header .new-product-dropdown-menu__item a.button {
        width: 158px !important;
        text-align: left;
    }
}
/*25/06 product_header */
.back_img_item-1 {
    height: 435px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: -1;*/
    background-image: url('../images/GettyImages-1188413021@3x.png');
}

.oxi-container {
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 435px;
    margin-bottom: 125px;
}

.item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-inner-caption {
    max-width: 350px;
}

    .item-inner-caption h1 {
        font-weight: 700;
        color: #012169;
        margin-top: -80px;
    }

.item-inner-img img {
    margin-top: 50px;
    max-width: 536px;
}

.backword-arrow,
.forward-arrow {
    background: none !important;
    opacity: 1 !important;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: "";
}


.forward-arrow-img:before {
    background-image: url('../images/arrow.png');
    /*background-image: url(./images/arrow.png);*/
    background-size: contain;
    display: block;
    height: 40px;
    width: 40px;
    transform: rotateZ(180deg);
}

.backword-arrow-img:before {
    background-image: url('../images/arrow.png');
    /*background-image: url(./images/arrow.png);*/
    background-size: contain;
    display: block;
    height: 40px;
    width: 40px;
    /*transform: rotateZ(180deg);*/
}

.new-carousel-list {
    left: 60% !important;
}

    .new-carousel-list li {
        background-color: #848484;
        margin: 0px 6px;
    }

    .new-carousel-list .active {
        background-color: #012169;
        margin: 0px 6px;
        height: 10px;
        width: 10px;
    }

@media screen and (max-width: 1023px) {
    .backword-arrow-img:after,
    .forward-arrow-img:before {
        visibility: hidden;
    }
}

/*@media screen and (max-width: 767px) {*/
.productHeaderBanner {
    display: flex;
}
/* .item-inner-caption {
        display: none;
    }
*/
.new-carousel-list {
    left: 50% !important;
}

.item-inner-img img {
    margin-top: 50px;
    max-width: 350px;
}

.oxi-container {
    max-height: 300px;
    margin-bottom: 100px;
}

.back_img_item-1 {
    max-height: 300px;
}

.back_img_item-2 {
    max-height: 300px;
}

.back_img_item-3 {
    max-height: 300px;
}

.item-inner-text, .item-inner-image {
    width: 50% !important;
}

.review-stars__count_productbanner {
    color: #012169;
}

.product_detail_banner {
    max-width: 100%;
}

/*01/07/2021*/


.oxi-container {
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 435px;
    margin-bottom: 125px;
}

.item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-inner-caption {
    max-width: 350px;
}

    .item-inner-caption h1 {
        margin-top: -100px;
        font-family: Futura;
        font-size: 46px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.04;
        letter-spacing: -1.61px;
        text-align: left;
        color: #012169;
    }

.item-inner-img img {
    margin-top: 50px;
    max-width: 536px;
    margin-left: 115px;
}

.backword-arrow,
.forward-arrow {
    background: none !important;
    opacity: 1 !important;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: "";
}

.backword-arrow-img:before {
    background-image: url('../images/arrow.png') !important;
    background-size: contain;
    display: block;
    height: 40px;
    width: 40px;
}

.forward-arrow-img:before {
    background-image: url('../images/arrow.png') !important;
    background-size: contain;
    display: block;
    height: 40px;
    width: 40px;
    transform: rotateZ(180deg);
}

.new-carousel-list {
    left: 68% !important;
}

    .new-carousel-list li {
        background-color: #848484;
        margin: 0px 6px;
    }

    .new-carousel-list .active {
        background-color: #012169;
        margin: 0px 6px;
        height: 10px;
        width: 10px;
    }

@media screen and (max-width: 1023px) {
    .backword-arrow-img:before,
    .forward-arrow-img:before {
        visibility: hidden;
    }

    .item-inner-img img {
        margin-left: 0px;
    }

    .back_img_item-1 {
        max-height: 340px;
    }
}

@media screen and (max-width: 767px) {
    .item-inner-caption {
        /* display: none; */
    }

    .new-carousel-list {
        left: 50% !important;
    }

    .item-inner-img img {
        margin-top: 50px;
        max-width: 350px;
        margin-left: 0px;
    }

    .oxi-container {
        max-height: 300px;
        margin-bottom: 100px;
    }

    .back_img_item-1 {
        max-height: 300px;
    }
}
/*new css changes 221*/
.faq-button {
    border-radius: 30px;
    border: solid 3px #2dade3;
    color: #0b57b7;
}

    .faq-button:hover {
        border: solid 3px #0b57b7;
        color: #0b57b7;
        text-decoration: none;
    }

.faq-showmore-button {
    font-family: 'futura-pt-bold';
    border: solid 3px #fff;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.7px;
    text-align: center;
    color: #012169;
}

@media screen and (max-width:767px) {
    .faq-showmore-button {
        font-size: 14px;
    }
}


.faq-showmore-button:after {
    position: absolute;
    display: block;
    left: 97px;
    background-repeat: no-repeat;
    top: 48px;
    background-image: url("../images/icon-arrow-down-darker-blue.png");
}

@media screen and (max-width:767px) {
    .faq-showmore-button:after {
        top: 45px;
    }

    .faq-showmore-button-wrap {
        width: 170px !important;
    }

    .faq-showmore-button:after {
        left: 70px;
    }
}

.faq-showmore-button:hover {
    border: solid 3px #fff;
}

.faq-showmore-button-wrap {
    position: relative;
    width: 219px;
    margin: 0 auto;
}

.faq-product-detail-button {
    font-family: 'futura-pt-bold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.8px;
    text-align: left;
    color: #2dade3;
    padding: 15px 45px;
    text-align: center;
}

    .faq-product-detail-button:after {
        display: none;
    }

.faqs {
    background: #0b57b7;
    /* padding: 15px 0 20px; */
}

@media screen and (min-width: 768px) {
    .faqs .faq__question, .faqs .faq__answer {
        background-color: #2dade3;
        color: #fff;
        border-radius: 10px;
    }

    .faqs .faq {
        background: none;
        border: none;
    }
}

.oxi-container {
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 435px;
    margin-bottom: 125px;
}

.item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-inner-caption {
    max-width: 400px;
}

    .item-inner-caption h1 {
        font-weight: 700;
        color: #012169;
        margin-top: -80px;
    }

.item-inner-img img {
    margin-top: 50px;
    max-width: 536px;
}

.backword-arrow,
.forward-arrow {
    background: none !important;
    opacity: 1 !important;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: "";
}

.backword-arrow-img:before,
.forward-arrow-img:before {
    background-image: url(./images/arrow.png);
    background-size: contain;
    display: block;
    height: 54px;
    width: 54px;
}

.new-carousel-list {
    left: 58% !important;
}

    .new-carousel-list li {
        background-color: #848484 !important;
        margin: 0px 6px;
    }

    .new-carousel-list .active {
        background-color: #012169 !important;
        margin: 0px 6px;
        height: 10px;
        width: 10px;
    }

@media screen and (max-width: 1023px) {
    .backword-arrow-img:before,
    .forward-arrow-img:before {
        visibility: hidden;
    }
}

@media screen and (max-width: 767px) {
    .faqs .faq.active .faq__question {
        border-radius: 10px;
        background-color: #2dade3;
    }

    .faqs .faq {
        border-radius: 10px;
    }

    .faq-button {
        min-width: 326px;
        padding: 10px 15px;
        margin-bottom: 27px;
        margin-top: 12px;
    }

    .faqs h2 {
        margin-top: 18px;
    }

    .carousel {
        margin-top: -31px;
    }

        .carousel.carousel--home-reviews, .carousel.carousel--category-how-to-use {
            margin-top: 0;
        }

    .related-product__title {
        font-size: 14px;
        font-weight: bold;
        color: #012169 !important;
    }

    .item-inner-caption {
        /* display: none; */
    }

    .item-inner {
        flex-direction: column;
    }

    .carousel-indicators {
        bottom: -45px !important;
    }

    .new-carousel-list {
        left: 50% !important;
    }

    .item-inner-img img {
        margin-top: 50px;
        max-width: 350px;
    }

    .oxi-container {
        max-height: 300px;
        margin-bottom: 100px;
    }

    .back_img_item-1 {
        max-height: 300px;
    }

    .back_img_item-2 {
        max-height: 300px;
    }

    .back_img_item-3 {
        max-height: 300px;
    }
}

.related-product__image-wrapper {
    /* background: url('../images/bg-product-bubbles.png') left top no-repeat; */
    /* -ms-background-size: contain; */
    background-size: contain;
    display: table;
    height: 180px;
    margin: 0 auto 20px;
    width: 180px;
}

.related-products {
    /* background: #ffffff url('../images/bg-diag-stripe.png') left top repeat; */
}

.product-header .banner-cont {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.product-header_banner {
    width: auto;
    float: none;
}

.product-header .banner-cont .product_detail_banner {
    max-height: 329px
}

@media screen and (min-width: 768px) {
    .related-products h2 {
        font-family: "gotham_mediumregular";
        font-size: 35px;
        margin: 35px 0;
        color: #012169 !important;
    }
}

@media screen and (min-width: 768px) {
    .related-product__title {
        font-size: 18px;
        margin: 0 0 auto;
        color: #012169 !important;
    }

    .carousel-inner .item-inner-img {
        width: 44%;
    }

    .item-inner-img .related-product__image-wrapper {
        float: left;
    }
}

.review-stars__count {
    color: #012169;
    display: inline-block;
    font-family: "gotham_mediumregular";
    font-size: 12px;
    margin: 5px 0 0;
    vertical-align: middle;
}

.footer__links .footer__links__link a {
    color: #fff;
}

.glyphicon-chevron-left:before {
    content: "" !important;
}

.glyphicon-chevron-right:before {
    content: "" !important;
}


/*02/07/2021 CDms-218 */

.product-anchor-bar__links .product-anchor-bar__links__link a {
    color: #ffffff !important;
}

.product-header_banner .caraousel_para > p:first-child {
    margin-top: 101px;
}

.product-header_banner .caraousel_para > p {
    text-align: initial;
}

.product-header_banner .caraousel_para ul {
    text-align: initial;
}

.product-header .banner-cont .product_detail_banner {
    max-height: 223px;
}

#prodFaqs .faq .faq__question, .prodFaqsNew .faq .faq__question {
    background: url('../images/faq-plus.svg') right 15px center no-repeat;
}

#prodFaqs .faq.active .faq__question, .prodFaqsNew .faq.active .faq__question {
    background: url('../images/faq-minus.svg') right 15px center no-repeat;
    background-color: #2dade3;
    color: #ffffff;
    border-radius: 10px;
}

/* Mobile banner changes start */


@media screen and (max-width: 767px) {
    .main-content .product-header .oxi-container {
        margin-bottom: 0px;
        max-height: 100%;
    }

    .main-content .product-header #mypProductCarousel {
        display: flex;
        flex-direction: column;
    }

        .main-content .product-header #mypProductCarousel .carousel-indicators {
            order: 1;
            /* margin-top: 20px; */
            margin: auto;
            margin-top: 20px;
            position: relative;
            left: 0 !important;
            bottom: 0px !important;
            width: auto;
            text-align: center;
            z-index: auto;
        }

        .main-content .product-header #mypProductCarousel .item-inner {
            order: 1;
            margin-top: 117px;
            margin-left: 12px;
        }

        .main-content .product-header #mypProductCarousel .carousel-inner {
            width: 100% !important;
        }

            .main-content .product-header #mypProductCarousel .carousel-inner .item {
                left: 4%;
            }

        .main-content .product-header #mypProductCarousel .item-inner h1 {
            font-size: 34px;
        }

    .product-header.product-header-background {
        background: #ffffff;
    }

    .product_detail_banner .back_img_item-1 {
        margin-top: -35px;
    }

    .product-header_banner .caraousel_para > p {
        margin-top: 30px;
        text-align: initial;
    }
}

/* Mobile banner changes ends */


/* Desktop banner changes start */

@media screen and (min-width: 768px) {

    .carousel-inner.item-inner-image {
        margin-top: 21px;
    }

    #mypProductCarousel .item-inner-image img {
        height: 329px;
        margin-left: 10%;
    }

    .main-content .product-header {
        padding: 0;
        background: #ffffff;
    }

        .main-content .product-header .product_detail_banner {
            width: 100%;
            max-width: 100%;
        }

        .main-content .product-header #mypProductCarousel .forward-arrow {
            left: 0 !important
        }

        .main-content .product-header #mypProductCarousel .backword-arrow {
            right: 0 !important
        }

        .main-content .product-header #mypProductCarousel .carousel-indicators {
            bottom: -35px;
            width: 75%
        }

        .main-content .product-header .carousel-control {
            bottom: -220px;
            z-index: 0;
        }
}

/* Desktop banner changes start */

/* Below banner changes start  */
.related-products {
    background: none !important
}

#myCarousel2 .item-inner .item-inner-img .related-product__image-wrapper {
    background: none;
}

/* css for desktop starts */

@media screen and (min-width: 768px) {
    .related-products .carousel-wrapper--related-products .carousel--related-products {
        display: block;
    }

    #myCarousel2 .carousel-indicators {
        bottom: -70px;
        width: 43%;
    }

    #prodFaqs .faq__answer, .prodFaqsNew .faq__answer {
        background-color: #ffffff;
        color: #0c0c0c;
        border-radius: 10px;
    }
}

/* css for desktop ends */

/* mobile css starts */
@media screen and (max-width: 767px) {
    #prodFaqs .faq .faq__question, .prodFaqsNew .faq .faq__question {
        background-size: 26px;
    }

    .faqs .faq.active .faq__question {
        background-size: 26px;
    }

    #myCarousel2 .item-inner .item-inner-img .related-product__image-wrapper {
        text-align: center;
    }

    #myCarousel2 .item-inner .item-inner-img img {
        margin-top: 50px;
    }

    #myCarousel2 .carousel-inner .item-inner-caption {
        text-align: left;
    }

    #prodFaqs .faq .faq__question, .prodFaqsNew .faq .faq__question {
        background-color: #2dade3;
        color: #ffffff;
        border-radius: 10px;
    }

    #prodFaqs .faq, .prodFaqsNew .faq {
        border: none;
        background: no-repeat;
    }

    .related-products .carousel-wrapper.carousel-wrapper--related-products {
        width: 320px
    }

    #prodFaqs.faqs h2, .prodFaqsNew.faqs h2 {
        font-size: 30px;
    }

    .related-products h2 {
        color: #012169;
        font-size: 16px;
    }
}

/* mobile css ends */
#prodFaqs .faq__answer, .prodFaqsNew .faq__answer {
    background-color: #ffffff;
    color: #0c0c0c;
    padding: 20px;
    position: relative;
    bottom: 5px;
    border-radius: initial;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#prodFaqs .faq .faq__question, .prodFaqsNew .faq .faq__question {
    background-color: #2dade3;
    color: #ffffff;
    border-radius: 10px;
}
/* Below banner changes ends */

/* cdms-219 */
.stainRemover-info__text__title {
    font-family: "gotham_boldregular";
    font-size: 18px;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.04;
    letter-spacing: -1.44px;
    text-align: left;
    color: #012169;
    width: 415px;
}

.stainRemoverLeftBlock {
    display: flex;
}

.stainRemoverLeftBlockText {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #747474;
    margin: auto;
    width: 232px;
}

img.stainRemoverRightBlockImage {
    width: 100%;
    height: auto;
}

.buttonContainer button {
    margin: 0 0 0 1px;
    object-fit: contain;
    border-radius: 24px;
    border: solid 3px #2dade3;
    background-color: #2dade3;
    background-color: #fff;
    color: #2dade3;
    cursor: pointer;
    width: 312px;
    height: 47px;
}

.buttonContainer {
    display: inline-block;
    text-align: center;
    margin-top: 50px;
}

@media screen and (min-width: 768px) {
    .stainRemover-info__text {
        padding: 30px 10px;
    }

    .stainRemover-info__text__title {
        font-family: "gotham_mediumregular";
        font-size: 35px;
        text-align: left;
    }
}

@media screen and (min-width: 1024px) {
    .stainRemover-info__text {
        float: left;
        width: 50%;
    }

    .stainRemover__image {
        float: right;
        width: 50%;
    }
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .stainRemoverContainer.container {
        display: flex;
        flex-direction: column-reverse;
    }
    /*.stainRemover-info__text{
        order: 3;
    }
    .stainRemover__image{
        order: 2;
    }*/
    .buttonContainer {
        display: grid;
    }

    .couponButton {
        margin-top: 30px;
    }
}
/*end cdms-219*/

/*stain remover container css starts*/
@media screen and (min-width: 768px) {
   /* #prodInfo {
        background: none;
    }*/

        #prodInfo .stainRemoverContainer {
            width: 100%;
            max-width: 100%;
            padding-right: 0;
            padding-left: 0;
            margin-top: 140px;
        }

            #prodInfo .stainRemoverContainer .stainRemover-info__text {
                margin-top: 86px;
            }

                #prodInfo .stainRemoverContainer .stainRemover-info__text .stainRemoverLeftBlock {
                    margin-left: 120px;
                    margin-bottom: 60px;
                }

                    #prodInfo .stainRemoverContainer .stainRemover-info__text .stainRemoverLeftBlock .stainRemoverLeftBlockText {
                        margin-left: 30px;
                    }

            #prodInfo .stainRemoverContainer .stainRemover__image {
                margin-top: 86px;
            }

        #prodInfo .buttonContainer {
            width: 100%;
            max-width: 100%;
            margin-bottom: 210px;
            margin-top: 100px;
        }

            #prodInfo .buttonContainer .buyButton {
                background-color: #2dade3;
                color: #ffffff;
            }

    .buttonContainer button {
        font-size: 16px;
        text-transform: uppercase;
    }

    #prodInfo .stainRemoverContainer .stainRemover-info__text__title {
        font-size: 48px;
        width: 50%;
        margin-left: 120px;
    }

    .forMobile {
        display: none;
    }

    .product_detail_banner .Left.carousel-control.forward-arrow {
        left: 39%;
    }

    .product_detail_banner .right.carousel-control.backword-arrow {
        right: 11% !important;
    }
}


@media screen and (max-width: 767px) {

    #prodInfo .stainRemoverContainer.container {
        margin-top: 30px;
    }

        #prodInfo .stainRemoverContainer.container .stainRemoverLeftBlock {
            margin-left: 28px;
        }

            #prodInfo .stainRemoverContainer.container .stainRemoverLeftBlock img {
                width: 84px;
            }

            #prodInfo .stainRemoverContainer.container .stainRemoverLeftBlock .stainRemoverLeftBlockText {
                font-size: 16px;
            }

    #prodInfo .stainRemover-info__text__title {
        width: 65%;
        font-size: 20px;
        margin-left: 28px;
        margin-top: 40px;
        margin-bottom: 50px;
    }

    #prodInfo .buttonContainer {
        margin-bottom: 120px;
    }

        #prodInfo .buttonContainer .buyButton {
            width: 312px;
            height: 47px;
            margin: 0 0 20px;
            object-fit: contain;
            border-radius: 24px;
            background-color: #2dade3;
            color: #ffffff;
            font-size: 14px;
        }

        #prodInfo .buttonContainer.couponButton {
            height: 47px;
            margin: 0 0 20px;
            padding: 14px 93px 14px 94px;
            object-fit: contain;
            border-radius: 24px;
            /* background-color: #2dade3; */
            font-size: 14px;
            border: 2px solid;
        }

    .forDesktop {
        display: none;
    }
}
/*stain remover container css ends*/

/* Impact changes start*/

#mypProductCarousel .review-stars, #myCarousel2 .review-stars, .product-single .product-rating .review-stars {
    background-image: url('../images/rating-stars-hollow-new.svg');
    background-repeat: repeat-x;
    background-size: 20% 100%;
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 120px;
}

    #mypProductCarousel .review-stars:before, #myCarousel2 .review-stars:before, .product-single .product-rating .review-stars:before {
        background-image: url('../images/rating-stars-solid-new.svg');
        background-repeat: repeat-x;
        content: '';
        display: block;
        padding: 20% 0 0;
    }



@media screen and (max-width: 767px) {
    #prodHowto .container h2 {
        margin-bottom: 50px;
    }

    #prodVideos .container h2 {
        margin-bottom: 50px;
    }

    #prodCommercial .container h2 {
        margin-bottom: 50px;
    }
}
/* Impact changes ends*/

/*new header nav css starts*/
@media screen and (max-width: 767px) {
    .new-header__links .header__top-bar__links__link--contact-us {
        display: none;
    }

    .new-header .new-header__container .new-header__menu:after {
        width: 20px;
        height: 20px;
    }

    .new-header .new-search-bar__input-wrapper .new-search-bar__button {
        background-size: 19px 23px;
        background-image: url('../images/search-icon.png');
    }

    .new-header__links .new-dropdown-button .new-dropdown-image {
        width: 26px;
        margin-left: 6px;
        margin-bottom: 2px;
    }

    .header__menu.new-header__menu:after {
        background: url(../images/hamburger.png) center center no-repeat;
    }

    .mobile-menu-open .header__menu.new-header__menu:after {
        background: url(../images/Close-icon.png) center center no-repeat;
    }

    .background-opacity {
        position: fixed;
        top: 0;
        z-index: 3;
        width: 100%;
        height: 100%;
        display: none;
        background: rgba(0, 0, 0, 0.6);
        right: 0px;
    }

    .mobile-menu-open .background-opacity {
        display: block;
    }
}

/*new header nav css ends*/

body {
    color: #002b7f;
}

/* 26/07 */
.new-header--desktop .new-header__top-bar__container .header__top-bar__links__link--social img {
    height: 35px;
    width: 35px;
}

.get-a-coupon {
    margin: 0 0 18px 0;
}

@media screen and (max-width: 767px) {
    .footer-container-grid .left-column.left-column img {
        padding-top: 30px;
    }

    .footer-container .right-column-container-text {
        padding-top: 6px;
        margin-bottom: 8px;
    }
}

.new-header__top-bar .search-bar__input-wrapper input:-webkit-autofill {
    transition-delay: 3600s;
}

.header--mobile .header__container .header__menu {
    text-decoration: underline !important;
    color: #fff;
}

.pr {
    position: relative;
}

.newBgimg {
    height: 435px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: -1; 
    background-image: url(../images/GettyImages-1188413021@3x.png);*/
}
/* Faq page css starts here */

/* faq banner */

.faq-banner {
    position: relative;
    height: 382px;
}

@media screen and (max-width: 767px) {
    .faq-banner {
        height: 250px;
    }
}

.faq-accordian .faq .faq__answer {
    background-color: #f7f7f7 !important;
}

@media screen and (min-width: 768px) {
    .faqs .faq__question {
        padding: 24px 70px 24px 15px;
    }
}

.banner-product-image {
    position: absolute;
    bottom: -75px;
    width: 100%;
    left: 0;
    right: 0;
}

@media screen and (max-width: 768px) {
    .banner-product-image {
        bottom: -20px;
    }
}

.banner-product-image img {
    display: block;
    margin: auto;
}

.faq-banner-description {
    margin: 150px auto 80px auto;
    width: 780px;
}

@media screen and (max-width:767px) {
    .faq-banner-description {
        margin: 80px auto 80px auto;
    }

        .faq-banner-description p {
            font-size: 16px;
            padding: 0 30px;
        }
}

@media screen and (max-width:1024px) {
    .faq-banner-description {
        width: auto;
        padding: 0 15px;
    }

    .faq-showmore-button {
        min-width: auto !important;
    }
}

.faq-banner-description p {
    font-family: 'futura-pt-medium';
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #747474;
}

.faq-banner-title h1 {
    font-family: 'futura-pt-bold';
    text-align: center;
    padding-top: 60px;
    width: 500px;
    margin: 0 auto;
    font-size: 48px;
    color: #002b7f;
}

@media screen and (max-width:767px) {
    .faq-banner-title h1 {
        width: 375px;
        font-size: 30px;
    }
}

@media screen and (max-width:450px) {
    .faq-banner-title h1 {
        width: auto;
        font-size: 30px;
    }
}



/* faq banner css end*/

/* custom selectbox */

.stylish-select {
    width: 300px;
    height: 52px;
    margin: 80px 566px 60px;
    margin: 0 auto;
    object-fit: contain;
    border-radius: 30px;
    border: solid 3px #0b57b7;
    margin-bottom: 80px;
}

.selcetWrapper {
    width: 500px;
    margin-bottom: 20px;
}

    .selcetWrapper .main {
        position: relative;
    }

.stylish-select-left {
    font-family: 'futura-pt-bold';
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 13px 25px 10px 20px;
    position: relative !important;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.8px;
    text-align: center;
    color: #0b57b7;
}

@media screen and (max-width:767px) {
    .stylish-select-left {
        font-size: 14px;
        padding-top: 16px;
    }
}

.stylish-select-right {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
}

.stylish-select-left:after {
    background-image: url(../images/icon-arrow-down-darker-blue.png);
    content: "";
    width: 13px;
    height: 14px;
    display: block;
    transition: .2s all;
    -webkit-transform: rotate(134deg);
    transform: rotate(134deg);
    position: absolute;
    right: 30px;
    top: 12px;
    background-repeat: no-repeat;
}

ul.listing {
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 100;
    max-height: 400px;
    overflow-y: auto !important;
    border-radius: 14px;
}

    ul.listing li {
        padding: 6px 11px 4px;
        text-align: left;
        background: #fff;
        font-family: 'futura-pt-medium';
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: normal;
        text-align: left;
        color: #012169;
    }

        ul.listing, ul.listing li.selected {
            display: none;
        }

            ul.listing li.selected, ul.listing li:hover {
                cursor: pointer;
                color: #2dade3;
                border-left: 8px solid #2dade3;
            }

.stylish-select {
    position: relative !important;
}

@media only screen and (max-width: 991px) {
    .stylish-select-left {
        border-radius: 5px;
    }

        .stylish-select-left.open {
            border-radius: 5px 5px 0 0;
        }

            .stylish-select-left.open::after {
                -webkit-transform: rotate(134deg);
                transform: rotate(134deg);
            }

        .stylish-select-left:after {
            width: 12px;
            height: 12px;
            border-width: 2px;
            top: 12px;
        }

    ul.listing {
        border-radius: 0 0 5px 5px;
    }

        ul.listing li {
            padding: 8px 11px 6px;
        }
}

/* custom selectbox css end */

/* FAq Product and Accordion */


.faq-product-accordian-wrap .faqs {
    background-color: #fff;
}

.faq-product-accordian-wrap-bg {
    background-color: #0b57b7;
    padding: 100px 0 50px 0;
    margin-bottom: 80px;
}

    .faq-product-accordian-wrap-bg:nth-last-of-type(-n+1) {
        margin-bottom: 0;
    }

    .faq-product-accordian-wrap-bg .faqs {
        background-color: #0b57b7;
    }

.faq-product-wrap .faq-product-image img {
    display: block;
    margin: auto;
    max-width: 230px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .faq-product-wrap .faq-product-image img {
        max-width: 255px;
    }
}

.faq-product-accordian-wrap-bg .faq-product-detail-button {
    background-color: #0b57b7;
    outline: 0;
    border: 2px solid #fff;
    color: #fff;
    padding: 15px 45px;
}

    .faq-product-accordian-wrap-bg .faq-product-detail-button:hover {
        border: 2px solid #2dade3;
    }

.faq-product-wrap .faq-product-rating, .faq-product-wrap .faq-product-description {
    text-align: center;
}

    .faq-product-wrap .faq-product-description h3 {
        width: 500px;
        font-family: 'futura-pt-bold';
        margin: 20px 0 40px 0;
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: #193b7b;
        margin: 0 auto;
    }

@media screen and (max-width:767px) {
    .faq-product-wrap .faq-product-description h3 {
        font-size: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .prodFaqsNew .faq .faq__question {
        font-size: 16px !important;
    }

    .prodFaqsNew .faq .faq__answer p {
        font-size: 16px !important;
    }

    .faq-product-detail-button {
        font-size: 14px;
    }
}

.prodFaqsNew .faq .faq__question {
    font-family: 'futura-pt-bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

.prodFaqsNew .faq .faq__answer p {
    font-family: 'futura-pt-medium';
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #747474;
}

@media screen and (max-width:767px) {
    .faq-product-wrap .faq-product-description h3 {
        width: auto;
    }
}

.faq-product-accordian-wrap .faq-product-rating {
    margin-bottom: 20px;
}

.faq-product-accordian-wrap-bg .faq-product-description h3 {
    color: #fff;
}

.faq-product-accordian-wrap-bg .faq-showmore-button {
    background-color: transparent;
    color: #fff;
    border: solid 3px transparent;
}

    .faq-product-accordian-wrap-bg .faq-showmore-button:after {
        background-image: url(../images/icon-arrow-down-white.png);
        -ms-background-size: 13px 6px;
        background-size: 13px 6px;
        height: 6px;
        width: 13px;
    }

.btn-product-detail {
    text-align: center;
    margin-bottom: 80px;
}

@media screen and (max-width:767px) {
    .btn-product-detail {
        margin-bottom: 20px;
    }

    .faq-product-accordian-wrap-bg .faq-product-detail-button {
        margin-bottom: 0;
        margin-top: 0;
    }

    .faq-showmore-button {
        margin-top: 0;
    }
}

.faq-product-accordian-wrap-bg .btn-product-detail {
    margin-bottom: 0;
}


.prodFaqs .faq .faq__question {
    background: url(../images/faq-plus.svg) right 15px center no-repeat;
}

.faq-product-accordian-wrap-bg .faq-accordian .faq .faq__answer {
    background-color: #fff !important;
}

/* FAq Product and Accordion css end*/


/* Faq page css end here */


/* Video/Image Slider */


.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


.videoImgSlider.slider {
    border-radius: 5px;
    width: 65%;
    margin: 0 auto;
    background: #000;
}

.videoImgSlider .slick-list .slick-slide {
    margin: 0;
}

.videoImgSlider .slick-dots {
    bottom: -50px;
}

    .videoImgSlider .slick-dots li {
        height: 10px;
        width: 10px;
    }

        .videoImgSlider .slick-dots li button {
            background: #ccc;
            height: 10px;
            width: 10px;
        }

        .videoImgSlider .slick-dots li.slick-active button {
            background: #fff;
        }

.videoImgSlider .slick-slide img, .videoImgSlider .slick-track > div {
    width: 100%;
    max-width: 810px;
    height: 100%;
    max-height: 450px;
}

.videoImgSlider .slick-next {
    right: -100px;
}

.videoImgSlider .slick-prev {
    left: -115px;
}

@media screen and (max-width: 768px) {
    .videoImgSlider .slick-slide img, .videoImgSlider .slick-track > div {
        max-height: 335px;
    }
}

@media screen and (max-width: 568px) {
    .videoImgSlider.slider {
        border-width: 8px;
        width: 70%;
    }

    .videoImgSlider .slick-slide img, .videoImgSlider .slick-track > div {
        max-height: 244px;
    }

    .videoImgSlider .slick-dots {
        bottom: -32px;
    }

    .videoImgSlider .slick-prev, .videoImgSlider .slick-next {
        top: 45%;
    }

    .videoImgSlider .slick-prev {
        left: -55px;
    }

    .videoImgSlider .slick-next {
        right: -32px;
    }
}

@media screen and (max-width: 320px) {
    .videoImgSlider .slick-slide img, .videoImgSlider .slick-track > div {
        max-height: 133px;
    }
}


.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before {
        background-image: url("../images/slider-arrow-next-white.png");
        background-size: 100%;
        display: block;
        height: 40px;
        width: 40px;
        background-repeat: no-repeat;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '';
    transform: rotateZ(180deg);
}

[dir='rtl'] .slick-prev:before {
    content: '';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }

/* Video/Image Slider css end*/

/* article page css */

@media screen and (min-width: 768px) {
    .article-banner .article-anchor-bar__wrapper {
        margin-top: 0;
    }
}

.article-sections.article-bg {
    background-color: #012169;
    position: relative;
}

    .article-sections.article-bg .article-sections__section__content__text h1 {
        font-family: 'futura-pt-bold';
        font-size: 48px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.04;
        letter-spacing: -1.68px;
        text-align: left;
        color: #fff;
    }

    .article-sections.article-bg .article-sections__section__content__text p {
        font-family: "futura-pt-book";
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
    }

@media screen and (max-width:767px) {
    .article-sections.article-bg .article-sections__section__content__text h1 {
        font-size: 30px;
    }

    .article-sections.article-bg .article-sections__section__content__text p {
        font-size: 16px;
    }

    .article-sections.article-bg .article-sections__section:before {
        left: -5px !important;
        top: 50px !important;
        height: 65px !important;
    }

    .article-sections__section__content__text {
        padding: 20px;
    }

    .article-banner .container--articles {
        height: 0;
    }

    .article-bg .article-sections__section {
        padding-bottom: 30px;
    }
}

.article-sections.article-bg .article-sections__section:before {
    content: "";
    background-image: url(../images/path-yellow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 9999000;
    height: 83px;
    width: 15px;
    top: 60px;
    left: 0;
}

.article-bg + .print-coupon {
    border-top: 0 !important;
}

.article-bg .article-sections__section {
    border: 0;
}

/* related product carosuel */

.related-products.related-products-article h2 {
    font-family: "futura-pt-book";
    font-size: 20px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    text-align: center;
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    .related-products.related-products-article h2 {
        font-size: 16px;
        margin-top: 60px;
    }

    .related-products.related-products-article .item-inner-caption a {
        font-size: 20px;
    }
}

.related-products.related-products-article .item-inner-caption a {
    font-family: 'futura-pt-bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #012169;
}

@media screen and (min-width: 768px) {
    .related-products-article .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: 50px;
    }
}

@media screen and (max-width: 767px) {
    .related-products-article .oxi-container {
        margin-bottom: 250px;
    }
}

.carousel-home-new .slick-slide {
    margin-top: -16px;
    margin-left: -2px;
}

    .carousel-home-new .slick-slide a:hover, .carousel-home-new .slick-slide a:focus {
        border: none;
        outline: none;
    }

.carousel-home-new .home-carousel-desktop-image {
    max-height: 720px;
}

.listing {
    overflow-y: scroll !important;
}

@media screen and (max-width:767px) {
    .video-module.video-module--tab-nav {
        margin-top: 15px;
        padding-bottom: 60px;
    }
}

.carousel-wrapper-new .slick-slide img {
    display: inline-block;
}

/*plp page css*/

.plp-wrapper .back_img_item-1 {
    max-height: 540px;
    height: 540px;
}

.plp-wrapper .carousel .item-inner {
    flex-direction: column;
}

.plp-wrapper .carousel .item-inner-caption {
    margin-top: 170px;
    max-width: 800px;
}

.showing-results-new {
    position: relative;
    font-family: Interstate;
    font-size: 24px;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.36px;
    text-align: center;
    color: #012169;
    margin-bottom: 70px;
}

    .showing-results-new:before {
        content: "";
        width: 37%;
        height: 2px;
        background: #707070;
        position: absolute;
        left: 0;
        top: 17px;
        opacity: 0.18;
    }

    .showing-results-new:after {
        content: "";
        width: 37%;
        height: 2px;
        background: #707070;
        position: absolute;
        right: 0;
        top: 17px;
        opacity: 0.18;
    }

.plp-carousel .carousel-indicators {
    bottom: 125px !important;
    width: 10% !important;
    margin-left: -175px;
    top: 67%;
}

.plp-carousel .carousel-control {
    width: 65%;
}

.plp-carousel .item-inner-img img {
    margin-top: 170px;
}



@media screen and (min-width: 768px) {
    .home-video-module .video-module {
        padding: 40px 0 25px 0;
    }
}

.wrapper-product-list.product-list {
    background: none;
}

.sort-bar-new {
    position: unset;
    border-bottom: none;
    border-top: 2px solid #eae7ec;
}

.sort-bar .plp-product-list-wrap {
    display: flex;
    justify-content: center;
}


.plp-carousel {
    position: absolute;
    bottom: -180px;
    width: 100%;
    display: flex;
    height: 107%;
}

@media screen and (max-width:767px) {
    .plp-carousel {
        height: 164%;
    }
}

.plp-wrapper .item-inner-img img {
    display: block;
    margin: 0 auto 0 auto;
}

.plp-carousel .item-inner-caption h1 {
    font-family: 'futura-pt-bold';
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.04;
    letter-spacing: -1.68px;
    text-align: center;
    color: #012169;
}

@media screen and (max-width:767px) {
    .plp-carousel .item-inner-caption h1 {
        font-size: 22px;
    }
}

.sort-bar-new {
    margin-top: 30px;
}

.plp-banner-heading {
    position: relative;
    top: 230px;
    text-align: center;
    font-family: 'futura-pt-bold';
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.04;
    letter-spacing: -1.68px;
    color: #012169;
}

.plp-carousel .backword-arrow-img:before, .forward-arrow-img:before {
    position: relative;
    top: -80px;
}

@media screen and (max-width:767px) {
    .plp-carousel .carousel-indicators {
        width: 70% !important;
        display: flex;
        left: 55% !important;
        margin: auto;
        top: 62%;
    }

    .plp-wrapper .back_img_item-1 {
        height: 280px;
    }

    .plp-banner-heading {
        font-size: 30px;
        top: 60px;
    }
}

.oxi-container.plp-container {
    height: 570px;
    margin-bottom: 180px;
}

.category-filter.category-filter--all {
    border: none;
}

@media screen and (max-width:767px) {
    .plp-carousel {
        width: 70%;
        bottom: -40px;
    }

        .plp-carousel .carousel-inner {
            left: 20%;
        }

    .showing-results-new:before, .showing-results-new:after {
        width: 22% !important;
        top: 12px;
    }

    .showing-results-new {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .sort-bar-new {
        margin-top: 40px;
    }

    .top-seller-text {
        font-size: 16px !important;
        top: 65%;
    }

    .plp-product-list-wrap .stylish-select {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:768px) {
    .showing-results-new:before, .showing-results-new:after {
        width: 30%;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .new-carousel-list {
        left: 68% !important;
    }
}

.top-seller-text {
    position: relative;
    top: 75px;
    font-family: 'futura-pt-bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #0057b7;
}

.plp-product-list-wrap .stylish-select {
    margin-bottom: 40px;
}


@media screen and (min-width:768px) {
    .category-filter.category-filter--all .category-filter__heading {
        margin-top: 80px;
    }
}

@media screen and (max-width:767px) {
    .plp-wrapper .item-inner-img img {
        max-height: 200px;
    }
}

.carousel-wrapper.carousel-home-new {
    margin-top: -4px;
}

.article-collection.article-list {
    background: transparent;
}

    .article-collection.article-list:before {
        background: transparent;
    }

.article-collection .article-list__header {
    text-align: left;
}

    .article-collection .article-list__header h2 {
        font-family: 'futura-pt-bold';
        font-size: 48px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.04;
        letter-spacing: -1.68px;
        text-align: left;
        color: #012169;
        margin-bottom: 30px;
    }

    .article-collection .article-list__header .article-sections {
        font-family: 'futura-pt-medium';
        font-size: 20px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: normal;
        text-align: left;
        color: #747474;
    }

.article-collection .article-collection-bg:before {
    content: "";
    background-image: url("../images/path-blue.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 9999000;
    height: 83px;
    width: 15px;
    top: 0px;
    left: 0;
}

@media screen and (max-width:767px) {
    .article-collection .article-collection-bg:before {
        content: "";
        background-image: url("../images/path-blue-mobile.png");
        top: 5px;
    }

    .article-collection .article-list__header {
        padding: 0 20px;
    }

        .article-collection .article-list__header h2 {
            font-size: 30px;
            padding-top: 20px;
        }

        .article-collection .article-list__header .article-sections {
            font-size: 16px;
        }
}


.two-column-product-image-title-wrap .how-to-use-tile__inner {
    width: 48%;
    display: inline-block;
}


.two-column-product-image-title-wrap .how-to-use-tile__image_title {
    text-align: center;
}

.two-column-product-image-title-wrap .how-to-use-tile__image a {
    display: flex;
    justify-content: center;
}

.two-column-product-image-title-wrap .two-column-product-image-title-review {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .two-column-product-image-title-wrap .how-to-use-tile__image {
        min-height: 215px;
    }
}


.two-column-image-title-wrap .how-to-use-tile__image_title {
    font-family: 'futura-pt-bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #012169;
}

.two-column-product-image-title .how-to-use-tile__image_title a {
    font-family: 'futura-pt-bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #012169;
}



.two-column-image-title-wrap .how-to-use-tile__inner {
    margin: 0 15px;
}

.two-column-product-image-title h3 {
    font-family: 'futura-pt-bold';
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.04;
    letter-spacing: -1.68px;
    text-align: center;
    color: #012169;
}

@media screen and (max-width:767px) {
    .two-column-product-image-title h3 {
        font-size: 24px;
    }

    .two-column-product-image-title-wrap .how-to-use-tile__inner {
        width: 100%;
    }

    .two-column-product-image-title .how-to-use-tile__image_title a {
        font-size: 20px;
    }

    .two-column-product-image-title-wrap .two-column-product-image-title-review {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .two-column-product-image-title-wrap .how-to-use-tile__image a {
        margin: 40px 0;
    }
}

.two-column-product-image-title-wrap {
    background-color: #eff3f7;
    padding: 70px 0;
}

    .two-column-product-image-title-wrap .two-column-product-image-title-review {
        text-align: center;
    }

    .two-column-product-image-title-wrap .how-to-use-tile__inner {
        background-color: transparent;
        border: none;
    }

.article-list.article-collection .article-collection-two-column-image-title h2 {
    font-family: 'futura-pt-bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #012169;
}

/* for pdp carosuel*/

.product-banner-carousel .oxi-container.product_detail_banner {
    height: 460px;
}

.product-banner-carousel .product_detail_banner .back_img_item-1 {
    max-height: 460px;
    height: 350px;
}

.product-carousel .item-inner-caption {
    margin-left: 50px;
    position: relative;
    top: -180px;
    height: 400px;
}

    .product-carousel .item-inner-caption h1 {
        margin-top: -178px;
        width: 550px;
        font-family: 'futura-pt-bold';
        font-size: 46px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: -1.05px;
        text-align: left;
        color: #012169;
    }

@media screen and (max-width: 767px) {
    .product-carousel .item-inner-caption h1 {
        width: auto;
        font-family: 'futura-pt-bold';
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: -1.05px;
        color: #012169;
        text-align: center;
    }
}

.product-carousel .carousel-inner {
    margin-top: 65px;
}

.product-carousel .item-inner-img img {
    margin-top: -15px;
    height: 360px;
}

.product-banner-carousel.product-header .banner-cont .product_detail_banner {
    max-height: 300px;
}

@media screen and (min-width: 768px) {
    .product-carousel .carousel-inner .item-inner-img {
        width: 12%;
        height: 350px;
    }
}

@media screen and (min-width: 768px) {
    .product-banner-carousel .product_detail_banner .Left.carousel-control.forward-arrow {
        top: 45%;
    }
}

.product-banner-carousel .product_detail_banner .product-header_banner .caraousel_para > p {
    text-align: center;
}

.product-banner-carousel .product_detail_banner .product-header_banner .caraousel_para ul {
    list-style: none;
}

@media screen and (min-width: 768px) {
    .product-carousel + .backword-arrow {
        right: 14% !important;
    }

        .product-carousel + .backword-arrow + .forward-arrow {
            left: 43% !important;
        }
}

.carousel-wrapper--related-products .forward-arrow {
    top: 85%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .product-carousel .item-inner-caption {
        max-width: 300px;
        top: -180px;
    }

    .product-carousel .item-inner-img img {
        margin-top: -15px;
    }

    .product-carousel .carousel-indicators {
        width: 57%;
    }

    .product-carousel .carousel-indicators {
        top: 63%;
        left: 60% !important;
        position: absolute !important;
        z-index: 99 !important;
    }
}

@media screen and (max-width: 767px) {
    .product-banner-carousel .product-header_banner .caraousel_para {
        margin-top: 250px !important;
    }

    .product-carousel .item-inner-img img {
        margin-top: -125px;
    }

    .product-carousel .carousel-indicators {
        top: 63%;
        position: absolute !important;
        z-index: 99 !important;
    }

    .product-carousel .item-inner-caption {
        margin-left: 50px;
        position: relative;
        top: 210px;
        height: 400px;
    }
}

@media screen and (max-width: 767px) {
    .product-carousel .carousel-inner .item {
        left: 0% !important;
    }

    .product-carousel .item-inner-caption {
        margin-left: 50px;
        position: relative;
        top: 210px;
        height: 400px;
    }
}

@media screen and (min-width: 768px) {
    .main-content .product-banner-carousel.product-header #mypProductCarousel .carousel-indicators {
        bottom: 30%;
    }
}

.carousel--related-products .item-inner-caption {
    margin-top: 70px;
    margin-left: -100px;
}

.carousel--related-products .backword-arrow {
    top: 20%;
}

@media screen and (min-width: 768px) {
    .wrapper-product-list .product-single__title {
        font-family: 'futura-pt-bold';
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        color: #012169;
    }
}

@media screen and (max-width: 767px) {
    .wrapper-product-list .product-single__title {
        font-size: 13px;
        font-family: 'futura-pt-bold';
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        color: #012169;
    }

    .plp-wrapper .carousel-indicators {
        z-index: 4;
    }

    ul.listing li.selected, ul.listing li:focus {
        cursor: pointer;
        color: #2dade3;
        border-left: 8px solid #2dade3;
    }
}

.wrapper-product-list.product-list--all .product-single {
    display: flex;
    height: 100%;
}

.product-category__header.product-category-header-text a {
    color: #fff
}

@media screen and (max-width: 767px) {
    .carousel--related-products .item-inner-caption {
        margin-top: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .mobile-header-languages-link a {
        color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .productHeaderBanner.product-carousel {
        z-index: 4;
    }
}

#prodFaqs.faqs {
    margin-top: -10px
}

.button--bottom-arrow.button--outline.faq-button.pdp-faq-button:after {
    display: none;
}

.button--bottom-arrow.button--outline.faq-button.pdp-faq-button {
    background-color: #0b57b7;
    color: #fff;
    padding: 10px 69px 10px 74px;
    object-fit: contain;
    border-radius: 30px;
    border: solid 2px #2dade3;
    width: 308px;
    margin: 20px 0 40px 0;
}

@media screen and (max-width: 767px) {
    .carousel.carousel--reviews.slick-slider .slick-dots li button {
        border: 2px solid #0084c9;
    }

    .carousel.carousel--reviews.slick-slider {
        margin-bottom: 50px;
    }

    .carousel-wrapper.carousel-wrapper--reviews .product-review-wrapper .product-review {
        min-height: 450px;
        margin: 50px 0 30px 0;
    }

    .carousel.carousel--how-to-use .how-to-use-product-wrapper .how-to-use-product .how-to-use-product__content {
        min-height: 400px;
    }

    .carousel.carousel--how-to-use .how-to-use-product-wrapper .how-to-use-product {
        margin-bottom: 40px;
    }

    .carousel.carousel--how-to-use .slick-dots li button {
        border: 2px solid #0084c9;
        background-color: #fff;
    }

    .carousel.carousel--how-to-use .slick-dots li.slick-active button {
        background: #0084c9 !important;
    }

    .carousel.carousel--how-to-use .slick-dots {
        margin-bottom: 40px;
    }
}

/* home page Fixes */
.carousel.carousel--home-reviews .slick-dots li button {
    border: 2px solid #fff;
    top: 20px;
    position: relative;
}

.carousel-wrapper.carousel-wrapper-new {
    margin-bottom: 30px;
}

    .carousel-wrapper.carousel-wrapper-new .slick-dots li button {
        border: 2px solid #fff;
    }

@media screen and (max-width:767px) {
    #homeVideo.video-module.video-module--tab-nav .home-module {
        background: transparent !important;
    }

    #homeVideo.video-module.video-module--tab-nav {
        padding-bottom: 20px !important;
    }

        #homeVideo.video-module.video-module--tab-nav .home-module a {
            width: 100%;
            font-size: 14px !important;
            margin-top: 30px !important;
            border-radius: 29px;
            background-color: #fff;
            color: #2dade3 !important;
            padding: 10px 0px 10px 12px;
        }

            #homeVideo.video-module.video-module--tab-nav .home-module a:hover {
                text-decoration: none;
            }
}

#homeVideo.video-module.video-module--tab-nav {
    padding-bottom: 0px;
    padding-top: 10px;
}

    #homeVideo.video-module.video-module--tab-nav .home-module a {
        font-family: 'futura-pt-bold';
        font-size: 16px !important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.8px;
        color: #2dade3;
        margin-top: 45px;
        width: 300px;
    }


.carousel.carousel--home-reviews .slick-dots li button {
    border: 2px solid #fff;
    background-color: #fff;
}

.carousel.carousel--home-reviews .slick-dots li.slick-active button {
    background: #0084c9 !important;
}


.carousel-wrapper.carousel-wrapper-new {
    margin-bottom: 30px;
}

    .carousel-wrapper.carousel-wrapper-new .slick-dots li button {
        border: 2px solid #fff;
        background-color: #fff;
    }

    .carousel-wrapper.carousel-wrapper-new .slick-dots li.slick-active button {
        background: #0084c9 !important;
    }

@media screen and (max-width:767px) {
    #homeVideo.video-module.video-module--tab-nav .home-module {
        background: transparent !important;
    }

    #homeVideo.video-module.video-module--tab-nav {
        padding-bottom: 20px !important;
    }

        #homeVideo.video-module.video-module--tab-nav .home-module a {
            width: 100%;
            font-size: 14px !important;
            margin-top: 30px !important;
        }

    #homeVideo.video-module.video-module--tab-nav {
        padding-top: 10px;
    }
}

#homeVideo.video-module.video-module--tab-nav {
    padding-bottom: 0px;
    padding-top: 30px;
}

    #homeVideo.video-module.video-module--tab-nav .home-module a {
        font-family: 'futura-pt-bold';
        font-size: 16px !important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: 0.8px;
        color: #2dade3;
        margin-top: 45px;
        width: 300px;
        border-radius: 29px;
        background-color: #fff;
        color: #2dade3 !important;
        padding: 10px 0px 10px 12px;
    }

        #homeVideo.video-module.video-module--tab-nav .home-module a:hover {
            text-decoration: none;
        }

.home-review__heading__rating .review-stars:before {
    background-image: url(../images/rating-stars-solid.svg);
}

/* 04/10/2021 */
#prodReviews .product-reviews__header .review-stars {
    background-image: url(../images/rating-stars-hollow.svg);
}

    #prodReviews .product-reviews__header .review-stars:before {
        background-image: url(../images/rating-stars-solid.svg);
    }

.product-review__review .review-stars-wrapper .review-stars {
    background-image: url(../images/rating-stars-hollow.svg);
}

    .product-review__review .review-stars-wrapper .review-stars:before {
        background-image: url(../images/rating-stars-solid.svg);
    }

.product-single .review-stars-wrapper .review-stars {
    background-image: url(../images/rating-stars-hollow.svg);
}

    .product-single .review-stars-wrapper .review-stars:before {
        background-image: url(../images/rating-stars-solid.svg);
    }


.carousel-home-new .home-carousel-desktop-image {
    width: 100%;
}

.wrapper-product-list .product-single .review-stars-wrapper .review-stars {
    background-image: url('../images/rating-stars-hollow-new.svg');
}

    .wrapper-product-list .product-single .review-stars-wrapper .review-stars:before {
        background-image: url(../images/rating-stars-solid-new.svg);
    }

/* 05/10/21 */
@media (min-width:768px) {
    .plp-container #myCarousel2.carousel.slide.plp-carousel {
        margin-top: 80px;
    }

    .main-content .container.oxi-container.plp-container {
        margin-top: 80px;
    }

    .plp-container #myCarousel2 .carousel-inner .item-inner .item-inner-img img {
        height: 360px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .plp-carousel .carousel-indicators {
        width: 20% !important;
        margin-left: -210px;
    }

    .plp-carousel .item-inner-caption h1 {
        font-size: 46px;
    }

    .product-carousel .item-inner-caption h1 {
        width: auto;
    }

    .product-carousel .item-inner-caption h1 {
        font-size: 38px;
    }

    .product-carousel .item-inner-caption {
        top: -200px;
    }
}

.plp-carousel .Left.carousel-control.forward-arrow {
    top: -20%;
}

.plp-carousel .right.carousel-control.backword-arrow {
    top: -20%;
}

/* 07-10-21 */
.carousel-wrapper .carousel.carousel--home-reviews .slick-dots {
    position: relative;
    bottom: 0;
}

.category-how-to-use .category-how-to-use__inner {
    padding-bottom: 80px;
}

    .category-how-to-use .category-how-to-use__inner .slick-dots {
        bottom: -50px !important;
    }

        .category-how-to-use .category-how-to-use__inner .slick-dots button {
            border: 1px solid #fff;
            background: #fff;
        }

        .category-how-to-use .category-how-to-use__inner .slick-dots li.slick-active button {
            background: #0084c9;
        }

.how-to-use-dta .how-to-use-tile__image__link h2 {
    font-family: 'futura-pt-bold';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #012169;
}

.how-to-use-dta .how-to-use-tile__image__link:hover {
    text-decoration: none;
}

.two-column-product-image {
    flex-flow: row wrap;
}

    .two-column-product-image .related-product__image img {
        margin-top: 40px;
    }

@media screen and (min-width:768px) {
    .two-column-product-image-title-wrap .two-column-product-image-title-review {
        margin-top: 20px;
    }
}

.category-filter__heading {
    font-family: 'futura-pt-bold';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #0057b7;
}

.category-filter__filter-type.category-filter__filter-type--product-types h2, .category-filter__filter-type h2 {
    color: #012169;
    font-family: 'futura-pt-bold';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.88px;
    text-align: center;
    color: #012169;
}

.category-filter__filter-all {
    color: #012169;
    font-family: 'futura-pt-bold';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.88px;
    text-align: center;
    color: #012169;
}

.category-header__info h2 {
    color: #012169;
}

.category-header__info p {
    color: #002b7f;
}

.article-list__header h2 {
    color: #002b7f;
}

.product-list.product-list--single .review-stars-wrapper .review-stars__count, .product-list.product-list--all .review-stars-wrapper .review-stars__count {
    color: #ffd400;
}

@media screen and (max-width:767px) {
    .article-header-image img {
        width: 100%;
    }
}
/*08-10-21 pdp */

.carousel-wrapper--related-products.pdp-related-product-carousel .forward-arrow {
    top: 28%;
}

@media screen and (max-width: 767px) {
    .product-header.product-header-background {
        padding-top: 0;
    }
}

.pdp-bakground-image {
    position: absolute;
    width: 100%;
}

    .pdp-bakground-image img {
        width: 100%;
        max-height: 350px;
    }

@media screen and (max-width: 767px) {
    .pdp-bakground-image img {
        height: 300px;
    }
}

/* 13-10-21 */
.sort-bar__sort-by span {
    color: #002b7f;
}

.sort-bar__how-to span {
    color: #002b7f;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .product-banner-carousel .pdp-bakground-image img {
        height: 350px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {


    .product_detail_banner .right.carousel-control.backword-arrow {
        right: 0% !important;
    }

    .product-carousel .carousel-indicators {
        left: 65% !important;
    }

    .plp-carousel .carousel-indicators {
        width: 20% !important;
        margin-left: -280px;
    }

    .plp-carousel .right.carousel-control.backword-arrow {
        right: -50px;
    }

    .plp-carousel .Left.carousel-control.forward-arrow {
        left: -50px;
    }
}

.article-sections.article-bg .article-sections__section:before {
    z-index: 0;
}

.carousel.carousel--related-products {
    z-index: 0
}

.product-banner-carousel.product-header .banner-cont .product_detail_banner {
    padding-left: 0;
}

.print-coupon .print-coupon__info {
    color: #002b7f;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .plp-carousel {
        width: 95%;
    }
}

/* 18-10-2021 */
@media screen and (max-width: 767px) {
    .footer-container .right-column {
        overflow: unset;
    }
}

.Center-column-list a:hover {
    color: #fff;
}

.footer-copyright-list a:hover, .footer-copyright-list-mobile a:hover, .footer-copyright-list-mobile-middle a:hover {
    color: #fff;
}

.category-filter__filter-all {
    margin-left: 10px;
}

.form__field.form__field--checkbox input[type=checkbox] {
    top: -3px;
}


/* 27-10-21 */

.header__nav-bar.new-header__nav-bar .new-container {
    position: relative;
    max-width: 1440px;
    margin: auto;
}


.header__top-bar__container.new-container.new-header__top-bar__container {
    max-width: 1440px;
    margin: auto;
    padding-right: 50px;
}

.footer-container-grid {
    max-width: 1440px;
    margin: auto;
}

@media screen and (max-width:767px) {
    #cmdChatmob {
        display: none;
    }

    .header--mobile .header__logo {
        width: 85px;
    }

    .header__menu {
        top: 3px;
    }
}

.featherlight-close-icon.featherlight-close:before {
    position: absolute;
    content: ' ';
    height: 25px;
    top: 10px;
    width: 2px;
    left: 25px;
    background-color: #707070;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.featherlight-close-icon.featherlight-close:after {
    position: absolute;
    content: ' ';
    height: 25px;
    width: 2px;
    top: 10px;
    left: 25px;
    background-color: #707070;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer;
}

.featherlight .featherlight-close-icon {
    right: 50px;
}



/* arrow fixes video and image carousal */
@media screen and (max-width:1023px) {
    .product-banner-carousel .product_detail_banner .backword-arrow-img:before, .forward-arrow-img:before {
        visibility: visible;
    }

    .product-banner-carousel .product_detail_banner .forward-arrow-img {
        left: -5%;
    }

    .product-banner-carousel .product_detail_banner .backword-arrow-img {
        left: 140px;
    }
}

@media screen and (max-width:767px) {
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        z-index: 4;
    }

    .product-banner-carousel .product_detail_banner .productHeaderBanner {
        z-index: 2;
    }

    .product-banner-carousel .product_detail_banner .forward-arrow-img {
        top: 55%;
        left: 15px;
        z-index: 4;
    }

    .product-banner-carousel .product_detail_banner .backword-arrow-img {
        top: 55%;
        left: 30px;
        z-index: 4;
    }
}

@media screen and (max-width:1023px) {
    .plp-carousel .backword-arrow-img:before, .forward-arrow-img:before {
        visibility: visible;
    }

    .plp-carousel .forward-arrow-img {
        left: 20%;
    }

    .plp-carousel .backword-arrow-img {
        left: 400px;
    }
}

@media screen and (max-width:767px) {
    .plp-carousel .forward-arrow-img {
        top: 60%;
        left: 30px;
    }

    .plp-carousel .backword-arrow-img {
        top: 60%;
        left: 220px;
    }

        .plp-carousel .backword-arrow-img:before, .forward-arrow-img:before {
            top: -30px;
        }

    .plp-carousel .carousel-control {
        width: auto;
    }

    .plp-carousel .backword-arrow-img:before {
        right: -45px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .plp-carousel .backword-arrow-img:before {
        right: -100px;
    }
}

.pdp-related-product-carousel .backword-arrow-img:before,
.pdp-related-product-carousel .forward-arrow-img:before {
    visibility: visible;
}

@media screen and (max-width:767px) {
    .pdp-related-product-carousel .backword-arrow-img {
        top: 45%;
    }
}

@media screen and (min-width:767px) and (max-width:1023px) {
    .pdp-related-product-carousel .forward-arrow-img {
        top: 85%;
        left: -10px;
    }
}

/* 03-11-21 */
@media (max-width: 767px) {
    .carousel-wrapper--related-products.pdp-related-product-carousel .backword-arrow.pdp-related-caraosel-previousarrow {
        top: 0;
        height: 100%;
    }

    .carousel-wrapper--related-products.pdp-related-product-carousel .forward-arrow.pdp-related-caraosel-nextarrow {
        top: 0;
        height: 100%;
    }

        .carousel-wrapper--related-products.pdp-related-product-carousel .forward-arrow.pdp-related-caraosel-nextarrow span::before {
            top: 0 !important;
        }

    .pdp-related-carousel-inner-caption {
        min-height: 110px;
    }
}

.carousel-wrapper--related-products.pdp-related-product-carousel .forward-arrow.pdp-related-caraosel-nextarrow span::before {
    top: 0 !important;
}

/* 09-11-21 */
.general-rich-text-inner #prodInfo .buttonContainer .buyButton {
    height: 58px;
    border-radius: 29px;
    font-family: 'futura-pt-bold';
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #2DADE3;
    color: #ffffff;
}

.general-rich-text-inner #prodInfo .buttonContainer .couponButton {
    height: 58px;
    border-radius: 29px;
    font-family: 'futura-pt-bold';
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #ffffff;
    border: 3px solid #2DADE3;
    color: #2DADE3;
}

.plp-carousel .backword-arrow-img:before, .plp-carousel .forward-arrow-img:before {
    height: 54px;
    width: 54px;
}

.new-header .new-search-bar__input-wrapper .new-search-bar__button {
    width: 32px;
    height: 38px;
    Color: #0057B7;
    border-radius: 4px;
}

.new-header .new-search-bar__input-wrapper .new-search-bar__input {
    border-radius: 21px;
    font-family: 'futura-pt-bold';
    text-transform: uppercase;
    background-color: #012169;
}

.product-info .buttonContainer .buyButton {
    height: 58px;
    border-radius: 29px;
    font-size: 16px;
    font-family: 'futura-pt-bold';
    text-transform: uppercase;
    background-color: #2DADE3;
    color: #ffffff;
    margin-right: 19px;
}

.product-info .buttonContainer .couponButton {
    height: 58px;
    border-radius: 29px;
    font-size: 16px;
    font-family: 'futura-pt-bold';
    text-transform: uppercase;
    background-color: #ffffff;
    color: #2DADE3;
    border: 3px solid #2DADE3;
}

.category-filter__filter-list li {
    width: 100%;
}

.button--solid.refine-art-results.active:after {
    background-image: url('../images/icon-button-close.png');
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}

@media (max-width: 767px) {
    .product-info .buttonContainer .couponButton {
        height: 47px;
        border-radius: 24px;
        font-size: 14px;
        font-family: 'futura-pt-bold';
        text-transform: uppercase;
        background-color: #ffffff;
        color: #2DADE3;
        border: 3px solid #2DADE3;
    }

    .product-info .buttonContainer .buyButton {
        height: 47px;
        border-radius: 24px;
        font-size: 14px;
        font-family: 'futura-pt-bold';
        text-transform: uppercase;
        background-color: #2DADE3;
        color: #ffffff;
    }

    .new-header .new-search-bar__input-wrapper .new-search-bar__input {
        height: 40px;
        border-radius: 15px;
        font-size: 20px;
        font-family: 'futura-pt-bold';
        text-transform: uppercase;
        background-color: #f5f3f6;
        padding-left: 20px;
    }

    .new-header .new-search-bar__input-wrapper .new-search-bar__button {
        width: 22px;
        height: 26px;
        Color: #0057B7;
        border-radius: 3px;
    }

    .general-rich-text-inner #prodInfo .buttonContainer .buyButton {
        height: 47px;
        border-radius: 24px;
        font-family: 'futura-pt-bold';
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        background-color: #2DADE3;
        color: #ffffff;
    }

    .general-rich-text-inner #prodInfo .buttonContainer .couponButton {
        height: 47px;
        border-radius: 24px;
        font-family: 'futura-pt-bold';
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        background-color: #ffffff;
        border: 3px solid #2DADE3;
        color: #2DADE3;
    }

    .plp-carousel .backword-arrow-img:before, .plp-carousel .forward-arrow-img:before {
        height: 30px !important;
        width: 30px !important;
    }
}

/*16-11-21 */
.plp-product-list-wrap .stylish-select .stylish-select-left .stylish-select-right {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .plp-product-list-wrap .stylish-select {
        height: 47px;
        border-radius: 30px;
        border: solid 3px #0B57B7;
    }

        .plp-product-list-wrap .stylish-select .stylish-select-left .stylish-select-right {
            font-size: 14px;
            font-family: 'futura-pt-bold';
            font-weight: bold;
            text-transform: uppercase;
        }
}

.button--bottom-arrow.button--outline.faq-button.pdp-faq-button {
    height: 58px;
    border-radius: 29px;
    font-family: 'futura-pt-bold';
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    border: solid 3px #2DADE3;
    line-height: 2.1;
}

@media (max-width: 767px) {
    .button--bottom-arrow.button--outline.faq-button.pdp-faq-button {
        height: 47px;
        border-radius: 24px;
        font-family: 'futura-pt-bold';
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        color: #ffffff;
        border: solid 3px #2DADE3;
        line-height: 1.5;
    }
}
/*22-11-21
#myCarousel2.plp-carousel {
    max-width: 550px;
    margin: 80px auto;
}
#myCarousel2.plp-carousel .carousel-control.right {
    right: 0;
}
#myCarousel2.plp-carousel a.carousel-control {
    width: auto;
}
#myCarousel2.plp-carousel .backword-arrow-img:before {
    right: 25px;
}
#myCarousel2.plp-carousel .carousel-indicators {
    width: 100% !important;
    transform: translate(-50%, -50%);
    left: 50% !important;
    top: 70%;
    margin: auto;
}
#myCarousel2.plp-carousel .carousel-inner .item-inner-img {
    width: 100%;
}*/

/*26-11-21 */
.stylish-select-left:focus {
    outline: 0;
}

/*29-11-21 */
/*crausel*/
#myCarousel2.plp-carousel {
    max-width: 100%;
    margin: 80px auto;
    height: auto;
}

    #myCarousel2.plp-carousel .carousel-control.backword-arrow {
        right: 25%;
    }

    #myCarousel2.plp-carousel .carousel-control.forward-arrow {
        left: 25%;
    }

    #myCarousel2.plp-carousel a.carousel-control {
        width: 10%;
        top: -38%;
    }

    #myCarousel2.plp-carousel .backword-arrow-img:before {
        right: 25px;
    }

    #myCarousel2.plp-carousel .carousel-indicators {
        width: 100% !important;
        transform: translate(-50%, -50%);
        left: 50% !important;
        top: 64%;
        margin: auto;
    }

    #myCarousel2.plp-carousel .carousel-inner .item-inner-img {
        width: 100%;
    }

.plp-wrapper #myCarousel2.plp-carousel .item-inner-caption {
    max-width: 800px;
    width: 100%;
    height: 200px;
    margin-top: 120px;
}
/*carousel link*/
.item-inner-caption a.plp-product-title {
    font-family: Futura;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.04;
    letter-spacing: -1.68px;
    text-align: center;
    color: #012169;
}

@media (max-width: 767px) {
    .item-inner-caption a.plp-product-title {
        // width: 295px;
        // height: 57px;
        // margin: 20px 39px 0 41px;
        font-family: Futura;
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.23;
        letter-spacing: -0.77px;
        text-align: center;
        color: #012169;
    }
}
/*02-12-21 */
a.faq-showmore-button {
    position: relative;
}

    a.faq-showmore-button:after {
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
        top: auto;
        margin-left: 0;
    }

@media screen and (max-width: 767px) {
    #homeVideo.video-module.video-module--tab-nav .home-module a {
        max-width: 300px;
        width: 100%;
    }

    .videoImgSlider button.slick-prev {
        top: auto;
        bottom: -39px;
        left: 0px;
    }

    .videoImgSlider button.slick-next {
        top: auto;
        bottom: -39px;
        right: 20px;
    }
    /*plp--caraousel*/
    #myCarousel2.plp-carousel {
        margin: auto;
        width: 90%;
    }

    .plp-carousel .carousel-inner {
        left: 0;
    }

    #myCarousel2.plp-carousel .carousel-control.forward-arrow {
        left: 0;
    }

    #myCarousel2.plp-carousel .carousel-control.backword-arrow {
        right: 0;
    }

    .plp-wrapper #myCarousel2.plp-carousel .item-inner-caption {
        text-align: center;
    }

    #myCarousel2.plp-carousel .carousel-indicators {
        top: 20%;
        height: 20px;
        width: auto !important;
    }
}

@media screen and (min-width: 992px) {
    .product-banner-carousel .product_detail_banner .pdp-bakground-image img {
        width: 100%;
        height: 430px;
        max-height: 460px;
    }

    .product-banner-carousel .product_detail_banner .product-carousel .item-inner-img img {
        height: auto;
        margin: 0;
        position: absolute;
        top: -28px;
        right: 120px;
        max-width: 445px;
    }

    .product-banner-carousel .product_detail_banner .item-inner-img {
        width: 100%;
    }

    .product-banner-carousel .product_detail_banner .Left.carousel-control.forward-arrow {
        left: auto !important;
        right: 650px;
        width: auto;
    }

    .product_detail_banner .right.carousel-control.backword-arrow {
        right: 75px !important;
        left: auto;
        width: auto;
    }

    .main-content .product-banner-carousel.product-header #mypProductCarousel .carousel-indicators {
        width: auto;
        left: auto !important;
        transform: translateX(-50%);
        right: 325px;
        margin: 0;
        bottom: 25%;
    }
}

/*03-12-21*/
.review-stars-wrapper .review-stars {
    background-image: url('../images/rating-stars-hollow.svg');
}

    .review-stars-wrapper .review-stars::before {
        background-image: url('../images/rating-stars-solid.svg');
    }

#prodFaqs.faqs-old .faq-old .faq__question {
    background: url('../images/faq-plus.png') right 15px center no-repeat;
    background-color: #fff;
    color: #002b7f;
}
/* #oxicleanpage_1_maincontent_1_productdetails_0_ImageWrapper {
    height: 530px !important;
    text-align: center;
    width: 528px !important;
} */

/* 07-12-21 */
div.product-header__info h1,
.product-info .product-info__text h2,
.product-how-to-use h2,
.product-reviews .product-reviews__header h2 {
    color: #002b7f;
}

.header--desktop .header__nav-bar a.header__logo {
    margin: -60px 0 0 -45px;
}

.product-header.product-header-old {
    margin-top: 60px;
    background: linear-gradient(to bottom, #ffffff 60%, #8ed8ff 100%);
}

.product-header-old .product-header__images .carousel-wrapper .carousel--product-images .carousel__item--product-images img {
    margin: auto;
}

#prodFaqs.faqs-old .faq-old .faq__question {
    background: url('../images/faq-plus.png') right 15px center no-repeat;
    background-color: #ffffff;
    color: #002b7f;
    border-radius: 0;
}

#prodFaqs.faqs-old .faq-old.active .faq__question {
    background: url('../images/faq-minus.png') right 15px center no-repeat;
    background-color: #93daff;
    color: #002b7f;
}

#prodFaqs.faqs-old .faq-old .faq__answer {
    border-radius: 0;
}

    #prodFaqs.faqs-old .faq-old .faq__answer p {
        color: #002b7f;
    }
/*add this*/

.related-products-old .carousel-wrapper--related-products .carousel--related-products {
    display: flex;
}

    .related-products-old .carousel-wrapper--related-products .carousel--related-products .related-product__image-wrapper {
        height: 270px;
        width: 270px;
    }

.faqs.faqs-old {
    background: #0084c9;
}

.related-products.related-products-old {
    background: #ffffff url('../images/bg-diag-stripe.png') left top repeat !important;
}

.related-product.related-product-old .review-stars-wrapper .review-stars__count {
    color: #ffd400;
}

.review-bars-wrapper .review-bars__item,
.how-to-use-product__content .how-to-use-product__content__text h3,
.how-to-use-product__content .how-to-use-product__content__text ol li,
.product-reviews__header__general-stats__overall h3,
.product-reviews__header__general-stats__overall .product-reviews__header__general-stats__overall__star-count,
.product-reviews__header__general-stats__stars span.review-stars__review,
.product-reviews__write-review-bar h2,
.product-reviews__stats .review-bars-wrapper,
.product-reviews__stats .review-big-bars-wrapper,
.product-reviews__sort-bar .product-reviews__sort-bar__count,
.product-reviews__sort-bar .product-reviews__sort-bar__input-label,
.product-review__review .product-review__review__product-name,
.product-review__review .review-stars-wrapper .review-stars__time,
.product-review__review .product-review__review__title,
.product-review__review__info-wrapper .product-review__review__desc,
.how-to-use-product__content .how-to-use-product__content__text p,
div.product-header__info h1,
div.product-header__info .product-header__info__text h2,
div.product-header__info .product-header__info__text,
div.product-header__info .product-header__info__text li,
div.product-header__info .product-header__info__text span,
div.product-header__info .product-header__info__text p,
.product-info .product-info__text h2,
.product-info .product-info__text .product-info__text__content h3,
.product-info .product-info__text .product-info__text__content p,
.product-how-to-use h2,
.product-reviews .product-reviews__header h2 {
    color: #002b7f;
}

.faq-banner-title {
    position: relative;
    top: 120px;
}

@media screen and (max-width: 767px) {
    .faq-banner-title {
        top: 0;
    }

    .faq-banner img {
        height: 100%;
    }

    .product-banner-carousel .product_detail_banner .item-inner-caption .product-rating {
        text-align: center;
    }

    .backword-arrow-img:before,
    .forward-arrow-img:before {
        height: 30px;
        width: 30px;
    }

    .related-products.related-products-old {
        min-height: 410px;
    }

        .related-products.related-products-old .related-product__image img {
            margin: auto;
        }

        .related-products.related-products-old .carousel-wrapper--related-products .slick-slider ul.slick-dots li button {
            bottom: -30px;
            border: 1px solid #0084c9;
            position: relative;
        }

        .related-products.related-products-old .carousel-wrapper.carousel-wrapper--related-products {
            top: 30px;
        }

    .product-header.product-header-old .slick-slider ul.slick-dots {
        position: static;
    }

    .related-products-old .carousel-wrapper--related-products .carousel--related-products .related-product__image-wrapper {
        height: 180px;
        width: 180px;
    }

    .carousel__arrows--related-products .carousel__arrow--prev--related-products.slick-arrow {
        left: 0;
    }

    .carousel__arrows--related-products .carousel__arrow--next.carousel__arrow--next--related-products.slick-arrow {
        right: 0;
    }

    #oxicleanpage_1_maincontent_1_productdetails_0_ImageWrapper {
        height: 300px !important;
        text-align: center;
        width: 300px !important;
    }

    .product-header.product-header-old .slick-slider ul.slick-dots li button {
        border: 2px solid #0084c9;
    }
}
/* 09-12-21 */
@media screen and (max-width: 375px) {
    .main-content .article-header-image img.show-large-inline-block {
        display: none;
    }

    .main-content .article-header-image img.show-small-medium-inline-block {
        display: block;
    }
}

.main-content #prodInfo .container {
    width: 100%;
    /*max-width: 1170px;*/
}

.signup-section .signup-form {
    height: 500px;
}

    .signup-section .signup-form #footer_signup_iframe {
        display: block;
    }
/* 17-12-21 */
@media screen and (max-width: 767px) {
    #homeVideo.video-module.video-module--tab-nav .home-module a {
        max-width: 100%;
        width: 100%;
    }

    .videoImgSlider.slider {
        border-width: 8px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .slick-prev:before, .slick-next:before {
        background-image: url('../images/slider-arrow-next-white-2.png');
    }
}

.header--desktop .header-old_nav-bar a.header_old-logo {
    margin: -16px 0 0 -45px !important;
}

.product-header__info__buttons .button {
    margin-bottom: 135px;
}

.how-to-use-product__content__text h3 {
    font-size: 1.17em;
}

@media screen and (max-width: 767px) {
    .slick-prev:before, .slick-next:before {
        background-image: url('../images/slider-arrow-next-white-2.png');
    }

    .videoImgSlider .slick-dots {
        width: 200px;
        transform: translateX(-50%);
        left: 50%;
    }
}
/*20-12-21 */

.carousel--related-products .set-height {
    top: 28%;
}

/*21-12-21*/
@media screen and (max-width: 767px) {
    .videoImgSlider button.slick-prev {
        top: auto;
        bottom: -68px;
        left: 0px;
        width: auto;
        height: auto;
    }

    .videoImgSlider button.slick-next {
        top: auto;
        bottom: -70px;
        right: 0;
        width: auto;
        height: auto;
    }

    .stainRemoverContainer h2.stainRemover-info__text__title {
        order: 2;
    }

    .stainRemoverContainer .stainRemover-info__text {
        order: 1;
    }

    .stainRemoverContainer .stainRemover__image {
        order: 3;
    }

    .carousel-wrapper--related-products a.new-backword-arrow span.new-backword-arrow-img {
        top: 30%;
        left: 30px;
        z-index: 4;
    }

        .carousel-wrapper--related-products a.new-backword-arrow span.new-backword-arrow-img:before {
            visibility: visible;
        }

    .carousel-wrapper--related-products a.new-forward-arrow {
        top: 9%
    }
}
/*23-12-21*/
@media screen and (max-width: 767px) {
    .related-products.related-products-article .item-inner-caption a.article-related-product__title {
        font-size: 19px;
    }
}
.videoImgSlider .slick-next, .videoImgSlider .slick-prev {
    height: 40px;
    width: 40px;
}
.product-header-old .product-header__info .review-stars-wrapper .review-stars__count a {
    color: #0084c9;
    font-size: 14px;
}
.related-product__image-wrapper a:focus {
    outline: none !important;
}
.old-footer {
    padding: 65px 0 25px;
}
.product-how-to-use .carousel--how-to-use .how-to-use-product__header {
    line-height: 1.1;
}
.related-products related-products-old .review-stars-wrapper span.review-stars__count {
    color: #ffd400;
}
.product-header__info__buttons .button--outline {
margin-bottom: 12px;
}
.carousel carousel--related-products .carousel__item carousel__item--related-products .related-product .review-stars-wrapper .review-stars__count{
color:#ffd400;
}
.product-header-old .product-header__info .review-stars-wrapper .review-stars__count a {
    font-weight: bold;
}
.related-products-old .review-stars-wrapper .review-stars__count {
    color: #ffd200;
font-size:14px;
}
/*27-12-21 */
@media screen and (min-width: 768px){
.new-coupon-button {
background: #ffffff;

}
}
.pagination{width:100%;
}
.popover--open .popover {
margin: 0;
top: 36%;
max-width: 640px !important;
display: block;
left: -54%;
border: 0;
padding: 15px;
box-shadow: 0 0 25px #9f9f9f;
z-index:2 }
.popover--where-to-buy h2 {color:#002b7f;
}
@media screen and (max-width: 767px) {
.popover--open .popover{
width: 108%;
max-width: 108%;
top: 87px;
margin-right: 0;
left: -16px;
border: 0;
}
}
@media screen and (max-width: 767px) {
    .signup-section .signup-form {
        height: auto;
    }
}
/*28-12-21 */
.featherlight .featherlight-close-icon {
color: transparent;
}
.product-header__info__buttons--desktop .button--where-to-buy-wrapper a.button--solid {
margin-bottom: 10px;
}
.product-header__info__buttons--desktop>a.button--solid {
margin-bottom: 135px;
}
.product-header__info__buttons--desktop {
margin-bottom:50px;
}
.article-section-spacing
{
margin-bottom:25px;
}
.product-anchor-bar__links__link{
line-height:1;
}
.where-to-buy-search .where-to-buy-title-container h1 {
color : #002b7f;
}
.where-to-buy-search .where-to-buy-heading h3 {
color : #002b7f;
}
.result-count-color {
color : #002b7f;
}
.product-single__title-color {
color : #002b7f;
}

#left_col h2 { color : #002b7f;}
#right_col h2 {color : #002b7f;}
.line-separator table tbody tr td {
font-size:18px;
}
.article-anchor-bar__anchors a {
color: #ffffff;
}

.carousel .carousel-control .glyphicon-chevron-left,.carousel .carousel-control .glyphicon-chevron-right{
z-index: 0;
}
.article-sections,.article-sections__section__content, .article-sections__section__content__text {
color: #002b7f;
}
.container--column-content--three {
color: #002b7f;
} 
.header-with-share.coupon-page {
color: #002b7f;
}