/*Custom Styles - Buckeye International 2015 */
/*Body */
body {
    background: #f6f6f3;
    height: auto !important;
}
html {
    background-color:transparent;
}
p,address {
    color: #49463f;
}

sub, sup {
    font-size:50%;
}

sup {
    top:-.8em;
}

h1,h2,h3,h4, h5 {
    font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
    color: #49463f;
}

p,address,input,button,select,textarea,ul,caption,.carousel-caption {
    font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
    font-size: 15px;
    text-align:left;
}
 
.bold {
    font-weight: 700;
}

h2 {
    margin: 0 0 1em;
    font-size: 1.75em;
}

placeholder {
    color: #aaa8a6;
    font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.pb-0 {
    padding-bottom:0;
    margin-bottom:0;
}

.pb-10 {
    padding-bottom:5em;
}

.pt-10 {
    padding-top:5em;
}

.pt-3 {
    padding-top:3em;
}

.mb-3 {
    margin-bottom:3em;
}

.float-none {
    float:none !important;
}

.container.page-wrap {
    margin:10em auto;
}

.larger {
    font-size:1.3em;
}
    .larger span {
     font-size:1.5em;
     font-weight:bold;
    }
#error-search a {
    color:#2b80dc;
    text-transform: uppercase;
    font-weight:bold;
    transition: .5s ease all;
}
#error-search a:hover {
    color:#97C264;
}
.safari-fix.container:before, .safari-fix.container:after, .safari-fix.row:before, .safari-fix.row:after {
    content: normal;
}

.white-bg {
    background-color:#fff;
}

.underline {
    text-decoration:underline;
}


    /* 404 Page */
    div.error-page-graphic-container {
        width: 100%;
        background-color: #d4e8f7;
        padding-top: 100px;
        margin-bottom: -5px;
    }

    svg.error-page-graphic {
        width: 100%;
    }

    div.error-page-graphic-text {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 5%;
        margin-left: 10%;
        width: 640px;
        opacity: 0;
        -webkit-transition: opacity 2s;
        transition: opacity 2s;
    }

        div.error-page-graphic-text p {
            float: left;
            margin-right: 1em;
        }

            div.error-page-graphic-text p.search-site a {
                display: inline-block;
                padding: 5px 12px;
                background-color: #97C264;
                color: #fff;
                border-radius: 3px;
                box-shadow: 0 -3px 3px -3px #333 inset;
            }

                div.error-page-graphic-text p.search-site a:hover {
                    text-decoration: none;
                    background-color: #73993d;
                }

            div.error-page-graphic-text p.contact-form a {
                display: inline-block;
                padding: 5px 12px;
                color: #fff;
                background-color: #2b80dc;
                border-radius: 3px;
                box-shadow: 0 -3px 3px -3px #333 inset;
            }

                div.error-page-graphic-text p.contact-form a:hover {
                    text-decoration: none;
                    background-color: #264a6a;
                }

        div.error-page-graphic-text h2 {
            margin-bottom: 10px;
        }

    img.error-page-ie {
        width: 100%;
        display: none;
    }

    /*Application Page*/
    form.wufoo {
        width: 100%;
        max-width: 1200px;
        padding: 8em 15px 0 15px;
        display: block;
        margin: 0 auto;
    }

        form.wufoo textarea {
            width: 100%;
            border: medium none;
        }

    /*Nav Bar */
    .navbar-inverse {
        background-color: #fff;
        border-color: transparent;
    }

    .navbar-nav {
        float: right;
        padding-top: 15px;
        font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #98948c;
        transition: color .5s ease;
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            color: #2b80dc;
        }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #2b80dc;
    }

    #search a:hover {
        border-bottom: none;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #2b80dc;
        background-color: transparent;
    }

    .navbar-nav > li > a {
        padding: 10px 20px;
        font-size: 14px;
    }

    .navbar-brand {
        padding: 15px 15px 15px 30px;
    }

    #search {
        cursor: pointer;
        cursor: hand;
    }

    #collapsed-search-bar {
        background-color: #98948c;
        width: 100%;
        left: 0;
        position: fixed;
        top: 70px;
        padding: .5% .7% .65%;
        text-align: left;
    }

        #collapsed-search-bar input {
            width: 93%;
            margin-top: 4px;
            margin-left: 1%;
            border: medium none;
            background-color: #fff;
            height: 2.5em;
            padding: .2em .5em;
        }

        #collapsed-search-bar #search-site {
            width: 5%;
            transition: background-color .5s ease;
        }

            #collapsed-search-bar #search-site:hover {
                color: #fff;
                background-color: #49463f;
            }

    .navbar-toggle {
        background-color: #98948c;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
    }

    .navbar-collapse {
        padding-right: 40px;
        width:100%;
    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #2b80dc;
        border: none;
    }

    .navbar-inverse .navbar-toggle {
        border: none;
    }

    .nav .caret {
        border-bottom-color: #98948c;
        border-top-color: #98948c;
    }

    .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret {
        border-bottom-color: #2b80dc;
        border-top-color: #2b80dc;
    }

    .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
        border-bottom-color: #2b80dc;
        border-top-color: #2b80dc;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 14px;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #2b80dc;
        background-color: transparent;
    }

    .dropdown-menu {
        border: 0;
        box-shadow: none;
        padding: 5px 0 12px;
        text-align: left;
    }

    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }

/*Product Breadcrumbs*/
.breadcrumb {
    padding: 8px 15px 8px 0px;
    margin-bottom:0;
}

    /*Arrows and Buttons*/
    .line-left {
        background-color: #2b80dc;
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 13px;
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        transtition: all .25s ease-in 0;
        -webkit-transition: .25s all ease-in;
        -moz-transition: .25s all ease-in;
        -0-transition: .25s all ease-in;
        -ms-transition: .25s all ease-in;
        width: 18px;
    }

    .line-right {
        background-color: #2b80dc;
        display: block;
        height: 2px;
        right: 0;
        position: absolute;
        top: 13px;
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        transtition: all .25s ease-in 0;
        -webkit-transition: .25s all ease-in;
        -moz-transition: .25s all ease-in;
        -0-transition: .25s all ease-in;
        -ms-transition: .25s all ease-in;
        width: 18px;
    }

    .line-left-up {
        background-color: #2b80dc;
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 13px;
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        transtition: all .25s ease-in 0;
        -webkit-transition: .25s all ease-in;
        -moz-transition: .25s all ease-in;
        -0-transition: .25s all ease-in;
        -ms-transition: .25s all ease-in;
        width: 18px;
    }

    .line-right-up {
        background-color: #2b80dc;
        display: block;
        height: 2px;
        right: 0;
        position: absolute;
        top: 13px;
        transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        transtition: all .25s ease-in 0;
        -webkit-transition: .25s all ease-in;
        -moz-transition: .25s all ease-in;
        -0-transition: .25s all ease-in;
        -ms-transition: .25s all ease-in;
        width: 18px;
    }

    .arrow {
        border: 2px solid rgba(43,128,220,0);
        border-radius: 150px;
        -webkit-border-radius: 150px;
        cursor: pointer;
        display: block;
        height: 36px;
        margin: 30px auto 0;
        position: relative;
        transition: all .25s ease-in 0;
        -webkit-transition: all .25s ease-in 0;
        -moz-transition: all .25s ease-in 0;
        -ms-transition: all .25s ease-in 0;
        width: 36px;
        clear: both;
    }

        .arrow:hover {
            border: 2px solid rgba(43,128,220,1);
        }

            .arrow:hover .line-right {
                position: absolute;
                right: 0;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                width: 20px;
            }

            .arrow:hover .line-right-up {
                position: absolute;
                right: 0;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                width: 20px;
            }

            .arrow:hover .line-left {
                position: absolute;
                left: 0;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                width: 20px;
            }

            .arrow:hover .line-left-up {
                position: absolute;
                left: 0;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                width: 20px;
            }

    .arrow-down {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #08263e;
        position: absolute;
        left: 49%;
    }

    .clear-arrow {
        width: 100%;
        height: 30px;
        position: absolute;
        background-color: #f6f6f3;
    }

        .clear-arrow:before, .clear-arrow:after {
            content: '';
            position: absolute;
            bottom: 100%;
            width: 50%;
            box-sizing: border-box;
        }

        .clear-arrow:before {
            right: 50%;
            border-bottom: 30px solid #f6f6f3;
            border-right: 30px solid transparent;
        }

        .clear-arrow:after {
            left: 50%;
            border-bottom: 30px solid #f6f6f3;
            border-left: 30px solid transparent;
        }

    #white-arrow {
        border-top: 20px solid #fff;
    }

.back-btn a, .program-btn a {
    background-color: #2b80dc;
    border-radius: 3px;
    padding: 1% 2%;
    transition: background-color .5s ease 0;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 -3px 3px -3px #333 inset;
    text-decoration: none !important;
}

.back-btn a {
    width: 300px;
    display: inline-block;
}

    .resource-btn {
        width: 75%;
        padding: 1em 0 0;
        clear: both;
    }

        .resource-btn.reflections-btn {
            width: 50%;
            clear: none;
            float: left;
            padding: 1em !important;
        }

    #sym-resource-btn {
        clear: none;
        width: 100%;
    }

    .eco-btn {
        width: 100%;
    }

    .resource-btn a {
        background-color: #264a6a;
        border-radius: 3px;
        padding: 2% 5%;
        transition: background-color .5s ease 0;
        color: #fff !important;
        text-transform: uppercase;
        box-shadow: 0 -3px 3px -3px #333 inset;
        display: block;
    }

    .program-btn a {
        color: #fff !important;
        display: block;
    }

    .history-btn a {
        background-color: #2b80dc;
        border-radius: 3px;
        padding: 2% 5%;
        transition: background-color .5s ease 0;
        color: #fff;
        box-shadow: 0 -3px 3px -3px #333 inset;
        display: block;
        text-decoration: none;
    }

    .back-btn {
        text-align: center;
        padding: 2em 0 8em 0;
        clear: both;
    }

        .back-btn.contact-category {
            padding:1em 0 0 0;
        }



        .program-btn {
            text-align: center;
            padding: 2em 0 4em;
            clear: both;
        }

    .history-btn {
        text-align: left;
        padding: 2em 0 4em;
    }

        .back-btn a:hover, .history-btn a:hover, .program-btn a:hover {
            background-color: #063251;
            text-decoration: none !important;
        }

    .resource-btn a:hover, .resource-btn a:focus {
        background-color: #2b80dc;
        text-decoration: none !important;
    }

    .back-btn p, .resource-btn p, .history-btn p, .program-btn p, .learn-more p {
        font-size: 1em;
        text-align: center;
    }

    .basic .resource-btn p {
        text-align: left !important;
    }

    .top-page-btn {
        padding: 1em 0;
        clear: both;
    }

    .learn-more p {
        line-height: 4em;
        text-transform: uppercase;
        font-weight: 700;
    }

    .learn-more a {
        background-color: #97C264;
        box-shadow: 0 -3px 3px -3px #333 inset;
        padding: .75em 1.25em;
        border-radius: 3px;
        transition: background-color .5s ease;
        font-size:15px;
    }

        .learn-more a:hover {
            background-color: #73993d;
            text-decoration: none;
        }

    /*Cleaning Times Sign Up Form*/
    #signupContainer {
        margin: 0 auto 5em;
        padding: 5em 0 0;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 16px;
        text-align: left;
        color: #000;
        width: 600px;
    }

    #formContainer {
        display: block;
        padding: 2em 6%;
        position: relative;
        text-align: left;
        background-color: #fff;
    }

    #signupContainer img {
        padding: 0 0 1em 0;
        border-bottom: 3px solid #d14836;
    }

    #signupContainer p {
        margin: 0;
        padding: 0;
    }

    .privacy {
        color: #d66b2c;
        font-size: 16px;
        font-weight: 700;
    }

    .fieldgroup {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 16px;
        margin-bottom: 3px;
    }

    #thanks {
        font-size: 20px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 700;
        margin-top: 20px;
    }

    .asterisk {
        color: #d66b2c;
        font-size: 150%;
        line-height: 0;
    }

    #mc_embed_signup .mc-field-group input {
        border: 1px solid #999;
        background-color: #EEE;
        padding: 7px 0;
        text-indent: 2%;
        width: 100%;
        display: block;
        font-size: 14px;
        font-family: Arial,Helvetica,sans-serif;
        margin: 0 0 1em 0;
    }

    #mc_embed_signup .button {
        background-color: #d66b2c;
        height: 38px;
    }

        #mc_embed_signup .button:hover {
            color: #fff;
            background-color: #d66b2c;
        }

    select {
        background-color: #EEE;
        border: 1px solid #999;
    }

    #mc_embed_signup .mc-field-group select {
        width: 100%;
        font-size: 14px;
        font-family: Arial,Helvetica,sans-serif;
        padding: 7px;
        margin: 0 0 1em 0;
    }

    #mc_embed_signup .mc-field-group .asterisk {
        right: 25px;
    }

    #mc_embed_signup .mc-field-group.input-group ul {
        list-style: outside none none;
        margin: 0;
        padding: 5px 0;
    }

        #mc_embed_signup .mc-field-group.input-group ul li {
            display: block;
            margin: 0;
            padding: 3px 0;
        }

    #mc_embed_signup .mc-field-group.input-group input {
        border: medium none;
        display: inline;
        width: auto;
    }

    #mc_embed_signup .mc-field-group.input-group label {
        display: inline;
        padding: 0 0 0 1em;
    }

    #mc_embed_signup .button {
        color: #fff;
        border: 0 none;
        border-radius: 4px;
        clear: both;
        display: inline-block;
        margin: 2em 5px 10px 0;
        padding: 0 22px;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        white-space: nowrap;
        width: auto;
    }

    /*Floor Finish Contest Sign Up Form and Custom Placard Order Form*/
    #floor-finish-contest, #custom-placard-order {
        margin: 0 auto 5em;
        padding: 8em 0 0;
        font-size: 16px;
    }

        #floor-finish-contest #formContainer, #custom-placard-order #formContainer {
            border-radius: 5px;
            margin: 3em 0 0 0;
        }

        #floor-finish-contest-form input, #floor-finish-contest-form select, #custom-placard-order select, #custom-placard-order input {
            color: #2d1b00;
            height: 3em;
            padding: 0.2em 0.5em;
            width: 100%;
            margin-top: .5em;
            margin-bottom: 1em;
            border: medium none;
            background-color: #f6f6f3;
        }

        #custom-placard-order textarea {
            color: #2d1b00;
            height: 8em;
            padding: 0.2em 0.5em;
            width: 100%;
            margin-top: .5em;
            margin-bottom: 1em;
            border: medium none;
            background-color: #f6f6f3;
        }

        #floor-finish-contest-form input[type="submit"], #custom-placard-order input[type="submit"] {
            float: none !important;
            margin-top: 0;
            margin-bottom: 1em;
        }

        #custom-placard-order input[type="radio"] {
            width: auto;
            height: auto;
        }

        #custom-placard-order hr {
            border-top: solid 2px #97C264;
        }

        #floor-finish-contest .program-resources img {
            float: left;
            width: 31%;
        }

    input#upload-placard-btn {
        height: auto;
        background-color: #fff;
    }

    /*Buckeye Cloud*/

    #buckeye-cloud-body {
        height: 100vh !important;
    }

    .cloud-container {
        background-color: #fff;
        padding: 3em;
        border-radius: 5px;
    }

        .cloud-container .row {
            padding: 1em 0;
        }

        .cloud-container .border-left {
            border-left: 3px solid #f6f6f3;
            padding: 0 0 0 3em;
        }

        .cloud-container .col-md-2 svg {
            width: 75%;
            transition: .5s ease;
            fill: #49463f;
            padding: .5em 0;
        }

            .cloud-container .col-md-2 svg:hover {
                fill: #2b80dc;
            }

        .cloud-container a {
            color: #49463f;
            transition: .5s ease;
        }

            .cloud-container a:hover {
                color: #2b80dc;
            }

        .cloud-container .col-md-10 p {
            padding-top: 5%;
        }

        .cloud-container p {
            font-size: 1.2em;
        }

        .cloud-container .biz-logos svg {
            width: 70%;
            padding: 1.5em 0;
        }

    footer#cloud-footer {
        background-color: transparent;
        margin: 3em 0;
        text-align: center;
    }

    .headline {
        padding-top: 2em;
    }

        .headline h2 {
            text-decoration: underline;
        }

    @media screen and (max-width: 991px) {
        .cloud-container .border-left {
            border: none;
            text-align: center;
            padding: 0;
        }

        .cloud-container .row {
            padding: 2em 0;
        }

        .cloud-container {
            padding: 1em 2em;
        }

            .cloud-container .biz-logos svg {
                width: 90%;
            }

            .cloud-container .col-md-2 svg {
                width: 30%;
            }

        #buckeye-cloud-body {
            height: auto !important;
        }
    }

/*Page Previews*/
.page-preview {
    width: 100%;
    height: 450px;
    float: left;
    margin: 0 auto;
    text-align: center;
}

        .page-preview h2 {
            padding: 19% 0 0;
            color: #fff;
            font-size: 2em;
        }

        .page-preview p {
            color: #fff;
            font-size: 1.5em;
            text-align: center;
        }

        .page-preview .container {
            width: 60%;
        }

    .basic {
        padding: 8em 0;
    }

        .basic a {
            font-weight: 700;
            color: #49463f;
            transition: color .5s ease;
        }

            .basic a:hover {
                color: #2b80dc;
                text-decoration: none;
            }

    /*Product Page*/
    .product-pics {
        width: 100%;
        background-color: #49463f;
    }

    .product-title {
        font-size:2em;
        margin:.2em 0;
    }

.product-sub {
    margin: .25em 0 1em 0;
    color: #98948c;
    font-style:italic;
    font-size:18px;
}

.product-category {
    font-size: 1.25em;
    text-transform: uppercase;
    color: #428bca;
    margin:2em 0 0 0;
}

    .carousel-control {
        top: 30%;
        font-size: 150px;
    }

        .carousel-control.left, .carousel-control.right {
            background-image: none;
            color: #fff;
        }

    .carousel-indicators .active {
        margin: 0 5px 0 0;
    }

    #learn-more a {
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        color: #2D1B00;
    }

    #learn-more {
        padding-top: 1em;
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
    }

    .carousel {
        max-width: 1200px;
        margin: 0 auto;
    }

    .product-info {
        padding: 7em 0 5em;
    }

    .product-description {
        width: 50%;
        float: left;
        margin-right: 10%;
        text-align: left;
    }

        .product-description img {
            width: 300px;
        }

    .product-packaging {
        width: 40%;
        float: left;
        text-align: center;
    }

    .packaging-sizes {
        width: 415px;
    }

        .packaging-sizes p {
            text-align: left;
            font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        }

    #tool-bar {
        text-align: center;
        padding: 1%;
        background-color: #fff;
    }

        #tool-bar img {
            padding-bottom: 10px;
            width: 55px;
        }

        #tool-bar p, #tool-bar a {
            font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
            color: #49463f;
            text-align: center;
        }

    #msds, #literature, #resources-center-link {
        float: left;
        width: 33%;
        border-right: 3px solid #f6f6f3;
        cursor: pointer;
        cursor: hand;
    }

    #msds2 {
        display: none;
    }

    .download-guide-btn a {
        color: #fff !important;
        font-weight: 400 !important;
    }

    .program-text {
        width: 100%;
        margin: 5em auto 0;
        padding: 3em;
        background-color: #08263e;
    }

        .program-text h2, .program-text h3 {
            text-align: center;
            color: #f6f6f3;
        }

        .program-text p {
            color: #f6f6f3;
        }

    .program-callout {
        width: 100%;
        text-align: center;
        padding: 6em 0;
        clear: both;
        background-color: #fff;
    }

        .program-callout a {
            font-weight: 700;
            color: #49463f;
        }

        .program-callout .float-left {
            width: 50%;
            padding: 3% 5%;
        }

        .program-callout p {
            text-align: left;
        }

    .program-wrapper {
        width: 100%;
        clear: both;
    }

        .program-wrapper .float-right {
            width: 25%;
            padding: 0 0 0 3%;
            margin: 0 0 0 3%;
            border-left: 3px solid #647a90;
        }

    .program-products img {
        float: left;
        width: 25%;
        padding: 1em 0;
    }

    .program-callout h3 {
        font-size: 1.5em;
        color: #063251;
    }

    .brochure-btn a {
        color: #97C264;
        text-transform: uppercase;
        transition: all .5s ease;
    }

        .brochure-btn a:hover {
            color: #2b80dc;
            text-decoration: none;
        }

    /* FAQ Page*/

    #faq-wrapper {
        position: relative;
        padding-top: 2em;
        padding-left: 0;
        padding-right: 0;
    }

    #faq-header {
        background: url(/img/faq-bg.jpg) no-repeat scroll center center / cover;
        margin: 0 0 4em;
    }

        #faq-header div.container {
            padding: 12em 5em 10em;
            text-align: center;
        }

            #faq-header div.container h2, #faq-header div.container p {
                color: #fff;
                text-align: center;
            }

            #faq-header div.container p {
                font-size: 1.5em;
            }

    #chemist-wrapper {
        padding-top: 2.5em;
        position: relative;
    }

    div.search-box {
        position: absolute;
        right: 0;
        top: 6px;
    }

        div.search-box input {
            font-size: 1.2em;
            margin-right: 15px;
            padding: 0.3em 0.5em;
            width: 289px;
            border: 1px solid #08263e;
        }

    div.clear-search {
        position: absolute;
        top: 0;
        right: 21px;
        font-size: 1.5em;
        cursor: pointer;
        display: none;
    }

    div.search-box input::-ms-clear {
        width: 0;
        height: 0;
    }

    p.no-results {
        text-align: center;
        font-size: 1.2em;
        margin: 3em 0 0 0;
    }

    #chemist-feature, #contact-form {
        position: relative;
        z-index: 8;
    }

    div.grid {
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        margin-bottom: 5em;
    }

    div.grid-item {
        padding-top: 30px;
        overflow: visible !important;
    }

    div.question-container {
        cursor: pointer;
        background-color: #ffffff;
        position: relative;
        padding: 24px 45px;
    }

    div.grid-item.active div.question-container {
        cursor: auto;
    }

    div.answer-container {
        background-color: #ffffff;
        padding: 18px 45px 24px 45px;
        position: absolute;
        top: -56px;
        left: 0;
        right: 0;
        width: 100%;
        overflow: hidden;
        z-index: -1;
    }

    p.question {
        margin: 0;
        font-size: 1.55em;
        font-weight: 700;
    }

    div.question-bottom {
        margin: 0;
        border: none;
        border-top: 2px solid #08263e;
        max-width: 0;
        position: absolute;
        width: 100%;
        bottom: 10px;
        left: 46px;
        z-index: 1;
        -webkit-transition: max-width 0.5s;
        transition: max-width 0.5s;
    }

    .answer {
        margin: 0;
        font-size: 1.25em;
    }

        .answer p {
            font-size: 1.25em;
        }

        .answer ol {
            list-style: decimal;
        }

        p.question sup, .answer sup {
            font-size: 0.5em;
            top: -1em;
        }

    p.question-indicator {
        margin: 0;
        position: absolute;
        top: 23px;
        left: 12px;
        opacity: .50;
        font-size: 1.55em;
    }

    div.answer-container p.question-indicator {
        top: 11px;
    }

    div.close-icon {
        position: absolute;
        top: 0;
        right: 12px;
        font-size: 1.5em;
        cursor: pointer;
    }

    .invisible {
        visibility: hidden;
        opacity: 0;
    }

    .no-display {
        display: none;
    }

    div.bottom-triangle {
        position: absolute;
        bottom: -6px;
        right: -26px;
        width: 0;
        height: 0;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        cursor: pointer;
    }

    div.general {
        border-top: 40px solid #08263e;
    }

    div.hard-floor-care {
        border-top: 40px solid #005a00;
    }

    div.reflections {
        border-top: 40px solid #fecf2a;
    }

    div.eco {
        border-top: 40px solid #88cca4;
    }

    div.symmetry {
        border-top: 40px solid #7f90b4;
    }

    div.answer-container div.bottom-triangle {
        right: -27px;
    }

    p.answer-indicator {
        margin: 0;
        position: absolute;
        top: -38px;
        right: -10px;
        color: #ffffff;
        font-size: 1.75em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    div.darken-background {
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    header.grid-header {
        padding: 0 0 1em 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-justify-content: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    div.nav-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    div.grid-select {
        background-color: #ffffff;
        border-radius: 50px;
        height: 52px;
    }

    div.grid-select-masonry {
        float: left;
        padding: 10px;
        text-align: center;
        border-right: 1px solid #848383;
        opacity: 0.3;
        cursor: pointer;
    }

    div.grid-select-list {
        float: right;
        padding: 10px;
        text-align: center;
        border-left: 1px solid #848383;
        opacity: 0.3;
        cursor: pointer;
    }

        div.grid-select-masonry.selected, div.grid-select-list.selected {
            opacity: 1;
        }

        div.grid-select-masonry img, div.grid-select-list img {
            width: 75%;
        }

    .view-list {
        width: 100% !important;
    }

    select.mobile-nav {
        width: 100%;
        padding: 0.3em 0.5em;
        border-radius: 0;
        outline: 0;
        border: none;
        border: 1px solid #08263e;
        background-color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        display: none;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAANCAYAAAC3mX7tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAUtJREFUeNq8089KAlEUx/HvaIRCIbRyCsLxCcYZokcInWkRCCHMSgn68xQueoA2RRC0kdoIFcxoPUGrUZeurJWtozKJ4LTJEM1/pJ3lPdz7uT/uPUo+fyj8QwVUNTpzRFWjBBwnk9W02MwQTYuJ42SOFBEJAJuuW7quVGpTRQxDF9tO5QBPEREFEGDDdUu308IMQ8e2U1ngHJgLdPXubDu1bhh6a0rI/jcC8NmdqFNrrlu6r1RqwT8iJ93rv0FB4Mz3q9ueVw5PglhWEtNM7AKnvT1FZOAYLfp+9dHzyksTIH1JfuYIiAzY+2KaiVXLSr6OiRwMQjrQ+5Az3kwzoVtW8mMEsgccD7uMIiLhERiA1mg81IvFq/l2uw1AKBQind5qx+NaDrgYlVoRkQjwPMYzrDSbT/VC4XIBwHEyreVldQe4AVo9H6qvvgYAd7R15OvpfHEAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
        background-position: calc(100% - 12px) center;
        background-size: 15px;
    }

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

        div.nav-container ul li {
            display: inline;
            padding: 0.3em 1em;
            margin-right: 1em;
            cursor: pointer;
            font-size: 1.2em;
            border-left: 5px solid white;
        }

            div.nav-container ul li.selected {
                background-color: rgba(0,0,0,0.1);
            }

    /* Styles for validation helpers*/
    .field-validation-error {
        color: #ff0000;
    }

    .field-validation-valid {
        display: none;
    }

    .input-validation-error {
        border: 1px solid #ff0000 !important;
        background-color: #ffeeee !important;
    }

    .validation-summary-errors {
        font-weight: bold !important;
        color: #ff0000 !important;
    }

    .validation-summary-valid {
        display: none;
    }
    /*Sustainability Page*/

    /*ONLY IE 10 / 11*/
    @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {

        #hazardous img {
            display: block !important;
            margin: 3em auto 0 auto;
            width: 100%;
        }

        svg.leaves, #landfills svg {
            display: none !important;
        }

        #landfills img {
            display: block !important;
            width: 100%;
        }

        #sdsTable tbody tr:nth-child(2) td {
            padding-top: 205px;
        }

        img.error-page-ie {
            display: block;
        }

        svg.error-page-graphic {
            display: none;
        }
    }

    #hazardous img, #landfills img {
        display: none;
    }

    #sustainability {
        padding: 8em 0 0;
    }

    #green-globe {
        text-align: center;
        background: transparent url(../img/green-globe.svg) no-repeat center center;
        width: 100%;
        height: 500px;
        display: table;
    }

        #green-globe .container {
            display: table-cell;
            vertical-align: middle;
        }

        #green-globe h2 {
            color: #71845c;
        }

        #green-globe p {
            color: #555d50;
            font-size: 1.5em;
            text-align: center;
        }

    #hazardous p, #hazardous h2 {
        color: #71845c;
        text-align: left;
    }

    #hazardous {
        margin: -25px 0 0;
    }

    #hazardous-text {
        float: left;
        width: 35%;
        margin: -25% 0 0 5em;
    }

    #liquescent-tech, #working-smart {
        background-color: #042940;
    }

    #working-smart {
        text-align: center;
        padding: 3em 0;
    }

        #liquescent-tech p, #liquescent-tech h2, #working-smart p, #working-smart h2 {
            color: #8dc63f;
        }

    #liquescent-tech img {
        width: 75%;
    }

    #liquescent-tech h2 {
        margin: 2em 0 1em;
    }

    #liquescent-tech {
        margin: -5em 0;
        position: relative;
        z-index: 1;
    }

    #working-smart h2 {
        text-transform: uppercase;
        font-size: 2em;
        font-weight: 100;
    }

    #working-smart p {
        font-size: 1.5em;
    }

    #landfills {
        background-color: #d4e8f7;
        color: #042940;
        text-align: center;
        padding: 2em 0 0;
    }

        #landfills .container {
            padding: 8em 0 0;
            position: relative;
            color: #042940;
        }

    #proportioning-programs {
        text-align: center;
    }

        #proportioning-programs h2 {
            color: #71845c;
            text-align: center;
        }

        #proportioning-programs img {
            padding: 2.25em;
            height: 250px;
        }

        #proportioning-programs p {
            color: #8dc63f;
            text-align: left;
        }

    #green-seal-product-list {
        background-color: #b9d989;
        padding: 3em 0;
    }

        #green-seal-product-list a {
            color: #08263e;
        }

            #green-seal-product-list a:hover {
                color: #2b80dc;
                text-decoration: none;
            }

    .gs-statement {
        color: #83a656 !important;
    }

    #gs-quote {
        border-top: 2px solid #555d50;
        border-bottom: 2px solid #555d50;
        padding: 1em 0;
        text-align: center;
        font-style: italic;
        margin: 0 2em;
        line-height: 1.75em;
    }

    #green-seal-description p, #green-seal-description a {
        color: #555d50;
    }

    #green-seal-description, #liquescent-tech, #proportioning-programs {
        padding: 5em 0;
    }

        #green-seal-description a {
            font-weight: 700;
            line-height: 4em;
        }

        #green-seal-description h2 {
            color: #71845c;
            text-align: left;
        }

        #green-seal-description img {
            padding: 2em 0;
            width: 40%;
        }

        #green-seal-description .col-md-5 {
            text-align: center;
        }

    #green-seal-product-list ul {
        list-style-type: none;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    #green-seal-product-list li {
        margin: 0 0 .75em;
    }

    svg.leaves {
        max-height: 100vh;
        width: 100%;
        display: block;
        margin: 0 auto;
    }

        svg.leaves .st0 {
            fill: #BBBDBF;
        }

        svg.leaves .st1 {
            fill: #BADD8C;
        }

        svg.leaves .st2 {
            fill: #67AA44;
        }

        svg.leaves .st3 {
            fill: #9DC360;
        }

    svg.lights {
        position: relative;
        width: 30%;
        margin: 0 0 2em;
    }

        svg.lights .st0 {
            fill: #BADD8C;
        }

        svg.lights .st1 {
            fill: #D1E8B2;
        }

        svg.lights .st2 {
            fill: #E8F4D9;
        }

        svg.lights .st3 {
            fill: #A4D265;
        }

        svg.lights .st4 {
            fill: #8dc63f;
        }

        svg.lights .text {
            opacity: 0;
        }

    svg.comparison-trucks {
        margin: -8em 0 -4px;
    }

        svg.comparison-trucks .st0 {
            fill: #D3E7F7;
        }

        svg.comparison-trucks .st1 {
            fill: #FFF;
        }

        svg.comparison-trucks .st2 {
            fill: #C8C8C8;
        }

        svg.comparison-trucks .st3 {
            fill: #BADD8C;
        }

        svg.comparison-trucks .st4 {
            fill: #121212;
        }

        svg.comparison-trucks .st5 {
            fill: #82A555;
        }

        svg.comparison-trucks .st6 {
            fill: #231F20;
        }

        svg.comparison-trucks .st7 {
            fill: #FFF;
            stroke: #000;
            stroke-width: 5.3985;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        svg.comparison-trucks .st8 {
            fill: #FFF;
            stroke: #000;
            stroke-width: 8.1249;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        svg.comparison-trucks .st9 {
            fill: #FFF;
            stroke: #000;
            stroke-width: 5.3674;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        svg.comparison-trucks .st12 {
            fill: #8DC63F;
        }

        svg.comparison-trucks .st13 {
            fill: none;
            stroke: #8DC63F;
            stroke-width: 6.1466;
            stroke-linecap: round;
            stroke-miterlimit: 10;
        }

        svg.comparison-trucks .st14 {
            fill: none;
            stroke: #8DC63F;
            stroke-width: 6.1899;
            stroke-linecap: round;
            stroke-miterlimit: 10;
        }

        svg.comparison-trucks .st15 {
            fill: none;
            stroke: #FFF;
            stroke-width: .6414;
        }

        svg.comparison-trucks .st16 {
            fill: none;
            stroke: #9ACC65;
            stroke-width: .6414;
        }

        svg.comparison-trucks .bal0 {
            fill: #8DC63F;
        }

        svg.comparison-trucks .bal1 {
            fill: none;
        }

    /*Contact Page*/

    #contact-container {
        background: url(/img/contact-bg.jpg) no-repeat fixed center 60% / cover;
    }

    #contact-page {
        clear: both;
        margin: 3em 0;
    }

    #contact-form {
        background: #08263e;
        text-align: center;
        color: #fff;
        clear: both;
        position: relative;
    }

    input.ng-invalid.ng-touched, select.ng-invalid.ng-touched, textarea.ng-invalid.ng-touched, .has-error .ng-invalid {
        background-color: #FA787E !important;
    }




    input.ng-valid.ng-touched, select.ng-valid.ng-touched {
        /*background-color: #78FA89 !important;*/
    }

    #contact-form p, #contact-form h2 {
        color: #fff;
        text-align: center;
    }

    #contact-form input, #contact-page-form input, #contact-page-form select, #contact-form select, #ask-chemist-form input {
        background-color: #fff;
        height: 3em;
        width: 100%;
        border: medium none;
        padding: .2em .5em;
        color: #2d1b00;
        margin-top: 1em;
        float: left;
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
    }

    #contact-form textarea, #contact-page-form textarea, #ask-chemist-form textarea {
        background-color: #fff;
        height: 14em;
        width: 100%;
        border: medium none;
        padding: .5em;
        color: #2d1b00;
        margin-top: 1em;
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
    }

    /*#contact-form textarea, #contact-page-form .career textarea {
		height: 19em;
    }*/
    #contact-form .grad-date label {
        padding-left: 0;
        margin-top: 1px;
    }

    #contact-form .grad-date input {
        margin-top: 1em;
    }

    #contact-form .career-send {
        margin: 0 0 30px;
    }

    #newsletter {
        padding: 7px 0 0 25px;
    }

    #contact-form form p {
        text-align: left;
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
    }

    #contact-form a {
        color: #fff;
    }

    #contact-form-pt1, #contact-form-pt2 {
        width: 40%;
        float: left;
    }

    #contact-form-pt1 {
        margin: 0 1em 3em 9.5%;
    }

    #contact-form input[type="button"], #contact-page-form input[type="button"], .wufoo input.btTxt, #ask-chemist-form input[type="button"], #floor-finish-contest-form input[type="submit"], #custom-placard-order input[type="submit"], #finish-calculator input[type="button"] {
        font-weight: 700;
        text-align: center;
        width: 8em;
        color: #10314a;
        float: right;
        background-color: #97C264;
        transition: background-color .5s ease;
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        border-radius: 3px;
    }

        #contact-form input[type="button"]:hover, #contact-page-form input[type="button"]:hover, .wufoo input.btTxt:hover, #floor-finish-contest-form input[type="submit"]:hover {
            background-color: #73993d;
        }

    #contact-form label, #contact-page-form label {
        float: left;
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        padding: 5px 0 0 10px;
        text-align: left;
        line-height: normal;
    }

    #contact-form-pt2 label, #career-resume label {
        color: #97C264;
        font-style: italic;
        padding: 1em 0 0 0;
    }

    input#resume, input#PictureFile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        position: absolute;
        z-index: -1;
    }

    #contact-form label[for="resume"], #contact-page-form label[for="resume"], #floor-finish-contest-form label[for="PictureFile"] {
        margin: 1em 0 0 0;
        padding: 1em;
        color: #10314a;
        background-color: #97C264;
        border-radius: 3px;
        font-style: normal;
        font-weight: bold;
        cursor: pointer;
        -webkit-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
    }

    #floor-finish-contest-form label[for="PictureFile"] {
        padding: .75em 0.75em;
        font-weight: 700;
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
    }


        #contact-form label[for="resume"]:hover, #contact-page-form label[for="resume"]:hover, #floor-finish-contest-form label[for="PictureFile"]:hover {
            background-color: #73993d;
        }

    .file-response {
        float: left;
        display: none;
    }

        .file-response p {
            margin: 1.6em 0 0 1em;
        }

    input#resume:valid + label + .file-response {
        display: block;
    }

    #contact-form input[type="checkbox"], #contact-page-form input[type="checkbox"], #ask-chemist-form input[type="checkbox"], #floor-finish-contest-form input[type="checkbox"] {
        float: left;
        width: 20px;
        height: 20px;
        margin: 5px 0 0;
        padding: 0;
        line-height: normal;
    }

    #contact-form h2:hover, #contact-form a:hover, #contact-form a:focus {
        color: #97C264;
        text-decoration: none;
    }

    #market {
        padding-top: 1em;
        clear: both;
    }

    #contact-form-tag p {
        color: #97C264;
        line-height: 32px;
        margin-bottom: 0;
        font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
        text-align: center;
    }

        #contact-form-tag p a {
            color: #97C264;
        }

#contact-form-tag .gdprLegal {
    font-size:.95em;
}

#contact-form-tag {
    text-align: center;
    width: 300px;
    margin: 0 auto;
    padding: 1.5em 0;
}

    #contact-form-pt2 input {
        margin: 0 0 1em 0;
    }

    #contact-info h4 span {
        font-style: italic;
        font-size: .9em;
        line-height: 1.8em;
    }

    /*Contact and Thank You Page*/
    #contact-page, #thank-you-page, #career-thank-you-page, #career-thank-you-page p, #thank-you-page p, #career-thank-you-page .text-center p, #thankyou-career-program h2 {
        text-align: center;
    }

    #thankyou-career-program p {
        text-align: left;
    }

    #thank-you-page {
        margin: 4em 0;
    }

    #thankyou-career-program .career-icon {
        margin: 0em auto 1.5em;
        text-align: center;
    }

    #thankyou-career-program .history-btn {
        width: 30%;
        margin: 0 auto;
        text-align: center;
    }

        #thankyou-career-program .history-btn a {
            padding: 5%;
        }

    #contact-page-form {
        width: 90%;
        text-align: left;
        margin: 0 auto;
        float: right;
    }

    #contact-page .container, #distributor-page .container {
        padding: 5em 0;
    }

    #thank-you-page .container, #career-thank-you-page .container {
        padding: 8em 0 0;
    }

    #contact-page h2 {
        text-align: center;
        margin: 0 0 1em;
    }

    #contact-info address {
        font-size: 1.3em;
        text-align: left;
    }

    #contact-info {
        padding: 2em .5em 1em 0;
        text-align: center;
    }

        #contact-info .home-icon {
            margin: 0 1em 1em 0;
            float: left;
        }

    .contact-callout-wrapper h3 {
        text-align: left;
        font-size: 1.3em;
    }

        .contact-callout-wrapper h3 a {
            color: #49463f;
            transition: ease 0.5s all;
        }

            .contact-callout-wrapper h3 a:hover {
                color: #2b80dc;
                text-decoration: none;
            }

    .contact-callout-wrapper {
        width: 100%;
        display: block;
        clear: both;
        padding: 1.5em 0;
    }

    .contact-btn p {
        text-align: center !important;
        color: #2b80dc !important;
        font-weight: 700;
    }

    .contact-btn {
        text-align: center;
        background-color: #fff;
        transition: background-color .5s ease;
        border-radius: 50%;
        line-height: 50px;
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }

        .contact-btn:hover {
            background-color: #0e4c90;
        }

        .contact-btn a:hover {
            text-decoration: none;
            color: #fff;
        }

    #thank-you-page ph, #career-thank-you-page ph {
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        font-size: 1.7em !important;
        line-height: 1.5em;
        color: #67a6dc;
        text-align: center;
    }

    #contact-info ph {
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        font-size: 1.7em !important;
        line-height: 1.5em;
        color: #67a6dc;
        text-align: left;
        display: block;
    }


    #uk-phone {
        padding: 1em 0 1.5em 0;
    }

        #uk-phone p {
            margin: 0;
        }


    #thank-you-page hr {
        border-top: 3px solid #eee;
    }

    #thank-you-boxes {
        padding: 4em 0 8em !important;
    }

    #thankyou-career-program .career-btn {
        text-align: center;
    }

    #thank-you-page .resource-block {
        margin: 5px;
    }

    /*Distributor Page*/
    #distributor-container {
        background-image: url(/img/buckeye-trucks-dark.jpg);
        background-position: center 70%;
        background-size: cover;
        height: 500px;
    }

        #distributor-container #contact-page-form {
            float: none;
        }

    #distributor-page {
        clear: both;
    }

    #become-distributor span {
        text-transform: uppercase;
        font-weight: bold;
    }

    #choice-partners img {
        width: 60%;
        margin: 0 auto;
        padding: 1em;
    }

    #choice-partners {
        text-align: center;
    }

    #distributor-map.col-md-6 {
        margin: 0 auto 5em 25% !important;
    }

    /*Floor Finish Calculator Form*/
    .buckeye-form form li {
        padding: 0;
        clear: none;
    }

    #finish-calculator .nav-item {
        width: 50%;
    }

    #finish-calculator .nav-link {
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }

    #finish-calculator .tab-content {
        position: relative;
    }

    #finish-calculator .tab-pane {
        position: absolute;
        top: 0;
        width: 100%;
        height: 300px;
    }

    #finish-calculator {
        margin: 3em 0 20em 0;
    }

        #finish-calculator li span {
            float: none;
            font-size: 1.4em;
            color: #428bca;
        }

    #calculator-message .alert-success {
        width: 60%;
        margin: 0 auto;
    }

    #finish-calculator input[type="button"] {
        width: auto;
        padding: .5em 1em;
        border: none;
        float: none;
    }

    #finish-calculator input {
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        color: #2d1b00;
        height: 3em;
        border: none;
        padding: .2em .5em;
        background-color: #d8d6d3;
    }

    #finish-calculator label {
        font-size: 15px;
    }

    @media screen and (max-width: 550px) {
        #finish-calculator {
            margin: 3em 0 15em 0;
        }
    }
    /*Footer*/
    .site-footer {
        position: relative;
        z-index: 4;
    }

    footer {
        text-align: center;
        clear: both;
        background-color: #fff;
    }

        footer p {
            color: #264a6a;
            font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
            font-size: 1.2em;
        }

    #footer-right, #footer-left {
        float: left;
        width: 50%;
        margin: 1.5em 0 1em;
    }

    #footer-right {
        text-align: right;
    }

    #footer-left {
        text-align: left;
    }

    footer a {
        color: #fff;
    }

        footer a:hover {
            text-decoration: none;
            color: #97C264;
        }

    footer ph {
        font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
        color: #97C264;
        font-size: 1.2em;
        padding: .8em 0 0;
        font-weight: bold;
    }

    #footer-left img {
        height: 45px;
    }

    #footer-bottom {
        background-color: #08263e;
        width: 100%;
        clear: both;
        padding: 3em 0;
        line-height: auto;
        font-size: 1em;
    }

        #footer-bottom p {
            padding: .8em 0 0;
            color: #2b80dc;
        }

    #footer-blog p {
        padding: 0;
    }

    #footer-bottom .col-md-4 {
        text-align: left;
        padding: 0;
    }

    #footer-bottom li {
        line-height: 1.75em;
    }

        #footer-bottom li a {
            color: #fff;
            transition: .5s ease all;
        }

            #footer-bottom li a:hover {
                color: #95c93d;
            }

    #footer-bottom svg {
        width: 100px;
        padding: 0 0 1em 0;
    }

    footer .fa {
        font-size: 2.5em;
        color: #2b80dc;
        transition: color .2s ease-in-out 0;
        padding: .1em .3em 0 0;
    }

        footer .fa:hover, #footer-right small:hover {
            text-decoration: none;
            color: #97C264;
        }

    footer small {
        text-transform: uppercase;
        font-style: italic;
    }

    #footer-left small {
        text-transform: none;
    }

    #footer-right small {
        color: #2b80dc;
        float: right;
        line-height: 55px;
        transition: color .2s ease-in-out 0;
    }

    #footer-right .fa, #footer-right img {
        padding: .3em .3em 0 0;
    }

    #footer-right img {
        width: 65px;
    }

    #footer-right div {
        display: inline-block;
    }

        #footer-right div:first-of-type {
            border-right: 3px solid #f6f6f3;
            padding: 0 1em 0;
        }

        #footer-right div:last-of-type {
            padding: 0 0 0 1em;
        }

    #footer-middle {
        background-color: #d8d6d3;
        padding: 2.25em 0;
    }

    .inner svg {
        width: 50%;
        height: auto;
    }

    .container-fluid.full-width {
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
    }

    .row.row-no-gutter {
        margin: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .row.row-no-gutter [class*="col-"] {
            padding: 0
        }

    .img-full-width {
        width: 100.5%;
        height: auto;
    }

    .has-inner .row.row-no-gutter {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row.row-no-gutter .inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .container-fluid.full-width.has-inner {
        max-width: 1365px;
        margin: 0 auto;
    }

    /*Home Page*/
    #home-content h2 {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: .5em;
    }

    .home-wrapper {
        width: 33.33%;
        float: left;
        text-align: center;
        height: 400px;
        display: table;
    }

    .home-inner-wrapper {
        display: table-cell;
        vertical-align: middle;
    }

        .home-inner-wrapper a:hover, .home-inner-wrapper a:focus {
            text-decoration: none;
        }

    #home-blog-title {
        background: url(/img/home-blog-bg.jpg) no-repeat scroll center 35%/cover;
        text-align: center;
        height: 200px;
        display: table;
        text-align: center;
        width: 100%;
    }

        #home-blog-title h2 {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color: #f6f6f3;
        }

    #home-blog {
        padding-top: calc(1em + 40px);
        padding-bottom: 4em;
        padding-left: 10%;
        padding-right: 10%;
        background: #f6f6f3 none repeat scroll 0 0;
        text-align: left;
        position: relative;
        z-index: 2;
    }

    #home-content hr {
        margin: 1em 42%;
        border-width: 3px 0 0;
        opacity: .5;
        border-color: #fff;
    }

    #home-blog .more-link {
        text-align: center;
        padding: 5em 0;
        text-transform: uppercase;
        font-weight: bold;
        transition: ease 0.5s all;
    }

        #home-blog .more-link a:hover {
            color: #97C264;
        }

    #home-blog .hr-sm:last-child {
        display: none;
    }

    #video-bg-container {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 1;
        height: 100vh;
        max-height: 500px;
        overflow: hidden;
    }

    #video-bg, #video-career-bg {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        width: 100%;
        height: auto;
        z-index: 1;
        /*background: transparent url(video-bg.jpg) no-repeat;
    background-size: cover;*/
    }

    #home-actions {
        background: #f6f6f3;
        width: 100%;
        clear: both;
        position: relative;
        z-index: 3;
    }
        #home-actions .fa {
            font-size:2em;
            padding:.5em 0 .25em 0;
        }

        #home-actions .white-bg .pt-3 {
            padding-top: 3em;
        }
    .home-border {
        border: 3px solid #eee;
        border-radius: 10px;
        margin: .5em;
        padding: 3em .75em;
        height: 300px;
        transition: ease .5s all;
    }

        .home-border:hover {
            background-color: #eee;
        }

        .home-border .home-link {
            font-size: 1.1em;
            font-weight: 700;
            text-transform: uppercase;
            color: #2b80dc;
            transition: color .5s ease-in-out;
        }

            .home-border .home-link:hover {
                color: #063251;
                text-decoration: none;
            }

        .home-border p {
            text-align: center;
        }

    .home-icon {
        border-radius: 50%;
        padding: .5em;
        margin: 0 auto 1em;
        background: #2b80dc;
        width: 60px;
        height: 60px;
    }

        .home-icon img {
            width: 60px;
            height: 60px;
            padding: 0 0 .75em 0;
        }

    .home-border h3 {
        margin: 0 0 1em;
    }

        .home-border h3:hover, .home-border p:hover {
            text-decoration: none;
        }

.home-banner-pic {
    background-image: url(/img/facility-prep-header-hero-bg.jpg);
    background-position: 65% center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 875px;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
}

.home-banner-pic.uk-banner {
    background-image: url(/img/clarion_25_microban_hero_image.jpg);
    background-position: center center;
}

    #home-intro p {
        font-size: 1.5em;
        color: #fff;
    }


#home-intro {
    position:relative;
    z-index:1;
    color:#fff;
}

#home-intro h2, #home-intro h4  {
    color:#fff;
}

#blue-box {
    /*background-color: #e2f3f3;*/
    background-color: #f6f6f3;
    display: inline-block;
    width: 100%;
    margin-bottom: -10px;
}
        #blue-box h2 {
            color: #001b71;
            text-transform:none;
            font-size:2.2em;
            line-height:1.3em;
        }

    #blue-box h4 {
        color: #001b71;
        padding: .5em 0 1em 0;
        font-style: italic;
        font-size: 2em;
        /*border-bottom: 2px solid #77ccca;*/
        border-bottom: 2px solid #2b80dc;
        line-height: 1.2em;
    }

        #blue-box .teal-header {
            padding:1.5em 0;
            border-radius:2px;
            text-align:center;
            display:inline-block;
            margin-top:13%;
        }

        #blue-box p {
            color: #001b71;
            font-size:1.2em;
        }

        #blue-box .col-md-12 {
            position:absolute;
            z-index:1;
        }
        #microban-decal {
            position: absolute;
            bottom: 5%;
            left: 30%;
        }

    #home-intro .col-md-6 {
        padding:0 4em; 
    }

#blue-box .learn-more {
    width:100%;
}

#blue-box .home-link {
    /*color: #77ccca;*/
    color: #2b80dc;
    font-size: 1.2em;
}

#blue-box .row.white-bg {
    margin: 3em 0 0 0;
    padding: 1.5em;
    border-radius: 5px;
}

.home-banner-text {
    padding: 0 3%;
}

.home-page-banner-products {
    margin-top:-5%;
}

.display-flex-center {
    display: flex;
    align-items: center;
}

@media (max-width:1850px) {
    .home-banner-pic {
        min-height: 850px;
    }
}

@media (max-width:1400px) {
    .home-banner-pic {
        min-height: 800px;
    }
}


@media (max-width:1265px) {
    .home-banner-text {
        padding: 0 2em;
    } 
}

@media (max-width:1200px) {
    #blue-box .col-md-8 {
        padding: 0 2em;
    }
    .home-banner-pic {
        margin-top:2em !important;
    }
    .home-page-banner-products {
        width: 245px;
        height: auto;
    }
}
@media (max-width:990px) {
    #microban-decal {
        width: 50%;
        left: 25%;
    }
    #blue-box h4 {
        margin: 0 5% 1em 5%;
        font-size:1.8em;
    }
    #home-actions .white-bg h2 {
         padding:0;
     }
    #blue-box h2 {
        padding-top:12%;
        font-size:2em;
    }
}
@media (max-width: 768px) {
    .home-banner-pic {
     min-height:400px;
    }
    #home-intro h2 {
        padding-top:4%;
    } 
    #home-intro .col-md-6 {
        padding:0 2em;
    }
    #home-intro h4 {
        padding-bottom:.5em;
    }
    #microbal-decal {
        width:80%;
        margin: 0 auto;
    }
    .home-wrapper.pb-10 {
        padding-bottom:5px;
    }
    .blog-category {
        clear:both;
        padding-top:1em;
    }
    .home-page-banner-products {
        margin:0 auto;
        width:300px;
    }
    .display-flex-center {
        display: block;
    }
    #home-actions .pt-10 {
        padding-top: 2em;
    }
    #home-actions .white-bg .pt-3 {
        padding-top: 1em;
    }
}

    /*About Page*/
    #about {
        width: 100%;
    }

        #about p {
            margin: 0 0 20px;
            color: rgba(244,242,236,1);
        }

        #about h1 {
            font-weight: 700;
            color: #000;
        }

        #about h2 {
            font-weight: 500;
            font-style: normal;
            font-size: 2.5em;
            color: rgba(244,242,236,1);
            margin: .75em 0;
        }

    .story .float-left {
        float: left;
    }

    .story .float-right {
        float: right;
    }

    .story p, #history-directions p {
        font-size: 1.1em;
        line-height: 1.3em;
    }

    #history-directions {
        font-weight: 700;
        color: #97C264 !important;
        text-align: center;
        border-bottom: #97C264 3px solid;
        margin: 0 !important;
    }

    .inner-story {
        background-color: rgba(244,242,236,.7);
        border-radius: 10px;
        padding: 5px 20px;
    }

    #worker-safety {
        padding: 5px;
        display: table-cell;
        vertical-align: middle;
    }

    #about .center {
        font-size: 2.5em;
        padding: 80px 0 0;
        text-align: center;
    }

    #year1844 {
        background: url(/img/ohiomap.jpg) no-repeat fixed left center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 650px;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .pattern-container {
        background: url(/img/pattern.png) repeat scroll left top;
        width: 100%;
        height: 100%;
        float: left;
    }

    .transition-btn {
        text-align: center;
    }

    #year1892 {
        background-color: #28261f;
        color: #fff;
        height: 400px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

        #year1892 img {
            padding-left: 15%;
        }

    #antique-pics img {
        width: 33.333333333%;
        float: left;
    }

    #buckeye-nuts .float-right {
        padding: 0;
    }

    #buckeye-nuts {
        height: 200px;
    }

        #buckeye-nuts p {
            width: 50%;
            padding-top: 5em;
        }

    #soap-specks .float-right {
        margin: 0 80px 0 0;
    }

    #history-insert {
        padding: 3em 0 5em;
        text-align: center;
    }

        #history-insert p, #year1988 p, #year1988 h2, #year2009 p, #year2009 h2 {
            text-align: left;
        }

    #year1914 {
        background: url(/img/davies-young.jpg) no-repeat fixed center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 800px;
    }

    #year1972 {
        background: url(/img/stl-relocate.jpg) no-repeat fixed center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 1300px;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    #year1975 {
        background: url(/img/warehouse-worker.jpg) no-repeat scroll center 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 600px;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

        #year1975 p {
            color: #fff;
        }

    #year1988 {
        background: url(/img/introducing-APs.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 650px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%;
        text-align: center;
    }

    #year1994 {
        /*background: url(/img/buckeye-trucks.jpg) no-repeat fixed center center;
	  -webkit-background-size: cover;
  	  -moz-background-size: cover;
 	  -o-background-size: cover;
  	background-size: cover;*/
        color: #fff;
        height: 900px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    .twentytwenty-overlay {
        display: none;
    }

    .twentytwenty-container img {
        width: 100%;
    }

    #year1994 .story .float-left, #year1994 .story .float-right {
        z-index: 1025;
    }

    #year1994-hidden-text {
        width: 100%;
        margin: 0 auto;
        height: 600px;
        padding: 0;
        display: none;
        color: #2D1B00;
    }

    #year1999 {
        background: url(/img/introducing-ss.jpg) no-repeat fixed left center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 700px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    #year2007 {
        background: url(/img/introducing-symmetry.jpg) no-repeat scroll center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 800px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    #year2009 {
        background: url(/img/reflections-timeline.jpg) no-repeat fixed center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 800px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%;
        text-align: center;
    }

    #year2011 {
        background: url(/img/introducing-eco.jpg) no-repeat scroll center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: #fff;
        height: 1000px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        width: 100%;
        border-bottom: 3px solid #97C264;
        position: relative;
    }

    #page-up {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    #year1914 h2, #year1914 p, #history-insert p, #year1972 h2, #year1972 p, #year2009 h2, #year2009 p, #year2007 h2, #year2007 p, #year1994 .float-right h2, #year1994 .float-right p {
        color: #333029;
    }

    .story {
        margin: 0 auto;
        width: 60%;
    }

        .story .float-left, .story .float-right {
            padding: 80px 0 0;
            position: relative;
            width: 38%;
        }

        .story .float-bottom-left {
            padding: 275px 0 0;
            position: relative;
            width: 350px;
        }

    /*Careers Page*/

    @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {

        #ie-map {
            display: block !important;
            margin: 0 auto;
        }

        #bcc-location-map {
            display: none;
        }
    }

    #ie-map {
        display: none;
    }

    div.bcc-map-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2.5em 0 0;
    }

    #bcc-map {
        text-align: center;
        padding: 3em 0;
    }

    #career-page-title {
        background: url(/img/corp-building-bg.jpg) no-repeat fixed center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #nonsales-career-page-title {
        background: url(/img/non-sales-cover.jpg) no-repeat fixed center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #sales-career-page-title {
        position: relative;
        z-index: 3;
    }

    #career-text {
        width: 100%;
        text-align: center;
        padding: 2em 0 0;
        position: relative;
        background: #f6f6f3 none repeat scroll 0 0;
        z-index: 3;
    }

    #white-bg {
        position: relative;
        height: 618px;
        padding: 3em 0 0;
    }

    #circle-tree {
        width: 465px;
        max-height: 630px;
        position: absolute;
        left: -25%;
        right: -25%;
        margin: 0 auto;
    }

        #circle-tree .st0 {
            stroke: #97CA40;
            fill: #97CA40;
            fill-opacity: 0;
            transition: fill-opacity 1s;
        }

        #circle-tree .st1 {
            stroke: #89A855;
            fill: #89A855;
            fill-opacity: 0;
            transition: fill-opacity 1s;
        }

        #circle-tree .st2 {
            stroke: #70983E;
            fill: #70983E;
            fill-opacity: 0;
            transition: fill-opacity 1s;
        }

        #circle-tree .st3 {
            stroke: #ABD261;
            fill: #ABD261;
            fill-opacity: 0;
            transition: fill-opacity 1s;
        }

        #circle-tree .st4 {
            stroke: #678A3B;
            fill: #678A3B;
            fill-opacity: 0;
            transition: fill-opacity 1s;
        }

    @media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
        #career-text #circle-tree .st0 {
            stroke: #97CA40;
            fill: #97CA40;
            fill-opacity: 1;
            transition: fill-opacity 1s;
        }

        #career-text #circle-tree .st1 {
            stroke: #89A855;
            fill: #89A855;
            fill-opacity: 1;
            transition: fill-opacity 1s;
        }

        #career-text #circle-tree .st2 {
            stroke: #70983E;
            fill: #70983E;
            fill-opacity: 1;
            transition: fill-opacity 1s;
        }

        #career-text #circle-tree .st3 {
            stroke: #ABD261;
            fill: #ABD261;
            fill-opacity: 1;
            transition: fill-opacity 1s;
        }

        #career-text #circle-tree .st4 {
            stroke: #678A3B;
            fill: #678A3B;
            fill-opacity: 1;
            transition: fill-opacity 1s;
        }
    }

    #career-intro-text {
        background-color: #264a6a;
        clear: both;
        text-align: center;
        padding: 1em 0 3em 0;
        position: relative;
        z-index: 3;
    }

        #career-intro-text img {
            float: left;
            padding: 4em 2em;
        }

        #career-intro-text h3 {
            color: #f6f6f3;
            margin: 2em 0 2em 0;
            text-align: center;
        }

        #career-intro-text p {
            text-align: center;
            color: #fff;
        }

        #career-intro-text .float-left {
            width: 45%;
            padding: 4em 0 0 3em;
        }

        #career-intro-text .fa {
            font-size: 3em;
            padding: 0 0.25em 0 0;
            color: #89a855;
            vertical-align: -8px;
        }

        #career-intro-text section.career-positions {
            background-color: #e1efc7;
            padding-top: 28px;
            border-top: 3px solid #668a3b;
            border-bottom: 3px solid #668a3b;
            position: relative;
        }

            #career-intro-text section.career-positions h4 {
                color: #71973e;
                margin-top: 0;
            }

            #career-intro-text section.career-positions.field-sales-rep {
                margin-top: 6em;
                margin-bottom: 3em;
                width: 37.5%;
                padding-left: 13.4%;
                padding-right: 31px;
            }

        #career-intro-text div.top-triangle {
            width: 0;
            height: 0;
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-bottom: 30px solid #e1efc7;
            position: absolute;
            top: -25px;
            right: -23px;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }

            #career-intro-text div.top-triangle div.triangle-border {
                position: absolute;
                top: 30px;
                left: -27px;
                height: 3px;
                width: 56px;
                background-color: #668a3b;
            }

        #career-intro-text div.bottom-triangle {
            width: 0;
            height: 0;
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-bottom: 30px solid #264a6a;
            position: absolute;
            bottom: -8px;
            right: -24px;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            cursor: auto;
        }

            #career-intro-text div.bottom-triangle div.triangle-border {
                position: absolute;
                top: 30px;
                left: -26px;
                height: 3px;
                width: 56px;
                background-color: #668a3b;
            }

        #career-intro-text section.career-positions.account-executive {
            margin-top: 3em;
            padding-right: 31px;
        }

        #career-intro-text section.career-positions.manufacturing-sales-rep {
            width: 37.5%;
            padding-right: calc(13.4% + 16px);
        }

        #career-intro-text div.career-coming-soon {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        #career-intro-text .row {
            margin-left: 0;
            margin-right: 0;
        }

    #employees-callout p {
        font-size: 1.5em;
        font-style: italic;
        padding: 1.5em 0 1em 0;
        color: #98948c !important;
        text-align: center;
    }

    #employees-callout img {
        margin: 3em 0 0 0;
    }

    #careers-sales {
        float: left;
        width: 40%;
        padding: 0 5%;
        text-align: center;
    }

    #careers-corporate {
        float: right;
        width: 40%;
        padding: 0 5%;
        text-align: center;
    }

        #careers-corporate p, #careers-sales p {
            text-align: center;
        }

    .dk-green {
        color: #678a3b;
        font-size: 1.2em;
    }

    .career-btn {
        padding-top: 1.25em;
        text-align: center;
    }

    .career-icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: #89a855;
        transition: background-color .5s ease;
        line-height: 65px;
        margin: 3em auto 1.5em;
    }

    .career-btn-icon img {
        verical-align: middle;
    }

    .career-btn a {
        text-transform: uppercase;
        color: #fff;
        transition: all .5s ease;
        background-color: #0074b2;
        padding: 1em 1.5em;
        display: table;
        margin: 0 auto;
        border-radius: 3px;
        box-shadow: 0 -3px 3px -3px #333 inset;
        width: 300px;
    }

    #sales-positions .career-btn a {
        padding: .5em;
        font-size: 14px;
        width: 100%;
    }

    .career-btn a:hover {
        text-decoration: none;
        background-color: #264a6a;
    }

    #career-events {
        background: #f6f6f3 none repeat scroll 0 0;
        text-align: left;
        width: 100%;
        padding: 5em 0 0 0;
        clear: both;
    }

        #career-events .container {
            padding: 0;
        }

        #career-events a.carousel-control {
            position: absolute;
            top: 13.5%;
            font-size: 3em;
            color: #fff;
            width: auto;
        }

            #career-events a.carousel-control.prev-control {
                left: -3%;
                right: auto;
            }

            #career-events a.carousel-control.next-control {
                right: -3%;
                left: auto;
            }

        #career-events div.blog-image {
            text-align: center;
        }

        #career-events header {
            padding: 12px 15px;
            text-align: center;
            margin-bottom: 1em;
        }

    .no-events {
        text-align: center;
        font-style: italic;
        color: #98948c;
    }

    #career-events .carousel .item div.event-hidden, #career-events a.carousel-control.event-hidden {
        display: none;
    }

    .career-social-media-callout {
        text-align: center;
        padding: 2em 0;
        font-weight: bold;
    }

        .career-social-media-callout a {
            color: #264a6a;
            text-decoration: none;
            transition: ease .5s color;
        }

            .career-social-media-callout a:hover {
                text-decoration: none;
                color: #97C264;
            }



    #career-events header small {
        color: #98948c;
        font-size: 1em;
    }

    #career-events .container > div {
        margin: 1em 0;
    }

        #career-events .container > div div.blog-image {
            padding: 0 0 1em 0;
        }

    #career-events h3 a {
        transition: color .2s ease-in-out 0;
        text-decoration: none;
        color: #49463f;
    }

    #career-events .carousel-inner .item {
        background-color: #f6f6f3;
        margin: 0;
    }

    #career-events .carousel-inner .active.left, #career-events .carousel-inner .prev {
        left: -25%;
    }

    #career-events .carousel-inner .active.right, #career-events .carousel-inner .next {
        left: 25%;
    }

    #career-events .carousel-inner > .next.left, #career-events .carousel-inner > .prev.right {
        left: 0;
    }

    #sales-positions {
        padding: 5em 0 0;
        text-align: left;
        z-index: 3;
        position: relative;
        background: #f6f6f3 none repeat scroll 0 0;
    }

        #sales-positions .float-left {
            padding: .5em 1em .5em 0;
        }

        #sales-positions .float-right {
            width: 250px;
            text-align: center;
        }

            #sales-positions .float-right p {
                padding: 1em 0 .5em 0;
                text-align: center;
            }

        #sales-positions .bigger {
            font-size: 2em;
            font-weight: bold;
        }

        #sales-positions #employees-callout {
            text-align: left;
        }

    #program-title {
        color: #005baa;
        text-transform: uppercase;
        margin: 0;
    }

    .career-title {
        color: #005baa;
        text-transform: uppercase;
        margin: 0 auto;
        text-align: center;
        font-size: 1.5em;
        padding: 0 0 1em 0;
    }

    #stl-skyline {
        background: url(/img/stl-shadow.png) bottom center;
        width: 100%;
        height: 315px;
        text-align: center;
        margin: 4em 0 0;
    }

    #sales-positions .float-right, #sales-positions .float-left {
        padding: 0 0 1em 3em;
    }

    #stl-skyline img {
        padding-left: 5%;
    }

    #application-btn a {
        display: block;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        text-transform: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    #application-btn img {
        padding: 0 0 1%;
    }

    #application-btn p {
        text-align: center;
    }

    #application-btn.resource-btn {
        text-align: center;
        margin: 0 auto;
        padding: 0 0 .5em 0;
    }

        #application-btn.resource-btn a {
            background-color: #0074b2;
            width: 60%;
            font-weight: normal;
            text-transform: uppercase;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

    #application-btn a:hover {
        color: #0074b2;
    }

    #application-btn.resource-btn a:hover {
        background-color: #264a6a;
        color: #fff;
    }

    #application-callout {
        padding: 3em 0;
        margin: 0 0 -1em 0;
        background: url(/img/application-bg.jpg) no-repeat fixed center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        #application-callout p {
            color: #96c93d;
            text-transform: uppercase;
            font-weight: bold;
            text-align: center;
        }

    #corporate-positions {
        padding: 4em 2em;
        clear: both;
    }

        #corporate-positions h2 {
            text-align: center;
            margin: 0;
        }

    #field-sales img {
        float: left;
        padding: 10px 15px 10px 0;
    }

    #manufacturing-rep img {
        width: 300px;
    }

    #account-exec img {
        width: 300px;
        padding: 0 .5em;
    }

    #biz-bg {
        background: url(/img/biz-bg.jpg) no-repeat fixed center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        margin: 2em 0 0;
    }

        #biz-bg svg {
            width: 65%;
            padding: 3em 0;
        }

    #mobile-sales-benefits {
        display: none;
    }


    #recruitment-graphics {
        float: right;
        width: 30%;
        text-align: center;
        padding: 5% 5% 0;
        margin: 0 auto;
    }

        #recruitment-graphics img {
            padding-bottom: 5em;
        }

    #family-pictures {
        width: 100%;
    }

    .flexslider {
        border: 0;
    }

    #corporate-positions .resource-btn {
        margin: 0 auto;
    }

    #corporate-intro {
        width: 60%;
        padding: 1em;
        margin: 3em auto 0 auto;
    }

    #buckeye-family-carousel {
        width: 60%;
        padding: 1em;
        margin: 5em auto 0 auto;
    }


        #buckeye-family-carousel .carousel-control {
            font-size: 3em;
        }

            #buckeye-family-carousel .carousel-control .icon-prev, #buckeye-family-carousel .carousel-control .icon-next, #buckeye-family-carousel .carousel-control .glyphicon-chevron-left, #buckeye-family-carousel .carousel-control .glyphicon-chevron-right {
                top: 10%;
                left: 25%;
            }

    .carousel-caption {
        text-shadow: none;
        color: #49463f;
        position: relative;
        padding-top: 40px;
        right: 0;
        left: 0;
        text-align: center;
    }

    /* Testimonial Carousel */

    #home-testimonials .container {
        background-color: #fff;
        padding: 8em 0 4em 0;
        border: 1px solid #97C264;
        margin: 0 auto 5em auto;
    }

        #home-testimonials h2 {
            text-align: center;
            color: #97C264;
            font-size: 2em;
        }

        #home-testimonials .quote-mark {
            font-size: 15em;
            font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            color: #97C264;
            line-height: 50px;
        }

    #quote-carousel .text-center {
        font-weight: bold;
        font-style: italic;
    }

    #quote-carousel {
        padding: 0 10px 2em 10px;
        margin-top: 30px;
        height: 350px;
    }

        #quote-carousel .carousel-control {
            background: none;
            color: #97C264;
            font-size: 4em;
            text-shadow: none;
        }

            #quote-carousel .carousel-control.left {
                left: -12px;
            }

            #quote-carousel .carousel-control.right {
                right: -12px !important;
            }

        #quote-carousel .carousel-indicators {
            right: 50%;
            top: auto;
            bottom: 0px;
            margin-right: -19px;
        }

            #quote-carousel .carousel-indicators li {
                border: #97C264 1px solid;
                border-radius: 50%;
            }

            #quote-carousel .carousel-indicators .active {
                background: #97C264;
            }

        #quote-carousel img {
            width: 250px;
            height: 100px
        }


    .item blockquote {
        border-left: none;
        margin: 0;
    }

        .item blockquote img {
            margin-bottom: 10px;
        }
    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) {
        #quote-carousel {
            margin-bottom: 0;
            padding: 0 40px 30px 40px;
        }
    }

    /* Small devices (tablets, up to 768px) */
    @media (max-width: 768px) {

        #quote-carousel .carousel-indicators {
            bottom: -20px !important;
        }

            #quote-carousel .carousel-indicators li {
                display: inline-block;
                margin: 0px 5px;
                width: 15px;
                height: 15px;
            }

                #quote-carousel .carousel-indicators li.active {
                    margin: 0px 5px;
                    width: 20px;
                    height: 20px;
                }

        #home-testimonials {
            padding: 0;
            margin:0 15px;
        }
    }

    @media (max-width: 1200px) {
        #quote-carousel {
            height: 400px;
        }
    }

    @media (max-width: 992px) {
        .carousel-inner {
            width: 75%;
            margin: 0 auto;
        }
    }

    @media (max-width: 567px) {
        #quote-carousel {
            height: 450px;
        }

            #quote-carousel .carousel-control {
                font-size: 2.5em;
            }

            #quote-carousel .carousel-indicators li {
                width: 10px;
                height: 10px;
            }

        .carousel-inner {
            width: 95%;
        }

        #home-blog {
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom:1em;
        }
    }



    /* End of Testimonial Slider */

    div.city-popper {
        z-index: -1;
    }

    p.popper-content {
        text-align: center;
        font-weight: 700;
        background-color: #d3d3d3;
        border-radius: 10px;
        padding: 10px;
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.75);
        -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.75);
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.75);
    }

        p.popper-content a {
            color: #2b80dc;
        }

    .st3 {
        position: relative;
        cursor: pointer;
    }

    div.float-left {
        max-width: 600px;
        display: block;
        margin: 0 auto;
    }

    #contact-form textarea {
        height: 19em;
    }

    #mobile-location-select {
        background-color: #fff;
        height: 3em;
        width: 300px;
        border: medium none;
        padding: .2em .5em;
        margin-bottom: .5em;
        color: #2d1b00;
        font-family: 'Eurostile LT W01 Demi',sans-serif;
        display: none;
    }

    p.interest-in-mobile-container {
        visibility: hidden;
        display: none;
        text-align: center;
    }

    h3.career-map-header {
        margin-bottom: 1em;
    }

    h3 span.mobile {
        display: none;
    }

    #corporate-intro h4 {
        text-align: center;
        font-style: italic;
        color: #97C264;
        line-height: 30px;
        margin: 0 0 1.25em 0;
    }

    #benefits-container {
        background-color: #264a6a;
        position: relative;
        z-index: 1;
    }

        #benefits-container p {
            color: #fff;
            text-align: center;
        }

        #benefits-container h2 {
            color: #97C264;
            text-transform: uppercase;
            text-align: center;
            font-size: 1.2em;
        }

        #benefits-container .col-md-2 {
            padding: 0 .5em;
            color: #fff;
            text-align: center;
        }

        #benefits-container .fa {
            width: 60px;
            height: 60px;
            margin: 0 auto 1em;
            padding: 0.35em .25em;
            background-color: #97C264;
            border-radius: 50%;
            font-size: 2.75em;
        }

    .bullet {
        color: #005baa;
    }

    .buffer {
        padding: 4em 0;
    }

    #indeed-jobs {
        padding: 4em 0;
    }

        #indeed-jobs p, #indeed-jobs h2 {
            text-align: center;
        }

    .career-title#glassdoor-intro {
        text-align: center;
        padding-top: 3em;
        text-transform: none;
    }

    .comparison-graphics {
        display: grid;
        grid-template-columns: 2fr 1fr;
        background-color: #1D3D51;
    }

        .comparison-graphics div {
            display: block;
            width: 100%;
            overflow-x: hidden;
        }

    .comparison-table {
        border-collapse: collapse;
        border: 1px solid black;
    }

        .comparison-table tr {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        .comparison-table th,
        .comparison-table td {
            padding: 10px 50px;
        }

        .comparison-table th {
            text-align: center;
            background-color: #08263e;
            color: #97C264;
            font-size: 2em;
        }

        .comparison-table td {
            font-size: 1.5em;
            background-color: white;
        }

            .comparison-table td:nth-child(even) {
                border-left: 1px solid black;
            }

        .comparison-table hr {
            border: 0;
            height: 1px;
            background: #333;
            background-image: linear-gradient(to right, #ccc, #333, #ccc);
        }

    @media only screen and (max-width: 1100px) {
        .comparison-graphics {
            display: block;
        }

        .comparison-table th,
        .comparison-table td {
            padding: 10px 20px;
        }
    }

    /*Careers Timeline*/

    .events-content blockquote {
        color: #89A855;
        float: left;
        width: 20%;
        border-left: none;
        font-size: 1.5em;
        margin: 1em 0 1em 1em;
    }

    .careers-video {
        width: 75%;
        float: left;
    }

    .events-content ol, .events-content ul {
        list-style: none;
    }

    .cd-horizontal-timeline {
        opacity: 0;
        margin: 2em auto;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

        .cd-horizontal-timeline::before {
            /* never visible - this is used in jQuery to check the current MQ */
            content: 'mobile';
            display: none;
        }

        .cd-horizontal-timeline.loaded {
            /* show the timeline after events position has been set (using JavaScript) */
            opacity: 1;
        }

        .cd-horizontal-timeline .timeline {
            position: relative;
            height: 100px;
            width: 100%;
            margin: 0 auto;
        }

        .cd-horizontal-timeline .events-wrapper {
            position: relative;
            height: 100%;
            margin: 0 40px;
            overflow: hidden;
        }

            .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
                /* these are used to create a shadow effect at the sides of the timeline */
                content: '';
                position: absolute;
                z-index: 2;
                top: 0;
                height: 100%;
                width: 20px;
            }

        .cd-horizontal-timeline .events {
            /* this is the grey line/timeline */
            position: absolute;
            z-index: 1;
            left: 0;
            top: 49px;
            height: 2px;
            /* width will be set using JavaScript */
            background: #dfdfdf;
            -webkit-transition: -webkit-transform 0.4s;
            -moz-transition: -moz-transform 0.4s;
            transition: transform 0.4s;
        }

        .cd-horizontal-timeline .filling-line {
            /* this is used to create the green line filling the timeline */
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: #89a855;
            -webkit-transform: scaleX(0);
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            -o-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -ms-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: -webkit-transform 0.3s;
            -moz-transition: -moz-transform 0.3s;
            transition: transform 0.3s;
        }

        .cd-horizontal-timeline .events a {
            position: absolute;
            bottom: 0;
            z-index: 2;
            text-align: center;
            font-size: 1.25em;
            padding-bottom: 15px;
            color: #fff;
            /* fix bug on Safari - text flickering while timeline translates */
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
        }

            .cd-horizontal-timeline .events a::after {
                /* this is used to create the event spot */
                content: '';
                position: absolute;
                left: 50%;
                right: auto;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                bottom: -5px;
                height: 12px;
                width: 12px;
                border-radius: 50%;
                border: 2px solid #dfdfdf;
                background-color: #f8f8f8;
                -webkit-transition: background-color 0.3s, border-color 0.3s;
                -moz-transition: background-color 0.3s, border-color 0.3s;
                transition: background-color 0.3s, border-color 0.3s;
            }

    .no-touch .cd-horizontal-timeline .events a:hover::after {
        background-color: #89a855;
        border-color: #89a855;
    }

    .cd-horizontal-timeline .events a.selected {
        pointer-events: none;
    }

    .events-wrapper a.selected, .events-wrapper a.selected:hover {
        color: #89a855;
        text-decoration: none;
    }

    .cd-horizontal-timeline .events a.selected::after {
        background-color: #89a855;
        border-color: #89a855;
    }

    .cd-horizontal-timeline .events a.older-event::after {
        border-color: #89a855;
    }

    @media only screen and (min-width: 1100px) {
        .cd-horizontal-timeline {
            margin: 6em auto;
        }

            .cd-horizontal-timeline::before {
                /* never visible - this is used in jQuery to check the current MQ */
                content: 'desktop';
            }
    }

    .cd-timeline-navigation a {
        /* these are the left/right arrows to navigate the timeline */
        position: absolute;
        z-index: 1;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 34px;
        width: 34px;
        border-radius: 50%;
        border: 2px solid #dfdfdf;
        /* replace text with an icon */
        overflow: hidden;
        color: transparent;
        text-indent: 100%;
        white-space: nowrap;
        -webkit-transition: border-color 0.3s;
        -moz-transition: border-color 0.3s;
        transition: border-color 0.3s;
    }

        .cd-timeline-navigation a::after {
            /* arrow icon */
            content: '';
            position: absolute;
            height: 16px;
            width: 16px;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background: url(../img/cd-arrow.svg) no-repeat 0 0;
        }

        .cd-timeline-navigation a.prev {
            left: 0;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            -o-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
        }

        .cd-timeline-navigation a.next {
            right: 0;
        }

    .no-touch .cd-timeline-navigation a:hover {
        border-color: #7b9d6f;
    }

    .cd-timeline-navigation a.inactive {
        cursor: not-allowed;
    }

        .cd-timeline-navigation a.inactive::after {
            background-position: 0 -16px;
        }

    .no-touch .cd-timeline-navigation a.inactive:hover {
        border-color: #dfdfdf;
    }

    .cd-horizontal-timeline .events-content {
        position: relative;
        width: 100%;
        margin: 2em 0;
        overflow: hidden;
        -webkit-transition: height 0.4s;
        -moz-transition: height 0.4s;
        transition: height 0.4s;
    }

        .cd-horizontal-timeline .events-content li {
            position: absolute;
            z-index: 1;
            width: 100%;
            left: 0;
            top: 0;
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            -o-transform: translateX(-100%);
            transform: translateX(-100%);
            padding: 0 5%;
            opacity: 0;
            -webkit-animation-duration: 0.4s;
            -moz-animation-duration: 0.4s;
            animation-duration: 0.4s;
            -webkit-animation-timing-function: ease-in-out;
            -moz-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }

            .cd-horizontal-timeline .events-content li.selected {
                /* visible event content */
                position: relative;
                z-index: 2;
                opacity: 1;
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0);
            }

            .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
                -webkit-animation-name: cd-enter-right;
                -moz-animation-name: cd-enter-right;
                animation-name: cd-enter-right;
            }

            .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
                -webkit-animation-name: cd-enter-left;
                -moz-animation-name: cd-enter-left;
                animation-name: cd-enter-left;
            }

            .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
                -webkit-animation-direction: reverse;
                -moz-animation-direction: reverse;
                animation-direction: reverse;
            }

            .cd-horizontal-timeline .events-content li > * {
                max-width: 800px;
                margin: 0 auto;
            }

        .cd-horizontal-timeline .events-content h2 {
            font-weight: bold;
            font-size: 2.6rem;
            font-family: "Playfair Display", serif;
            font-weight: 700;
            line-height: 1.2;
        }

        .cd-horizontal-timeline .events-content em {
            display: block;
            font-style: italic;
            margin: 10px auto;
        }

            .cd-horizontal-timeline .events-content em::before {
                content: '- ';
            }

        .cd-horizontal-timeline .events-content p {
            font-size: 1.4rem;
            color: #959595;
        }

        .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
            line-height: 1.6;
        }

    @media only screen and (min-width: 768px) {
        .cd-horizontal-timeline .events-content h2 {
            font-size: 7rem;
        }

        .cd-horizontal-timeline .events-content em {
            font-size: 2rem;
        }

        .cd-horizontal-timeline .events-content p {
            font-size: 1.8rem;
        }
    }

    @-webkit-keyframes cd-enter-right {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100%);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0%);
        }
    }

    @-moz-keyframes cd-enter-right {
        0% {
            opacity: 0;
            -moz-transform: translateX(100%);
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0%);
        }
    }

    @keyframes cd-enter-right {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
        }
    }

    @-webkit-keyframes cd-enter-left {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0%);
        }
    }

    @-moz-keyframes cd-enter-left {
        0% {
            opacity: 0;
            -moz-transform: translateX(-100%);
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0%);
        }
    }

    @keyframes cd-enter-left {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            -o-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            -ms-transform: translateX(0%);
            -o-transform: translateX(0%);
            transform: translateX(0%);
        }
    }


    /*Category Pages*/
    /*Dispenser Design Center Callout*/
    .dispenser-design-center-callout {
        display: none;
    }

    .ddc-text {
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .ddc-text p {
            margin-bottom: 0;
        }

    .dispenser-design-center-callout a {
        color: #fff;
        background-color: #4f5051;
        border-radius: 5px;
        padding: 2% 5%;
        display: inline-block;
        margin-top: 1em;
        text-transform: uppercase;
        -webkit-transition: background-color 0.5s;
        transition: background-color 0.5s;
    }

        .dispenser-design-center-callout a:hover, .dispenser-design-center-callout a:focus {
            text-decoration: none;
            background-color: #a4c7e2;
        }

    svg.dispenser .st0 {
        animation-name: lever;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        animate-direction: normal;
        stroke: #000;
        stroke-width: .5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
    }

    svg.dispenser .st1 {
        animation-name: dispenser;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        animate-direction: normal;
        stroke: #000;
        stroke-width: .5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
    }

    svg.dispenser .st2 {
        fill: none;
        stroke: #06080C;
        stroke-width: .5;
        stroke-miterlimit: 10;
    }

    @-webkit-keyframes dispenser {
        0% {
            fill: #fff;
        }

        10% {
            fill: #fff;
        }

        30% {
            fill: #ffce1c;
        }

        50% {
            fill: #ff0504;
        }

        70% {
            fill: #3fdb02;
        }

        90% {
            fill: #1a1c19;
        }

        100% {
            fill: #fff;
        }
    }

    @keyframes dispenser {
        0% {
            fill: #fff;
        }

        10% {
            fill: #fff;
        }

        30% {
            fill: #ffce1c;
        }

        50% {
            fill: #ff0504;
        }

        70% {
            fill: #3fdb02;
        }

        90% {
            fill: #1a1c19;
        }

        100% {
            fill: #fff;
        }
    }

    @-webkit-keyframes lever {
        0% {
            fill: #9ec3de;
        }

        10% {
            fill: #9ec3de;
        }

        30% {
            fill: #A7A9AC;
        }

        90% {
            fill: #A7A9AC;
        }

        100% {
            fill: #9ec3de;
        }
    }

    @keyframes lever {
        0% {
            fill: #9ec3de;
        }

        10% {
            fill: #9ec3de;
        }

        30% {
            fill: #A7A9AC;
        }

        90% {
            fill: #A7A9AC;
        }

        100% {
            fill: #9ec3de;
        }
    }
    /*End Dispenser Design Center Callout*/
    .category-product-lists {
        width: 100%;
        padding-top: 3em;
    }

    .category-product-pic, .category-product-description {
        float: left;
    }

    .category-product-pic {
        width: 30%;
    }

    .category-product-description {
        width: 70%;
        text-align: left;
    }

        .category-product-description a {
            color: #2d1b00;
        }

        .category-product-description > h2 {
            margin: 0;
        }

        .category-product-description > h3 {
            font-style: italic;
            font-size: 1.1em;
            margin: .5em 0 1.3em;
            color: #98948c;
        }

    .button-bar {
        background-color: #fff;
        width: 100%;
        margin: 5% 0;
        border-radius: 5px;
    }

    .inner-button-bar {
        padding: 2% 0;
        text-align: center;
        width: 100%;
        display: table;
    }

        .inner-button-bar p {
            margin: 0;
            text-align: center;
        }

    .learn-more a, .browse-category a, .button-bar a, .category-top-page a {
        color: #2d1b00;
    }

    .category-msds, .category-literature, .learn-more, .category-resources {
        float: left;
    }

    .category-msds, .category-literature {
        border-right: 3px solid #f6f6f3;
    }

    .category-product {
        padding: 3.5em 0;
        clear: both;
    }

    .button-bar img {
        width: 12%;
    }

    .button-bar a {
        font-weight: 400;
    }

    div.category-page-callouts {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div.program-wrapper div.category-page-callouts {
        width: 72%;
    }

    div.category-page-callouts div.callout {
        float: left;
        width: 33%;
    }

        div.category-page-callouts div.callout img {
            width: 100%;
        }

    div.program-wrapper div.category-page-callouts div.callout {
        width: 32%;
        padding: 0 15px;
        margin-top: 2em;
    }

    .browse-cat-btn {
        text-align: center !important;
        padding-top: 1em;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1em;
    }

    .category-page-preview {
        width: 100%;
        margin: 68px 0 0;
    }

    .category-feature-picture, .category-feature-text {
        width: 100%;
        height: auto;
    }

    .category-feature-text {
        padding: 3em 2em 3em calc(50% + 2em);
        text-align: center;
    }

        .category-feature-text h2 {
            text-align: left;
        }

        .category-feature-text img {
            width: 35%;
            padding: 2em;
        }

        .category-feature-text hr {
            border-width: 3px 0 0;
            margin: 3% 25%;
        }

        .category-feature-text h3 {
            font-size: 1.2em;
            text-transform: uppercase;
        }

        .category-feature-text .arrow {
            margin: 0 auto;
        }

    .sub-category-bar div {
        float: left;
        width: 23%;
        text-align: center;
        background-color: #2b80dc;
        border-radius: 5px;
        transition: background-color .5s ease;
        display: table-cell;
        margin: 1%;
    }

    .sub-category {
        text-decoration: underline;
    }

    .sub-category-bar {
        height: 10em;
        margin: 2em 0;
        width: 100%;
        display: table;
    }

        .sub-category-bar p {
            margin: 0;
            padding: 5%;
            color: #fff;
        }

        .sub-category-bar a {
            color: #fff;
        }

            .sub-category-bar a:hover {
                text-decoration: none;
            }

        .sub-category-bar div:hover {
            background-color: #063251;
        }

    #packaging-feature {
        background: url(../products/packaging/img/feature-packaging.jpg) no-repeat scroll left 60% / 50% auto;
    }

    #finishes-feature {
        background: url(../products/finishes/img/feature-finish.jpg) no-repeat scroll left center / 50% auto;
    }

    #reflections-feature {
        background: url(../products/reflections/img/feature-reflections.jpg) no-repeat scroll left center / 50% auto;
    }

    #proportioning-feature {
        background: url(../products/proportioning/img/feature-proportioning.jpg) no-repeat scroll left center / 50% auto;
    }

    #disinfectants-feature {
        background: url(../products/disinfectants/img/feature-disinfectants.jpg) no-repeat scroll left top / 50% auto;
    }

    #carpets-feature {
        background: url(../products/carpet/img/feature-carpet.jpg) no-repeat scroll left center / 50% auto;
    }

    #specialty-feature {
        background: url(../products/specialty/img/feature-specialty.jpg) no-repeat scroll left top / 50% auto;
    }

    #industrial-feature {
        background: url(../products/industrial/img/feature-industrial.jpg) no-repeat scroll left center / 50% auto;
    }

    #strippers-feature {
        background: url(../products/strippers/img/feature-strippers.jpg) no-repeat scroll left 70% / 50% auto;
    }

    #eco-feature {
        background: url(../products/eco/img/feature-eco.jpg) no-repeat scroll left 53% / 50% auto;
    }

    #symmetry-feature {
        background: url(../products/symmetry/img/feature-symmetry.jpg) no-repeat scroll left center / 50% auto;
    }

    #food-feature {
        background: url(../products/food-service/img/feature-food.jpg) no-repeat scroll left center / 50% auto;
    }

    #cleaners-feature {
        background: url(../products/cleaners/img/feature-cleaners.jpg) no-repeat scroll left center / 50% auto;
    }

    #odor-feature {
        background: url(../products/odor/img/feature-odor.jpg) no-repeat scroll left center / 50% auto;
    }

    #washroom-feature {
        background: url(../products/washroom/img/feature-washroom.jpg) no-repeat scroll left center / 50% auto;
    }

    /*Product Page*/
    #product-page-list .category-product {
        width: 33.3%;
        float: left;
        text-align: center;
        clear: none;
    }

    #product-page-list .category-product-pic {
        float: none;
        width: 100%;
        text-align: center;
    }

    #product-page-list .category-product-description {
        width: 100%;
    }

    #products-feature {
        background: url(/img/products-feature.jpg) no-repeat fixed center 10% / cover;
    }

        #products-feature .container {
            text-align: left;
            float: left;
            width: 50%;
            margin: 3em 0 0 5em;
        }

        #products-feature h2, #products-feature p {
            color: #49463f;
            text-align: left;
        }

    .distributor-lookup-bar {
        width: 40%;
        float: left;
    }

    #product-page-intro {
        text-align: center;
        padding: 4em 0;
    }

        #product-page-intro p {
            color: #647a90;
            font-style: italic;
            text-align: center;
        }

        #product-page-intro h3 {
            margin: 2em 9em;
            line-height: 30px;
            color: #264a6a;
        }

    #product-page-list {
        text-align: center;
    }

        #product-page-list .col-md-4 {
            padding: 0 0 4em;
            text-align: center;
        }

        #product-page-list .learn-more {
            width: 100%;
        }

            #product-page-list .learn-more a {
                font-weight: 400;
            }

        #product-page-list .col-md-4:nth-child(3n+1) {
            clear: left;
        }

        #product-page-list h4 {
            text-transform: uppercase;
            color: #49463f;
        }

        #product-page-list a:hover {
            text-decoration: none;
        }

        #product-page-list p {
            padding: 0 1.5em;
            text-align: center;
        }

    /*Industry Pages Callout*/
    .industry-page-callout {
        padding: 3em 0;
        text-align: center;
        background-color: #f6f6f3;
    }

    #home-content + .industry-page-callout {
        clear: left;
        position: relative;
        z-index: 3;
        background-color: #fff;
        padding: 57px 0;
    }

        #home-content + .industry-page-callout p {
            color: #64A515;
        }

    .industry-page-callout + #resources {
        padding-top: 0;
    }

    .arrow-down + .industry-page-callout {
        padding-top: calc(3em + 16px);
    }

    #product-list .industry-page-callout {
        padding-top: 1.75em;
    }

    #product-list .dispenser-design-center-callout + .industry-page-callout {
        padding-top: 3em;
    }

    #buckeye-program-info + .industry-page-callout {
        padding: 4em 0;
    }

    .industry-page-callout h3 {
        margin-bottom: 0.2em;
        margin-top: 0;
    }

    .industry-icons {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 2em auto 0 auto;
    }

        .industry-icons .icon {
            padding: 0 15px;
            position: relative;
        }

    .industry-page-callout a {
        display: block;
    }

    .industry-page-callout svg {
        width: 75px;
        height: 75px;
        border: 3px solid #95c93f;
        border-radius: 10px;
        -webkit-transition: background-color 0.5s;
        transition: background-color 0.5s;
    }

        .industry-page-callout svg path {
            -webkit-transition: fill 0.5s;
            transition: fill 0.5s;
        }

    .industry-page-callout a:hover svg {
        background-color: #95c93f;
    }

    .industry-page-callout a:hover path {
        fill: #fff !important;
    }

    .industry-page-callout a:hover + .info-box {
        top: 111%;
        opacity: 1;
        visibility: visible;
    }

    .industry-page-callout .info-box {
        width: 135px;
        border-radius: 10px;
        z-index: 1;
    }

        .industry-page-callout .info-box p {
            margin: 5px 0 0 0;
        }

.industry-header {
    height: 175px;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin:0 0 1em 0;
}

    .industry-header img {
        position: absolute;
        z-index: 0;
        top: -30%;
        left: 0;
    }
    .industry-header h4 {
        position: relative;
        z-index: 1;
        margin: 0 auto;
        top: 50%;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }
    .industry-header h4 a {
        color: #fff;
    }
/*Resource Page*/
#thank-you-boxes div p {
    color: #fff;
    font-weight: 700;
    font-size: 1.4em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    transition: .5s ease all;
    position: relative;
    top: 50%;
}

    .resource-block p {
        color: #fff;
        font-weight: 700;
        font-size: 1.4em;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        transition: .5s ease all;
        position: relative;
        top: 50%;
    }

    #resources a {
        text-decoration: none;
    }

    .resource-block p:hover {
        text-decoration: none;
        color: #97C264;
    }

    #resources, #thank-you-boxes {
        padding: 5% 0;
        text-align: center;
    }

    #resource-icons-wrapper {
        text-align: center;
        width: 50%;
        margin: 0 auto;
        height: 175px;
    }

    .arrow-down#resource-bg {
        border-top: 20px solid #264a6a;
    }

    #resource-icons img {
        padding: 3em 0 5%;
        width: 80px;
    }

    .resource-icon {
        height: 150px;
        margin: 0 auto;
        transition: background-color .5s ease;
        width: 33.33%;
        float: left;
    }

    #resource-icons {
        width: 100%;
        padding: 2em 0;
        clear: both;
        background-color: #264a6a;
    }

        #resource-icons p {
            color: #fff;
            font-weight: 700;
            line-height: 1.2em;
            text-transform: uppercase;
            text-align: center;
        }

    .resource-icon > a {
        text-decoration: none;
    }

    #resource-container {
        background: url(/img/resources-bg.jpg) no-repeat fixed center 60% / cover;
    }

    .col-md-6 {
        margin: .5%;
        width: 49%;
    }

    #resources .col-md-12 {
        margin: .5%;
        width: 99%;
    }

    #resources .col-md-3 {
        margin: 0 0 3em 0;
        width: calc(25% - 10px);
    }

    .resource-block {
        height: 300px;
        margin: 0 0 1em 0;
    }

    #research-search-site input[type="search"] {
        width: 80%;
        margin: 0 1em 0 0;
        border: 2px solid #98948c;
        border-radius: 0;
        color: #98948c;
        font-size: 18px;
        line-height: normal;
        outline: medium none;
        padding: .6em;
        font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
    }

    #research-search-site {
        margin: 1em 0 3em;
    }

        #research-search-site input[type="submit"] {
            background-color: #98948c;
            font-size: 18px;
            padding: .6em 1em;
            color: #fff;
            text-transform: uppercase;
            font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
            outline: medium none;
            border: none;
            transition: background-color .5s ease;
        }

            #research-search-site input[type="submit"]:hover {
                background-color: #49463f;
            }

    #resource-distributor {
        background-color: #c7c6c4;
        width: 100%;
        text-align: center;
        padding: 5em 0;
    }

        #resource-distributor p {
            text-align: center;
        }

    #resources-training {
        background: url(/img/training-bg.jpg) no-repeat scroll center center / cover;
        overflow: hidden;
    }

    #resources-manuals {
        background: url(/img/manual-bg.jpg) no-repeat scroll center center / cover;
    }

    #resources-testimonials {
        background: url(/img/testimonial-bg.jpg) no-repeat scroll center center / cover;
    }

    #resources-blog {
        background: url('/img/resource-blog-bg.jpg') no-repeat scroll center center / cover;
    }

    #resources-install-videos {
        background: url(/img/install-video-bg.jpg) no-repeat scroll center center / cover;
    }

    #resources-troubleshooting {
        background: url(/img/troubleshooting-bg.jpg) no-repeat scroll center center / cover;
    }

    #resources-chemist {
        background: url(/img/ask-our-chemist.jpg) no-repeat scroll center center / cover;
    }

    #resources-faq {
        background: url(/img/faq-bg.jpg) no-repeat scroll center center / cover;
    }

    #resources-sds {
        background: url(/img/resources-sds-bg.jpg) no-repeat scroll center center / cover;
    }

    #resources-products {
        background: url(/img/products-feature-dark.jpg) no-repeat scroll center center / cover;
    }

    #resources-center {
        background: url(/img/resources-bg.jpg) no-repeat scroll center center / cover;
    }

    #resources-about {
        background: url(/img/ohiomap.jpg) no-repeat scroll center center / cover;
    }

    #resources-videos {
        background: url(/img/videos-bg.jpg) no-repeat scroll center center / cover;
    }

    #resource-search {
        text-align: center;
        padding: 0 0 4em;
    }

        #resource-search p {
            color: #fff;
            text-transform: none;
            padding: 2em 0 0;
        }

    #resource-distributor input {
        border: none;
        margin: .5em;
        padding: .5em;
        width: 15%;
        border-radius: 3px;
        text-align: center;
    }

        #resource-distributor input[type="checkbox"] {
            width: 1%;
        }

        #resource-distributor input[type="submit"] {
            background-color: #49463f;
            color: #fff;
            transition: background-color .5s ease 0;
            text-transform: uppercase;
        }

            #resource-distributor input[type="submit"]:hover {
                background-color: #2b80dc;
            }

    #resource-distributor a {
        color: #063251;
        transition: color .5s ease 0;
        font-weight: 700;
        font-style: italic;
    }

        #resource-distributor a:hover {
            color: #2b80dc;
            text-decoration: none;
        }

    #resource-distributor img {
        padding: 0 0 1em;
    }

    #resource-search a {
        text-transform: uppercase;
        font-weight: 700;
        text-decoration: none;
        color: #98948c;
        transition: color .5s ease 0;
    }

        #resource-search a:hover {
            color: #fff;
        }

    .fa-truck {
        font-size: 3em;
        padding: 0 0 .25em;
    }

    /*MSDS Page*/
    #msds-content table, #fact-sheets-content table {
        margin: 0 auto 2em;
        width: 100%;
        text-align: center;
    }

    #msds-content img {
        width: 100px;
        padding: 0 .8em 0 0;
    }

    #msds-content th, #fact-sheets-content th {
        text-align: center;
        width: 13%;
    }

    .msds-product {
        text-align: left;
    }

    #msds-content td, #msds-content th, #fact-sheets-content td, #fact-sheets-content th {
        padding: 1em;
    }

    #msds-content a .fa {
        color: #97C264;
        font-size: 28px;
        transition: color .5s ease 0;
    }

    #msds-content td a:hover .fa {
        color: #a7f229;
    }

    #msds-content thead {
        background-color: #98948c;
        color: #fff;
    }

    .header-fixed {
        position: fixed;
        top: 80px;
        display: none;
        background-color: #98948c;
        max-width: 1140px;
    }

    .resource-even-row {
        background-color: #fff;
    }

    .msds-product > a {
        color: #49463f;
    }

    #msds-content h2 {
        text-align: left;
    }

    /*Search Results Page*/
    .search-terms {
        font-style: italic;
        font-weight: 400;
    }

    #search-results h2 a {
        color: #49463f;
        font-weight: 400;
        padding: 0 0 .25em 0;
    }

        #search-results h2 a:hover, #search-results h3 a:hover {
            color: #2b80dc;
            text-decoration: none;
        }

    #search-results h3 a {
        color: #98948c;
        font-weight: 400;
    }

    #search-results .ng-scope h3 {
        overflow: hidden;
        white-space: nowrap;
    }

    .search-amount {
        color: #98948c;
        font-style: italic;
        float: left;
        width: 50%;
    }

    .search-paginate {
        text-align: right;
        float: left;
        width: 50%;
        font-size: 1.5em;
    }

    #search-results {
        text-align: left;
    }

        #search-results .category-product {
            padding: 1em 0;
            display: table;
        }

            #search-results .category-product h3 {
                text-align: left;
            }

            #search-results .category-product .category-product-pic {
                width: 125px;
                padding: 0 2em 0 0;
                display: table-cell;
                min-height: 125px;
            }

                #search-results .category-product .category-product-pic p {
                    text-align: center;
                }

        #search-results .category-product-description {
            width: calc(100% - 125px);
            text-align: left;
        }

        #search-results input {
            border: none;
            padding: 0.2em 0.5em;
        }

        #search-results label {
            padding: 0 1em 0 0;
            font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
        }

    #show-more {
        clear: both;
        text-transform: uppercase;
        text-align: center;
        transition: ease all 0.5s;
    }

        #show-more a:hover {
            text-decoration: none;
            color: #97C264;
        }

    #search-results input[type="submit"] {
        width: auto;
        background-color: #08263e;
        color: #97C264;
        transition: ease all 0.5s;
        border-radius: 3px;
    }

        #search-results input[type="submit"]:hover {
            background-color: #2b80dc;
        }


    /* Research Fact Sheets Page*/
    #fact-sheets-content .col-lg-4 {
        display: inline-block;
        padding: 1em;
        text-align: center;
        width: 30%;
    }

    #fact-sheets-content h4 {
        padding: 2em 0 0;
    }

    #fact-sheets-content img {
        padding: 0 0 1em;
    }

    /*Training Page & Program Page & Manuals Page & Troubleshooting & Install Videos & Testimonials*/
    .training-subline {
        color: #97C264;
        font-weight: 700;
        text-transform: uppercase;
    }

    .program-subline {
        font-weight: 700;
        text-transform: uppercase;
        margin: 2em 0 1em;
    }

    .buckeye-program-text h3 {
        padding: 1em 0;
    }

    .training-logo, .buckeye-program-logo {
        float: left;
        padding: 0 3em 0 0;
        width: 25%;
        text-align: center;
    }

    .training-program, .buckeye-program {
        clear: both;
        width: 100%;
        padding: 2em 0;
    }

        .buckeye-program:first-child {
            padding: 0;
        }

            .buckeye-program:first-child h3 {
                padding-top: 0;
            }

    .training-text, .buckeye-program-text {
        float: left;
        width: 75%;
        border-bottom: 3px solid #c9c6bd;
        padding: 0 0 4em;
    }

    #training-intro {
        background: url(/img/training-intro-bg.jpg) no-repeat scroll center center / cover;
        margin: 0 0 4em;
    }

    .buckeye-program-text {
        width: 100%;
    }

        .buckeye-program-text .resource-btn {
            width: 29%;
            clear: none;
            float: left;
            margin: 0 2%;
        }

    #manuals-intro {
        background: url(/img/manuals-intro-bg.jpg) no-repeat scroll center center / cover;
        margin: 0 0 4em;
    }

    #chemist-intro {
    }

        #chemist-intro div.container {
            padding-top: 12em;
            padding-bottom: 0;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }

    header.chemist-header {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div.chemist-form-description {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    #chemist-intro div.beakers-container {
        width: 190px;
        float: left;
        position: relative;
    }

    #chemist-intro svg {
        width: 100%;
        max-height: 102px;
    }

    div.ask-the-chemist-video-container {
        padding-top: 31px;
    }

    div.bubble-transition {
        -webkit-transition: top 5s, opacity 5s;
        transition: top 5s, opacity 5s;
    }

    #chemist-intro h2 {
        font-size: 4em;
        margin: 0;
        float: left;
        padding-left: 30px;
    }

        #chemist-intro h2 span {
            display: block;
            font-size: 1em;
        }

    #chemist-intro svg .a, #chemist-intro svg .b, #chemist-intro svg .c, #chemist-intro .g {
        fill: none;
        stroke: #000;
        stroke-miterlimit: 10;
    }

    .beakers-container .bubble {
        border-radius: 50px;
        border: 2px solid #ffffff;
        opacity: 0;
        position: absolute;
    }

        .beakers-container .bubble.blue {
            border-color: #c3e088;
            opacity: 1;
            top: 67%;
            left: 13.75%;
            animation: bubblesBlue 3s infinite;
        }

        .beakers-container .bubble.red {
            border-color: #77bc1f;
            top: 55%;
            left: 55%;
            animation: bubblesRed 3s infinite;
        }

        .beakers-container .bubble.green {
            border-color: #648c1a;
            top: 33%;
            left: 90.5%;
            animation: bubblesGreen 3s infinite;
        }

        .beakers-container .bubble.small {
            width: 10px;
            height: 10px;
        }

        .beakers-container .bubble.medium {
            width: 13px;
            height: 13px;
        }

        .beakers-container .bubble.large {
            width: 16px;
            height: 16px;
        }

        .beakers-container .bubble.delay-05 {
            animation-delay: 0.5s;
        }

        .beakers-container .bubble.delay-1 {
            animation-delay: 1s;
        }

        .beakers-container .bubble.delay-15 {
            animation-delay: 1.5s;
        }

        .beakers-container .bubble.delay-2 {
            animation-delay: 2s;
        }

        .beakers-container .bubble.delay-25 {
            animation-delay: 2.5s;
        }

    @keyframes bubblesGreen {
        /*L:90.5%,R:94%*/
        0% {
            opacity: 0;
            top: 33%;
            left: 90.5%;
        }

        10% {
            opacity: 0.75;
            left: 91.375%;
        }

        20% {
            left: 92.250%;
        }

        30% {
            left: 93.125%;
        }

        40% {
            left: 94%;
        }

        50% {
            left: 93.125%;
        }

        60% {
            left: 92.250%;
        }

        70% {
            left: 91.375%;
        }

        80% {
            left: 90.5%;
        }

        90% {
            left: 91.375%;
            opacity: 0.75;
        }

        100% {
            top: -28%;
            left: 92.250%;
            opacity: 0;
        }
    }

    @keyframes bubblesRed {
        /*L:55%,R:60%*/
        0% {
            opacity: 0;
            top: 55%;
            left: 55%;
        }

        10% {
            opacity: 0.75;
            left: 57.5%;
        }

        20% {
            left: 60%;
        }

        30% {
            left: 57.5%;
        }

        40% {
            left: 55%;
        }

        50% {
            left: 57.5%;
        }

        60% {
            left: 60%;
        }

        70% {
            left: 57.5%;
        }

        80% {
            left: 55%;
        }

        90% {
            left: 57.5%;
            opacity: 0.75;
        }

        100% {
            top: -28%;
            left: 60%;
            opacity: 0;
        }
    }

    @keyframes bubblesBlue {
        /*L:13.75%,R:16.25%*/
        0% {
            opacity: 0;
            top: 67%;
            left: 13.75%;
        }

        10% {
            opacity: 0.75;
            left: 14.375%;
        }

        20% {
            left: 15%;
        }

        30% {
            left: 15.625%;
        }

        40% {
            left: 16.25%;
        }

        50% {
            left: 15.625%;
        }

        60% {
            left: 15%;
        }

        70% {
            left: 14.375%;
        }

        80% {
            left: 13.75%;
        }

        90% {
            left: 14.375%;
            opacity: 0.75;
        }

        100% {
            top: -28%;
            left: 15%;
            opacity: 0;
        }
    }

    #chemist-intro svg .b {
        stroke-width: 1.15px;
    }

    #chemist-intro svg .c {
        stroke-width: 1.09px
    }

    #chemist-intro svg .d {
        fill: #c3e088;
    }

    #chemist-intro svg .f {
        fill: #77bc1f;
    }

    #chemist-intro svg .e {
        fill: #648c1a;
    }

    #testimonials-intro {
        background: url(/img/testimonials-intro-bg.jpg) no-repeat scroll center 10% / cover;
        margin: 0 0 4em;
    }

    #troubleshooting-intro {
        background: url(/img/troubleshooting-intro-bg.jpg) no-repeat scroll center center / cover;
        margin: 0 0 4em;
    }

    #resource-videos-intro {
        background: url(/img/videos-intro-bg.jpg) no-repeat scroll center center / cover;
        margin: 0 0 4em;
    }

    #install-videos-intro {
        margin: 0 0 4em;
    }

        #training-intro .container, #manuals-intro .container, #testimonials-intro .container, #troubleshooting-intro .container, #install-videos-intro .container, #resource-videos-intro .container {
            padding: 12em 5em 10em;
            text-align: center;
        }

            #training-intro .container h2, #training-intro .container p, #manuals-intro .container h2, #manuals-intro .container p, #testimonials-intro .container h2, #testimonials-intro .container p, #troubleshooting-intro .container p, #troubleshooting-intro .container h2, #resource-videos-intro .container h2, #resource-videos-intro .container p {
                color: #fff;
                text-align: center;
            }

            #training-intro .container p, #manuals-intro .container p, #testimonials-intro .container p, #troubleshooting-intro .container p, #resource-videos-intro .container p {
                font-size: 1.5em;
            }

    .no-border {
        border-bottom: 0 solid #c9c6bd;
    }

    .training-text h3, .buckeye-program-text h3 {
        margin-top: 0;
        text-align: left;
    }

    .training-program a, .buckeye-program a {
        font-weight: 700;
        color: #49463f;
    }

    .training-text .resource-btn, .buckeye-program-text .resource-btn {
        padding: 2em 0 .5em;
    }

        .buckeye-program-text .resource-btn p {
            text-align: center;
        }

    #buckeye-program-info .program-btn {
        padding: 1em 0;
    }

    #buckeye-program-info .program-wrapper .float-right {
        width: 35%;
    }

    #program-feature {
        background: url(/img/program-bg.jpg) no-repeat fixed center 70% / cover;
    }

        #program-feature .line-right, #program-feature .line-left {
            background-color: #fff;
        }

        #program-feature .arrow:hover {
            border: 2px solid #fff;
        }

    .manuals-section {
        background-color: #fff;
        float: left;
        margin: 3%;
        padding: 5%;
        width: 44%;
        border-radius: 5px;
    }

        .manuals-section a:hover {
            text-decoration: none;
            color: #98948c;
        }

        .manuals-section li {
            list-style: none;
            margin: 0 0 .5em;
        }

        .manuals-section p {
            text-transform: uppercase;
            font-weight: 700;
            text-decoration: underline;
            margin: .75em 0 .5em;
        }

        .manuals-section a {
            color: #2b80dc;
            transition: color .2s ease-in-out 0;
        }

        .manuals-section h2 {
            text-align: center;
        }

    #troubleshooting-tabs {
        width: 100%;
        clear: both;
    }

        #troubleshooting-tabs a {
            text-align: center;
            float: left;
            text-transform: uppercase;
            font-family: "Avenir LT W01_65 Medium1475532",sans-serif;
        }

    .nav-tabs > li > a {
        border: 2px solid #eee;
        border-bottom: 0;
    }

    .tab-pane {
        background-color: #fff;
        border-radius: 0 0 10px 10px;
        padding: 3% 5%;
        border-color: transparent #ddd #ddd;
        border-image: none;
        border-style: solid;
        border-width: 1px;
    }

    .tab-content {
        margin: 0 0 8em;
    }

    .troubleshooting-floor-answer {
        color: #76cbca;
    }

    .troubleshooting-title {
        text-align: left;
        margin: 0 auto;
        width: 80%;
        height: 150px;
        display: table;
    }

        .troubleshooting-title img {
            display: table-cell;
            width: 200px;
        }

    #hard-floor-care h3 {
        color: #fff;
        background-color: #76cbca;
        padding: .5em;
        width: 100%;
        text-align: center;
        margin: 0 0 40px 0;
        text-transform: uppercase;
    }

    #ref h3 {
        background-color: #ffd690;
        padding: .5em;
        width: 100%;
        text-align: center;
        margin: 0 0 40px 0;
        font-size: 16px;
        line-height: 19px;
    }

    #eco h3 {
        background-color: #000;
        color: #fff;
        padding: .5em;
        width: 100%;
        text-align: center;
        margin: 0 0 40px 0;
        font-size: 16px;
        line-height: 19px;
    }

    .troubleshooting-title h2 {
        text-transform: uppercase;
        display: table-cell;
        padding: 0 0 0 1em;
        font-size: 2em;
        font-family: "Avenir LT W01_55 Roman1475520",sans-serif;
    }

    #hard-floor-care p {
        margin: 0 0 1.5em 0;
        font-size: 16px;
    }

    #troubleshooting-guides h4 {
        border-bottom: 3px solid #eee;
        padding: 0 0 .75em 0;
    }

    #hard-floor-care .arrow-down {
        border-top: 20px solid #76cbca !important;
        left: 47%;
        margin: -40px 0 0;
    }

    #ref .arrow-down {
        border-top: 20px solid #ffd690 !important;
        left: 47%;
        margin: -40px 0 0;
    }

    #eco .arrow-down {
        border-top: 20px solid #000 !important;
        left: 47%;
        margin: -40px 0 0;
    }

    #troubleshooting-guides a {
        transition: ease 0.5s all;
    }

    #troubleshooting-guides p {
        font-size: 16px;
    }

    #troubleshooting-guides a:hover {
        color: #97C264;
        text-decoration: none;
    }

    .testimonial-video {
        background-color: #fff;
        padding: 2%;
        border-radius: 3px;
        width: 31%;
        float: left;
        border: 1px solid #264a6a;
        margin: 1%;
        height: 375px;
    }

        .testimonial-video h3 {
            text-align: left;
        }

    #testimonial-cats p, #testimonial-cats a {
        text-transform: uppercase;
        float: left;
        padding: 0 1.5% 0 0;
        color: #98948c;
    }

        #testimonial-cats a:hover, #testimonial-cats .active a {
            color: #2b80dc;
            font-weight: 700;
            text-decoration: none;
        }

    #testimonial-cats {
        width: 100%;
        clear: both;
        height: 70px;
    }

    #testimonial-wrapper {
        width: 100%;
        clear: both;
        margin: 0 0 5em;
        display: table;
    }

    .testimonial-category {
        text-transform: uppercase;
        color: #98948c;
    }

    #ref-intro-video {
        width: 50%;
        float: left;
        margin: 2em 2em 0 0;
    }

    .program-resources {
        clear: both;
        width: 100%;
        padding-top: 1em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .program-resources > a, .program-resources > div {
            width: 32%;
        }

        .program-resources > a {
            display: block;
        }

        .program-resources img {
            display: block;
            width: 100%;
        }

    .buckeye-program .symmetry-contact-callout a {
        background-color: #6098BA;
    }

        .buckeye-program .symmetry-contact-callout a:hover {
            background-color: #4e7b96;
        }

    .download-symmetry-resources {
        position: relative;
        margin-bottom: 49px;
    }

    .download-symmetry-actions {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .download-symmetry-actions > div {
            padding-left: 41%;
            padding-top: 8px;
        }

        .download-symmetry-actions select {
            outline: 0 none;
            background-color: #eee;
            font-size: 1.4em;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 190px;
            padding: .25em;
            background-position: 98% 65%;
            background-repeat: no-repeat;
            background-size: 10px;
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%236D6E71%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A');
            border: 1px solid #333;
            color: #6D6E71;
            border-radius: 0;
        }

            .download-symmetry-actions select::-ms-expand {
                display: none;
            }

        .download-symmetry-actions p:first-child {
            font-size: 1em;
            margin: 0;
            color: #6D6E71;
        }

        .download-symmetry-actions p:last-child {
            font-size: 2em;
            text-transform: uppercase;
        }

            .download-symmetry-actions p:last-child a {
                color: #6D6E71;
                text-decoration: none;
            }

    #program-list {
        width: 60%;
        clear: both;
        display: inline-block;
    }

        #program-list p {
            border-right: 2px solid #97C264;
            display: inline;
            padding: 0 1em 0;
        }

            #program-list p:last-child {
                border-right: none;
            }

        #program-list a {
            transition: .5s ease all;
            color: #fff;
        }

            #program-list a:hover, #program-list a:focus {
                color: #97C264;
                text-decoration: none;
            }

    /*Contact Wizard*/
    #contact-wizard {
        min-height: 100vh;
        overflow: hidden;
    }

        #contact-wizard .section-container {
            position: relative;
            width: 600%;
            min-height: calc(100vh - 132px);
            padding: 100px 0 32px;
            display: -ms-flexbox;
            -ms-flex-align: center;
            display: -webkit-flex;
            -webkit-align-items: center;
            display: flex;
            align-items: center;
        }

        #contact-wizard .section {
            width: 100%;
            display: inline-block;
            opacity: 0;
            -webkit-transition: opacity 0.75s;
            transition: opacity 0.75s;
        }

            #contact-wizard .section.active {
                opacity: 1;
            }

        #contact-wizard .section-content {
            display: -ms-flexbox;
            -ms-flex-pack: center;
            display: -webkit-flex;
            -webkit-justify-content: center;
            display: flex;
            justify-content: center;
        }

            #contact-wizard .section-content h2 {
                text-align: left;
            }

        #contact-wizard .welcome-message, #contact-wizard .question {
            max-width: 800px;
            padding: 0 15px;
        }

            #contact-wizard .welcome-message h1 {
                margin-top: 0;
            }

        #contact-wizard footer.slide-controls {
            margin-top: 2em;
        }

            #contact-wizard footer.slide-controls p {
                float: right;
            }

            #contact-wizard footer.slide-controls .fa {
                color: #333;
            }

            #contact-wizard footer.slide-controls a.next {
                margin-left: 1em;
            }

        #contact-wizard a {
            display: inline-block;
            box-shadow: 0 -3px 3px -3px #333 inset;
            padding: 8px 29px;
            border-radius: 3px;
            text-decoration: none;
            color: #333;
            -webkit-transition: background-color 0.5s;
            transition: background-color 0.5s;
        }

            #contact-wizard a.disabled {
                cursor: not-allowed;
                opacity: 0.5;
            }

            #contact-wizard a.next {
                background-color: #97C264;
            }

                #contact-wizard a.next:hover {
                    background-color: #73993d;
                }

            #contact-wizard a.prev {
                background-color: #ececec;
            }

                #contact-wizard a.prev:hover {
                    background-color: #d8d8d8;
                }

        #contact-wizard .question input[type="radio"] {
            display: none;
        }

        #contact-wizard .question label {
            display: block;
            width: 100%;
            font-size: 2em;
            font-weight: 400;
            padding-left: 2em;
            cursor: pointer;
        }

            #contact-wizard .question label:before {
                font-family: FontAwesome;
                content: "\f096";
                padding-right: 0.5em;
                font-size: 0.9em;
                display: inline-block;
                -webkit-transform-origin: 25% 50%;
                transform-origin: 25% 50%;
            }

        #contact-wizard .question input[type="radio"]:checked + label:before {
            content: "\f046";
            -webkit-animation: checkAnimation 0.5s;
            animation: checkAnimation 0.5s;
        }

    @-webkit-keyframes checkAnimation {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(0.75);
        }

        100% {
            transform: scale(1);
        }
    }

    @keyframes checkAnimation {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(0.75);
        }

        100% {
            transform: scale(1);
        }
    }

    /*Eco Landing Page*/
    .eco-landing-page p {
        font-size: 1.3em;
    }

    .eco-intro .grey-bg {
        background-color: rgba(40, 40, 40, 0.5);
    }

    .grey-bg .container {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .grey-bg p, .grey-bg h2 {
        color: #fff;
    }

    .eco-intro {
        padding: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
    }

        .eco-intro h2 {
            padding: 3.5em 0 1em 0;
            text-align: center;
            font-size: 2.3em;
        }

        .eco-intro .intro-text p:first-child {
            font-size: 1.75em;
        }

        .eco-intro .intro-text p:last-child {
            margin-bottom: 0;
        }

        .eco-intro .grey-bg:nth-child(2) {
            margin-top: 50vh;
        }

    .eco-logo {
        width: 100%;
        max-height: 120px;
        margin-top: 4px;
    }

        .eco-logo .a, .eco-logo .c, .eco-logo .f {
            fill: none;
        }

        .eco-logo .a, .eco-logo .c, .eco-logo .d, .eco-logo .f {
            stroke: #231f20;
        }

        .eco-logo .a {
            stroke-width: 0.36px;
        }

        .eco-logo .b, .eco-logo .d {
            fill: #fff;
        }

        .eco-logo .c, .eco-logo .f {
            stroke-width: 1.5px;
        }

        .eco-logo .d {
            stroke-width: 0.72px;
        }

        .eco-logo .e {
            fill: #231f20;
        }

        .eco-logo .f {
            stroke-linecap: round;
            stroke-linejoin: round;
        }

    div.why-choose-eco {
        padding-top: 3em;
        padding-bottom: 3em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div.why-choose-eco.uk {
        display:block !important;
    }

        div.why-choose-eco h3 {
            margin-top: 0;
            font-size: 1.75em;
        }

    div.benefits-of-eco {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 3em;
    }

        div.benefits-of-eco h3 {
            font-size: 2em;
            margin-top: 0;
            margin-bottom: 0.75em;
        }

    div.benefit-section {
        margin-bottom: 1.5em;
    }

        div.benefit-section:last-child {
            margin-bottom: 0;
        }

        div.benefit-section h4 {
            font-size: 15px;
            margin-bottom: 5px;
            margin-top: 0;
        }

    div.eco-quote {
        padding: 3em 0;
        background-color: #e9eef7;
    }

    div.eco-systems-hero-image img {
        width: 100%;
    }

    header.eco-systems-header {
        background-color: #000;
    }

        header.eco-systems-header h3 {
            font-size: 2em;
            margin: 0.5em 0;
            color: #fff;
        }

    div.available-eco-systems {
        padding-top: 3em;
        padding-bottom: 3em;
    }

        div.available-eco-systems h4 {
            font-size: 2.25em;
            margin: 0.5em 0;
        }

        div.available-eco-systems div p:nth-child(3) {
            margin-bottom: 0;
        }

    div.eco-demo-images img {
        width: 100%;
    }

    div.eco-lock {
        position: relative;
    }

    div.eco-lock-text {
        position: absolute;
        top: 101px;
        left: 43%;
        width: 500px;
    }

        div.eco-lock-text h3 {
            font-size: 1.75em;
        }

            div.eco-lock-text h3:first-child {
                margin-top: 0;
            }

    footer.eco-footer {
        padding: 6em 0;
        background-color: #e9eef7;
    }

    .eco-btn a {
        display: inline-block;
        box-shadow: 0 -3px 3px -3px #333 inset;
        padding: 1.5% 5%;
        border-radius: 3px;
        text-decoration: none;
        color: #fff;
        background-color: rgb(80, 80, 80);
        -webkit-transition: background-color 0.5s;
        transition: background-color 0.5s;
    }

    .eco-footer a:hover {
        background-color: rgb(40, 40, 40);
    }

    /*Hard Floor Care Landing Page*/
    .hard-floor-care-intro .green-bg {
        background-color: rgba(118,203,202,.7);
    }

    .green-bg {
        background-color: #76cbca;
    }

    .light-green-bg {
        background-color: #94d4d2;
    }

    .medium-green-bg {
        background-color: #7aabaa;
    }

    .dark-green-bg {
        background-color: #125955;
    }

    .dark-green-text p, .dark-green-text h3 {
        color: #125955;
    }

    .white-text p, .white-text h3, .white-text small, .white-text h2 {
        color: #fff;
    }

    .hard-floor-care-intro, .reflections-intro, .ref-program-footer {
        padding: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center -120px;
    }

        .hard-floor-care-intro.top {
            background-image: url('../img/reflections-landing-page-header-image.jpg');
        }

        .hard-floor-care-intro.bottom {
            background-image: url('../img/reflections-landing-page-footer-image.jpg');
            background-position: center center !important;
        }

        .hard-floor-care-intro h2, .reflections-intro h2 {
            padding: 3.5em 0 1em 0;
            text-align: center;
            font-size: 2.3em;
        }

        .hard-floor-care-intro .green-bg:nth-child(2), .reflections-intro .ref-brown-bg:nth-child(2) {
            margin-top: 50vh;
        }

    .green-bg .container, .ref-brown-bg .container {
        padding: 3em;
    }

    .col-md-12.floor-studies {
        padding: 0;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .floor-studies small {
        font-style: italic;
    }

    .col-md-12.white-stripes {
        clear: both;
    }

    .floor-studies .col-md-6 {
        width: 50%;
        margin: 0;
        padding: 2em 2em 0 2em;
        text-align: left;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .grocery-studies .col-md-6 {
        padding: 2em 2em 0 2em;
    }

    .floor-studies .col-md-12 {
        clear: both;
    }

    .floor-studies h3 {
        text-align: center;
        font-size: 2.3em;
        max-width: 475px;
        display: block;
        margin: 0 auto;
    }

    .program-testimonial {
        padding: 4em;
        background-color: #ffffff;
    }

        .program-testimonial > .container {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .program-testimonial .testimonial-text {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: flex-end;
            -webkit-align-items: flex-end;
            align-items: flex-end;
        }

            .program-testimonial .testimonial-text p {
                margin-bottom: 0;
            }

    .floorcare-percent-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 24px;
    }

        .floorcare-percent-container p {
            margin-bottom: 0;
            width: calc(100% - 62px);
        }

    .floorcare-percent {
        border-radius: 10px;
        font-size: 1.3em;
        height: 50px;
        line-height: 50px;
        margin: 0 12px 0 0;
        text-align: center;
        width: 50px;
    }

    .floor-studies-text {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .store-cleanliness-container {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .satisfied-customers-container {
        margin-bottom: 24px;
    }

    #twoTimes {
        background-color: #94d4d2;
        display: inline-block !important;
    }

    .citation-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 0;
    }

    .floor-studies-citation, .grocery-studies-citation {
        margin: 0;
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: left;
    }

    .floor-studies-mobile-citation, .grocery-studies-mobile-citation {
        display: none;
    }

    .floor-care-program-different h2, .floor-cost-down h2, .reflections-program-page h2 {
        font-size: 2.3em;
    }

    .floor-cost-down h2 {
        color: #125955;
    }

    .save-with-floor-care-program h3 {
        font-size: 2em;
    }

    .save-with-floor-care-program .hard-floor-care-contact-callout a {
        background-color: #51938f;
    }

        .save-with-floor-care-program .hard-floor-care-contact-callout a:hover {
            background-color: #bfd7d7;
        }

    div.why-care-section .container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div.why-care-section h3 {
        text-align: left;
        margin-top: 0;
        font-size: 2.5em;
    }

    div.why-care-section svg {
        float: left;
        margin-right: 24px;
        width: 141px;
        height: 141px;
    }

        div.why-care-section svg .a {
            fill: #FFFFFF;
        }

        div.why-care-section svg .b {
            fill: #77ccca;
        }

    div.why-care-video p {
        margin: 0;
        text-align: center;
    }

        div.why-care-video p:first-child {
            margin-top: 5px;
            font-size: 1.1em;
        }

        div.why-care-video p:last-child {
            font-size: 0.9em;
        }

    .rotate-animation {
        -webkit-animation: rotateElement 1s 1;
        animation: rotateElement 1s 1;
    }

    @keyframes rotateElement {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        80% {
            -webkit-transform: rotate(370deg);
            transform: rotate(370deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .scale-animation {
        -webkit-animation: scaleElement 1s 1;
        animation: scaleElement 1s 1;
    }

    .scale-animation-delay-1 {
        -webkit-animation: scaleElement 1s 1;
        animation: scaleElement 1s 1;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .scale-animation-delay-2 {
        -webkit-animation: scaleElement 1s 1;
        animation: scaleElement 1s 1;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .scale-animation-delay-3 {
        -webkit-animation: scaleElement 1s 1;
        animation: scaleElement 1s 1;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }

    @keyframes scaleElement {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        40% {
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
        }

        80% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    .rotate-scale-animation {
        -webkit-animation: rotateScaleElement 1s 1;
        animation: rotateScaleElement 1s 1;
    }

    @keyframes rotateScaleElement {
        0% {
            -webkit-transform: rotate(0deg) scale(0);
            transform: rotate(0deg) scale(0);
        }

        80% {
            -webkit-transform: rotate(370deg) scale(1);
            transform: rotate(370deg) scale(1);
        }

        100% {
            -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
        }
    }

    .animation {
        -webkit-transition: opacity 1s, transform 1s;
        transition: opacity 1s, transform 1s;
        opacity: 0;
    }

        .animation.left-slide {
            -webkit-transform: translate(-50px,0);
            transform: translate(-50px,0);
        }

        .animation.right-slide {
            -webkit-transform: translate(50px,0);
            transform: translate(50px,0);
        }

        .animation.fade-animation {
            opacity: 1;
            -webkit-transform: translate(0px,0px);
            transform: translate(0px,0px);
        }

    .white-stripes {
        background: repeating-linear-gradient( 45deg, #ffffff, #ffffff 10px, #eee 10px, #eee 11px );
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .floor-maintenance-budget {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .floor-maintenance-budget-text {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .floor-maintenance-budget-emp {
        font-size: 2.8em;
        font-weight: bold;
        padding-right: 6px;
    }

    .floor-maintenance-budget-text p {
        margin-bottom: 0;
    }

    .floor-maintenance-budget-graphic svg {
        width: 100%;
        max-height: 163px;
    }

        .floor-maintenance-budget-graphic svg .a {
            fill: #072728;
        }

        .floor-maintenance-budget-graphic svg .b {
            fill: #0f5a56;
        }

        .floor-maintenance-budget-graphic svg .c {
            fill: #ffffff;
        }

        .floor-maintenance-budget-graphic svg .d {
            fill: #77cbc9;
        }

    .save-with-floor-care-program {
        padding-top: 46px;
        padding-bottom: 46px;
    }

        .save-with-floor-care-program h3 {
            text-align: left;
            margin-bottom: 24px;
            margin-top: 0;
        }

        .save-with-floor-care-program p {
            margin-bottom: 0;
        }

        .save-with-floor-care-program img {
            width: 100%;
        }

    .floor-finishes-features {
        padding-top: 46px;
        padding-bottom: 46px;
        background-color: #ffffff;
    }

        .floor-finishes-features h3 {
            margin-top: 0;
            font-size: 2.3em;
            color: #125955;
        }

    .floor-finishes-features-image-container {
        position: relative;
        margin-left: 29.16666666666666667%;
        margin-bottom: 24px;
        margin-top: 46px;
        -webkit-transition: transform 0.5s;
        transition: transform 0.5s;
    }

        .floor-finishes-features-image-container:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .floor-finishes-features-image-container svg {
            width: 100%;
        }

        .floor-finishes-features-image-container .features-image-text {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

            .floor-finishes-features-image-container .features-image-text p {
                margin: 0 auto;
                font-weight: bold;
                text-align: center;
            }

    .floor-strippers-cleaners {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }

        .floor-strippers-cleaners h3 {
            margin-top: 0;
            text-align: center;
            color: #125955;
        }

        .floor-strippers-cleaners .col-md-6 {
            margin: 0;
            width: 50%;
            padding-top: 46px;
            padding-bottom: 46px;
        }
    /*Symmetry Landing Page*/
    .avenir-light {
        font-family: 'Avenir LT W01_35 Light1475496', sans-serif;
    }

    .avenir-light-oblique {
        font-family: 'Avenir LT W01_35 Light_1475502', sans-serif !important;
    }

    .avenir-roman {
        font-family: 'Avenir LT W01_55 Roman1475520', sans-serif;
    }

    .avenir-oblique {
        font-family: 'Avenir LT W01_55 Obliqu1475526', sans-serif;
    }

    .avenir-medium {
        font-family: 'Avenir LT W01_65 Medium1475532', sans-serif;
    }

    .avenir-medium-oblique {
        font-family: 'Avenir LT W01_65 Medium1475538', sans-serif;
    }

    .avenir-heavy {
        font-family: 'Avenir LT W01_85 Heavy1475544', sans-serif !important;
    }

    .avenir-black-oblique {
        font-family: 'Avenir LT W01_95 Black_1475562', sans-serif;
    }

    #clarionmicroban p, .symmetry-landing-page p, .hard-floor-care-page p, .reflections-program-page p, .reflections-program-page li, .target-page p, #arenamicroban p {
        font-size: 1.3em;
    }

    .reflections-program-page p {
        margin: 0 0 1em 0;
    }

    div.symmetry-intro.top {
        background-image: url('../img/symmetry-intro-header.jpg');
        padding: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
    }

    #sym-video {
        padding: 3em 0;
    }

    div.symmetry-intro .sym-blue-bg {
        background-color: rgba(187, 213, 233, 0.85);
    }

    div.sym-floating-quote {
        margin: 4em 0 15em 0;
    }

        div.sym-floating-quote p:first-child {
            margin-bottom: 25px;
        }

    .sym-floating-quote p {
        color: #fff;
    }

    div.symmetry-intro h2 {
        padding: 3.5em 0 1em 0;
        text-align: center;
        font-size: 2.3em;
    }

    div.symmetry-logo svg .a {
        fill: #ffffff;
    }

    .sym-white-bg {
        background-color: #ffffff;
    }

    .sym-blue-bg {
        background-color: #bbd5e9;
    }

        .sym-blue-bg .container, .sym-white-bg .container {
            padding: 3em;
        }

    .italic {
        font-style: italic;
    }

    .bold {
        font-weight: bold;
    }

    .sym-grey-text {
        color: #4f5959;
    }

    div.symmetry-importance .row, div.hand-hygiene-benefits .row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    div.hand-hygiene-benefits-container {
        background-color: #ffffff;
    }

    div.hand-hygiene-benefits {
        padding-top: 46px;
        padding-bottom: 46px;
    }

        div.hand-hygiene-benefits .row div:first-child p:first-child {
            font-size: 1.75em;
        }

    div.symmetry-dispensers {
        background-image: url('../img/symmetry-dispenser-bg.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding-top: 15em;
        padding-bottom: 15em;
        height:1000px;
    }

        div.symmetry-dispensers h2 {
            font-size: 2.5em;
            margin-bottom: 20px;
        }

        div.symmetry-dispensers p:nth-child(2) {
            margin-bottom: 3em;
        }

        div.symmetry-dispensers p:nth-child(3) {
            text-align: center;
        }

        div.symmetry-dispensers p:nth-child(4) {
            text-align: center;
        }
div.hands-free-dispenser-stand {
    background-image: url('../img/hands-free-dispenser-bg.jpg');
    background-repeat: no-repeat;
    background-position: center 40%;
    background-size: cover;
    padding-top: 15em;
    padding-bottom: 15em;
}

.hands-free-dispenser-stand .col-lg-5.col-md-5.col-sm-12.col-md-offset-7 {
    background-color: rgba(255,255,255,.7);
    padding: 3em 2em;
    border-radius: 5px;
}

@media only screen and (max-width:1650px) {
    div.hands-free-dispenser-stand {
        background-position: bottom center;
        height: 800px;
    }
}

@media only screen and (max-width:1300px) {
    div.hands-free-dispenser-stand {
        height: 700px;
        padding-top:5em;
    }
}

@media only screen and (max-width:991px) {
    div.hands-free-dispenser-stand {
        background-position: 5% 350px;
        padding-top: 2em;
        height: 1100px;
        background-size: 150%;
        padding-bottom: 1em;
    }
}

@media only screen and (max-width:755px) {
    div.hands-free-dispenser-stand {
        height: 1000px;
    }
}

@media only screen and (max-width:600px) {
    div.hands-free-dispenser-stand {
        background-position: 5% bottom;
        padding-top: 2em;
        height: 900px;
        background-size: 150%;
    }
}
    div.reduce-hand-hygiene-costs h3, div.reduce-hand-hygiene-costs p:nth-child(2) {
        margin-bottom: 20px;
        margin-top: 0;
    }

    div.reduce-hand-hygiene-costs p:last-child {
        margin-bottom: 0;
    }

    div.symmetry-ida-award {
        border: 1px solid #000;
        padding: 20px 30px;
    }

        div.symmetry-ida-award h4 {
            margin-bottom: 20px;
            font-size: 1.3em;
            line-height: 1.4;
            margin-top: 0;
        }

    div.symmetry-ida-award-image {
        position: relative;
    }

        div.symmetry-ida-award-image img {
            position: absolute;
            top: -100px;
            left: 0;
            width: 62px;
        }

    div.coffee-county-schools-quote {
        margin-bottom: 4em;
    }

        div.coffee-county-schools-quote p {
            text-align: center;
        }

    div.customizable-awareness-education-materials h4 {
        font-size: 24px;
        margin-top: 0;
    }

    div.symmetry-sbms {
        background-image: url('../img/symmetry-sbms-bg.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        padding: 5em 0 0 0;
        position: relative;
        background-position: center 40%;
    }

        div.symmetry-sbms h2 {
            margin-bottom: 0;
            font-size: 6em;
        }

        div.symmetry-sbms p:nth-child(2) {
            font-size: 2.5em;
            line-height: 1.2;
        }

        div.symmetry-sbms p:nth-child(3) {
            margin: 20px 0 30px 0;
        }

    div.symmetry-vlcs {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    div.symmetry-testing svg {
        width: 100%;
        height: 100%;
        max-height: 73px;
        display: block;
        margin: 0 auto 2em auto;
    }

        div.symmetry-testing svg.sym-arrow {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            margin: 2em auto 0 auto;
        }

    div.symmetry-testing p {
        text-align: center;
    }

    p.symmetry-contact-callout {
        text-align: center;
        margin-top: 2em;
    }

        p.symmetry-contact-callout a {
            display: inline-block;
            box-shadow: 0 -3px 3px -3px #333 inset;
            padding: 7px 5%;
            border-radius: 3px;
            text-align: center;
            text-decoration: none;
            color: #ffffff;
            -webkit-transition: background-color 0.5s;
            transition: background-color 0.5s;
            background-color: #bbd5e9;
        }

            p.symmetry-contact-callout a:active {
                box-shadow: 0 0 0 0 #333 inset;
            }

            p.symmetry-contact-callout a:hover {
                background-color: #eaeaea;
            }

    div.symmetry-landing-page p.symmetry-contact-callout a {
        color: #fff;
        background-color: #bbd5e9;
    }

        div.symmetry-landing-page p.symmetry-contact-callout a:hover {
            background-color: #6098ba;
        }

    #ionpure {
        width: 275px;
        float: right;
    }

    #ionpure-category-page {
        width: 200px;
        position: absolute;
        left: 35%;
        top: 50%;
    }

    #ionpure-category-page-mobile {
        display: none;
    }



    @media only screen and (max-width:767px) {
        #ionpure {
            float: none;
            margin: 0 auto;
        }
        .target-page .vertical-align {
            display:block;
        }
        .epa-icon {
            margin-left:25%;
        }
    }

    /* End Symmetry Landing Page */

    /* Target Pages */
    .target-page-hero {
        padding-top: 50vh;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }

        .target-page-hero.schools-universities {
            background-image: url('/img/schools-universities-header-hero.jpg');
        }

        .target-page-hero.ymca-community-centers {
            background-image: url('/img/ymca-community-centers-header-hero.jpg');
            background-position: center center;
        }

        .target-page-hero.long-term-care {
            background-image: url('/img/long-term-care-header-hero.jpg');
        }

        .target-page-hero.hospitals {
            background-image: url('/img/hospitals-header-hero.jpg');
            background-position: center 40%;
        }

        .target-page-hero.supermarkets {
            background-image: url('/img/supermarkets-header-hero.jpg');
            background-position: center 65%;
        }

        .target-page-hero.correctional-facilities {
            background-image: url('/img/correctional-facilities-header-hero.jpg');
            background-position: center 65%;
        }

        .target-page-hero header {
            padding-top: 3em;
            padding-bottom: 3em;
            background-color: rgba(9, 39, 63, 0.7);
        }

            .target-page-hero header h1 {
                color: #fff;
                margin: 0;
                font-size: 2.3em;
                line-height: 1.3;
            }

    p.target-contact-button {
        text-align: center;
        font-size: 1.3em;
        /*margin-top: 1em;*/
    }

        p.target-contact-button a {
            padding: 7px 5%;
            display: inline-block;
            text-decoration: none;
            box-shadow: 0 -3px 3px -3px #333 inset;
            border-radius: 3px;
            -webkit-transition: background-color 0.5s;
            transition: background-color 0.5s;
        }
    /*Honors Section*/
    .honors-target header {
        background-color: rgb(9, 39, 63);
        padding: 3em 0;
    }

    .honors-target h2 {
        margin: 0;
        color: #fff;
        font-size: 2.3em;
        line-height: 1.3;
    }

    .honors-target .content {
        padding: 3em 0;
    }

    .honors-target img {
        padding: 0 30px;
    }

        .honors-target img:first-child {
            margin-bottom: 3em;
        }

    .honors-target li {
        font-size: 1.1em;
    }

    .honors-target .link {
        margin-top: 1em;
        font-size: 2em;
    }

    .honors-target .honors-video {
        margin-top: 2em;
    }

        .honors-target .honors-video h3 {
            font-size: 1.5em;
        }
    /*End Honors Section*/
    /*Program Benefits Section*/
    .program-benefits-target {
        padding: 3em 0;
        background-color: #fff;
    }

        .program-benefits-target .row {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-top: 4em;
        }

            .program-benefits-target .row:last-child {
                margin-bottom: 4em;
            }

    .square-angled-container {
        position: relative;
        height: 255px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 25px;
    }

        .square-angled-container .background {
            background-color: #b6db84;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border-radius: 25px;
        }

        .square-angled-container .text-container {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .square-angled-container p {
            text-align: center;
            margin: 0;
            font-size: 2em;
            color: #576f36;
        }

        .square-angled-container .square-arrow-container {
            position: absolute;
            top: -30px;
            right: -30px;
            z-index: -1;
            -webkit-transition: top 0.5s, right 0.5s;
            transition: top 0.5s, right 0.5s;
        }

        .square-angled-container:hover .square-arrow-container {
            top: -40px;
            right: -40px;
        }

        .square-angled-container .square-arrow-container .square-arrow-block {
            background-color: #fff;
            position: absolute;
            top: -15px;
            left: -15px;
            height: 200px;
            width: 100px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .square-angled-container .square-arrow-container .square-arrow-negative {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 125px;
            height: 125px;
            background-color: #fff;
            border-radius: 25px;
        }

        .square-angled-container .square-arrow-container .square-arrow {
            width: 130px;
            height: 130px;
            border-radius: 25px;
            background-color: #b6db84;
        }

    .program-benefits-target .program-benefits-text {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .program-benefits-target .program-benefits-text p {
            margin: 0;
            font-size: 2.25em;
            color: #576f36;
        }

        .program-benefits-target .program-benefits-text ul {
            margin: 0;
            padding: 0;
            list-style: none;
            width: 100%;
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
            font-size: 1.25em;
        }

            .program-benefits-target .program-benefits-text ul.single-column {
                -moz-column-count: 1;
                -webkit-column-count: 1;
                column-count: 1;
            }

            .program-benefits-target .program-benefits-text ul li {
                margin-bottom: 0.5em;
                color: #576f36;
            }

            .program-benefits-target .program-benefits-text ul.single-column li {
                font-size: 1.5em;
                margin-bottom: 0.2em;
            }

            .program-benefits-target .program-benefits-text ul li a {
                color: #576f36;
            }

    .benefits-target-desktop-header {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-left: -5%;
        margin-right: 5%;
    }

        .benefits-target-desktop-header h3 {
            text-align: center;
            font-size: 4em;
            color: #576f36;
            text-transform: uppercase;
            line-height: 1.3;
        }
        .benefits-target-desktop-header h3.uk {
            font-size: 3em;
        }
    /*End Program Benefits Section*/
    /*Hard Floor Care Section*/
    .hard-floor-care-target {
        padding: 3em 0 0 0;
        background-color: #9cd8d6;
    }

        .hard-floor-care-target h2 {
            font-size: 2.3em;
            margin-bottom: 0.5em;
            text-align: center;
        }

    .target-hero {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding-bottom: 40%;
        width: 100%;
    }

        .target-hero.hard-floor-care.schools-universities {
            background-image: url('/img/reflections-landing-page-footer-image.jpg');
            border-top: none;
        }

        .target-hero.hard-floor-care.ymca-community-centers {
            background-image: url('/img/ymca-community-centers-hard-floor-care.jpg');
            border-top: none;
        }

    .hard-floor-care-target .floor-maintenance-budget {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .hard-floor-care-target .program-callout {
        background-color: #fff;
        padding: 3em 0;
    }

        .hard-floor-care-target .program-callout p {
            font-size: 2em;
        }

    .floor-types .row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .floor-types .text {
        padding-top: 3em;
        padding-bottom: 3em;
    }

        .floor-types .text:first-child {
            background-color: #aededc;
        }

        .floor-types .text:nth-child(2) {
            background-color: #94d4d2;
        }

        .floor-types .text:last-child {
            background-color: #77cbc9;
        }

        .floor-types .text h3 {
            margin-top: 0;
            margin-bottom: 1em;
            color: #125955;
        }

        .floor-types .text p {
            max-width: 400px;
            margin: 0 auto;
        }

    .floor-care-contact {
        padding: 3em 15px;
        background-color: #09273f;
    }

        .floor-care-contact p {
            margin-bottom: 0;
            color: #fff;
            line-height: 1.3;
        }

            .floor-care-contact p.callout {
                font-size: 1.75em;
            }

    p.target-contact-button.hard-floor-care a {
        background-color: #b6db84;
        color: #49463f;
    }

        p.target-contact-button.hard-floor-care a:hover {
            background-color: #aacd7c;
        }

    .clarion-25-callout {
        background-color: #f6f6f3;
        padding: 2em 0;
    }

        .clarion-25-callout a {
            color: #125955;
            font-weight: 700;
        }
    /*End Hard Floor Care Section*/
    /*Symmetry Section*/
    .symmetry-target {
        position: relative;
    }

    #SymmetryTarget {
        position: absolute;
        top: -70px; /*Header Height*/
        left: 0;
        right: 0;
        z-index: -1;
    }

    .symmetry-target header {
        padding: 3em 15px;
        background-color: #bbd5e9;
    }

    .symmetry-target h2 {
        font-size: 2.3em;
        margin: 0;
        line-height: 1.3;
    }

    .target-hero.symmetry {
        position: relative;
        border-top: none;
    }

        .target-hero.symmetry .image {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            background-attachment: fixed;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        .target-hero.symmetry.schools-universities .image {
            background-image: url('/img/symmetry-target-page-hero.jpg');
        }

        .target-hero.symmetry.ymca-community-centers .image {
            background-image: url('/img/target-page-symmetry-ymca-community-centers.jpg');
        }

        .target-hero.symmetry.long-term-care .image {
            background-image: url('/img/target-page-symmetry-long-term-care.jpg');
        }

        .target-hero.symmetry.hospitals .image {
            background-image: url('/img/target-page-symmetry-hospitals.jpg');
        }

        .target-hero.symmetry.supermarkets .image {
            background-image: url('/img/target-page-symmetry-supermarkets.jpg');
        }

        .target-hero.symmetry.correctional-facilities .image {
            background-image: url('/img/target-page-symmetry-correctional-facilities.jpg');
        }

        .target-hero.symmetry .hero-text {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: end;
            -webkit-align-items: flex-end;
            align-items: flex-end;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-bottom: 6em;
            z-index: 1;
        }

            .target-hero.symmetry .hero-text > div > div > div {
                background-color: rgba(255, 255, 255, 0.75);
                padding: 2em;
            }

    .symmetry-target-info {
        padding: 3em 0;
        background-color: #bbd5e9;
    }

        .symmetry-target-info .text {
            margin-bottom: 3em;
        }

            .symmetry-target-info .text p {
                font-size: 1.5em;
            }

                .symmetry-target-info .text p:first-child {
                    margin-bottom: 1em;
                }

    .target-try-buy-container h3 {
        font-size: 1.75em;
        margin: 1em 0 2em 0;
        text-align: center;
    }
    /*.target-try-buy-container p.symmetry-contact-callout a {
    background-color: #f8f8f8;
    color: #bbd5e9;
}*/
    .target-try-buy-container p.symmetry-contact-callout a:hover {
        background-color: #eaeaea;
    }
    /*End Symmetry Section*/
    /*Eco Section*/
    .target-hero.eco {
        background-image: url('/img/eco-intro-header.jpg');
        position: relative;
        border-top: none;
    }

        .target-hero.eco header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            background-color: rgba(40, 40, 40, 0.5);
            padding: 3em 0;
        }

            .target-hero.eco header h2 {
                font-size: 2.3em;
                color: #fff;
                margin: 0;
                line-height: 1.3;
            }

    .eco-target .eco-text {
        padding: 3em 15px;
    }

        .eco-target .eco-text p {
            font-size: 1.5em;
        }

            .eco-target .eco-text p:first-child {
                margin-bottom: 1em;
            }

    .eco-contact {
        padding: 3em 0;
        background-color: #3f3f3f;
    }

        .eco-contact p {
            margin-bottom: 0;
            color: #fff;
        }

        .eco-contact h2 {
            color: #fff;
        }

        .eco-contact p.callout {
            font-size: 1.75em;
            color: #fff;
            line-height: 1.3;
        }

    p.target-contact-button.eco a {
        background-color: #b6db84;
        color: #49463f;
    }

        p.target-contact-button.eco a:hover {
            background-color: #aacd7c;
        }
    /*End Eco Section*/
    /* End Target Page */

    /* Schools/Universities Target Specific */
    .schools-universities-target {
        padding-top: 3em;
    }

        .schools-universities-target .floorcare-percent-container {
            font-size: 1.1em;
        }

        .schools-universities-target .floorcare-percent {
            background-color: #7bc043;
            color: #fff;
            font-size: 1.7em;
            width: 65px;
            height: 65px;
            line-height: 65px;
        }

        .schools-universities-target .citation {
            margin-top: 34px;
        }

    .cleaning-maintenance-program-callout {
        background-color: #fff;
        padding: 3em 0;
        margin-top: 3em;
    }

        .cleaning-maintenance-program-callout p {
            font-size: 1.5em;
            margin: 0;
        }
    /* End Schools/Universities Target Specific */

    /* YMCA/Community Centers Target Specific */
    .ymca-community-centers-target {
        padding: 3em 0;
        background-color: #f6f6f3;
    }

    .ymca-community-centers-callout {
        padding: 1.5em 15px;
        margin: 3em 0 2em 0;
        background-color: #fff;
    }

        .ymca-community-centers-callout h2 span {
            display: block;
            font-size: 0.75em;
        }

        .ymca-community-centers-callout h2 {
            font-size: 2.3em;
            text-align: center;
            margin: 0;
            line-height: 1.3;
            color: #09273f;
        }
    /* End YMCA/Community Centers Target Specific */

    /* Long Term Care Target Specific */
    .long-term-care-target {
        padding: 3em 0;
        background-color: #f6f6f3;
    }

    .long-term-care-callout {
        padding: 1.5em 15px;
        margin: 3em 0 2em 0;
        background-color: #fff;
    }

        .long-term-care-callout h2 span {
            display: block;
        }

        .long-term-care-callout h2 {
            font-size: 2.3em;
            text-align: center;
            margin: 0;
            line-height: 1.3;
            color: #09273f;
        }
    /* End Long Term Care Target Specific */

    /* Hospitals Target Specific */
    .hospitals-target {
        padding: 3em 0;
        background-color: #f6f6f3;
    }

    .hospitals-callout {
        padding: 1.5em 15px;
        margin: 3em 0 2em 0;
        background-color: #fff;
    }

        .hospitals-callout h2 span {
            display: block;
            font-size: 0.75em;
        }

        .hospitals-callout h2 {
            font-size: 2.3em;
            text-align: center;
            margin: 0;
            line-height: 1.3;
            color: #09273f;
        }

    .hospital-symmetry-challenge {
        background-color: #fff;
        padding-bottom: 3em;
    }

        .hospital-symmetry-challenge h3 {
            text-align: center;
            width: 100%;
            background-color: #49463f;
            margin: 0;
            padding: 1em 15px;
            color: #fff;
            text-transform: uppercase;
            font-size: 2.3em;
        }

        .hospital-symmetry-challenge .icons {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            align-items: center;
            padding: 3em 0;
        }

            .hospital-symmetry-challenge .icons p.mobile {
                display: none;
                text-align: center;
            }

        .hospital-symmetry-challenge h3 span {
            color: #bbd5e9;
        }

        .hospital-symmetry-challenge .calendar {
            width: 150px;
        }

        .hospital-symmetry-challenge .dispensers {
            width: 150px;
        }

        .hospital-symmetry-challenge .clipboard {
            width: 65px;
        }

        .hospital-symmetry-challenge .response {
            width: 130px;
        }

        .hospital-symmetry-challenge .sym-arrow {
            width: 35px;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            margin: 0 4em;
        }

        .hospital-symmetry-challenge .row {
            padding-top: 1em;
            padding-bottom: 3em;
        }

            .hospital-symmetry-challenge .row div:first-child {
                margin-left: 4.16666665%;
            }

            .hospital-symmetry-challenge .row p {
                text-align: center;
            }

        .hospital-symmetry-challenge p.symmetry-contact-callout a {
            color: #fff;
            background-color: #bbd5e9;
        }

            .hospital-symmetry-challenge p.symmetry-contact-callout a:hover {
                background-color: #6098ba;
            }
    /* End Hospitals Target Specific */

    /* Supermarkets Target Specific */
    .supermarkets-target {
        padding: 3em 0;
        background-color: #f6f6f3;
    }

    p.supermarkets-study {
        font-size: 1.5em;
        margin-top: 2em;
    }

    p.supermarkets-study-cite {
        font-size: 1em;
        margin-top: 1.5em;
    }

    .supermarkets-callout {
        padding: 1.5em 15px;
        margin: 3em 0 2em 0;
        background-color: #fff;
    }

        .supermarkets-callout h2 {
            font-size: 2.3em;
            text-align: center;
            margin: 0;
            line-height: 1.3;
            color: #09273f;
        }
    /* End Supermarkets Target Specific */

    /* Correctional Facilities Target Specific */
    .correctional-facilities-target {
        padding: 3em 0;
        background-color: #f6f6f3;
    }

    .correctional-facilities-callout {
        padding: 1.5em 15px;
        margin: 3em 0 2em 0;
        background-color: #fff;
    }

        .correctional-facilities-callout h2 span {
            display: block;
            font-size: 0.75em;
        }

        .correctional-facilities-callout h2 {
            font-size: 2.3em;
            text-align: center;
            margin: 0;
            line-height: 1.3;
            color: #09273f;
        }
    /* End Correctional Facilities Target Specific */

    .buckeye-testimonial {
        padding-top: 46px;
        padding-bottom: 46px;
    }

        .buckeye-testimonial p {
            margin-bottom: 0;
        }

    .build-a-program h3 {
        margin-top: 0;
        text-align: left;
        font-size: 2em;
    }

    .build-a-program p:nth-child(2) {
        margin-bottom: 20px;
    }

    .polymers-section {
        padding-top: 46px;
        padding-bottom: 46px;
        background-color: #ffffff;
    }

        .polymers-section h4 {
            margin-top: 24px;
            color: #125955;
            text-align: left;
        }

    .hard-floor-care-intro.bottom {
        padding-bottom: 50vh;
    }

    .eye-graphic-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left;
        padding: 3em 0;
    }

        .eye-graphic-container svg {
            margin-right: 24px;
            width: 100%;
            max-width: 155px;
            max-height: 107px;
        }

            .eye-graphic-container svg .a {
                fill: none
            }

            .eye-graphic-container svg .b {
                clip-path: url(#a);
            }

            .eye-graphic-container svg .c {
                fill: #fffffe;
            }

            .eye-graphic-container svg .d {
                fill: #fff
            }

        .eye-graphic-container h3 {
            margin-top: 0;
        }

    .hard-floor-care-bottom-text {
        padding: 0;
    }

        .hard-floor-care-bottom-text ol {
            text-align: left;
            margin-left: 12px;
            list-style-type: decimal;
            font-size: 1.3em;
        }

        .hard-floor-care-bottom-text li {
            padding-left: 12px;
            margin-bottom: 10px;
        }

    p.hard-floor-care-contact-callout a {
        display: inline-block;
        box-shadow: 0 -3px 3px -3px #333 inset;
        padding: 1.5% 5%;
        border-radius: 3px;
        background-color: #125955;
        text-decoration: none;
        color: #ffffff;
        margin-top: 1em;
        -webkit-transition: background-color 0.5s;
        transition: background-color 0.5s;
    }

        p.hard-floor-care-contact-callout a:hover {
            background-color: #0d403d;
        }

        p.hard-floor-care-contact-callout a:active {
            box-shadow: 0 0 0 0 #333 inset;
        }

    /*Reflections Program Landing Page*/
    .reflections-program-page p, .reflections-program-page li, .reflections-program-page small {
        font-family: 'Avenir LT W01_35 Light1475496', sans-serif;
    }

    .ref-yellow-bg {
        background-color: #fdb825;
        padding: 3em;
    }

    .ref-yellow {
        color: #fdb825 !important;
    }

    .ref-ltyellow-bg {
        background-color: #ffe1ad;
    }

    .ref-brown-bg {
        background-color: rgba(182,129,83,.77);
    }

    .ref-ltyellow-bg.program-callout {
        border-radius: 5%;
        padding: 2em;
        width: 70%;
        margin: 0 auto;
    }

    .reflections-mission-statement .container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #ref-program-products {
        list-style-type: none;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

        #ref-program-products li {
            padding: 0 0 1.5em;
            break-inside: avoid-column;
            -webkit-column-break-inside: avoid;
        }

            #ref-program-products li a {
                text-decoration: none;
                color: #49463f;
            }

    #save-up-to-60 g {
        opacity: 0;
    }

    .reflections-intro.top {
        background-image: url("../img/ref-program-bg.jpg");
        -webkit-transition: background-image 1s;
        transition: background-image 1s;
    }

    .reflections-intro-bottom {
        padding: 0 0 80vh 0;
        background-image: url("../img/ref-footer-bg.jpg");
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
        color: #ffffff;
    }

        .reflections-intro-bottom p {
            color: #ffffff;
        }

    p.hard-floor-care-contact-callout.reflections a {
        background-color: #fdb825;
    }

        p.hard-floor-care-contact-callout.reflections a:hover {
            background-color: #ffae01;
        }

    .reflections-intro-bottom .hard-floor-care-bottom-text ol {
        font-size: 1em;
    }

    .ref-program-footer .ref-brown-bg {
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .program-pad {
        padding: 3em;
    }

        .program-pad .col-md-6 {
            padding-left: 0;
            margin-left: 0;
        }

    .reflections-program-page .col-md-4, .reflections-program-page .col-md-8 {
        padding-left: 0;
    }

    /*Facility Restaurant and Schools Prep Landing Pages*/

    .target-page-hero.facility-prep-landing {
        background-image: url("../img/facility-prep-header-hero-bg.jpg");
        background-attachment: fixed;
    }

    .target-page-hero.restaurant-prep-landing {
        background-image: url("../img/facility-prep-restaurant-header-hero-bg.jpg");
        background-attachment: fixed;
        padding-bottom: 50vh;
        padding-top: 70px;
    }

    .target-page-hero.school-prep-landing {
        background-image: url("../img/facility-prep-school-header-hero-bg.jpg");
        background-attachment: fixed;
        padding-bottom: 50vh;
        padding-top: 70px;
    }

    .facility-prep-landing p, .restaurant-prep-landing p, .school-prep-landing p {
        color: #fff;
    }

    .target-page-hero.facility-prep-landing h1, .target-page-hero.restaurant-prep-landing h1, .target-page-hero.school-prep-landing h1 {
        margin: 0 0 .25em 0;
    }

    .pb-5 {
        padding-bottom: 5em;
    }

    .p-0 {
        padding: 0;
    }

    .enhanced-cleaning .target-hero .image {
        background-image: url("../img/eco-sanitize-checkout-bg.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .enhanced-restroom-cleaning .target-hero .image {
        background-image: url("../img/sym-dispensers-bathroom-mirror-bg.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .enhanced-cleaning, .enhanced-restroom-cleaning {
        position: relative;
    }

        .enhanced-cleaning header, .enhanced-restroom-cleaning header {
            background-color: rgba(9, 39, 63, 0.7);
            padding: 3em 0;
        }

            .enhanced-cleaning header h2, .enhanced-restroom-cleaning h2 {
                color: #fff;
                margin: 0;
            }

            .enhanced-cleaning header p {
                color: #fff;
                margin: .5em 0;
            }

    .white-bg .industry-page-callout {
        background-color: #fff;
    }

    .microban-decals h3 {
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 0;
    }

    .fadeinleft {
        opacity: 0;
        margin-left: -300px;
        max-width: 100%;
    }

    .fadeinRight {
        opacity: 0;
        margin-right: -300px;
        max-width: 100%;
    }

    .vertical-align {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }

    @media screen and (max-width: 767px) {
        .target-page-hero.facility-prep-landing, .enhanced-cleaning .target-hero .image, .target-page-hero.restaurant-prep-landing, .target-page-hero.school-prep-landing {
            background-attachment: scroll;
        }
    }
    /*Blog*/
    .blog-category {
        color: #64A515;
        font-size: 1em;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .blog-category2 {
        color: #64A515;
        font-size: 1em;
        text-transform: uppercase;
        margin: 0;
    }

    #blog h3 {
        margin-top: 5px;
    }

        #blog h3 a {
            transition: color .2s ease-in-out 0;
            text-decoration: none;
        }

            #blog h3 a:hover {
                color: #97C264;
                text-decoration: none;
            }

    #blog h2 {
        text-align: center;
    }

    .blog-more {
        margin: 1em 0 0;
    }

        .blog-more a {
            font-weight: 700;
            color: #49463f;
            text-transform: uppercase;
            transition: color .2s ease-in-out 0;
            text-decoration: none;
        }

            .blog-more a:hover {
                color: #97C264;
                text-decoration: none;
            }

    #home-blog h3 a {
        transition: color .2s ease-in-out 0;
        text-decoration: none;
        color: #49463f;
    }

        #home-blog h3 a:hover {
            color: #97C264;
            text-decoration: none;
        }

    .blog-pages {
        margin: 0 0 5em;
    }

        .blog-pages a {
            color: #98948c;
            text-transform: uppercase;
            transition: color .2s ease-in-out 0;
            text-decoration: none;
        }

            .blog-pages a:hover {
                color: #2b80dc;
                text-decoration: none;
            }

    .blog-side-nav-links {
        margin: 0 0 5em;
    }

        .blog-side-nav-links a {
            color: #98948c;
            text-transform: uppercase;
            transition: color .2s ease-in-out 0;
            text-decoration: none;
        }

            .blog-side-nav-links a:hover {
                color: #2b80dc;
                text-decoration: none;
            }

    .blog-side-nav-links2 {
        margin: 0 0 5em;
    }

        .blog-side-nav-links2 a {
            color: #063251;
            text-transform: uppercase;
            transition: color .2s ease-in-out 0;
            text-decoration: none;
        }

            .blog-side-nav-links2 a:hover {
                color: #2b80dc;
                text-decoration: none;
            }

    .hr-sm {
        width: 96.5%;
        border-width: 3px 0 0;
        opacity: .9;
        display: inline-block;
    }

    .hr-sm2 {
        width: 100%;
        border-width: 3px 0 0;
        opacity: .9;
        display: inline-block;
    }

    .blog-page-preview {
        width: 100%;
        height: 400px;
        float: left;
        margin: 0 auto;
        text-align: center;
    }

        .blog-page-preview h2 {
            padding: 20% 0 0;
            color: #fff;
        }

        .blog-page-preview p {
            color: #fff;
        }

    .blog-image-left {
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .blog-image-right {
        float: right;
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .blog-posts-container {
        float: left;
        width: 75%;
        margin: 4em 0 0;
    }

    .blog-side-nav-container {
        float: right;
        width: 200px;
        margin: 4em 0 0;
    }

    .blog-date {
        font-size: 11px;
        text-transform: uppercase;
        color: #98948c;
    }

    .blog-small-text2 {
        font-size: 13px;
    }

    #blue {
        color: #063251;
    }

    #green {
        color: #97C264;
    }

    #light-blue {
        color: #2b80dc;
    }

    #gray {
        color: #98948c;
    }

    .tagcloud a {
        background: none repeat scroll 0 0 #fefefe;
        border: 1px solid #eee;
        color: #898989;
        display: inline-block;
        font-size: 9pt;
        letter-spacing: 2px;
        line-height: 16px;
        margin: 0 5px 5px 0;
        min-width: 18px;
        padding: 4px 10px;
        text-decoration: none;
        text-transform: uppercase;
        width: auto;
    }

        .tagcloud a:hover {
            border-color: #2b80dc;
            color: #2b80dc;
        }

    .blog-posts-container form {
        margin: 4em 0;
    }

    .blog-posts-container input {
        border: none;
        padding: .2em .5em;
        height: 3em;
        color: #2d1b00;
        background-color: #fff;
        margin-top: .5em;
        width: 99%;
    }

    .blog-posts-container textarea {
        border: none;
        padding: .2em .5em;
        height: 10em;
        color: #2d1b00;
        background-color: #fff;
        margin-top: .5em;
        width: 100%;
    }

    .blog-posts-container input[type="button"] {
        font-weight: 700;
        text-align: center;
        width: 12em;
        color: #10314a;
        float: left;
        background-color: #97C264;
        transition: background-color .5s ease;
        font-family: "Avenir LT W01_65 Medium1475532",sans-serif;
        border-radius: 3px;
        margin: 1em 0 0;
    }

    #baldwin-wallace p {
        text-align: center;
        padding: 0 0 .75em 0;
    }

    #baldwin-wallace h2 {
        padding: 0;
        margin: 1em 0 .5em 0;
    }

    #baldwin-wallace iframe {
        padding: 0 0 2em 0;
    }

    #baldwin-wallace h3 {
        font-weight: bold;
        color: #005baa;
        font-size: 1.75em;
        font-style: italic;
        padding: 0 0 1em 0;
    }

    #baldwin-wallace #program-title {
        padding: 0;
    }

    #baldwin-wallace .bigger {
        font-size: 2em;
        font-weight: bold;
    }

    @media only screen and (max-width:1900px) {
        .category-feature-text img {
            width: 49%;
            padding: .7em;
        }

        #career-page-title {
            background: url(/img/corp-building-bg.jpg) no-repeat fixed center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
    }

    @media only screen and (max-width:1625px) and (min-width:1420px) {
        #product-packaging-preview {
            height: auto;
            width: 40%;
        }

        #product-logo-preview {
            width: 38%;
            height: auto;
        }

        #learn-more {
            padding-top: .5em;
        }
    }

    @media only screen and (max-width:1602px) {
        .category-preview-text {
            width: 55%;
            padding-top: 1.5em;
        }

        #career-page-title {
            background: url(/img/corp-building-bg.jpg) no-repeat fixed center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
    }

    @media only screen and (max-width:1424px) and (min-width:1195px) {
        #history-insert .story {
            width: 66%;
        }
    }

    @media only screen and (max-width:1420px) {
        .navbar-nav > li > a {
            padding: 10px;
        }
    }

    @media only screen and (max-width:1419px) and (min-width:980px) {
        #product-packaging-preview {
            display: none;
        }
    }

    @media only screen and (max-width:1408px) {
        .category-group-pic {
            width: 300px;
        }

        .category-preview {
            height: 570px;
        }

        .category-preview-text {
            padding-bottom: 2em;
        }

        .category-feature-text img {
            width: 50%;
            padding: .5em;
        }

        div.error-page-graphic-container {
            padding-top: 200px;
        }

        .page-preview h2 {
            padding: 23% 0 0;
        }
    }

    @media only screen and (max-width:1380px) {
        #home-nav {
            width: 40%;
            height: 20em;
            padding-left: 5%;
        }

        #career-btn {
            padding-top: 1em;
        }
    }

    @media only screen and (max-width:1360px) {
        #year2007 {
            background: url(/img/introducing-symmetry.jpg) no-repeat scroll 60% 0;
        }

        .story .float-right {
            margin: 0 80px 0 0;
        }

        #career-intro-text section.career-positions.account-executive div.wistia_responsive_padding {
            padding-top: 57% !important;
        }
    }

    @media only screen and (max-width:1342px) {
        .story {
            width: 100%;
        }

            .story .float-left, .story .float-bottom-left {
                padding-left: 5%;
            }

        .hard-floor-care-intro {
            background-position: center center;
        }

        .category-feature-text img {
            width: 60%;
            padding: .5em;
        }

        .benefits-target-desktop-header {
            margin-left: 0;
            margin-right: 0;
        }

            .benefits-target-desktop-header h3 {
                font-size: 3em;
            }

        .square-angled-parent {
            width: 16.666666666666664%;
            margin-left: 8.333333333333332%;
        }

        .square-angled-container {
            height: 165px;
        }

            .square-angled-container p {
                font-size: 1.5em;
            }

        .program-benefits-target .program-benefits-text p {
            font-size: 2.25em;
        }
    }

    @media only screen and (max-width:1280px) {
        .ddc-btn {
            clear: both;
            margin: 0;
            padding: 1em 0;
        }

        #DDC-description {
            padding: 0;
        }
    }

    @media only screen and (max-width:1247px) {
        .category-preview {
            height: 544px;
        }

        #biz-bg svg {
            width: 80%;
        }
    }

    @media all and (max-width:1245px) {
        .dropdown-menu {
            display: none !important;
        }

        .open .dropdown-menu {
            display: block !important;
        }
    }

    @media only screen and (max-width:1200px) {
        .home-border {
            height: 300px;
        }

        div.why-care-section .container div:first-child {
            margin-bottom: 2em;
        }

        .category-feature-text {
            background-size: cover !important;
            padding-top: 0;
            padding-bottom: 0;
            padding-right: 0;
        }

            .category-feature-text > .container {
                padding: 3em 2em;
                background-color: #f6f6f3;
            }

        div.category-page-callouts div.callout {
            width: 50%;
            padding: 0 15px;
        }

        div.category-page-callouts div:nth-child(3) {
            float: none;
            clear: left;
            display: block;
            margin: 0 auto;
        }

        .industry-icons {
            max-width: 495px;
        }

            .industry-icons .icon:nth-child(-n+3) {
                margin-bottom: 15px;
            }
    }

    @media only screen and (max-width:1199px) {
        .category-product-pic img {
            width: 90%;
        }

        .button-bar img {
            width: 18%;
        }

        .download-symmetry-actions select {
            padding-right: 20px;
            width: 160px;
        }

        div.program-wrapper div.category-page-callouts div.callout {
            width: 48%;
        }

        div.program-wrapper div.category-page-callouts div:nth-child(3) {
            margin: 2em auto 0 auto;
        }

        div.error-page-graphic-text {
            margin-top: 60px;
        }

        div.benefits-of-eco {
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }

        div.eco-lock-text {
            top: 30px;
        }

        #troubleshooting-tabs a, #troubleshooting-tabs li {
            width: 100%;
        }

        .troubleshooting-title {
            height: 100px;
        }

        .square-angled-container {
            position: relative;
            height: 131px;
        }

            .square-angled-container p {
                font-size: 1.25em;
            }

        .program-benefits-target .program-benefits-text p {
            font-size: 1.75em;
        }

        .program-benefits-target .program-benefits-text ul.single-column li {
            font-size: 1em;
        }

        .square-angled-parent {
            width: 161px;
        }

        .target-hero.symmetry {
            padding-bottom: 0;
            min-height: 480px;
        }

        .career-icon {
            margin: 0em auto 1.5em;
        }
    }

    @media only screen and (max-width:1194px) and (min-width:877px) {
        #history-insert .story {
            width: 90%;
        }
    }

    @media only screen and (max-width:1181px) {
        .category-preview {
            height: 467px;
        }
    }

    @media only screen and (max-width:1170px) and (min-width:980px) {
        #product-logo-preview {
            width: 40%;
            height: auto;
        }

        #learn-more {
            padding-top: 0;
        }
    }

    @media only screen and (max-width:1150px) {
        #dispenser-design-center p {
            clear: both;
        }

        #dispenser-design-center {
            margin: 0 auto;
        }

        #DDC-text, #DDC-logo {
            float: none;
        }
    }

    @media only screen and (max-width:1111px) {
        #year1994 .story .float-right {
            margin: 0 50px 0 0;
        }

        #careers-sales, #careers-corporate {
            width: 35%;
        }

        #program-feature {
            background: rgba(0,0,0,0) url(/img/program-bg.jpg) no-repeat scroll center 70% / cover;
        }

        .page-preview .container {
            width: 80%;
        }
    }

    @media only screen and (max-width:1050px) {
        #buckeye-nuts p {
            padding-left: 10%;
        }

        #stl-skyline {
            background: rgba(0,0,0,0) url(/img/stl-shadow.png) no-repeat scroll center bottom;
            height: 375px;
            clear: both;
        }

        .category-feature-text img {
            width: 70%;
            padding: 0;
        }
    }

    @media only screen and (max-width:1039px) {
        #application-btn {
            width: 100%;
        }

        #career-intro-text section.career-positions h4 {
            font-size: 1em;
        }

        #career-intro-text section.career-positions.account-executive div.wistia_responsive_padding {
            padding-top: 58% !important;
        }
    }

    @media only screen and (max-width:1015px) {
        .category-feature-picture {
            width: 40%;
        }

        #corporate-intro, #buckeye-family-carousel {
            width: 100%;
        }

        #biz-bg svg {
            width: 100%;
        }
    }

    @media all and (max-width:1024px) and (min-width:980px) {
        .navbar-nav > li > a {
            padding: 12px;
        }

        #collapsed-search-bar input {
            width: 200px;
            margin-left: 5px;
        }

        .packaging-sizes img {
            width: 40%;
        }

        .product-description {
            margin: 0;
            padding: 1.5em;
            width: 58%;
        }

        .product-info {
            padding: 6em 0 3em;
        }

        #download-guide-btn {
            padding: 0;
            margin: 1em;
        }

        .packaging-sizes img {
            width: 90%;
        }
    }

    @media only screen and (max-width:1024px) and (min-width:769px) {
        #year1844 {
            background: url(/img/ohiomap.jpg) no-repeat scroll 10% top / 150% auto rgba(0,0,0,0);
            height: 600px;
        }

        #year1914 {
            background: url(/img/davies-young.jpg) no-repeat scroll 25% top / 150% auto rgba(0,0,0,0);
            height: 600px;
        }

            #year1914 .story .float-right {
                padding-top: 40px !important;
            }

        #year1972 {
            background: url(/img/stl-relocate.jpg) no-repeat scroll center bottom / 145% auto rgba(0,0,0,0);
            height: 800px;
        }

            #year1972 .story .float-right {
                padding-top: 50px !important;
            }

        #year1975 {
            background: url(/img/warehouse-worker.jpg) no-repeat scroll 70% top / cover rgba(0,0,0,0);
        }

        #year1988 {
            background: url(/img/introducing-APs.jpg) no-repeat scroll 45% top / 155% rgba(0,0,0,0);
            height: 650px;
        }

            #year1988 .story .float-right {
                padding-top: 20px !important;
            }

        #year1994 {
            background: url(/img/buckeye-trucks.jpg) no-repeat scroll 60% top / 250% auto rgba(0,0,0,0);
            height: 675px;
        }

        #year1999 {
            background: url(/img/introducing-ss.jpg) no-repeat scroll center center / 155% rgba(0,0,0,0);
            height: 650px;
        }

        #year2007 {
            background: url(/img/introducing-symmetry.jpg) no-repeat scroll 70% 70% rgba(0,0,0,0) !important;
            height: 570px;
        }

        #year2009 {
            background: url(/img/reflections-timeline.jpg) no-repeat scroll 20% bottom / 200% auto rgba(0,0,0,0);
            height: 760px;
        }

            #year2009 .story .float-bottom-left {
                padding-top: 210px !important;
            }

        #year2011 {
            background: url(/img/introducing-eco.jpg) no-repeat scroll 50% 50% / 175% auto rgba(0,0,0,0);
            height: 875px;
        }
    }

    @media only screen and (max-width:992px) {
        .category-product-pic {
            width: 40%;
        }

        #contact-info address {
            text-align: center;
        }

        #contact-info ph {
            float: none;
            margin: 0 0 2em;
            display: block;
        }

        #contact-page-form {
            width: 100%;
        }

        #contact-info {
            padding: 0;
        }

        #contact-container {
            background: rgba(0, 0, 0, 0) url("/img/contact-bg.jpg") no-repeat scroll center 60% / cover;
        }

        .category-product-description {
            width: 60%;
        }

        #career-intro-text img {
            float: none;
            padding: 4em 2em 1em;
        }

        #career-intro-text p {
            margin: 0 0 4em;
        }

        #career-events .carousel-inner .item:nth-child(1n+1) > div:nth-child(3), #career-events .carousel-inner .item:nth-child(1n+1) > div:nth-child(4) {
            display: none;
        }

        #career-events .carousel-inner .active.left, #career-events .carousel-inner .prev {
            left: -50%;
        }

        #career-events .carousel-inner .active.right, #career-events .carousel-inner .next {
            left: 50%;
        }

        #career-events .carousel .item div.event-hidden, #career-events a.carousel-control.event-hidden {
            display: block;
        }

        .col-md-6 {
            width: 100%;
        }

        #distributor-map.col-md-6 {
            margin: 0 auto 5em .5% !important;
        }

        #resource-icons-wrapper {
            width: 80%;
        }

        .home-wrapper {
            width: 100%;
            height: 250px;
        }

        .home-border {
            height: auto;
            padding: 1em;
        }

        #product-page-list .learn-more {
            width: 100%;
        }

        #product-page-intro h3 {
            margin: 2em;
        }

        #products-feature {
            background: rgba(0,0,0,0) url(../products/img/products-feature.jpg) no-repeat fixed right 10% / cover;
        }

            #products-feature .container {
                margin: 3em 0 0 2em;
                width: 40%;
            }

        .program-wrapper .float-right, #buckeye-program-info .program-wrapper .float-right {
            width: 100%;
            padding: 0;
            margin: 0 0 1em;
            border-bottom: 3px solid #647a90;
            border-left: none;
        }

        .program-wrapper .program-btn {
            padding: 1em;
        }

        .program-text {
            padding: 2em;
        }

        #program-list {
            width: 100%;
        }

        .training-logo, .buckeye-program-logo, .training-text, .buckeye-program-text {
            width: 100%;
            padding: 0;
        }

        .training-text, .buckeye-program-text {
            padding: 0 0 2em;
        }

        #training-intro {
            margin: 0;
        }

        #hazardous-text {
            margin: -40% 0 0 2em;
        }

        #careers-sales, #careers-corporate {
            width: 100%;
        }

        #careers-corporate {
            float: none;
            clear: both;
            padding: 1em 5%;
        }

        #career-text {
            background: rgba(0,0,0,0) url(/img/career-tree.png) no-repeat scroll center bottom;
        }

        #careers-sales .career-btn {
            padding: 1em 0 4em;
        }

        #circle-tree {
            display: none;
        }

        #white-bg {
            height: 800px;
            padding: 3em 0;
        }

        #career-intro-text .float-left {
            width: 100%;
        }

        #career-intro-text h3 {
            margin: 1em 0;
            clear: both;
        }

        #career-into-text {
            height: 800px;
        }

        #liquescent-tech {
            text-align: center;
        }

            #liquescent-tech p {
                text-align: left;
            }

            #liquescent-tech img {
                width: 45%;
            }

        svg.lights {
            width: 50%;
        }

        div.testimonial-image {
            margin-bottom: 1em;
        }

            div.testimonial-image img {
                margin: 0 auto;
            }

        .save-with-floor-care-program h3 {
            text-align: center;
        }

        .floor-finishes-features div:nth-child(6) {
            clear: left;
        }

        .polymers-section div:first-child {
            text-align: center;
            margin-bottom: 1em;
        }

        .hard-floor-care-bottom-text {
            padding: 0 15px;
        }

        .eye-graphic-container svg {
            margin-bottom: 1em;
        }

        div.symmetry-intro.top {
            background-position: 67% top;
            background-size: 700%;
        }

        div.symmetry-logo {
            margin-bottom: 1.5em;
        }

        div.symmetry-dispensers {
            padding: 3em 0;
            background-position: 30% top;
        }

        div.coffee-county-schools-quote img, div.customizable-awareness-education-materials img {
            display: block;
            margin: 0 auto 1em auto;
        }

        div.symmetry-sbms {
            background-position: center center;
        }

        header.grid-header {
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: flex-end;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
        }

        div.nav-container {
            margin-top: 1em;
            -ms-order: 2;
            -webkit-order: 2;
            order: 2;
        }

            div.nav-container ul {
                width: 100%;
            }

                div.nav-container ul li {
                    font-size: 1em;
                }

                    div.nav-container ul li:last-child {
                        padding-right: 0;
                        margin-right: 0;
                    }

        div.grid-select {
            width: 100px;
            height: 40px;
        }

        div.grid-select-masonry, div.grid-select-list {
            width: 50%;
        }

        .reflections-mission-statement .container, .program-pad, .program-pad div, .ref-yellow-bg .container div, .ref-brown-bg .container {
            padding-left: 0;
            padding-right: 0;
        }

        .ref-yellow-bg {
            padding-left: 15px;
            padding-right: 15px;
        }

        header.chemist-header {
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding-bottom: 10px;
        }

        div.ask-the-chemist-video-container {
            padding-top: 0;
        }

        div.program-wrapper div.category-page-callouts {
            width: 100%;
        }

            div.program-wrapper div.category-page-callouts div.callout {
                width: 50%;
            }

        .eco-logo {
            margin-top: 0;
            margin-bottom: 1em;
        }

        div.why-choose-eco div:first-child {
            margin-bottom: 2em;
        }

        .square-angled-parent {
            margin: 0 auto;
        }

        .square-angled-container .square-arrow-container {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            top: 25px;
            right: -25px;
        }

        .square-angled-container:hover .square-arrow-container {
            top: 35px;
            right: -35px;
        }

        .program-benefits-target .program-benefits-text {
            margin-top: 6em;
        }

            .program-benefits-target .program-benefits-text p {
                text-align: center;
                margin: 0 auto;
            }

        .target-hero {
            padding-bottom: 0;
            min-height: 350px;
        }

        .benefits-target-desktop-header {
            display: none;
        }

        .program-benefits-target .row:last-child {
            margin-bottom: 0;
        }

        .program-benefits-target .program-benefits-text ul {
            -moz-column-count: 3;
            -webkit-column-count: 3;
            column-count: 3;
        }

        .hospital-symmetry-challenge .calendar {
            width: 100px;
        }

        .hospital-symmetry-challenge .dispensers {
            width: 100px;
        }

        .hospital-symmetry-challenge .clipboard {
            width: 50px;
        }

        .hospital-symmetry-challenge .response {
            width: 95px;
        }

        .hospital-symmetry-challenge .sym-arrow {
            width: 25px;
            margin: 0 3em;
        }

        #home-content + .industry-page-callout {
            padding: 3em 0;
            margin: 3em 0 0 0;
        }

        #home-blog {
            padding-top: calc(1em + 13px);
        }

        .program-resources > a, .program-resources > div {
            width: 45%;
        }

        .program-resources.eco-resources a:not(:last-child) {
            margin-bottom: 49px;
        }

        #resources .col-md-3 {
            width: calc(50% - 10px);
        }
    }

    @media only screen and (max-width:979px) {
        .product-packaging, .packaging-sizes {
            text-align: center;
            width: 100%;
        }

            .packaging-sizes p {
                padding: 1.5em;
            }

        .product-pics {
            width: 100%;
            float: none;
        }

        .product-description {
            margin: 0;
            padding: 0 1em;
            width: 100%;
        }

            .product-description p {
                text-align: left;
            }

        .product-info {
            padding: 6em 0;
            text-align: center;
        }

            .product-info p {
                text-align: left;
            }

        #contact-form-pt1, #contact-form-pt2, #msds, #literature, #research {
            width: 100%;
        }

        #contact-form h2 {
            line-height: 25px;
            padding: 0 2.5em 1em;
        }

        #contact-form-pt1 {
            margin: 0;
        }

        #contact-form input[type="button"] {
            margin-bottom: 30px;
        }

        #msds, #literature {
            border-bottom: 1px solid #2D1B00;
            border-left: none;
            border-right: none;
        }

        #research {
            border-right: none;
        }

        #literature, #research {
            padding-top: 1em;
        }

        #download-guide-btn {
            width: 75%;
        }

        .product-info {
            width: 100%;
        }

        #footer-right small {
            float: none;
        }

        #footer-left, #footer-center, #footer-right {
            width: 100%;
            text-align: center;
            padding: .5em 0;
            margin: 0;
        }

            #footer-right p {
                margin-right: 0;
            }

        #footer-right {
            padding-right: 0;
        }

        #footer-center {
            border-top: 3px solid #f6f6f3;
            border-bottom: 3px solid #f6f6f3;
            border-left: none;
            border-right: none;
        }

        .navbar-nav > li > a {
            padding: 10px 15px;
        }

        .floor-care-estimator-logo svg {
            width: 85%;
            padding: 1em;
        }

        .floor-care-estimator-logo {
            text-align: center;
        }

        #contact-info, #contact-features {
            width: 100%;
            float: none;
            clear: both;
        }

        #contact-features {
            margin: 4em 0;
            padding: 4em 0 0;
        }

        #distributor-lookup, .program-products .float-left, .troubleshooting .float-left {
            width: 100%;
        }

        .packaging-sizes img {
            width: 60%;
        }

        .program-products, .troubleshooting {
            width: 100%;
            margin: 1em 0;
        }

        .troubleshooting {
            margin: 0 0 5em;
        }

        .carousel-control {
            top: 25%;
        }

        #careers-sales, #careers-corporate {
            width: 100%;
        }

        #careers-corporate {
            float: none;
            clear: both;
            padding: 0 5% 2em;
        }

        #career-text {
            background: rgba(0,0,0,0) url(/img/career-tree.png) no-repeat scroll center bottom;
        }

        #circle-tree {
            display: none;
        }
    }

    @media (max-width: 1245px) {
        .navbar-header {
            float: none;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .navbar-nav {
            float: none !important;
            margin: 7.5px -15px;
        }

            .navbar-nav > li {
                float: none;
            }

                .navbar-nav > li > a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

        div.navbar-collapse.collapse {
            display: none !important;
        }

            div.navbar-collapse.collapse.in {
                display: inline-block !important;
            }

        .navbar-nav .open .dropdown-menu {
            float: none;
            position: static;
            margin: -14px 0 0 0;
        }

        .dropdown-menu li a {
            color: #98948c;
        }
    }


    @media only screen and (max-width:902px) {
        #home-intro.page-preview {
            height: 425px;
        }

        #sales-positions .float-left {
            width: 100%;
        }

        div.eco-lock-text {
            position: static;
            padding: 0 15px;
            width: 100%;
            margin-bottom: 2em;
        }

        #footer-middle .col-sm-6 {
            padding: 1em 0;
        }
    }

    @media only screen and (max-width:876px) and (min-width:793px) {
        #history-insert .story {
            width: 100%;
        }
    }

    @media only screen and (max-width:891px) {
        .category-feature-text {
            height: auto;
            width: 100%;
            background: none !important;
        }

        .category-feature-text {
            padding: 3em;
        }

            .category-feature-text > .container {
                padding: 0 15px;
            }

        div.category-page-callouts {
            margin-top: 2em;
        }

        .dispenser-design-center-callout.mobile {
            display: block;
        }

        #ionpure-category-page-mobile {
            display: block;
            width: 200px;
            margin: 1em auto 0 auto;
        }

        #ionpure-category-page {
            display: none;
        }

        .dispenser-design-center-callout {
            background-color: #fff;
            width: 100%;
            max-width: 700px;
            height: 175px;
            padding: 2em;
            margin: 0 auto;
        }

            .dispenser-design-center-callout a {
                text-align: center;
                width: 100%;
            }

            .dispenser-design-center-callout svg {
                height: 100%;
            }

        .ddc-title, .ddc-dispenser {
            height: 100%;
            float: left;
        }

        .ddc-dispenser {
            margin: 0 3em;
        }
    }

    @media only screen and (min-width: 892px) {
        .dispenser-design-center-callout.desktop {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .dispenser-design-center-callout {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 275px;
            padding: 1.5em 0.5em;
            background-color: #fff;
        }

        .ddc-title {
            width: 65%;
            margin: 0 auto;
        }

        .ddc-text {
            width: 85%;
            margin: 10px auto;
            height: auto;
            padding: 1em 0;
        }

        .ddc-dispenser svg {
            width: 140px;
        }

        .ddc-text-link p {
            text-align: center;
        }
    }

    @media only screen and (max-width:832px) {
        .navbar-nav > li > a {
            padding: 10px;
        }

        .testimonial-video {
            width: 48%;
        }

        #landfills .container {
            padding: 1em 2em 0;
        }

        #career-intro-text p {
            margin-bottom: 1em;
        }

        #career-intro-text section.career-positions.field-sales-rep, #career-intro-text section.career-positions.account-executive, #career-intro-text section.career-positions.manufacturing-sales-rep {
            margin-top: 1em;
            margin-bottom: 1em;
            width: 100%;
            padding: 0 12.5%;
        }

        #career-intro-text section.career-positions h4 {
            margin-top: 10px;
            font-size: 1.5em;
        }

        #career-intro-text div.top-triangle, #career-intro-text div.bottom-triangle {
            display: none;
        }

        .contact-callout-wrapper {
            margin: 0 auto;
            width: 80%;
        }
    }

    @media only screen and (max-width:793px) {
        #soap-specks, #history-insert .story {
            width: 100%;
        }

            #history-insert .story .float-left, #history-insert .story .float-right {
                float: none;
                width: 100%;
                margin: 0;
                padding: 0 5%;
            }

        #buckeye-nuts p {
            padding: 5%;
            margin: 0;
            width: 100%;
        }

        #vintage-products {
            width: 80%;
        }

        #year1892 img {
            padding-left: 5%;
        }

        #products-feature .container {
            width: 90%;
            margin: 2em;
        }

        #products-feature.page-preview {
            height: 600px;
        }
    }

    @media only screen and (max-width:768px) {
        #home-intro.page-preview {
            height: 350px;
        }

        #careers-sales, #careers-corporate {
            width: 100%;
        }

        #career-text {
            background: rgba(0,0,0,0) url(/img/career-tree.png) no-repeat scroll 50% bottom;
        }

        .career-icon {
            margin: 1em auto 1.5em;
        }

        #career-intro-text {
            margin: 0 0 3em;
        }

        .page-preview .container {
            width: 90%;
        }

        .page-preview h2 {
            padding: 35% 0 0;
        }

        .green-bg .container, .program-testimonial {
            padding: 3em 15px;
        }

            .green-bg > .container div, .program-testimonial > .container, .program-testimonial > .container div, div.why-care-section {
                padding: 0;
            }


        .floor-studies .col-md-6 {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grocery-studies-mobile-citation, .floor-studies-mobile-citation {
            display: block;
            margin-bottom: 46px;
        }

        div.citation-container {
            display: none;
        }

        div.white-stripes > .container, div.white-stripes > .container div {
            padding: 0;
        }

        .floor-maintenance-budget {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
        }

        .floor-maintenance-budget-text {
            width: 100%;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
        }

        .floor-cost-down > .container {
            padding-left: 0;
            padding-right: 0;
        }

        .green-bg > .container .floor-maintenance-budget-emp {
            padding-right: 8px;
        }

        .floor-maintenance-budget-graphic {
            margin-top: 1em;
        }

        .save-with-floor-care-program img {
            width: auto;
            margin-top: 1em;
        }

        .floor-finishes-features > .container, .floor-finishes-features > .container div, .floor-finishes-features div.col-md-4 {
            padding: 0;
        }

        .floor-strippers-cleaners .col-md-6 {
            width: 100%;
        }

        .buckeye-testimonial > .container, .buckeye-testimonial > .container div {
            padding: 0;
        }

        .polymers-section div:nth-child(2) {
            padding: 0;
        }

        .sym-blue-bg .container, .sym-white-bg .container {
            padding: 3em 15px;
        }

        div.hand-hygiene-benefits {
            padding-left: 0;
            padding-right: 0;
        }

            div.hand-hygiene-benefits > div.row > div:nth-child(2) {
                margin-top: 3em;
            }

        div.symmetry-ida-award {
            margin-top: 3em;
            padding-left: 80px;
        }

            div.symmetry-ida-award h4 {
                margin-bottom: 10px;
            }

        div.symmetry-ida-award-image img {
            top: -24px;
            left: -45px;
            width: 30px;
        }

        div.reduce-hand-hygiene-costs, div.coffee-county-schools-quote div, div.customizable-awareness-education-materials div {
            padding: 0;
        }

        div.symmetry-sbms {
            background-position: -120px top;
        }

        div.symmetry-vlcs div:first-child {
            padding: 0;
        }

        div.symmetry-testing svg.sym-arrow {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            margin: 2em auto;
        }

        div.grid-item {
            width: 100%;
        }

        div.grid-select, div.nav-container {
            display: none;
        }

        select.mobile-nav {
            display: block;
        }

        div.symmetry-intro.top, .hard-floor-care-intro.top, .hard-floor-care-intro.bottom, .eco-intro, .target-hero, .target-hero.symmetry .image {
            background-attachment: scroll;
        }

        .ref-ltyellow-bg.program-callout {
            width: 100%;
        }

        div.error-page-graphic-container {
            padding-top: 300px;
        }

        div.error-page-graphic-text {
            margin-left: 15px;
            width: calc(100% - 15px);
        }

            div.error-page-graphic-text h2 {
                font-size: 1.4em;
                text-align: left;
            }

        div.benefits-of-eco {
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            div.benefits-of-eco div:first-child {
                text-align: center;
                margin-bottom: 2em;
            }

        div.available-eco-systems .row div:first-child {
            margin-bottom: 2em;
        }

        div.available-eco-systems img {
            display: block;
            margin: 0 auto;
        }

        #contact-wizard .question label {
            font-size: 1.5em;
            padding-left: 0.75em;
        }

        .target-page-hero header h1, .honors-target h2, .hard-floor-care-target h2, .symmetry-target h2, .target-hero.eco header h2, .ymca-community-centers-callout h2 {
            font-size: 2em;
        }

        .honors-target .content .honors-image {
            width: 100%;
            text-align: center;
        }

        .honors-target img {
            max-width: 150px;
        }

        .honors-target .link {
            font-size: 1.5em;
        }

        .honors-target .honors-video h3 {
            padding: 0 15px;
        }

        .hard-floor-care-target .program-callout p, .eco-contact p {
            font-size: 1.5em;
        }

        .symmetry-target-info .text p, .eco-target .eco-text p {
            font-size: 1.3em;
        }

        .target-hero.symmetry {
            min-height: 350px;
        }

            .target-hero.symmetry .hero-text {
                position: static;
                padding-bottom: 0;
                background-color: #fff;
            }

                .target-hero.symmetry .hero-text > div > div > div {
                    padding: 2em 15px;
                }

            .target-hero.symmetry .image {
                position: static;
                height: 350px;
                background-position: left center;
            }

            .target-hero.symmetry.ymca-community-centers .image {
                background-position: right center;
            }

        .hospital-symmetry-challenge .icons div {
            width: 100%;
            text-align: center;
            margin: 1em 0;
        }

        .hospital-symmetry-challenge .icons svg {
            margin-bottom: 1em;
        }

        .hospital-symmetry-challenge .icons p.mobile {
            display: block;
        }

        .hospital-symmetry-challenge .row {
            display: none;
        }

        .hospital-symmetry-challenge .sym-arrow {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        .dispenser-design-center-callout {
            height: auto;
            max-width: 450px;
        }

        .ddc-title svg {
            width: 150px;
        }

        .ddc-dispenser {
            float: right;
            margin: 0;
        }

            .ddc-dispenser svg {
                width: 167px;
            }

        .ddc-text {
            clear: left;
            padding-top: 1em;
        }

        .inner svg {
            width: 30%;
            padding: 1em;
        }

        #mobile-sales-benefits {
            display: block;
            padding: 1em;
        }

        #biz-bg svg {
            display: none;
        }

        #mobile-sales-benefits h3 {
            text-transform: uppercase;
            color: #005baa;
            text-align: left;
            margin: 20px 0 5px;
        }

        #mobile-sales-benefits p {
            color: #fff;
        }

        #mobile-sales-benefits.container {
            background-color: grey;
        }

        .program-resources > a, .program-resources > div {
            width: 100%;
            max-width: 400px;
        }

        #indeed-jobs {
            padding: 1em;
        }

        #footer-bottom .col-md-4, #footer-bottom p, #footer-bottom li {
            text-align: center;
        }

        #resources .col-md-3 {
            width: 100%;
            margin: 0 0 2em 0;
        }
    }

    @media only screen and (max-width:758px) {
        .button-bar {
            width: 100%;
        }

        .inner-button-bar p {
            text-align: center;
        }

        .learn-more {
            width: 100%;
        }

        .category-msds, .category-literature, .learn-more {
            float: none;
            width: 100%;
            padding: .5em 0;
        }

        .category-msds, .category-literature {
            border-right: none;
            border-bottom: 3px solid #f6f6f3;
        }

        .button-bar img {
            width: 10%;
        }

        #white-bg {
            height: 900px;
        }
    }

    @media only screen and (max-width:768px) and (min-width:481px) {
        #year1844 {
            background: url(/img/ohiomap.jpg) no-repeat scroll 10% top / 200% auto rgba(0,0,0,0);
            height: 600px;
        }

        #year1914 {
            background: url(/img/davies-young.jpg) no-repeat scroll 30% top / 250% auto rgba(0,0,0,0);
            height: 600px;
        }

            #year1914 .story .float-right {
                padding-top: 30px !important;
            }

        #year1972 {
            background: url(/img/stl-relocate-mobile.jpg) no-repeat scroll center bottom / 190% auto rgba(0,0,0,0);
            height: 800px;
        }

            #year1972 .story .float-right {
                padding-top: 175px !important;
            }

        #year1975 {
            background: url(/img/warehouse-worker.jpg) no-repeat scroll 70% top / cover rgba(0,0,0,0);
        }

        #year1988 {
            background: url(/img/introducing-APs.jpg) no-repeat scroll 45% top / 250% rgba(0,0,0,0);
            height: 650px;
        }

            #year1988 .story .float-right {
                padding-top: 20px !important;
            }

        #year1994 {
            background: url(/img/buckeye-trucks.jpg) no-repeat scroll 60% top / 250% auto rgba(0,0,0,0);
            height: 675px;
        }

        #year1999 {
            background: url(/img/introducing-ss.jpg) no-repeat scroll center center / 250% rgba(0,0,0,0);
            height: 650px;
        }

        #year2007 {
            background: url(/img/introducing-symmetry.jpg) no-repeat scroll 70% 70% rgba(0,0,0,0) !important;
            height: 570px;
        }

        #year2009 {
            background: url(/img/reflections-timeline.jpg) no-repeat scroll 20% bottom / 255% auto rgba(0,0,0,0);
            height: 760px;
        }

            #year2009 .story .float-bottom-left {
                padding-top: 210px !important;
            }

        #year2011 {
            background: url(/img/introducing-eco.jpg) no-repeat scroll 50% 50% / 225% auto rgba(0,0,0,0);
            height: 875px;
        }
    }

    @media only screen and (max-width:750px) {
        #resources {
            padding: 8% 0 0;
        }

            #resources div {
                float: none;
                margin: 15px auto;
            }

        .download-symmetry-actions select {
            width: 140px;
            font-size: 1.2em;
            display: block;
        }

        .download-symmetry-actions p:last-child {
            font-size: 1.5em;
        }

        .troubleshooting-title img {
            width: 800px;
        }

        .troubleshooting-title {
            height: 150px;
            width: 100%;
        }
    }

    @media only screen and (max-width:708px) {
        .category-preview {
            height: 650px;
        }
    }

    @media only screen and (max-width:675px) {
        #antique-pics img {
            width: 100%;
            float: none;
        }

        .story .float-right {
            margin-top: 0 5% 0 0;
            padding: 10% 0 0;
        }

        #year1994-hidden-text {
            display: block;
            background: url(/img/buckeye-lobby.jpg) no-repeat scroll left top / 200% auto rgba(0,0,0,0);
            height: 525px;
        }

        #year1994 .story .float-right, #year1994 .story .float-left {
            display: none;
        }

        #ref-intro-video {
            width: 100%;
            margin: 2em 0;
        }

        .manuals-section {
            margin: 1%;
            width: 48%;
        }

        #hazardous-text {
            float: none;
            width: 90%;
            margin: 1em 2em;
        }

        #hazardous, #liquescent-tech {
            margin: 0;
        }

        .program-benefits-target .program-benefits-text ul {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
        }
    }

    @media only screen and (max-width:644px) {
        .home-nav-option {
            float: none;
            padding: 0;
            color: #A37F5F;
        }

        #home-nav {
            height: auto;
            padding: 1.5em 0 2em;
            text-align: center;
            width: 100%;
            background: url(/img/bg.png) repeat scroll 0 0 rgba(0,0,0,0);
        }

            #home-nav a {
                color: #A37F5F;
            }

        .story .float-left, .story .float-right, .story .float-bottom-left {
            width: 100%;
            padding: 15% 5%;
            margin: 0;
        }

        #year1892 .story .float-right {
            width: 100%;
            padding: 0 5%;
            float: none;
            text-align: left;
        }

        #year1892 {
            text-align: center;
            height: 600px;
        }

        .story h2 {
            text-align: center !important;
        }

        #year1844 .story .float-left {
            padding-top: 30%;
        }

        .carousel-control {
            top: 10%;
        }

        #research-search-site input[type="search"] {
            width: 100%;
            margin: 0 0 1em;
        }

        #video-bg {
            top: 70px;
        }

        .testimonial-video {
            width: 98%;
            height: 425px;
        }

        #career-events a.carousel-control.prev-control {
            left: -2%;
        }

        #career-events a.carousel-control.next-control {
            right: -2%;
        }
    }

    @media screen and (max-width: 600px) {
        #mobile-location-select, p.interest-in-mobile-container {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        p.interest-in-mobile-container {
            text-align: center;
        }

        h3 span.desktop {
            display: none;
        }

        h3 span.mobile {
            display: inline;
        }

        div.why-care-section svg {
            float: none;
            display: block;
            margin: 0 auto 1em auto;
        }

        div.symmetry-sbms {
            background-position: -270px top;
            padding: 3em 0 0 0;
        }

            div.symmetry-sbms p:nth-child(3) {
                margin-bottom: 20px;
            }

            div.symmetry-sbms img {
                position: static;
            }

            div.symmetry-sbms > .container > .row > div {
                width: 100%;
            }

        div.symmetry-vlcs > div p:first-child {
            margin-top: 0;
        }

        .category-feature-text img {
            width: 100%;
            padding: 0;
        }
    }

    @media only screen and (max-width:550px) {
        .category-product-pic, .category-product-description {
            width: 100%;
            float: none;
            text-align: center;
        }

        #search-results .category-product-description {
            width: 100%;
        }

        #search-results .category-product .category-product-pic {
            display: table-row;
        }

        #search-results .category-product-pic img {
            width: 30%;
        }

        .category-product-pic img {
            width: 50%;
        }

        #search-results input {
            margin: 0 0 .5em 0;
        }

        #search-results label {
            display: table-row;
        }

        .category-product {
            padding: 1em 0;
        }

        .packaging-sizes img {
            width: 90%;
        }

        #resource-distributor input {
            width: 80%;
        }

        .buckeye-program-text .resource-btn {
            width: 100%;
        }

        .training-text .resource-btn, .buckeye-program-text .resource-btn {
            padding: 1em 0 .5em;
        }

        .buckeye-program img {
            float: none !important;
        }

        .manuals-section {
            width: 95%;
            margin: 3%;
        }

        #application-btn.resource-btn, #corporate-positions .resource-btn {
            width: 100%;
        }

        #green-seal-product-list ul {
            -moz-column-count: 1;
            -webkit-column-count: 1;
            column-count: 1;
        }

        .download-symmetry-actions select {
            font-size: 1.4em;
            width: 190px;
        }

        .download-symmetry-actions p:last-child {
            font-size: 2em;
        }

        div.category-page-callouts div.callout {
            width: 100%;
            float: none;
            padding: 10px 15px;
        }

        #hard-floor-care h2 {
            display: inline-block;
            font-size: 1.75em;
            padding: .5em 0;
        }

        .troubleshooting-title img {
            display: inline-block;
            width: 60%;
        }

        .troubleshooting-title {
            text-align: center;
        }
    }

    @media only screen and (max-width:525px) {
        #contact-form h2 {
            padding: 0 1em 1em;
        }
    }

    @media only screen and (max-width:510px) {
        #video-bg-container, #video-bg {
            position: relative;
            height: auto;
            overflow: visible;
        }

        #white-bg {
            height: 1100px;
        }

        #home-intro.page-preview, #sales-career-page-title.page-preview {
            padding-top: 2em;
            height: auto;
            z-index: 0;
            background-color: rgb(8, 38, 62);
            margin-top: 70px;
        }

            #home-intro.page-preview h2, #sales-career-page-title.page-preview h2 {
                padding: 0;
            }

        #program-list .program-btn {
            width: 100%;
        }

        #buckeye-program-info .program-btn {
            padding: .5em;
        }

        .testimonial-video {
            height: 350px;
        }

        .page-preview .container {
            width: 100%;
        }

        #career-events .carousel-inner .item > div {
            width: 100%;
            padding: 0 50px;
        }

            #career-events .carousel-inner .item > div img {
                display: block;
                margin: 0 auto;
            }

        #career-events .carousel-inner .active.left, #career-events .carousel-inner .prev {
            left: -100%;
        }

        #career-events .carousel-inner .active.right, #career-events .carousel-inner .next {
            left: 100%;
        }

        #career-events .carousel-inner .item:nth-child(n+1) > div:nth-child(3), #career-events .carousel-inner .item:nth-child(n+1) > div:nth-child(4) {
            display: block;
        }

        #career-events .carousel-inner .item:nth-child(n+1) > div:nth-child(2), #career-events .carousel-inner .item:nth-child(n+1) > div:nth-child(3), #career-events .carousel-inner .item:nth-child(n+1) > div:nth-child(4) {
            display: none;
        }

        div.symmetry-vlcs {
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            div.symmetry-vlcs div:nth-child(2) {
                display: block;
                margin: 1em auto 0 auto;
            }

        #chemist-intro h2 {
            width: 100%;
            padding-left: 0;
            text-align: center;
        }

        .honors-target .details {
            width: 100%;
        }

        .ddc-title {
            float: none;
            text-align: center;
        }

        .ddc-dispenser {
            display: none;
        }
    }

    @media only screen and (max-width:480px) {
        .navbar-brand {
            padding: 15px;
        }

        #history-insert img {
            width: 85%;
            height: auto;
        }

        #year1844 {
            background: url(/img/ohiomap.jpg) no-repeat scroll 10% top / 350% auto rgba(0,0,0,0);
            height: 600px;
        }

        #year1914 {
            background: url(/img/davies-young.jpg) no-repeat scroll 25% top / 350% auto rgba(0,0,0,0);
            height: 600px;
        }

        #year1972 {
            background: url(/img/stl-relocate-mobile.jpg) no-repeat scroll 53% top / 350% auto rgba(0,0,0,0);
            height: 600px;
        }

            #year1972 .story {
                padding-top: 25%;
            }

        #year1975 {
            background: url(/img/warehouse-worker.jpg) no-repeat scroll 70% top / cover rgba(0,0,0,0);
        }

        #year1988 {
            background: url(/img/introducing-APs.jpg) no-repeat scroll 45% top / 350% rgba(0,0,0,0);
            height: 650px;
        }

        #year1994 {
            background: url(/img/buckeye-trucks.jpg) no-repeat scroll 60% top / 250% auto rgba(0,0,0,0);
            height: 675px;
        }

        #year1999 {
            background: url(/img/introducing-ss.jpg) no-repeat scroll center center / 350% rgba(0,0,0,0);
            height: 650px;
        }

        #year2007 {
            background: url(/img/introducing-symmetry.jpg) no-repeat scroll 60% 0 /325% rgba(0,0,0,0);
            height: 570px;
        }

        #year2009 {
            background: url(/img/reflections-timeline.jpg) no-repeat scroll 20% bottom / 400% auto rgba(0,0,0,0);
            height: 760px;
        }

            #year2009 .story {
                padding-top: 45%;
            }

        #year2011 {
            background: url(/img/introducing-eco.jpg) no-repeat scroll 60% top / 350% auto rgba(0,0,0,0);
            height: 875px;
        }

        #year1994-hidden-text .story .float-left {
            padding-top: 100px;
        }

        .back-btn a, .download-guide-btn a {
            padding: 3% 8%;
        }

        .resource-icon {
            width: 100%;
        }

        #resource-search {
            clear: both;
        }

        #resource-icons-wrapper {
            border-bottom: none;
            height: 450px;
        }

        #sales-positions .float-left img {
            width: 100%;
        }

        #sales-positions, #sales-positions .float-right, #sales-positions .float-left {
            padding: 0;
        }

        #landfills .container {
            padding: 1em 2em 5em;
        }

        .resource-btn.reflections-btn {
            width: 100%;
        }
    }

    @media only screen and (max-width:440px) {
        h2 {
            text-align: center;
        }

        p {
            text-align: left;
        }

        #baldwin-wallace p {
            text-align: center !important;
        }

        #year1844 {
            background: url(/img/ohiomap.jpg) no-repeat scroll 10% top / 460% auto rgba(0,0,0,0);
            height: 600px;
        }

        #year1914 {
            background: url(/img/davies-young.jpg) no-repeat scroll 28% top / 550% auto rgba(0,0,0,0);
            height: 600px;
        }

        #year1972 {
            background: url(/img/stl-relocate-mobile.jpg) no-repeat scroll 53% top / 500% auto rgba(0,0,0,0);
            height: 600px;
        }

            #year1972 .story {
                padding-top: 50%;
            }

        #year1975 {
            background: url(/img/warehouse-worker.jpg) no-repeat scroll 70% 100% / cover rgba(0,0,0,0);
        }

        #year1988 {
            background: url(/img/introducing-APs.jpg) no-repeat scroll 45% top / 510% rgba(0,0,0,0);
            height: 675px;
        }

        #year1994 {
            background: url(/img/buckeye-trucks.jpg) no-repeat scroll 60% top / 350% auto rgba(0,0,0,0);
            height: 675px;
        }

        #year1999 {
            background: url(/img/introducing-ss.jpg) no-repeat scroll center center / 500% rgba(0,0,0,0);
            height: 650px;
        }

        #year2007 {
            background: url(/img/introducing-symmetry.jpg) no-repeat scroll 60% 0 /400% rgba(0,0,0,0);
            height: 570px;
        }

        #year2009 {
            background: url(/img/reflections-timeline.jpg) no-repeat scroll 20% bottom / 570% auto rgba(0,0,0,0);
            height: 760px;
        }

        #year2011 {
            background: url(/img/introducing-eco.jpg) no-repeat scroll 60% top / 520% auto rgba(0,0,0,0);
            height: 875px;
        }

        #year1994-hidden-text {
            display: block;
            background: url(/img/buckeye-lobby.jpg) no-repeat scroll 15% top / 250% auto rgba(0,0,0,0);
            height: 525px;
        }

        #training-intro .container, #manuals-intro .container, #testimonials-intro .container, #troubleshooting-intro .container, #install-videos-intro .container {
            padding: 7em 1em;
        }

        #career-intro-text img {
            padding: 1em;
            width: 90%;
        }

        #career-text {
            background-size: 95%;
        }

        #sales-positions .float-right {
            width: 100%;
        }

        #green-globe {
            margin: 2em 0 0;
        }

        #career-page-title.page-preview {
            height: 550px;
        }

            #career-page-title.page-preview .container {
                width: 85%;
            }

        #career-intro-text .float-left, #career-intro-text .container {
            padding: 0;
        }

        #career-intro-text h3 {
            margin: .5em 1em;
        }

        #career-intro-text .fa {
            text-align: center;
            float: none;
            margin: 0 auto;
            width: 100%;
            clear: both;
            padding: 0;
        }

        .category-feature-text {
            padding: 1.5em;
        }

        .program-text {
            margin: 0;
        }

        .arrow-down {
            left: 45%;
        }

        p.hard-floor-care-contact-callout a {
            font-size: 0.75em;
        }

        .save-with-floor-care-program .hard-floor-care-contact-callout a {
            padding: 6px 20px;
        }

        div.symmetry-ida-award {
            padding-left: 15px;
        }

        div.symmetry-ida-award-image {
            display: none;
        }

        div.symmetry-sbms {
            background-position: center top;
            background-size: 800%;
        }

            div.symmetry-sbms h2 {
                text-align: left;
            }

        #footer-right div:first-of-type {
            border-right: 0;
            border-bottom: 3px solid #f6f6f3;
        }

        #mobile-location-select {
            width: 275px;
        }

        #search-results .category-product-description h2 {
            text-align: left;
        }

        .download-symmetry-actions select {
            font-size: 1.2em;
            width: 140px;
        }

        .download-symmetry-actions p:last-child {
            font-size: 1.5em;
        }

        .program-benefits-target .program-benefits-text ul {
            -moz-column-count: 1;
            -webkit-column-count: 1;
            column-count: 1;
        }

        .honors-target img {
            display: block;
            margin: 0 auto 2em auto;
        }

        #buckeye-program-info.container {
            padding: 0;
        }
    }

    @media screen and (max-width: 375px) {
        .industry-page-callout .info-box {
            width: 115px;
        }
    }

    @media screen and (min-width: 1200px) {
        .eco-intro.top {
            background-image: url('../img/eco-intro-header.jpg');
        }
    }

    @media screen and (max-width: 1200px) {
        .eco-intro.top {
            background-image: url('../img/eco-intro-header-m.jpg');
        }
    }

    .distributor-login-cta {
        background-color: #49463f;
        height: auto;
        padding: 1em;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        width: 55%;
        border-radius: 5px;
        color: white;
        font-size: 1em;
        text-align: center;
        text-decoration: none;
    }

    @media screen and (max-width: 576px) {
        .distributor-login-cta {
            margin: auto;
        }
    }

    /* Bootstrap Display Classes */
    .d-none {
        display: none !important;
    }

    .d-inline {
        display: inline !important;
    }

    .d-inline-block {
        display: inline-block !important;
    }

    .d-block {
        display: block !important;
    }

    .d-table {
        display: table !important;
    }

    .d-table-row {
        display: table-row !important;
    }

    .d-table-cell {
        display: table-cell !important;
    }

    .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    @media (min-width: 576px) {
        .d-sm-none {
            display: none !important;
        }

        .d-sm-inline {
            display: inline !important;
        }

        .d-sm-inline-block {
            display: inline-block !important;
        }

        .d-sm-block {
            display: block !important;
        }

        .d-sm-table {
            display: table !important;
        }

        .d-sm-table-row {
            display: table-row !important;
        }

        .d-sm-table-cell {
            display: table-cell !important;
        }

        .d-sm-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .d-sm-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media (min-width: 768px) {
        .d-md-none {
            display: none !important;
        }

        .d-md-inline {
            display: inline !important;
        }

        .d-md-inline-block {
            display: inline-block !important;
        }

        .d-md-block {
            display: block !important;
        }

        .d-md-table {
            display: table !important;
        }

        .d-md-table-row {
            display: table-row !important;
        }

        .d-md-table-cell {
            display: table-cell !important;
        }

        .d-md-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .d-md-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media (min-width: 992px) {
        .d-lg-none {
            display: none !important;
        }

        .d-lg-inline {
            display: inline !important;
        }

        .d-lg-inline-block {
            display: inline-block !important;
        }

        .d-lg-block {
            display: block !important;
        }

        .d-lg-table {
            display: table !important;
        }

        .d-lg-table-row {
            display: table-row !important;
        }

        .d-lg-table-cell {
            display: table-cell !important;
        }

        .d-lg-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .d-lg-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media (min-width: 1200px) {
        .d-xl-none {
            display: none !important;
        }

        .d-xl-inline {
            display: inline !important;
        }

        .d-xl-inline-block {
            display: inline-block !important;
        }

        .d-xl-block {
            display: block !important;
        }

        .d-xl-table {
            display: table !important;
        }

        .d-xl-table-row {
            display: table-row !important;
        }

        .d-xl-table-cell {
            display: table-cell !important;
        }

        .d-xl-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .d-xl-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    @media print {
        .d-print-none {
            display: none !important;
        }

        .d-print-inline {
            display: inline !important;
        }

        .d-print-inline-block {
            display: inline-block !important;
        }

        .d-print-block {
            display: block !important;
        }

        .d-print-table {
            display: table !important;
        }

        .d-print-table-row {
            display: table-row !important;
        }

        .d-print-table-cell {
            display: table-cell !important;
        }

        .d-print-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .d-print-inline-flex {
            display: -ms-inline-flexbox !important;
            display: inline-flex !important;
        }
    }

    /* Sales Management Program Training Overview Graphic */
    #sales-managemnet-list {
        list-style: disc;
        padding-left: 1.5rem;
        -webkit-columns: 2;
        columns: 2;
    }

    #sales-management-training-program-training-overview {
        font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
        overflow-x: hidden;
    }

        #sales-management-training-program-training-overview .column-wrapper {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        }

            #sales-management-training-program-training-overview .column-wrapper .column-left {
                border-top: 2px solid #006ab1;
                border-right: 2px solid #006ab2;
                border-top-right-radius: 20px 60px;
                text-align: right;
                text-align: right;
            }

                #sales-management-training-program-training-overview .column-wrapper .column-left .column-left-head h1 {
                    font-size: 15pt;
                }

    @media (min-width: 350px) {
        #sales-management-training-program-training-overview .column-wrapper .column-left .column-left-head h1 {
            font-size: 20pt;
        }
    }

    @media (min-width: 576px) {
        #sales-management-training-program-training-overview .column-wrapper .column-left .column-left-head h1 {
            font-size: 24pt;
        }
    }

    @media (min-width: 768px) {
        #sales-management-training-program-training-overview .column-wrapper .column-left .column-left-head h1 {
            font-size: 24pt;
        }
    }

    @media (min-width: 992px) {
        #sales-management-training-program-training-overview .column-wrapper .column-left .column-left-head h1 {
            font-size: 36pt;
        }
    }

    #sales-management-training-program-training-overview .column-wrapper .column-left div {
        padding-right: 1em;
        margin-top: .3em;
        font-size: 15px;
    }

    #sales-management-training-program-training-overview .column-wrapper .column-left hr {
        border: 2px solid #006ab1;
        margin-right: -17px;
    }

    #sales-management-training-program-training-overview .column-wrapper .column-right {
        border-top: 2px solid #006ab1;
        border-left: 2px solid #006ab1;
        border-top-left-radius: 20px 60px;
    }

        #sales-management-training-program-training-overview .column-wrapper .column-right .column-right-head h1 {
            font-size: 15pt;
        }

    @media (min-width: 350px) {
        #sales-management-training-program-training-overview .column-wrapper .column-right .column-right-head h1 {
            font-size: 20pt;
        }
    }

    @media (min-width: 576px) {
        #sales-management-training-program-training-overview .column-wrapper .column-right .column-right-head h1 {
            font-size: 24pt;
        }
    }

    @media (min-width: 768px) {
        #sales-management-training-program-training-overview .column-wrapper .column-right .column-right-head h1 {
            font-size: 24pt;
        }
    }

    @media (min-width: 992px) {
        #sales-management-training-program-training-overview .column-wrapper .column-right .column-right-head h1 {
            font-size: 36pt;
        }
    }

    #sales-management-training-program-training-overview .column-wrapper .column-right div {
        padding-left: 1em;
        margin-top: .3em;
        font-size: 15px;
    }

    #sales-management-training-program-training-overview .column-wrapper .column-right hr {
        border: 2px solid #14426f;
        margin-left: -17px;
    }

    @media (max-width: 768px) {
        #sales-management-training-program-training-overview .graph {
            display: block;
            width: 100%;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
            overflow-y: hidden;
            height: 80vh;
        }

            #sales-management-training-program-training-overview .graph svg {
                height: inherit;
            }
    }

    #sales-management-training-program-training-overview .size-up {
        font-size: 1.15em;
    }

    @media (min-width: 350px) {
        #sales-management-training-program-training-overview .size-up {
            font-size: 1.7em;
        }
    }

    #sales-management-training-program-training-overview .uppercase {
        text-transform: uppercase;
    }

    #sales-management-training-program-training-overview .text-light-blue {
        color: #006ab2;
    }

    #sales-management-training-program-training-overview .text-dark-blue {
        color: #14426f;
    }

    #sales-management-training-program-training-overview strong {
        font-weight: bold;
    }

    #sales-management-training-program-training-overview i {
        font-style: italic;
    }

    #biz-bg img {
        width: 65%;
        padding: 3em 0;
        margin: auto;
    }


    @media screen and (max-width: 600px) {
        img.float-right {
            float: none;
        }
    }

    /*UK Cookie Popup Styles*/
    .osano-cm-window ul.osano-cm-info-list > li .osano-cm-description {
        font-size: .9em !important;
        line-height: 1.3em !important;
    }

    .osano-cm-window .osano-cm-info-dialog header > p {
        font-size: 1.6em !important;
    }

    .osano-cm-window .osano-cm-button {
        background-color: #97c264 !important;
        color: #fff !important;
        font-size: 2em !important;
        text-align: center;
        box-shadow: none;
    }

    /*Featured Program Callouts on Homepage*/
    #featured-programs {
        background-color: #d8d6d3;
        padding: 2em 0 4em 0;
    }

        #featured-programs .floor-care-bg {
            background-color: #76cbca;
            border-radius: 5px 5px 0 0;
        }

        #featured-programs .symmetry-bg {
            background-color: #bbd5e9;
            border-radius: 5px 5px 0 0;
        }

        #featured-programs .eco-bg {
            background-color: #000;
            border-radius: 5px 5px 0 0;
        }

        #featured-programs .col-md-4 h3 {
            color: #fff;
            padding: .5em 0 0 0;
        }

        #featured-programs .col-md-4 .col-md-12 {
            background-color: #fff;
            margin: -10px auto 0 auto;
            padding: 0 1.5em 1em 1.5em;
            border-radius: 0 0 5px 5px;
            min-height: 225px;
        }

        #featured-programs .home-link {
            text-align: center;
        }

            #featured-programs .home-link a:hover {
                text-decoration: none;
            }

        #featured-programs img {
            width: 100%;
        }

        #featured-programs h4 {
            padding: 1.5em 0 0 0;
        }


    /*Coronavirus Page*/
    .coronavirus-content svg {
        width: 125px;
    }

    .covid-materials {
        background-color: #52a4d0;
        padding: 2em 0;
        margin: 2em 0;
        border-radius: 5px;
    }

    .corona-blue-bg .col-md-9 {
        padding: .5em 3em;
    }

    .corona-blue-bg {
        background-color: #52a4d0;
        padding: 3em 0;
    }

    .corona-green-bg {
        background-color: #addd4e;
        padding: 3em 0;
    }

        .corona-green-bg h3 {
            color: #fff;
        }

    .corona-btn a {
        background-color: #52a4d0;
        color: #fff !important;
        padding: .5em 1.5em;
        border-radius: 3px;
        text-transform: uppercase;
        transition: .5s ease all;
    }

    .corona-btn {
        margin: 2em 0;
        text-align: center;
    }

        .corona-btn a:hover {
            background-color: #428eb8;
            text-decoration: none;
        }

    .coronavirus-content h2 {
        color: #52a4d0;
    }

.coronavirus-content .covid-materials a, .covid-materials p, .covid-materials h3, .corona-blue-bg h3, .corona-blue-bg p, .corona-blue-bg h4 {
    color: #fff;
}

    .corona-blue-bg a {
        color:#fff !important;
        text-decoration:underline;
        font-weight:700;
    }

    .coronavirus-content a {
        color: #52a4d0;
    }

    .coronavirus-content .vertical-align {
        align-items: center;
        display: flex;
    }

    .coronavirus-content .fa {
        color: #fff;
        font-size: 3em;
        padding: 0 0 .25em 0;
    }

@media screen and (max-width: 767px) {
    .coronavirus-content .vertical-align {
            display: block;
            text-align: center;
        }
    }



    /* Portal Landing Page */

    #portal-page {
        margin: 10em 0 15em 0;
    }

    .panel-title span {
        font-size: 1.5em;
    }

    .panel-title {
        margin: 0 0 1em 0;
        line-height: 1.5em;
        font-size: 18px;
        color: #fff;
    }

    .panel-body .btn-primary {
        background-color: #2b80dc;
        border-color: #2b80dc;
    }

    .panel {
        background-color: transparent;
    }

    .bcc-blue .panel-body {
        background-color: #2b80dc;
        border-radius: 4px 4px 0 0;
    }

    .buckeye-blue .panel-body {
        background-color: #97C264;
        border-radius: 4px 4px 0 0;
    }

    .distributor-blue .panel-body {
        background-color: #49463f;
        border-radius: 4px 4px 0 0;
    }

    .panel-cta {
        padding: 1em 0 .5em 0;
        background-color: #fff;
    }

        .panel-cta a {
            font-weight: 700;
        }

@media screen and (max-width: 767px) {
    #portal-page {
        margin: 8em 0 15em 0;
    }
}

/* Gateway Program Page */
.related-products-header {
    padding-left: 15px;
    padding-right: 15px;
}

    .related-products-header h1 {
        margin: 0;
        font-family: "Avenir LT W01_65 Medium1475532",sans-serif;
        text-transform: uppercase;
        font-size: 2.3em;
        color: #fff;
        padding: 3.5em 0 1em 0;
    }

    .related-products-header.gateway-liners {
        color: #fff;
        background-color: #005572;
    }

.related-products-hero {
    padding: 20vh 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .related-products-hero .hero-text {
        color: #fff;
        padding: 30px;
        border-radius: 20px;
        background-color: rgba(0,0,0,.1);
    }

    .related-products-hero.gateway-liners .hero-text p {
        color: #fff;
        font-size:1.3em;
    }

        .related-products-hero .hero-text p:last-child {
            margin-bottom: 0;
        }

    .related-products-hero.gateway-liners {
        background-image: url("../img/gateway-liners-hero.jpg");
    }

        .related-products-hero.gateway-liners .hero-text {
            background-color: rgba(0,69,95,.75);
        }

.related-products-content {
    padding-top: 3em;
    padding-bottom: 3em;
}

    .related-products-content h2 {
        font-size: 2.3em;
    }

    .related-products-content h3 {
        font-family: "Avenir LT W01_65 Medium1475532",sans-serif;
        font-size: 1.8em;
        margin:0 0 .5em 0;
    }

    .related-products-content.gateway-liners h2 {
        margin-bottom: .25em;
    }

    .related-products-content.gateway-liners h3 {
        color: #005572;
        font-family: "Avenir LT W01_95 Black_1475562",sans-serif;
        margin-bottom:.5em;
    }

        .related-products-content.gateway-liners h3.r-spec {
            color: #cf3339;
            font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
        }

    .related-products-content.gateway-liners .true-spec img {
        width: 100%;
        margin-top: .5em;
        padding:0 1em;
    }

    .related-products-content.gateway-liners .true-spec-image {
        margin-bottom: 6rem;
    }

        .related-products-content.gateway-liners .true-spec-image img {
            width: 100%;
        }

    .related-products-content.gateway-liners .go-green img {
        width: 150px;
        float: right;
        padding: 0 2em 0 0;
    }

    .related-products-content.gateway-liners .go-green p {
        margin-bottom: 0;
    }

    .related-products-content.gateway-liners .strength-thickness {
        margin-top: 3rem;
    }

        .related-products-content.gateway-liners .strength-thickness img {
            width: 125px;
            padding: 0 2em 0 0;
        }

    .related-products-content.gateway-liners .app-callout {
        border-top: 8px solid #005572;
        border-bottom: 8px solid #005572;
        margin-top: 3rem;
        padding: 1rem 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .related-products-content.gateway-liners .app-callout .image {
         margin-right:0;
        }

        .related-products-content.gateway-liners .app-callout img {
            width: 75px;
            margin-right: 1rem;
        }

        .related-products-content.gateway-liners .app-callout p {
            color: #005572;
            margin-bottom: 0;
        }

        .related-products-content.gateway-liners .app-callout span {
            font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
        }

    .related-products-content.gateway-liners .liner-performance-index {
        margin-top: 3rem;
    }

        .related-products-content.gateway-liners .liner-performance-index .lit-callout {
            font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
            margin: 2rem 0;
        }

        .related-products-content.gateway-liners .liner-performance-index a {
            display: block;
        }

        .related-products-content.gateway-liners .liner-performance-index svg {
            display: block;
            width: 100%;
            max-width: 400px;
            max-height: auto;
        }

    .related-products-content.gateway-liners .gateway-review p:first-child {
        font-family: "Avenir LT W01_65 Medium1475538",sans-serif;
    }

    .related-products-content.gateway-liners .gateway-review p:nth-child(2) {
        font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
    }

    .related-products-content.gateway-liners .gateway-review img {
        margin-top: 1rem;
        width: 100%;
        max-width: 445px;
    }

.related-products-callout {
    padding-left: 15px;
    padding-right: 15px;
}

    .related-products-callout h2 {
        margin-bottom: 0;
        font-family: "Avenir LT W01_65 Medium1475532",sans-serif;
        font-size: 2em;
        color:#fff;
        padding:1em 0;
    }

    .related-products-callout.gateway-liners {
        color: #fff;
        background-color: #005572;
        text-transform: uppercase;
    }

.related-products-cta {
    padding: 3em 15px;
}

    .related-products-cta svg {
        display: block;
        width: 100%;
        max-width: 350px;
        max-height: 138px;
    }

    .related-products-cta > div:not(:last-child) {
        margin-right: 2em;
    }

.how-liners-made {
    position: relative;
}

    .how-liners-made .scroll-arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        color: #fff;
        background-color: rgba(0,0,0,.25);
        margin-top: 5.5%;
        padding: 0 15px;
        font-size: 3em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .how-liners-made .scroll-arrow.left {
            left: 0;
            opacity: 0;
            visibility: hidden;
        }

            .how-liners-made .scroll-arrow.left.active {
                opacity: 1;
                visibility: visible;
            }

        .how-liners-made .scroll-arrow.right {
            right: 0;
        }

        .how-liners-made .scroll-arrow:hover {
            background-color: rgba(0,0,0,.5);
        }

    .how-liners-made .scroll-container {
        width: 100%;
        overflow-x: scroll;
        position: relative;
    }

    .how-liners-made .image-container {
        position: relative;
        padding-bottom: 40%;
    }

        .how-liners-made .image-container img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            height:100%;
            max-width:5000px; 
        }

.gateway-liners-challenge {
    padding: 3em 0;
}

    .gateway-liners-challenge img {
        display: block;
        height: 75px;
        width: auto;
        margin: 0 auto 2rem auto;
    }

    .gateway-liners-challenge .instruction {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .gateway-liners-challenge .instruction .step {
            font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
            font-size: 1.25em;
            margin-right: .5rem;
        }

        .gateway-liners-challenge .instruction p {
            margin-top: .25rem;
            margin-bottom: 0;
        }

.download-gateway-pdfs {
    position: relative;
    width: 100%;
}

    .download-gateway-pdfs .download-gateway-actions {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .download-gateway-pdfs .download-gateway-actions div {
            padding-left: 35%;
            padding-top: 8px;
        }

        .download-gateway-pdfs .download-gateway-actions p:first-child {
            font-size: 1.5em;
            margin: 0;
            color: #6d6e71;
        }

        .download-gateway-pdfs .download-gateway-actions p:last-child {
            font-size: 1.5em;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Avenir LT W01_85 Heavy1475544',sans-serif !important;
        }

            .download-gateway-pdfs .download-gateway-actions p:last-child a {
                color: #6d6e71;
                text-decoration: none;
            }

        .download-gateway-pdfs .download-gateway-actions select {
            outline: none;
            background-color: #eee;
            font-size: 1em;
            -webkit-appearance: none;
            -moz-appearance: none;
            width:100%;
            padding: .25em;
            background-position: 98% 65%;
            background-repeat: no-repeat;
            background-size: 10px;
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox%3D"0 0 256 448" enable-background%3D"new 0 0 256 448"%3E%3Cstyle type%3D"text%2Fcss"%3E.arrow%7Bfill%3A%236D6E71%3B%7D%3C%2Fstyle%3E%3Cpath class%3D"arrow" d%3D"M255.9 168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2 0-7.9 1.6-11.2 4.8S0 163.8 0 168c0 4.4 1.6 8.2 4.8 11.4l112 112c3.1 3.1 6.8 4.6 11.2 4.6 4.4 0 8.2-1.5 11.4-4.6l112-112c3-3.2 4.5-7 4.5-11.4z"%2F%3E%3C%2Fsvg%3E%0A');
            border: 1px solid #333;
            color: #6d6e71;
            border-radius: 0;
            font-family: 'Avenir LT W01_35 Light1475496',sans-serif;
        }

.buckeye-products.grey-bg {
    background-color: #ececec;
}

    .buckeye-products.grey-bg h2,
    .buckeye-products.grey-bg h3 {
        color: #003ca5;
    }

    .buckeye-products.grey-bg p {
        color: #000;
    }

p.gateway-contact-callout a {
    display: inline-block;
    box-shadow: 0 -3px 3px -3px #333 inset;
    padding: 7px 5%;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    background-color: #005572;
}

    p.gateway-contact-callout a:hover {
        backround-color: #0098c1;
    }
    p .gateway-contact-callout {
    text-align: center;
    margin-top: 2em;
}

@media screen and (max-width:1199px) {
    .how-liners-made .scroll-arrow {
        margin-top: 7%;
    }

    .how-liners-made .image-container {
        padding-bottom: 50%;
    }
}

@media screen and (max-width:991px) {
    .related-products-content.gateway-liners .true-spec,
    .related-products-content.gateway-liners .true-spec-image {
        margin-bottom: 2em;
    }

    .related-products-content.gateway-liners .liner-performance-index {
        margin-bottom: 3rem;
    }

    .how-liners-made .scroll-arrow {
        margin-top: 8.25%;
    }

    .how-liners-made .image-container {
        padding-bottom: 60%;
    }

    .gateway-liners-challenge .challenge-step:first-child,
    .gateway-liners-challenge .challenge-step:nth-child(2) {
        margin-bottom: 2rem;
    }

    .download-gateway-pdfs .download-gateway-actions div {
        padding-left: 23%;
    }
}

@media screen and (max-width:767px) {

    .related-products-cta > div {
        width: 100%;
    }

        .related-products-cta > div:first-child {
            margin-right: 0;
            margin-bottom: 1em;
        }

    .related-products-cta svg {
        margin: 0 auto;
    }

    .how-liners-made .scroll-arrow {
        margin-top: 9.75%;
        font-size: 2em;
    }

    .how-liners-made .image-container {
        padding-bottom: 70%;
    }

    .related-products-content.gateway-liners .liner-performance-index svg {
        max-width: 100%;
    }

    .download-gateway-pdfs .download-gateway-actions div {
        padding-left: 40%;
    }

    .download-gateway-pdfs .download-gateway-actions select {
        width: 90%;
        padding: .25em 1em .25em .25em;
    }

    .related-products-content.gateway-liners .app-callout .image {
        margin-right: 1em;
    }
    .related-products-content.gateway-liners .go-green img {
        padding:0;
        width:100px;
    }
    .strength-thickness .text-right {
        text-align: center !important;
    }
    .related-products-content.gateway-liners .strength-thickness img {
        padding: 0 0 1.5em 0;
    }
}

@media screen and (max-width:575px) {
    .related-products-hero .hero-text {
        padding: 15px;
    }

    .how-liners-made .scroll-arrow {
        margin-top: 13.75%;
    }

    .how-liners-made .image-container {
        padding-bottom: 100%;
    }

    .gateway-liners-challenge .challenge-step:not(:last-child) {
        margin-bottom: 2rem;
    }

    .related-products-content h2 {
        text-align:left;
    }
}

@media screen and (min-width:1850px) {
    .related-products-hero .hero-text {
        right: 25%;
    }
}

@media screen and (min-width:768px) {
    .related-products-hero {
        background-attachment: fixed;
    }

        .related-products-hero .hero-text {
            font-size: 1.2em;
        }
}

/*Resilient Dispenser Landing Page*/
div.resilient-dispenser-intro.top {
    background-image: url('../img/behavioral-health-dispenser-bg2.jpg');
    padding: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    background-position-x: center;
    background-position-y: top;
    max-height: 900px;
}

div.resilient-dispenser-intro .sym-blue-bg {
    background-color: rgba(187, 213, 233, 0.85);
}

div.resilient-dispenser-intro h2 {
    padding: 3.5em 0 1em 0;
    text-align: center;
    font-size: 2.3em;
}

.resilient-dispenser-intro div.floating-quote {
    padding: 4em 0 30em 0;
}
#non-alcohol-sani-promo {
    background-color: #63b2a4;
    padding:4em 0;
}
    #non-alcohol-sani-promo p, #non-alcohol-sani-promo h2, #non-alcohol-sani-promo ul {
        color: #fff;
    }

    #non-alcohol-sani-promo img {
        max-width:350px;
    }

    #non-alcohol-sani-promo ul {
        padding:1em 0 0 0;
    }

    #non-alcohol-sani-promo li {
        font-weight:700;
        font-size:1.1em;
    }

    .sym-blue-bg img {
        width: 175px;
        height: auto;
        padding-top: 1em;
    }
 
.row.sym-cartons a {
    color: #49463f;
}
.row.sym-cartons h4 a:hover {
    color: #fff;
}

.sym-cartons h4 {
    line-height: 1.2em;
    padding: 0 0 1em 0;
}

p.symmetry-na-foam-contact-callout a {
    display: inline-block;
    box-shadow: 0 -3px 3px -3px #333 inset;
    padding: 7px 5%;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    background-color: #43ddd5;
}
    p.symmetry-na-foam-contact-callout a:hover {
        background-color: #20b2aa;
    }

.bhd-feature-img {
    max-height:600px;
}

@media screen and (max-width:2150px) {
    div .resilient-dispenser-intro.top {
        max-height: 700px;
        background-position: center 50px;
        background-position-x: center;
        background-position-y: 70px;
        background-size:cover;
    }

}


@media screen and (max-width:767px) {
    div.resilient-dispenser-intro.top {
        background-position: center 50px;
        background-position-x: 80%;
        background-position-y: bottom;
        background-size: 250%;
        height: 875px;
        max-height: 875px;
    }

    .resilient-dispenser-intro div.floating-quote {
        padding: 0 1em 1em 1em;
        background: rgba(187, 213, 233, 1);
    }
    div.resilient-dispenser-intro h2 {
        padding: 3.5em 0 .5em 0;
        margin: 0;
    }

    div.resilient-dispenser-intro .sym-blue-bg {
        background-color: rgba(187, 213, 233, 1);
    }
}

@media screen and (max-width:600px) {
    div.resilient-dispenser-intro.top {
        background-position: center 50px;
        background-position-x: 80%;
        background-position-y: 110%;
        background-size: 250%;
        height: 700px;
        max-height: 700px;
    }
}