/*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 {
    font-family: "Avenir85Heavy",sans-serif;
    color: #49463f;
}

p,address,input,button,select,textarea,ul,caption,.carousel-caption {
    font-family: "Avenir55Roman",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: "Avenir55Roman",sans-serif;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.larger {
    font-size:1.2em;
}
    .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;
}
/* 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;
    opacity: .9;
    border-color: transparent;
}

.navbar-nav {
    float: right;
    padding-top: 15px;
    font-family: "Avenir55Roman",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;
}

.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;
}

/*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;
}

.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: 5em 0;
    clear: both;
}

.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: 3% 5%;
    border-radius: 3px;
    transition: background-color .5s ease;
}

.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;
    margin-bottom:5em;
}

    .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;
    }

.btn-info {
    background-color:#2b80dc;
    border-color:#2b80dc;
    color:#fff !important;
    transition:.5s ease all;
}
.cloud-container .btn-info {
    margin:1em 0;
    display:block;
}
.btn-info:hover, .btn-info:focus {
    background-color:#002656;
    border-color:#002656;
}
.premier-form input {
        width:100%;
        margin:.5em auto;
        padding:.5em;
        border:none;
        background-color:#fff;
}
#new-customer-reporting, #report-sales-details {
    background-color:#f6f6f3;
    padding:1em;
    border-radius:5px;
}

#customer-list .table tbody > tr > td {
    vertical-align:middle;
}

@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;
}

.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: "Avenir65Medium",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: "Avenir65Medium",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: "Avenir65Medium",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: "Avenir65Medium",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: "Avenir65Medium",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: "Avenir65Medium",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"] {
    font-weight: 700;
    text-align: center;
    width: 8em;
    color: #10314a;
    float: right;
    background-color: #97C264;
    transition: background-color .5s ease;
    font-family: "Avenir65Medium",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: "Avenir65Medium",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: "Avenir65Medium",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: "Avenir55Roman",sans-serif;
    text-align:center;
}

#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 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: 1em 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: "Avenir65Medium",sans-serif;
    font-size: 1.7em !important;
    line-height: 1.5em;
    color: #67a6dc;
    text-align: center;
}

#contact-info ph {
    font-family: "Avenir65Medium",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;
}

/*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;
}

/*Footer*/
.site-footer {
    position: relative;
    z-index: 4;
}
footer {
    text-align: center;
    clear: both;
    background-color: #fff;
}

footer p {
    color: #264a6a;
    font-family: "Avenir55Roman",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: "Avenir55Roman",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;
    height: 400px;
    width: 100%;
    clear: both;
    position:relative;
    z-index:3;
}

.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: .9em;
    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-intro {
    background-color: rgba(4,4,4,0.2);
    position:relative;
    z-index:2;
}

/*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: rgb(137, 168, 85);
}

#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;
}

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: "Avenir55Roman",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;
}

/*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 {
    width: 33.33%;
    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;
}
#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: #95c93f;
}
.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;
}

/*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: "Avenir55Roman",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: "Avenir55Roman",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: "Avenir55Roman",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 center / 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: "Avenir65Medium",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:"Avenir55Roman",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: #bbd5e9;
}
.buckeye-program .symmetry-contact-callout a:hover {
    background-color: #6098ba;
}
.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 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: #dbcea4;
}
.save-with-floor-care-program .hard-floor-care-contact-callout a:hover {
    background-color: #9d976c;
}
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: 'Avenir35Light', sans-serif;
}
.avenir-light-oblique {
    font-family: 'Avenir35LightOblique', sans-serif !important;
}
.avenir-roman {
    font-family: 'Avenir55Roman', sans-serif;
}
.avenir-oblique {
    font-family: 'Avenir55Oblique', sans-serif;
}
.avenir-medium {
    font-family: 'Avenir65Medium', sans-serif;
}
.avenir-medium-oblique {
    font-family: 'Avenir65MediumOblique', sans-serif;
}
.avenir-heavy {
    font-family: 'Avenir85Heavy', sans-serif !important;
}
.avenir-black-oblique {
    font-family: 'Avenir95Black', sans-serif;
}
.symmetry-landing-page p, .hard-floor-care-page p, .reflections-program-page p, .reflections-program-page li, .target-page 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: bottom center;
}
div.symmetry-intro .sym-blue-bg {
    background-color: rgba(187, 213, 233, 0.85);
}
div.sym-floating-quote {
    margin: 4em 0 12em 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;
}
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.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;
}
p.symmetry-contact-callout a:active {
    box-shadow: 0 0 0 0 #333 inset;
}
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;
}

/* 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;
}
/*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;
}
/*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;
}
.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: 'Avenir35Light', 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;
}


/*Blog*/
.blog-category {
    color: #97C264;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.blog-category2 {
    color: #97C264;
    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: "Avenir65Medium",sans-serif;
    border-radius: 3px;
    margin: 1em 0 0;
}

@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: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: center center;
    }

    div.symmetry-logo {
        margin-bottom: 1.5em;
    }

    div.symmetry-dispensers {
        padding: 3em 0;
    }

    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, .ref-yellow-bg .container div, .ref-brown-bg .container {
        padding-left: 0;
        padding-right: 0;
    }

    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;
    }
    #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;
    }

    #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: 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;
    }
    .dispenser-design-center-callout {
        background-color: #fff;
        width: 100%;
        max-width: 700px;
        height: 175px;
        padding: 2em;
        margin: 0 auto;
    }
    .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;
    }

    #home-content h2 {
        padding: 18% 0 0;
    }

    #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:rgba(0,0,0,.3);
    }
    .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;
    }

    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;
    }
    #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: -415px top;
    }
    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');
    }
}