@font-face {
    font-family: UPBOLTERS;
    src: url('../fonts/UPBOLTERS.eot') format('embedded-opentype');
    src: url('../fonts/UPBOLTERS.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/UPBOLTERS.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/UPBOLTERS.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight: normal;
}

@font-face {
    font-family: UPBOLTERS-Italic;
    src: url('../fonts/UPBOLTERS-Italic.eot') format('embedded-opentype');
    src: url('../fonts/UPBOLTERS-Italic.eot?#iefix`') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/UPBOLTERS-Italic.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/UPBOLTERS-Italic.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight: normal;
}

a {
    text-decoration: none !important;
}

body {
    background: #3452d3;
    font-size: 16px;
}

.available-in-text {
    text-transform: capitalize;
}


sup {
    font-family: Arial, sans-serif;
}

.wow {
    visibility: hidden;
}

.page-laundryTips .w-100 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ps-no-results {
    margin-bottom: 40px;
}

header.wow {
    z-index: 1000;
}

header .header-wrapper {
    z-index: 10;
}

section.wow {
    z-index: 2;
}

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

.nonHeroPageTile {
    display: none;
    width: 100%;
    height: 6px;
    background: url(../images/navBkgTileBottomForWhitePages.png) repeat-x;
}

footer .nonHeroPageTile {
    background: url(../images/footerBkgTileBottomForWhitePages.png) repeat-x;
    display: none;
}

.slick-arrow {
    /*display:none !important;*/
}

.carousel .slick-arrow {
    display: none !important;
}


.slick-dots {
    left: 0px;
}

/***** BUTTONS  ******/
button {
    cursor: pointer;
}

    button.buttonLearnMoreSmall {
        width: 141px;
        height: 38px;
        background: url(../images/buttons/learnMoreOutSmall.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
    }

        button.buttonLearnMoreSmall:hover {
            background: url(../images/buttons/learnMoreOverSmall.png) no-repeat;
        }

    button.buttonLearnMoreCarousel {
        width: 152px;
        height: 43px;
        background: url(../images/buttons/learnMoreOutHomeRotator.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
    }

        button.buttonLearnMoreCarousel:hover {
            background: url(../images/buttons/learnMoreOverHomeRotator.png) no-repeat;
        }

    button.buttonECRM {
        width: 152px;
        height: 43px;
        background: url(../images/buttons/learnMoreOutEcrm.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
    }

        button.buttonECRM:hover {
            background: url(../images/buttons/learnMoreOverEcrm.png) no-repeat;
        }


    button.buttonViewAll {
        width: 141px;
        height: 38px;
        background: url(../images/buttons/viewAllOut.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
    }

        button.buttonViewAll:hover {
            background: url(../images/buttons/viewAllOver.png) no-repeat;
        }

    button.buttonHeroPrevious {
        width: 56px;
        height: 111px;
        background: url(../images/buttons/sliderPrevious.png) no-repeat;
        border: none;
        outline: none;
        padding: 0px;
        position: absolute;
        top: 100px;
        left: -30px;
        z-index: 2000;
    }

    button.buttonHeroNext {
        width: 56px;
        height: 111px;
        background: url(../images/buttons/sliderNext.png) no-repeat;
        border: none;
        outline: none;
        padding: 0px;
        position: absolute;
        top: 100px;
        right: -30px;
        z-index: 2000;
    }

    button.buttonSubmit {
        width: 141px;
        height: 38px;
        background: url(../images/buttons/submitOut.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
    }

        button.buttonSubmit:hover {
            background: url(../images/buttons/submitOver.png) no-repeat;
        }

    button.buttonViewAllProducts {
        background: #e9f7fd;
        background: -moz-linear-gradient(top, #e9f7fd 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #e9f7fd 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #e9f7fd 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f7fd', endColorstr='#ffffff',GradientType=0 );
        padding-top: 15px;
        padding-bottom: 15px;
        width: 100%;
        text-align: center;
        font-family: "omnes-pro";
        font-weight: 500;
        font-size: 18px;
        color: #003399;
        border: none;
    }

    button.buttonJoinNow {
        width: 135px;
        height: 38px;
        background: url(../images/buttons/joinNowOut.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
    }

        button.buttonJoinNow:hover {
            background: url(../images/buttons/joinNowOver.png) no-repeat;
        }

    button.buttonLearnHow {
        width: 141px;
        height: 38px;
        background: url(../images/buttons/learnHowOut.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
    }

        button.buttonLearnHow:hover {
            background: url(../images/buttons/learnHowOver.png) no-repeat;
        }

    button.buttonSeeLaundryTips {
        width: 165px;
        height: 38px;
        background: url(../images/buttons/seeLaundryTipsOut.png) no-repeat;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
        display: block;
    }

        button.buttonSeeLaundryTips:hover {
            background: url(../images/buttons/seeLaundryTipsOver.png) no-repeat;
        }


    button.buttonShopNow {
        background: url(../images/buttons/shopNowOut.png) no-repeat;
        width: 200px;
        height: 41px;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
        display: block;
        margin-top: 0px;
        float: left;
        margin-left: 25px;
    }

        button.buttonShopNow:hover {
            background: url(../images/buttons/shopNowOver.png) no-repeat;
        }

    button.buttonUpdateFilter {
        background: url(../images/buttons/updateFilter.png) no-repeat;
        width: 175px;
        height: 40px;
        transition: background linear 400ms;
        -webkit-transition: background linear 400ms;
        -moz-transition: background linear 400ms;
        -o-transition: background linear 400ms;
        border: none;
        outline: none;
        padding: 0px;
        display: block;
        margin-top: 0px;
        float: left;
        margin-left: 0px;
        margin-top: 30px;
    }

        button.buttonUpdateFilter:hover {
            background: url(../images/buttons/updateFilterOver.png) no-repeat;
        }

/**** HEADER ****/
header {
    background: #3452d3;
    min-height: 147px;
}

    header .header-wrapper {
        background: url('../images/navBkgDesktop.png') no-repeat;
        position: relative;
        height: 147px;
        /*width:1200px;*/
        margin: 0px auto;
    }

/***** HEADER LOGO *****/
#logo {
    position: absolute;
    left: 95px;
    bottom: 29px;
    z-index: 2;
}

    #logo img {
        width: 80%;
    }

#logo-footer1, #logo-footer2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/***** HEADER NAVIGATION  ******/
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}

.navbar {
    background: none;
    border: none;
    position: absolute;
    /*right: 135px;*/
    right: 0px;
    bottom: 45px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background: none;
}

.nav-caret {
    margin-left: 7px;
}

nav.top ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    nav.top ul.navItems {
    }

        nav.top ul.navItems li {
            display: inline-block;
            padding: 0px 5px;
            /*position:relative;*/
        }

            nav.top ul.navItems li a.topNavItems {
                font-family: UPBOLTERS-Italic;
                font-size: 1.5rem;
                font-weight: normal;
                color: #fff;
                background: none;
                transition: color linear 500ms, background-color linear 500ms;
                -webkit-transition: color linear 500ms, background-color linear 500ms;
                -moz-transition: color linear 500ms, background-color linear 500ms;
                -o-transition: color linear 500ms, background-color linear 500ms;
                padding: 11px 15px;
            }

                nav.top ul.navItems li a.topNavItems:hover, nav.top ul.navItems li:hover a.topNavItems {
                    color: #c1c1c1;
                    border-bottom: 3px solid #c1c1c1;
                }



            nav.top ul.navItems li:first-child {
                padding-left: 0px;
            }

            nav.top ul.navItems li:last-child {
                padding-right: 0px;
            }



/**** FOOTER ****/

footer {
    background: #304bc1;
    min-height: 380px;
}

    footer .footer-wrapper {
        background: url('../images/footerBkgDesktop.png') no-repeat;
        position: relative;
        height: 380px;
        /*width: 1200px;*/
        margin: 0px auto;
        padding-top: 35px;
    }

/***** FOOTER SOCIAL ICONS *****/

.footer-social-icons {
    /*text-align: center;*/
    padding-top: 20px;
    margin-bottom: 20px;
}

    .footer-social-icons .footer-social-icon {
        display: inline-block;
        height: 50px;
        width: 50px;
        border: 2px solid #b9b7b7;
        border-radius: 90px;
        text-align: center;
        font-size: 23px;
        color: #b9b7b7;
        margin-right: 30px;
        cursor: pointer;
    }

.footer-social-icon a {
    color: #fff;
    text-decoration: none;
}

.footer-social-icon i {
    margin-top: 11px;
}

/***** FOOTER NAVIGATION  ******/
nav.bottom {
    display: block;
    margin-top: 18px;
    width: 82%;
}

    nav.bottom ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
        text-align: left;
    }

        nav.bottom ul.navItems li {
            display: block;
            padding: 15px 15px;
            padding-bottom: 0px;
            position: relative;
        }

            nav.bottom ul.navItems li a {
                font-family: UPBOLTERS-Italic;
                font-size: 20px;
                font-weight: normal;
                color: #b9b7b7;
            }



/****** FOOTER COPYRIGHT *****/

.copyright {
    font-family: UPBOLTERS-Italic;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    width: 82%;
    color: #b9b7b7;
    margin-top: 40px;
    padding-left: 15px;
    /*margin:0px auto;*/
}

    .copyright p {
        margin-bottom: 0px;
        margin: 0 0 10px;
        letter-spacing: 1px;
    }

        .copyright p:last-child {
            margin-bottom: 0px;
        }


/*** HOME PAGE CAROUSEL *****/
@media (min-width: 1200px) {
    .container.hero-image, .container.productCategoryHero {
        width: 1200px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .container {
        max-width: 1200px;
    }
}

.hero-image-wrapper {
    background: #3452d3;
}

carousel.hero-images {
    padding: 0px;
    margin: 0px;
}

.slick-dots li {
    margin: 0px 13px;
    width: 49px;
    height: 12px;
}

    .slick-dots li button {
        background: url(../images/carousel-icon.png) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        opacity: 0.4;
        width: 49px;
        height: 12px;
    }

    .slick-dots li.slick-active button {
        opacity: 1.0;
    }

.hero-image {
    position: relative;
}

/***** HOME PAGE *****/

#main-content {
    /*width: 1200px;*/
    margin: 0px auto;
    position: relative;
    opacity: 1;
    background: #3452d3;
}

    #main-content.loaded {
        opacity: 1;
        /*transition: opacity linear 500ms;
        -webkit-transition: opacity linear 500ms;
        -moz-transition: opacity linear 500ms;
        -o-transition: opacity linear 500ms;*/
    }


.hero-image-wrapper {
    display: none;
}

    .hero-image-wrapper:first-child {
        display: block;
    }

.hero-image.active {
    display: block;
}

.browseByFormInfo {
    font-family: UPBOLTERS-Italic;
    font-size: 2.5rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
}

a:hover .browseByFormInfo {
    color: #c1c1c1;
}

.browseByFormInfo img {
    margin-top: -10px;
}

.featuredSections {
    margin-top: 65px;
    /*margin-bottom: 85px;*/
}

.featuredSectionInfo {
    position: absolute;
    bottom: -5px;
    left: 50px;
}

    .featuredSectionInfo .fas {
        margin-left: 5px;
    }

    .featuredSectionInfo p {
        font-family: 'Open Sans', sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        color: #ffffff;
        width: 89%;
    }

        .featuredSectionInfo p b {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
            text-transform: uppercase;
        }

.featuredSectionImage img {
    margin: 0px auto;
    display: block;
    /*max-height:195px;*/
    width: auto;
}


/***** SINGLE STATIC TEXT PAGE ***/

.singleStaticTextWrapper {
    width: 87%;
    margin: 0px auto;
}

.singleStaticText {
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 40px;
}

    .singleStaticText h1 {
        font-family: UPBOLTERS;
        font-size: 3rem;
        font-weight: normal;
    }

    .singleStaticText h2 {
        font-family: UPBOLTERS;
        font-size: 1.875rem;
        font-weight: normal;
        margin-top: 30px;
    }

    .singleStaticText p {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.0625rem;
        font-weight: 300;
    }

        .singleStaticText p a {
            color: #fff;
            text-decoration: none;
        }

            .singleStaticText p a:hover {
                text-decoration: underline !important;
            }

/***** PRODUCT DETAIL PAGE ******/
.youMayAlsoLike {
    text-align: center;
}

.productDetail > div {
    margin-bottom: 20px;
}

.breadcrumbs-block {
    margin-top: 15px;
    z-index: 10;
}

.breadcrumb {
    background-color: #3452d3;
    border: none;
    padding-top: 0px;
    margin-bottom: 25px;
    padding-left: 0px;
}

    .breadcrumb li a, .breadcrumb li {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #b9b7b7;
    }

        .breadcrumb li a:hover {
            text-decoration: underline !important;
        }

.breadcrumb-item.active {
    color: #b9b7b7;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #b9b7b7;
}

h1.productTitle {
    font-family: UPBOLTERS;
    font-size: 3rem;
    line-height: 2.75rem;
    font-weight: normal;
    color: #ffffff;
}

    h1.productTitle .productType {
        font-size: 2.75rem;
    }

.productDescription p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.0625rem;
    color: #ffffff;
}

.productDescription ul li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.0625rem;
    color: #ffffff;
}

.productContent .productImage img {
    margin-top: -60px;
}


.productContentSection {
    position: relative;
    height: 20px;
    margin-top: 80px;
    margin-bottom: 60px;
    z-index: 1;
}

    .productContentSection.products {
        margin-top: 0px;
    }

    .productContentSection .gradientBar {
        background: rgba(118,126,127,1);
        background: -moz-linear-gradient(left, rgba(118,126,127,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(118,126,127,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(118,126,127,1)), color-stop(40%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(100%, rgba(118,126,127,1)));
        background: -webkit-linear-gradient(left, rgba(118,126,127,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(118,126,127,1) 100%);
        background: -o-linear-gradient(left, rgba(118,126,127,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(118,126,127,1) 100%);
        background: -ms-linear-gradient(left, rgba(118,126,127,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(118,126,127,1) 100%);
        background: linear-gradient(to right, rgba(118,126,127,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(118,126,127,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767e7f', endColorstr='#767e7f', GradientType=1 );
        height: 4px;
        display: inline-block;
        margin-left: 23px;
        margin-top: 23px;
        flex-grow: 100;
        margin-right: 30px;
    }

    .productContentSection .textContainer {
        text-align: left;
        display: inline-block;
    }

    .productContentSection h2 {
        padding: 5px;
        display: inline-block;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
        font-family: UPBOLTERS;
        /*font-size: 3em;*/
        font-size: 2.5rem;
        font-weight: 400;
        color: #dddddd;
        margin-left: 10px;
    }

    .productContentSection h1 {
        padding: 5px;
        display: inline-block;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
        font-family: UPBOLTERS;
        /*font-size: 3em;*/
        font-size: 2.5rem;
        font-weight: 400;
        color: #dddddd;
        margin-left: 10px;
    }

    .productContentSection p {
        font-family: "omnes-pro";
        font-size: 16px;
        font-weight: 500;
        color: #666666;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

.ratingsReviewSectionHeading {
    height: 75px;
    width: 100%;
    background: url(/images/ratingsReviewsBG.png) no-repeat;
    overflow: hidden;
    margin-bottom: 0px;
}

    .ratingsReviewSectionHeading .textContainer {
        top: 15px;
        text-align: left;
    }

    .ratingsReviewSectionHeading h2 {
        font-family: UPBOLTERS-Italic;
        font-size: 36px;
        color: #dddddd;
        margin-left: 95px;
        margin-top: 10px;
    }

        .ratingsReviewSectionHeading h2 img {
            vertical-align: top;
            margin-left: 10px;
            cursor: pointer;
        }


.ratingsReviewSectionHeadingWrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a44b4+0,2740ac+50 */
    background: #2a44b4; /* Old browsers */
    background: -moz-linear-gradient(top, #2a44b4 0%, #2740ac 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2a44b4 0%,#2740ac 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2a44b4 0%,#2740ac 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a44b4', endColorstr='#2740ac',GradientType=0 ); /* IE6-9 */
}

.pr_review_summary {
    margin-left: 95px;
}

.productRatingReviewWrapper {
    display: block;
}

.ingredientsSectionHeading {
    height: 66px;
    width: 100%;
    background: url(/images/ingredientsBG.png) no-repeat;
    overflow: hidden;
    margin-bottom: 0px;
    margin-top: 50px;
}

    .ingredientsSectionHeading .textContainer {
        top: 15px;
        text-align: left;
    }

    .ingredientsSectionHeading h2 {
        font-family: UPBOLTERS-Italic;
        font-size: 36px;
        color: #dddddd;
        margin-left: 95px;
        margin-top: 10px;
    }

        .ingredientsSectionHeading h2 img {
            vertical-align: top;
            margin-left: 10px;
            cursor: pointer;
        }

.ingredientsSectionHeadingWrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a44b4+0,2740ac+50 */
    background: #2a44b4; /* Old browsers */
    background: -moz-linear-gradient(top, #2a44b4 0%, #2740ac 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2a44b4 0%,#2740ac 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2a44b4 0%,#2740ac 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a44b4', endColorstr='#2740ac',GradientType=0 ); /* IE6-9 */
}

.ingredientsWrapper {
    display: none;
}


.ingredients {
    margin-top: 30px;
}

    .ingredients p {
        text-align: left !important;
        font-family: 'Open Sans', sans-serif !important;
        color: #fff;
        /*font-size: 12px !important;*/
    }

        .ingredients p b {
            /*font-size:16px;*/
        }

.products + .productContentSection {
    margin-top: 60px;
}

/****** PRODUCTS TILE  ******/
.productTypeContentSection {
    display: none;
}

    .productTypeContentSection.ScentBoosters {
        display: block;
    }

.productCategoryContentSection {
    display: block;
}

.products {
    margin-bottom: 40px;
    margin-top: 0px;
}

    .products.DRYERSHEETS {
        margin-top: 0px;
    }

    .products.FragranceBoosters {
        text-align: center;
    }

    .products.single-product-page {
        text-align: center;
    }

    .products .product {
        /*display: inline-block;
        float: none;
        width: 24%;*/
        vertical-align: top;
        margin-bottom: 50px;
    }

    .products.DRYERSHEETS .product {
        margin-bottom: 0px;
    }

    .products .product .productImage {
        text-align: center;
    }



    .products .product .productTitle {
        text-align: center;
        font-family: UPBOLTERS;
        font-size: 16px;
        font-weight: 500;
        width: 70%;
        display: block;
        margin: 0px auto;
    }

.productTitle .productType {
    font-family: UPBOLTERS-Italic;
    font-size: 20px;
    font-weight: normal;
    color: #b9b7b7;
}

.products .product a {
    color: #fff;
}

.products .product {
    transition: transform linear 200ms;
    -webkit-transition: transform linear 200ms;
    -moz-transition: transform linear 200ms;
    -o-transition: transform linear 200ms;
    margin: 0px auto;
}



    .products .product:hover {
        transform: scale(1.1);
    }

.products .carousel-products .product:hover {
    transform: scale(1.02);
}

.filteredProducts .product {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}


/**** PRODUCT CATEGORY PAGE *****/
.productCategoryHeroWrapper {
    background: #3452d3 no-repeat;
}

.productCategoryHero {
    /*height: 347px;*/
    /*background-repeat: no-repeat;
    background-size: contain;*/
    position: relative;
}

    .productCategoryHero .row {
        min-height: 100%;
        height: 100%;
    }

    .productCategoryHero h1 {
        width: 100%;
        text-align: center;
        color: #fff;
        font-family: "omnes-pro";
        font-weight: 700;
        font-size: 48px;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

        .productCategoryHero h1:lang(fr-FR) {
            font-size: 38px;
        }

.productCategoryDescription {
    font-family: "omnes-pro";
    font-weight: 400;
    font-size: 18px;
    color: #032f96;
    width: 50%;
    margin: 10px auto;
    text-align: center;
}

    .productCategoryDescription h1 {
        font-family: "omnes-pro";
        font-weight: 400;
        font-size: 30px;
        color: #0398e5;
        text-transform: capitalize;
    }

    .productCategoryDescription h2 {
        font-family: "omnes-pro";
        font-weight: 400;
        font-size: 18px;
        color: #032f96;
    }

/****** PRODUCTS MAIN PAGE  ******/

.page-products header .nonHeroPageTile,
.page-singleProduct header .nonHeroPageTile {
    display: block;
}

.page-products footer .nonHeroPageTile,
.page-singleProduct footer .nonHeroPageTile,
.page-laundryTips footer .nonHeroPageTile,
.page-productType footer .nonHeroPageTile,
.page-productCategory footer .nonHeroPageTile {
    display: block;
}

.productTypeImage img {
    margin: 0px auto;
}

.productTypeInfo h2 {
    font-family: "omnes-pro";
    font-weight: 400;
    font-size: 30px;
    color: #0398e5;
    width: 71%;
}

    .productTypeInfo h2 span.firstWord {
        font-weight: 600;
        font-size: 30px;
        color: #032f96;
    }

.productTypeInfo p.productTypeDescription {
    width: 65%;
}

form#filters {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
}

.productTypeSection {
    margin-bottom: 90px;
    margin-top: 50px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    color: #dddddd;
    font-weight: normal;
}

    .productTypeSection h1 {
        font-family: UPBOLTERS;
        font-size: 36px;
        color: #dddddd;
        font-weight: normal;
        margin-bottom: 50px;
    }

    .productTypeSection h2 {
        font-family: UPBOLTERS;
        font-size: 36px;
        color: #dddddd;
        font-weight: normal;
    }

    .productTypeSection h3 {
        font-family: UPBOLTERS;
        font-size: 24px;
        color: #dddddd;
        font-weight: normal;
        margin-top: 15px;
    }


.carousel-products {
    margin-bottom: 60px !important;
}

.productCollections .slick-dots {
    bottom: -30px;
}

.productCollections h2 {
    font-family: UPBOLTERS !important;
    font-size: 40px;
    color: #dddddd;
    font-weight: normal;
    width: 100%;
    text-align: center;
}

.productTypeAvailableType {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.productTypeAvailableItems {
    float: left;
    width: 75%;
}

.productTypeAvailableItemText {
    font-family: "myriad-pro";
    font-size: 14px;
    font-weight: 700;
    color: #666666;
    float: left;
    width: 25%;
}

.productTypeAvailableItem {
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #0398e5;
    border-radius: 5px;
    background: #fff;
    padding: 2px 3px;
    margin-bottom: 5px;
    transition: color linear 500ms, background-color linear 500ms;
    -webkit-transition: color linear 500ms, background-color linear 500ms;
    -moz-transition: color linear 500ms, background-color linear 500ms;
    -o-transition: color linear 500ms, background-color linear 500ms;
}

    .productTypeAvailableItem a {
        font-family: "myriad-pro";
        font-size: 15px;
        font-weight: 400;
        color: #0398e5;
        text-decoration: none;
        transition: color linear 500ms, background-color linear 500ms;
        -webkit-transition: color linear 500ms, background-color linear 500ms;
        -moz-transition: color linear 500ms, background-color linear 500ms;
        -o-transition: color linear 500ms, background-color linear 500ms;
    }

    .productTypeAvailableItem:hover {
        background: #0398e5;
    }

        .productTypeAvailableItem:hover a {
            color: #fff;
        }

.productTypeLink {
    margin-top: 20px;
}

.extra-images {
    text-align: center;
}

    .extra-images img {
        height: 65px;
        width: auto;
        display: block;
        margin: 0px auto;
        margin-bottom: 15px;
        cursor: pointer;
        transition: transform linear 200ms;
        -webkit-transition: transform linear 200ms;
        -moz-transition: transform linear 200ms;
        -o-transition: transform linear 200ms;
    }

        .extra-images img:hover {
            transform: scale(1.1);
        }

        .extra-images img:last-child {
            margin-bottom: 0px;
        }

.main-image .main-image-wrap {
    width: 100%;
    text-align: center;
}

    .main-image .main-image-wrap img.img-responsive {
        margin: 0px auto;
        max-width: 90%;
    }


.single-product-page .row .product {
    margin-bottom: 0px;
}

.extraInfoLinks {
    font-family: "omnes-pro";
    font-weight: 600;
    font-size: 18px;
    color: #032f96;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}

    .extraInfoLinks.desktop-only {
        display: inline-block;
    }

    .extraInfoLinks.mobile-only {
        display: none;
    }

    .extraInfoLinks:last-child {
        margin-right: 0px;
    }

    .extraInfoLinks i {
        color: #f39cc8;
        margin-left: 5px;
        display: inline-block;
    }

.productBuyItNow {
    margin-top: 40px;
}

    .productBuyItNow select {
        border: 1px solid #3cc1f7;
        border-radius: 7px;
        padding: 10px;
        font-family: "myriad-pro";
        font-size: 21px;
        font-weight: 400;
        color: #666;
    }

#bin-container .not-available {
    color: #fff;
}

.bin-list {
    display: block;
    overflow: hidden;
    margin-left: 3px;
    padding: 0;
    background-color: transparent;
    /*position:absolute;*/
    z-index: 2;
    clear: both;
}

    .bin-list > li {
        border: 1px solid #3cc1f7;
        border-radius: 7px;
        list-style: none;
        padding: 5px;
        background-color: #fff;
        width: 413px;
    }

    .bin-list li:first-child {
        margin-top: 10px;
    }

    .bin-list > li > a > img {
        margin-top: -5px;
        margin-left: 15px;
    }

/**** Advertisment / eCRM ******/
@media (min-width: 1200px) {
    .advertisement.container {
        width: 1200px;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1200px;
    }
}

.advertisement {
    position: relative;
}

.advertisementInfo {
    position: absolute;
    top: 10px;
    left: 98px;
}

.advertismentTitle h2 {
    font-family: "omnes-pro";
    font-weight: 500;
    font-size: 32px;
    color: #032f96;
    margin-bottom: 10px;
    margin-top: 13px;
    width: 58%;
    text-align: center;
}

.advertisementDescription {
    font-family: "omnes-pro";
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #666;
    width: 58%;
    margin-bottom: 10px;
    text-align: center;
}

.advertisementLink {
    width: 58%;
    text-align: center;
    margin-top: 20px;
}

/***** ABOUT US  PAGE *****/
.about-us .imageTextBlocks {
    margin-top: 70px;
    margin-bottom: 70px;
    overflow: hidden;
    width: 100%;
}

.about-us .imageTextBlock {
    margin: 30px 0px;
    overflow: hidden;
}

.about-us .imageTextBlockInfo h2 {
    font-family: "omnes-pro";
    font-weight: 600;
    font-size: 36px;
    color: #0398e5;
    margin-bottom: 0px;
    margin-top: 0px;
}

.about-us .imageTextBlockInfo h3 {
    font-family: "omnes-pro";
    font-weight: 400;
    font-size: 36px;
    color: #032f96;
    margin-top: 0px;
    margin-bottom: 5px;
}

.about-us .imageTextBlockInfo p {
    font-family: "myriad-pro";
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}


/*** LAUNDRY TIPS PAGE ******/
.innerPageNavigation {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

    .innerPageNavigation .innerNavItem {
        display: inline-block;
        margin-left: 30px;
        margin-right: 30px;
    }

        .innerPageNavigation .innerNavItem:first-child {
            margin-left: 0px;
        }

        .innerPageNavigation .innerNavItem:last-child {
            margin-right: 0px;
        }

        .innerPageNavigation .innerNavItem a {
            font-family: "omnes-pro";
            font-weight: 500;
            font-size: 27px;
            color: #032f96;
            text-decoration: none;
            transition: color linear 500ms;
            -webkit-transition: color linear 500ms;
            -moz-transition: color linear 500ms;
            -o-transition: color linear 500ms;
        }

            .innerPageNavigation .innerNavItem a:hover {
                color: #0398e5;
            }

            .innerPageNavigation .innerNavItem a i {
                color: #fb81b8 !important;
                margin-left: 5px;
            }

.laundry-tips {
    margin-bottom: 70px;
}

    .laundry-tips .productContentSection {
        margin-top: 50px;
    }

.horizontal .imageTextBlockInfo {
    text-align: center;
}

    .horizontal .imageTextBlockInfo h2 {
        font-family: "omnes-pro";
        font-weight: 400;
        font-size: 30px;
        color: #0398e5;
        margin-bottom: 5px;
    }

    .horizontal .imageTextBlockInfo p {
        font-family: "myriad-pro";
        font-size: 14px;
        font-weight: 400;
        color: #666666;
    }

.laundry-tip-expanded {
    display: none;
}

    .laundry-tip-expanded p {
        font-family: "omnes-pro";
        font-weight: 400;
        font-size: 16px;
        color: #666;
        margin-top: 20px;
    }

.vertical {
}

    .vertical .wrapper {
        -moz-border-image: -moz-linear-gradient(left, #fee0ef 0%, #a6e1fc 50%, #fee0ef 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #fee0ef 0%,#a6e1fc 50%,#fee0ef 100%);
        border-image: linear-gradient(to right, #fee0ef 0%,#a6e1fc 50%,#fee0ef 100%);
        border-style: solid;
        border-image-slice: 1;
        border-width: 2px;
        padding: 0px;
        cursor: pointer;
    }

    .vertical .imageTextBlockInfo {
        text-align: left;
    }

        .vertical .imageTextBlockInfo h2 {
            font-family: "omnes-pro";
            font-weight: 500;
            font-size: 30px;
            color: #0398e5;
            margin-bottom: 5px;
        }

        .vertical .imageTextBlockInfo p {
            font-family: "myriad-pro";
            font-size: 14px;
            font-weight: 400;
            color: #666666;
        }

    .vertical .expander {
        padding-right: 30px;
        text-align: right;
    }

        .vertical .expander i {
            color: #0398e5;
            font-size: 30px;
        }

    .vertical.row {
        margin-bottom: 60px;
    }

        .vertical.row:last-child {
            margin-bottom: 0px;
        }


/******** CONTACT US ********/
.contact-us.container {
    margin-top: 50px;
}

    .contact-us.container form {
        font-family: "omnes-pro";
        font-weight: 400;
        font-size: 18px;
        color: #032f96;
    }

        .contact-us.container form label {
            font-weight: 400;
        }

        .contact-us.container form .form-group.required label:after {
            content: "*";
            color: red;
        }

        .contact-us.container form input, .contact-us.container form textarea, .contact-us.container form select {
            border-color: #a8e4fc;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4fbfe+100 */
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #f4fbfe 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%,#f4fbfe 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%,#f4fbfe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4fbfe',GradientType=0 ); /* IE6-9 */
            color: #032f96;
        }

        .contact-us.container form .has-error input, .contact-us.container form .has-error textarea, .contact-us.container form .has-error select {
            border-color: #a94442;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffd6d6+100 */
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #ffd6d6 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%,#ffd6d6 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%,#ffd6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffd6d6',GradientType=0 ); /* IE6-9 */
            color: #a94442;
        }

        .contact-us.container form .btnContactUsSubmit {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .contact-us.container form .g-recaptcha {
            margin-top: 15px;
        }

        .contact-us.container form button:disabled {
            cursor: not-allowed;
        }

.help-block {
    font-size: 14px;
}
/*.form-control::placeholder {
    color: red;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: red;
}

.form-control::-ms-input-placeholder {
    color: red;
}*/

.contactInfoBox:first-child {
    margin-bottom: 53px;
}

.contactInfoBox b {
    font-family: "omnes-pro";
    font-weight: 600;
    font-size: 24px;
    color: #032f96;
    display: block;
    text-align: center;
    width: 100%;
}

.contactInfoText {
    text-align: center;
    font-family: "omnes-pro";
    font-weight: 400;
    font-size: 18px;
    color: #032f96;
}

    .contactInfoText p {
        margin-bottom: 0px;
    }

.contactInfoIcon img {
    margin: 0px auto;
    margin-bottom: 10px;
}

.contactFormBlurb {
    margin-top: 5px;
    margin-bottom: 20px;
}

.custom-radios:first-child {
    margin-bottom: 20px;
}

.custom-radios div {
    display: inline-block;
}

.custom-radios input[type="radio"] {
    display: none;
}

    .custom-radios input[type="radio"] + label {
        color: #333;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

        .custom-radios input[type="radio"] + label span {
            display: inline-block;
            width: 25px;
            height: 25px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
            border: 2px solid #FFFFFF;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            line-height: 44px;
        }

            .custom-radios input[type="radio"] + label span img {
                opacity: 0;
                transition: all .3s ease;
            }

    .custom-radios input[type="radio"]#color-1 + label span {
        background-color: #2ecc71;
    }

    .custom-radios input[type="radio"].color-2 + label span {
        background-color: #ffffff;
        border-color: #3498db;
        transition: background linear 500ms, border-color linear 500ms;
        -webkit-transition: background linear 500ms, border-color linear 500ms;
        -moz-transition: background linear 500ms, border-color linear 500ms;
        -o-transition: background linear 500ms, border-color linear 500ms;
    }

    .custom-radios input[type="radio"].color-2:checked + label span {
        background-color: #3498db;
        border-color: #3498db;
    }

    .custom-radios input[type="radio"]#color-3 + label span {
        background-color: #f1c40f;
    }

    .custom-radios input[type="radio"]#color-4 + label span {
        background-color: #e74c3c;
    }

    .custom-radios input[type="radio"]:checked + label span {
        opacity: 1;
        background: url(../images/check-icn.svg) center center no-repeat;
        width: 25px;
        height: 25px;
        display: inline-block;
    }


.checkbox.has-error label {
    color: #a94442;
}

/***** Ratings and Reviews *****/
.productRatingReviewWrapper {
    background-color: #fff;
    width: 100%;
}

/***  POWER REVIEW OVERRIDES *****/
.pr-snippet-review-count {
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
}

.pr-snippet-read-write {
    display: inline-block !important;
    margin-left: 2px !important;
}

.pr-snippet-read-reviews a, .pr-snippet-write-review a {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #fff !important;
}

.pr-snippet-write-first-review p, .pr-snippet-write-first-review a {
    color: #fff !important;
}