/*	
 * 3dcart Shopping Cart System - Version: 6
 * http://3dcart.com/
 * Date: Fri, Dec 19 2014
*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');

/*body:: Controls website background and any other text outside of a table without an associated style.*/
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    color: #333;
    background: #FFF;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 1.42857;
    overflow-x: hidden;

}

img {
    border: 0;
}

input,
textarea,
select,
button {
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
}

#mobileMenu i,
#mobileCatMenu i,
#mobileCart i {
    color: #333;
    font-size: 24px;
}

.top-menu .icon-menu {
    color: #333;
    font-size: 24px;
}

#closeSlideMenu i {
    color: #c9dae4;
    font-size: 24px;
}

blockquote {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    line-height: 1em;
    background: #FFF;
    border-left: 6px solid #22303a;
    margin: 0 0 15px 0;
    padding: 40px;
}

/* QuickSearch */
table.searchlight-results {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    width: 308px;
}

div.searchlight-results-wrapper {
    border: 2px solid #e2e2e2;
    margin-left: -2px;
}

/* Hide prices from the search preview */
div.searchlight-results-wrapper .search-price {
    display: none !important;
}

/*******************************************************************************************************/
/*          STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER)           */
/*******************************************************************************************************/


/*store-name:: Store Name.*/
.store-name {
    font-family: 'Lato', sans-serif;
    font-size: 35px;
    font-weight: 400;
    text-decoration: none;
    line-height: 35px;
}

/*store-slogan:: Store Slogan.*/
.store-slogan {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: lowercase;
}

/*frame:: Controls the left and right column background.*/
.frame {
    background: #FFF;
}

/*mod_bg:: Controls the left and right column modules background.*/
.mod_bg {
    background: none;
}

/*frame-ht:: Controls the height left, right and middle columns.*/
.frame-ht {
    height: 1000px;
}

/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/
.menu-headers {
    background: none;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0px 0px 15px;
    color: #333;
    display: block;
    position: relative;
}

.menu-headers:before {
    position: absolute;
    content: "";
    top: 5px;
    height: 7px;
    width: 41px;
    right: 0px;
    margin: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

/*footer:: This style controls the text you type under global footer. Merchants usually use to add security logos, credit card logos, privacy notes, etc.*/
.footer {
    color: #FFF;
    background-color: #28374e;
    font-weight: 400;
    text-transform: none;
}

.blogAddComments {
    margin-bottom: 60px;
}

#blog .blogPost {
    margin-bottom: 25px;
}

#blog .blogPost .prevnext {
    text-align: right;

}

#blog .blogPost .post-content h2 {
    font-size: 26px;
    text-align: left;
}


#blog .blogPost .blog-info,
#blog .blogPost .blog-info a {
    color: #999;
}

#blog img {
    max-width: 100%;
}

#cookie-preferences-modal,
#cookie-preferences-modal-settings {
    top: auto;
    left: 20%;
    bottom: 50px;
    right: auto;
}

#cookie-preferences-modal .modal-dialog,
#cookie-preferences-modal-settings .modal-dialog {
    margin-top: 150px;
}

#cookie-preferences-modal .modal-content,
#cookie-preferences-modal-settings .modal-content {
    border-radius: 0;
    font-size: 14px;
}

#cookie-preferences-modal .btn,
#cookie-preferences-modal-settings .btn {
    border-radius: 0;
    margin: 10px;
    border: none;
    color: #666;
    text-decoration: underline;
    text-transform: none;
}

#cookie-preferences-modal .btn:hover,
#cookie-preferences-modal-settings .btn:hover {
    background: #fff;
}

#cookie-preferences-modal .btn-green,
#cookie-preferences-modal-settings .btn-green {
    background: #00962e;
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
    text-decoration: none;
}

#cookie-preferences-modal .btn-green:hover,
#cookie-preferences-modal-settings .btn-green:hover {
    background: #01a534;
}

@media (max-width:991px) {

    #cookie-preferences-modal,
    #cookie-preferences-modal-settings {
        padding-right: 0 !important;
        width: 100%;
        bottom: 80px;
        left: 0;
        z-index: 9999999999;
    }

    #cookie-preferences-modal .modal-dialog,
    #cookie-preferences-modal-settings .modal-dialog {
        margin-top: 130px;
    }

    #cookie-preferences-modal .btn-green,
    #cookie-preferences-modal-settings .btn-green {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.modal-open {
    overflow: visible;
    padding-right: 0 !important;
}

#christmas-modal .modal-content {
    background: #009ad5;
    color: #061059;
    text-align: center;
    border-radius: 0;
}

#christmas-modal .modal-header {
    border-bottom: none;
}

#christmas-modal .modal-header h4 {
    color: #061059;
    font-size: 28px;
    font-weight: normal;
    margin-left: 80px;
    margin-right: 80px;
    border-bottom: 2px solid #061059;
}

#christmas-modal .modal-header .close {
    color: #FFF;
    font-weight: normal;
}

#christmas-modal .modal-header .close:hover {
    color: #061059;
}

#christmas-modal .modal-content .btn {
    background: #061059 !important;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
}

#christmas-modal .modal-content .btn:hover {
    background: #FFF !important;
    color: #061059;
}

/*icon:: Controls the way the menu icons display if they are being used.*/
.icon {
    font-size: 10px;
    font-weight: 400;
    color: #FFF;
}

/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
    background: #FFF;
    border: 2px solid #323f49;
    color: #323f49;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 14px;
    height: 30px;
    line-height: 25px;
    position: absolute;
    top: 40px;
    right: 0;
    text-align: center;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 30px;
    z-index: 5;
}

/*ranking:: Controls the way the menu icons display if they are being used.*/
.ranking {
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: #22303a;
    width: 12px;
    height: 20px;
    text-align: left;
}

/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/
.menu-text {
    font-size: 12px;
    color: #000;
    font-weight: 400;
}

/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/
.price2 {
    font-size: 14px;
    color: #999;
    font-weight: 400;
}

/*cart-text:: Controls the way the text on the mini shopping cart displays. The mini-shopping cart is usually located in the header.*/
.cart-text {
    font-size: 48px;
    font-weight: 400;
    color: #15212a;
}

/*search-text:: Controls the way the search box displays of the frame.*/
.search-text {
    font-size: 20px;
    font-weight: normal;
    color: #3d3d3d;
    line-height: 57px;
    height: 57px;
    width: 443px;
    background: #FFF;
    border: none;
    padding: 0 0 0 25px;
    margin: 0 11px 0 0;
}

/*A.cat:: Controls the way the Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/
A.cat {
    color: #231f20;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/*A.cat:hover:: When a user passes  their mouse over them.*/
A.cat:hover {
    color: #e50943;
    text-decoration: none;
}

/*A.cat:visited:: After a user has visited that section.*/
A.cat:visited {
    color: #231f20;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/*A.cat:visited:hover:: When a user hovers over a section they have visited.*/
A.cat:visited:hover {
    color: #000000;
    text-decoration: none;
}

/*A.subcat:: Controls the way the Sub-Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/
A.subcat {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    padding: 0 0.5em;
}

/*A.subcat:hover:: When a user passes  their mouse over them.*/
A.subcat:hover {
    background: #ffffff;
    color: #333;
    text-decoration: none;
}

/*A.subcat:visited:: After a user has visited that section.*/
A.subcat:visited {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    padding: 0 0.5em;
}

/*A.subcat:visited:hover:: When a user hovers over a section they have visited.*/
A.subcat:visited:hover {
    background: #ffffff;
    color: #333;
    text-decoration: none;
}

/*A:menu:: Controls the way the Links display in the top navigation before a user clicks or mouses over on them.*/
A.menu {
    color: #ccc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

/*A:menu:over:: When a user passes their mouses over them.*/
A.menu:hover {
    color: #e50943;
    text-decoration: none;
}

/*A:menu:over:: After a user has visited that section.*/
A.menu:visited {
    color: #ccc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

/*A:menu:visited:over:: A user hovers over a section they have visited.*/
A.menu:visited:hover {
    color: #e50943;
    text-decoration: none;
}

/*A:menu-bottom:: Controls the way the Links in the footer display before a user clicks or mouses over on them.*/
A.menu-bottom {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

/*A:menu-bottom:over:: When a user passes their mouses over them.*/
A.menu-bottom:hover {
    color: #EEE;
    text-decoration: none;
}

/*A:menu-bottom:over:: After a user has visited that section.*/
A.menu-bottom:visited {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

/*A:menu-bottom:visited:over:: When a user hovers over a section they have visited.*/
A.menu-bottom:visited:hover {
    color: #fff;
    text-decoration: none;
}

/*A:link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/
A.link {
    color: #555;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    text-transform: none;
    text-decoration: none;
}

/*A:link:over:: When a user passes their mouses over them.*/
A.link:hover {
    color: #e50943;
    text-decoration: none;
}

/*A:link:over:: After a user has visited that section.*/
A.link:visited {
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    text-transform: none;
    text-decoration: none;
}

/*A:link:visited:over:: When a user hovers over a section they have visited.*/
A.link:visited:hover {
    color: #22303a;
    text-decoration: none;
}

/*A.details:: Controls the way the Top Sellers Links display before a user clicks or mouses over them.*/
A.details {
    color: #383733;
    font-size: 12px;
    font-style: normal;
    text-decoration: underline;
    font-weight: 400;
}

/*A.details:hover:: When a user passes their mouse over them.*/
A.details:hover {
    color: #22303a;
    text-decoration: none;
}

/*A.details:visited:: After a user has visited that section.*/
A.details:visited {
    color: #383733;
    font-size: 12px;
    font-style: normal;
    text-decoration: underline;
    font-weight: 400;
}

/*A.details:visited:hover:: When a user hovers over a section they have visited.*/
A.details:visited:hover {
    color: #22303a;
    text-decoration: none;
}

/*******************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************/

h1 {
    text-transform: none;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}

h2 {
    color: #28374e;
    text-transform: none;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}

.header-banner {
    position: relative;
    padding: 80px 0;
    z-index: 0;
    text-align: center;
}

.header-banner h2 {
    font-size: 50px;
    color: #28374e;
}

.header-banner h3 {
    font-size: 25px;
    color: #28374e;
    text-transform: none;
}

.header-banner::before {
    display: block;
    background: url(https://www.thewatercoolercompany.com/assets/images/TWCC-service-header-image-01.jpg);
    content: '';
    width: 3000px;
    height: 100%;
    top: 0;
    left: -920px;
    z-index: -1;
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-banner a {
    border-color: #FFF;
    color: #FFF;
    margin: 50px 60px 0;
    width: 200px;
    padding: 0;
}

.grey-box {
    background: #EEE;
    margin-top: 70px;
}

.grey-box h3 {
    color: #28374e;
    margin-top: 50px;
    text-transform: none;
    font-size: 18px;
}

.grey-box a {
    background: #28374e;
    color: #FFF;
    margin: 50px 0;
    width: 200px;
    display: inline-block;
    font-size: 13px !important;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
}

.grey-box p {
    font-size: 13px !important;
    margin: 0 70px;
}

.grey-box-grid {
    background: #EEE;
    padding: 20px;
    margin-top: 30px;
    min-height: 320px;
}

.grey-box-grid h3 {
    color: #28374e;
    margin-top: 50px;
    text-transform: none;
    font-size: 18px;
}

.grey-box-grid p {
    font-size: 15px !important;
    margin: 30px 70px;
}

.main-content {
    margin-top: 20px;
}

.container.text-center {
    padding: 80px 0;
    color: #909090;
}

#home-page-top-white-container {
    padding-top: 40px;
}

.container.text-center h2 {
    margin: 0 0 38px;
}

.container-blue.text-center {
    background: #28374e;
    color: #FFF;
    clear: both;
    position: relative;
}


#extrapage .products-grid .col-lg-4 {
    min-height: 550px;
}

#extrapage .container-nomargintop {
    padding-top: 0 !important;
}


#extrapage .container.container-blue .gdpr-email-message {
    color: #fff;

}


.btn.btn-download {
    background: rgba(57, 86, 131, 0.8);
    color: #FFF;
    border-radius: 0;
    border: none;
    padding-top: 14px;
    line-height: 1;
    width: 320px;
}

.btn.btn-download:hover {
    background: rgba(109, 139, 189, 1);
}

.btn.btn-contact {
    background: #e50943;
    color: #FFF;
    border-radius: 0;
    border: none;
    padding-top: 14px;
    line-height: 1;
}

.btn.btn-contact:hover {
    background: #cf0a3e;
}

.container-blue::before {
    display: block;
    background: #28374e;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

.container-blue h2 {
    color: #FFF;
    text-transform: none;
}

.container-blue p {
    font-size: 18px;
}

.container-blue .gdpr-email-message a {
    color: #FFF;
}

.container-blue input#landing-form-submit,
.container-blue input.landing-form-submit {
    color: #28374e !important;
    background: #FFF !important;
}

.container-blue input#landing-form-submit:hover,
.container-blue input.landing-form-submit:hover {
    background: #6CB8E5 !important;
}

.container-red {
    background: #27374e;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    padding-right: 70px;
    position: relative;
}

.container-red h1 {
    color: #FFF;
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 32px;
}

@media (max-width:1200px) {
    .container-red h1 {
        font-size: 25px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .container-red h1 br {
        display: none;
    }


}

.container-red h2 {
    color: #FFF;
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 33px;
}

.container-red h3 {
    color: #fff;
    margin-bottom: 30px;
    text-transform: none !important;
}

.container-red h4 {
    color: #fff;
    margin-bottom: 20px;
    text-transform: none !important;
}

.container-red.contactless-slide h3 {
    text-transform: none !important;
}

.container-red ul {
    list-style: none;
    text-align: left;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.container-red .carousel-white-tick {
    position: relative;
}

.container-red .carousel-white-tick-img {
    width: 20px !important;
    height: 20px !important;
    border: none !important;
    margin: 0 !important;
    display: inline !important;
    margin-right: 10px !important;
    float: none !important;
}

.container-red .btn {
    color: #FFF;
    border-color: #FFF;
    margin-top: 10px;
    background-color: #147c89;
    position: absolute;
    bottom: 70px;
    right: 200px;
}

#category-sidebar-advertisments .container-red .btn {
    position: initial;
}

.container-red .btn:hover {
    color: #27374e;
    background: #FFF;
    border-color: #27374e;
    margin-top: 10px;
}

.container-red p {
    font-size: 18px;
}

.container-red img {
    float: left;
    width: 56% !important;
    height: auto;
    border-right: 40px solid #147c89;
    margin-right: 70px;
}

.container-red .owl-theme .owl-dots .owl-dot .active {
    color: #27374e;
}

.container-red .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FFF;
    border-radius: 1px solid #28374e;
}

@media (max-width: 1199px) {
    .container-red h2 {
        font-size: 24px;
        margin: 90px 0 20px 0;
    }

    .container-red .btn {
        right: 150px;
        bottom: 20px;
    }

    .zip-hydrotap-slide h2 {
        margin-top: 50px;
    }

    .schools-slide a.btn {}

}

@media (max-width: 991px) {
    .container-red {
        padding-right: 20px;
    }

    .container-red h2 {
        font-size: 20px;
        margin: 20px 0;
    }

    .container-red p {
        font-size: 14px;
    }

    .container-red img {
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    .container-red img {
        width: 100% !important;
    }
}

.gray-wrapper {
    background: #EEE;
    padding: 80px 0;
}

.container-grey {
    background: #EEE;
    color: #777;
    position: relative;
    width: 1400px;
    padding: 80px 120px !important;
}

.container-grey.text-center {
    color: #777;
}

.container-grey::before {
    display: block;
    background: #EEE;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

.container-grey p {
    font-size: 18px;
}

@media (max-width: 1199px) {
    .container-grey {
        width: 100%;
        padding: 80px 20px !important;
    }
}

.container-white p {
    font-size: 18px;
    color: #909090;
}

.container-border-bottom {
    border-bottom: 1px solid #DDD;
}

.products-grid a img {
    margin-top: 40px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.products-grid a:hover img {
    opacity: 0.7;
}

.products-grid h4 {
    text-transform: none;
    margin-top: 20px;
    color: #28374e;
    font-size: 16px;
}

.products-grid a:hover h4 {
    color: #e50943;
}

.products-grid a {
    text-decoration: none;
}

.products-grid a:hover h4 {
    text-decoration: underline;
}

.products-grid p {
    font-size: 13px;
}


.dark-blue-holder h2 {
    margin-bottom: 0;
}

.featured-icon-holder {
    width: 20%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    margin: 60px 0 0;
}

.featured-icon-holder img {
    height: 80px;
    width: auto;
    margin: 40px 20% 10px;
}

.featured-icon-holder hr {
    width: 20px;
    border-bottom: 1px solid #fff;
    margin: 20px auto;
    background: transparent;
    border-top: none;
}

#category-sidebar-wrapper {
    width: 25%;
    float: left;
}

#category-sidebar {
    background: #EEE;
    padding: 20px;
}


#category-sidebar ul {
    list-style: none;
    font-size: 14px;
    line-height: 1.8;
    color: #28374e;
}


#category-sidebar h2 {
    font-size: 20px;
}

#category-sidebar h3 {
    font-size: 16px;
    color: #28374e;
}

#category-sidebar.category-id-173 #category-sidebar-tag-type-title,
#category-sidebar.category-id-173 #category-sidebar-tag-type,
#category-sidebar.category-id-173 .category-sidebar-title,
#category-sidebar.category-id-173 #category-sidebar-tag-color,
#category-sidebar.category-id-173 #category-sidebar-tag-temperature {
    display: none;
}

#category-sidebar.category-id-173 #category-sidebar-tag-brand-title {
    display: block;
}


#category-sidebar.category-id-40 #category-sidebar-type,
#category-sidebar.category-id-41 #category-sidebar-type,
#category-sidebar.category-id-44 #category-sidebar-type,
#catgory-sidebar.category-id-32 #category-sidebar-type,
#category-sidebar.category-id-36 #category-sidebar-type,
#category-sidebar.category-id-47 #category-sidebar-type,
#category-sidebar.category-id-101 #category-sidebar-type,
#category-sidebar.category-id-13 #category-sidebar-type,
#category-sidebar.category-id-18 #category-sidebar-type,
#category-sidebar.category-id-19 #category-sidebar-type,
#category-sidebar.category-id-21 #category-sidebar-type,
#category-sidebar.category-id-27 #category-sidebar-type,
#category-sidebar.category-id-20 #category-sidebar-type,
#category-sidebar.category-id-22 #category-sidebar-type,
#category-sidebar.category-id-28 #category-sidebar-type,
#category-sidebar.category-id-49 #category-sidebar-type,
#category-sidebar.category-id-106 #category-sidebar-type,
#category-sidebar.category-id-33 #category-sidebar-type,
#category-sidebar.category-id-74 #category-sidebar-type,
#category-sidebar.category-id-62 #category-sidebar-type,
#category-sidebar.category-id-16 #category-sidebar-type,
#category-sidebar.category-id-48 #category-sidebar-type,
#category-sidebar.category-id-51 #category-sidebar-type {}

#category-sidebar.category-id-17 #category-sidebar-tag-type,
#category-sidebar.category-id-17 #category-sidebar-tag-type-title,
#category-sidebar.category-id-27 #category-sidebar-tag-type,
#category-sidebar.category-id-27 #category-sidebar-tag-type-title,
#category-sidebar.category-id-111 #category-sidebar-tag-type,
#category-sidebar.category-id-111 #category-sidebar-tag-type-title,
#category-sidebar.category-id-112 #category-sidebar-tag-type,
#category-sidebar.category-id-112 #category-sidebar-tag-type-title {
    display: none;
}

#category-sidebar.category-id-18 #category-sidebar-tag-cat28,
#category-sidebar.category-id-18 #category-sidebar-tag-cat49,
#category-sidebar.category-id-18 #category-sidebar-tag-cat106,
#category-sidebar.category-id-22 #category-sidebar-tag-cat19,
#category-sidebar.category-id-22 #category-sidebar-tag-cat21,
#category-sidebar.category-id-22 #category-sidebar-tag-cat20 {
    display: none;
}

#banner-need-help-advert,
#banner-buy-by-phone-advert,
#banner-biodegradable-cups-side-advert,
#banner-bottled-water-advert-twcc,
#banner-bottle-storage-racks-side-advert,
#banner-buy-bottled-water-twcc-advert,
#banner-sanitisation-kit-twcc-advert {
    display: none;
    margin: 0 -20px;
    border-top: 20px solid #FFF;
}

#banner-biodegradable-cups-side-advert,
#banner-bottled-water-advert-twcc,
#banner-bottle-storage-racks-side-advert,
#banner-buy-bottled-water-twcc-advert,
#banner-sanitisation-kit-twcc-advert {
    position: relative;
}

#banner-bottle-storage-racks-side-advert,
#banner-sanitisation-kit-twcc-advert {
    margin-bottom: -20px;
}

#category-sidebar.category-id-15 #banner-sanitisation-kit-twcc-advert,
#category-sidebar.category-id-33 #banner-sanitisation-kit-twcc-advert,
#category-sidebar.category-id-74 #banner-sanitisation-kit-twcc-advert,
#category-sidebar.category-id-62 #banner-sanitisation-kit-twcc-advert,
#category-sidebar.category-id-16 #banner-sanitisation-kit-twcc-advert,
#category-sidebar.category-id-48 #banner-sanitisation-kit-twcc-advert,
#category-sidebar.category-id-51 #banner-sanitisation-kit-twcc-advert,
#category-sidebar.category-id-12 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-36 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-32 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-47 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-101 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-13 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-17 #banner-need-help-advert,
#category-sidebar.category-id-18 #banner-need-help-advert,
#category-sidebar.category-id-22 #banner-need-help-advert,
#category-sidebar.category-id-27 #banner-need-help-advert,
#category-sidebar.category-id-111 #banner-need-help-advert,
#category-sidebar.category-id-112 #banner-need-help-advert {
    display: block;
    display: none;
    margin-bottom: -20px;
}

#banner-biodegradable-cups-side-advert span,
#banner-bottled-water-advert-twcc span,
#banner-bottle-storage-racks-side-advert span,
#banner-buy-bottled-water-twcc-advert span,
#banner-sanitisation-kit-twcc-advert span {
    position: absolute;
    bottom: 15px;
    padding: 9px 30px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

#banner-bottled-water-advert-twcc span {
    left: 60px;
    background: #273750;
    color: #FFF;
}

#banner-biodegradable-cups-side-advert span {
    right: 20px;
    background: #6db7e6;
    color: #FFF;
}

#banner-bottle-storage-racks-side-advert span {
    right: 20px;
    background: #e50a44;
    color: #FFF;
}

#banner-buy-bottled-water-twcc-advert span {
    left: 13px;
    bottom: 10px;
    background: #e50a44;
    padding: 7px 30px;
    color: #FFF;
}

#banner-sanitisation-kit-twcc-advert span {
    left: 13px;
    background: #6db7e6;
    color: #FFF;
}

#category-sidebar.category-id-15 #banner-buy-by-phone-advert,
#category-sidebar.category-id-33 #banner-buy-by-phone-advert,
#category-sidebar.category-id-74 #banner-buy-by-phone-advert,
#category-sidebar.category-id-62 #banner-buy-by-phone-advert,
#category-sidebar.category-id-16 #banner-buy-by-phone-advert,
#category-sidebar.category-id-48 #banner-buy-by-phone-advert,
#category-sidebar.category-id-51 #banner-buy-by-phone-advert,
#category-sidebar.category-id-14 #banner-need-help-advert,
#category-sidebar.category-id-40 #banner-need-help-advert,
#category-sidebar.category-id-41 #banner-need-help-advert,
#category-sidebar.category-id-44 #banner-need-help-advert,
#category-sidebar.category-id-12 #banner-need-help-advert,
#category-sidebar.category-id-36 #banner-need-help-advert,
#category-sidebar.category-id-32 #banner-need-help-advert,
#category-sidebar.category-id-47 #banner-need-help-advert,
#category-sidebar.category-id-101 #banner-need-help-advert,
#category-sidebar.category-id-13 #banner-need-help-advert,
#category-sidebar.category-id-14 #banner-bottle-storage-racks-side-advert,
#category-sidebar.category-id-40 #banner-bottle-storage-racks-side-advert,
#category-sidebar.category-id-41 #banner-bottle-storage-racks-side-advert,
#category-sidebar.category-id-44 #banner-bottle-storage-racks-side-advert,
#category-sidebar.category-id-14 #banner-buy-bottled-water-twcc-advert,
#category-sidebar.category-id-40 #banner-buy-bottled-water-twcc-advert,
#category-sidebar.category-id-41 #banner-buy-bottled-water-twcc-advert,
#category-sidebar.category-id-44 #banner-buy-bottled-water-twcc-advert,
#category-sidebar.category-id-14 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-40 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-41 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-44 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-15 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-33 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-74 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-62 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-16 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-48 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-51 #banner-biodegradable-cups-side-advert,
#category-sidebar.category-id-15 #banner-need-help-advert,
#category-sidebar.category-id-33 #banner-need-help-advert,
#category-sidebar.category-id-74 #banner-need-help-advert,
#category-sidebar.category-id-62 #banner-need-help-advert,
#category-sidebar.category-id-16 #banner-need-help-advert,
#category-sidebar.category-id-48 #banner-need-help-advert,
#category-sidebar.category-id-51 #banner-need-help-advert,
#category-sidebar.category-id-14 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-40 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-41 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-44 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-15 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-33 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-74 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-62 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-16 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-48 #banner-bottled-water-advert-twcc,
#category-sidebar.category-id-51 #banner-bottled-water-advert-twcc {
    display: block;
    display: none;
}

#category-holder {
    width: 75%;
    float: left;
}

#category-holder .product-container {
    width: 33.3%;
    height: 430px;
    margin-bottom: 40px;
    text-align: center;
}

.products-by-id .product-container {
    width: 25%;
    height: 430px;
    margin-bottom: 40px;
    text-align: center;
}

@media (max-width: 991px) {
    .products-by-id .product-container {
        width: 50%;
    }
}

@media (max-width: 480px) {

    #search .product-container,
    .relatedBlock .product-container,
    .relatedBlock .columns-6 .product-container {
        width: 100%;
    }

    .products-by-id .product-container {
        width: 100%;
    }
}

#category-holder .product-container .product-image,
#search .product-image {
    min-height: 250px;
}

#home-products-carousel-1 .product-image,
#home-products-carousel-2 .product-image,
.products-by-id .product-container .product-image {
    height: 250px;
    width: auto;
}

#category-holder .product-container .product-title,
#home-products-carousel-1 .product-title,
#home-products-carousel-2 .product-title,
.products-by-id .product-container .product-title,
#search .product-title {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    height: 60px;
    color: #28374e;
    text-decoration: none;
}

#category-holder .product-container .product-title:hover,
#home-products-carousel-1 .product-title:hover,
#home-products-carousel-2 .product-title:hover,
.products-by-id .product-container .product-title:hover,
#search .product-title:hover {
    color: #e50943;
    text-decoration: underline;
}

#category-holder .product-container .product-price,
#home-products-carousel-1 .product-price,
#home-products-carousel-2 .product-price,
.products-by-id .product-container .product-price,
#search .product-price {
    text-align: center;
    font-size: 11px;
    color: #666;
    margin-top: 10px;
}

#category-holder .product-container .product-price strong,
#home-products-carousel-1 strong,
#home-products-carousel-2 strong,
.products-by-id .product-container .product-price strong,
#search .product-price strong {
    display: block;
    font-size: 15px;
    color: #28374e;
}

#category-holder .product-container .product-price strong .product-price-original,
#home-products-carousel-1 strong .product-price-original,
#home-products-carousel-2 strong .product-price-original,
.products-by-id .product-container .product-price strong .product-price-original {
    color: #666;
    text-decoration: line-through;
}

#category-holder .product-container input,
#home-products-carousel-1 input,
#home-products-carousel-2 input,
.products-by-id .product-container input {
    margin: 20px auto;
    display: block;
    background: #28374e;
    color: #FFF;
    border: 2px solid #28374e;
}

#category-holder .product-container input:hover,
#home-products-carousel-1 input:hover,
#home-products-carousel-2 input:hover,
.products-by-id .product-container input:hover {
    background: #FFF;
    color: #28374e;
}

#showSlideMenu #top-mega-menu #top-menu-item-1-sub,
#showSlideMenu #top-mega-menu #top-menu-item-2-sub,
#showSlideMenu #top-mega-menu #top-menu-item-3-sub {
    display: none;
}

#showSlideMenu #top-mega-menu #top-menu-item-1-sub li a,
#showSlideMenu #top-mega-menu #top-menu-item-2-sub li a,
#showSlideMenu #top-mega-menu #top-menu-item-3-sub li a {
    text-transform: uppercase;
    margin: 4px 40px;
    border: none;
}

#showSlideMenu #top-mega-menu #top-menu-item-1-sub li a strong,
#showSlideMenu #top-mega-menu #top-menu-item-2-sub li a strong,
#showSlideMenu #top-mega-menu #top-menu-item-3-sub li a strong {
    font-weight: normal;
}

#showSlideMenu #top-mega-menu #top-menu-item-2-sub li a i,
#showSlideMenu #top-mega-menu #top-menu-item-3-sub li a i {
    float: left;
    width: 25px;
}

#category-holder-controls {
    background: #EEE;
    padding: 10px;
    margin: 0 0 20px 20px;
    overflow: hidden;
}

#category-holder-controls select {
    float: right;
    font-size: 16px;
}

#categoryHeader {
    margin-bottom: 20px;
    margin-left: 20px;
}

#categoryHeader img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#categoryHeader .category-desc {
    padding-top: 210px;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #CCC;
}

.category-desc-padding {
    padding: 20px 20px 0;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}

#categoryHeader .brand-header {
    margin-top: -20px;
    padding: 10px 20px;
    color: #FFF;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 24px;
}

#categoryHeader .brand-header-oasis {
    background-color: #2f7d8c;
}

#categoryHeader .brand-header-culligan {
    background-color: #0061a9;
}

#categoryHeader .brand-header-zip {
    background-color: #e2443d;
}

#categoryHeader .brand-content {
    padding: 20px;
    font-size: 15px;
    background: #f7f7f7;
}

.billi-banner-container img {
    width: 100%;
    height: auto;
}

#subcategoriesBlock {
    margin-bottom: 40px;
    overflow: hidden;
}

#categoryFooter {
    text-align: left;
    background: #FFF;
    color: #333;
    position: relative;
}

#categoryFooter a {
    color: #5daee0;
}

#categoryFooter h3 {
    color: #333;
    text-align: center;
    text-transform: none;
    margin: 0 0 10px;
    padding-top: 40px;
    border-top: 1px solid #DDD;
}

#categoryFooter::before {
    display: block;
    background: #FFF;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}
#categoryHeader h1{
    margin-top:0;
}
@media(max-width:767px){
    #categoryHeader h1{
        font-size:24px;
        margin-top:0;
    }
    #categoryHeader h2.subtitle{
        font-size: 20px;
    }
    p{
        font-size: 14px;
    }
}

/*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/
tr {
    text-align: left;
}

/*td:: Controls all text inside a table without and associated style.*/
td {
    text-decoration: none;
    word-spacing: normal;
    font-size: 12px;
}

/*data:: Controls the font style of your content on all the pages.*/
.data {
    text-decoration: none;
    word-spacing: normal;
    font-size: 12px;
}

/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
    background: #FFF;
}

#Button3 {
    margin-top: 15px;
}

/*page_headers:: Controls the title of all your pages.*/
.page_headers {
    font-size: 28px;
    font-weight: 800;
    color: #22303a;
    display: none;
}

.breadcrumbs {
    text-align: left;
}

.fluid-breadcrumbs-content {
    margin: 0 0 5px 0;
    background: #FFF;
}

.fluid-breadcrumbs-content ul {
    margin: 0;
    text-align: left;
}

.fluid-breadcrumbs-content ul li:last-child {
    text-decoration: underline;
}

.fluid-breadcrumbs-content ul li a {
    color: #22303a;
}

.fluid-breadcrumbs-content h1 {
    font-size: 36px;
    color: #fff;
    margin: 0;
    letter-spacing: 5px;
}

#listing0 .detail-section .alpha-col {
    width: 100%;
}

#quickView #listing0 h1.page_headers:before {
    content: none;
}

#quickView #listing0 h1.page_headers:after {
    content: none;
}

@media (max-width:767px) {
    #listing0 .secondary {
        padding: 0px 30px;
        text-align: center;
    }

    #listing0 .secondary .totalrating {
        float: none;
    }

    #listing0 .secondary .totalrating .stars {
        float: none;
    }

    #listing0 .primary {
        padding: 0 35px;
    }

    #listing0 .availabilityInfo .product-id {
        float: none;
    }

    #listing0 .primary h1 {
        font-size: 21px;
        line-height: 30px;
        margin-top: 30px;
    }

    #listing0 #price {
        font-size: 21px;
    }

    .addToCartBlock .qtybox-addcart label {
        text-decoration: none;
    }

    #listing0 .addToCartBlock .qtybox-addcart label {
        float: none;
        display: inline;
    }

    #listing0 .addToCartBlock .qtybox-addcart .apQty {
        float: none;
    }

    .hr-above-listing0 {
        margin: 0px;
    }

    #listing0 #rTabs .r-tabs-tab {
        display: block;
        border: 1px solid #eee;
    }

    #listing0 .containerOptions .opt-regular span {
        display: inline;
    }

    #listing0 #divOptionsBlock .opt-regular .label {
        display: inline;
        font-size: 80% !important;
    }
}

/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/
.titles {
    font-size: 18px;
    color: #383733;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 9px;
    border-bottom: 1px solid #383733;
    display: block;
}

/*price:: Controls the way the product's final price display throughout the site.*/
.price {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
}

/*error:: Controls the error messages*/
.error {
    font-size: 12px;
    font-weight: 400;
    color: #e10e04;
    text-decoration: none;
}

/*borders:: Controls the color of the line dividers used throughout the site.*/
.borders {
    color: #585C5F;
    border: 1px solid #CCC;
    border-style: none none solid;
}

/*borders2:: Controls the color of the solid line dividers used throughout the site.*/
.borders2 {
    border: 1px solid #CCC;
    border-style: none none solid;
}

/*A:: Controls the way the all Links without an associated style display before a user clicks or mouses over them.*/
A,
A:visited {
    color: #231f20;
    text-decoration: underline;
}

/*A:hover:: When a user passes  their mouse over them.*/
A:hover {
    color: #e50943;
    text-decoration: none;
}

/*******************************************************************************************************/
/*   STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES      */
/*******************************************************************************************************/
/* #checkoutSinglePage #divPayment {
    display: none;
} */

#checkoutSinglePage #divPayment .customGateway {
    display: none;
}

/*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
    font-size: 14px;
    color: #22303a;
    font-weight: 700;
}

/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
    font-size: 16px;
    font-weight: 700;
    color: #CCC;
}

/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
    font-size: 16px;
    font-weight: 700;
    color: #22303a;
}

/*titles2:: Controls the titles on the view cart page*/
.titles2 {
    font-size: 14px;
    font-weight: 400;
    background-color: #EEE;
    color: #333333;
    padding: 4px;
}

/*******************************************************************************************************/
/*   STYLES ONLY USED ON PRODUCT PAGES      */
/*******************************************************************************************************/

/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
    font-size: 12px;
    font-weight: 700;
    color: #585C5F;
    border: 1px solid #CCC;
    border-style: none none solid;
}

/*item:: Controls the item description and item details text.*/
#rTabs .item,
#rTabs .info {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    font-weight: 300;
    text-align: justify;
}

/*itemTitle:: Controls the name of the Product.*/
.item-title {
    font-size: 22px;
    color: #22303a;
    font-weight: bold;
}

/*price-info:: Controls the way the sub-prices display on the product page, the final price is controlled by the style called "price".*/
.price-info {
    font-size: 12px;
    font-weight: 400;
    color: #585C5F;
}

/*small-txt:: Controls the way the item id displays.*/
.small-txt {
    color: #afafae;
    text-decoration: none;
    text-align: left;
    letter-spacing: 0;
    font-size: 10px;
    vertical-align: bottom;
}

/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/
.availability-txt {
    color: #22303a;
}

/*reward-title:: Controls the title of the Reward Points section.*/
.reward-title {
    color: #22303a;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 7px;
    line-height: 10px;
    font-size: 16px;
    font-style: italic;
}

/**********************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/**********************************************************/

/*btn:: Controls the buttons, (ONLY if it is not using and image).*/
.btn {
    border: none;
    background: transparent;
    font-weight: bold;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 0 35px;
    height: 40px;
    line-height: 38px;
    border: 2px solid #000;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    vertical-align: baseline;
    text-decoration: none;
}

.btn:focus,
.btn_over:focus {
    outline: none;
}

/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/
.btn_over {
    border: none;
    background: #e50943;
    color: #fff;
    border: 2px solid #e50943;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 0 35px;
    height: 40px;
    line-height: 38px;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/*button:hover:: Controls the button tag when a user mouses over them, (ONLY if it is not using and image).*/
button:hover {
    border-color: #e50943;
    background: #e50943;
    font-weight: 700;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 0 35px;
    -webkit-appearance: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/
.txtBoxStyle {
    border: 1px solid #ededed;
    background: #ffffff;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 8px 12px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

@media (min-width: 481px) and (max-width: 767px) {
    .txtBoxStyle {
        padding: 10.5px 2px;
    }
}

.addToCartBlock .txtBoxStyle {
    border: 1px solid #ededed;
    background: #ffffff;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0px 24px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/*txtAreaStyle:: Controls the text and style of the Text Areas.*/
.txtAreaStyle {
    border: 1px solid #b7b4ac;
    background: #fefefe;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 8px 12px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
    height: 20px;
    color: #000;
    font-size: 12px;
    border: none;
    padding: 3px 0 0 0;
    margin: 0;
}

.apQty {
    margin-right: 40px;
    display: inline-block;
    float: left;
    position: relative;
    vertical-align: middle;
    margin-bottom: 1em;
    max-width: 107px;
    min-width: 107px;
    overflow: visible;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

.apQty .jsQtyBtn {
    cursor: pointer;
    position: absolute;
    display: block;
    min-width: 26px;
    bottom: 1px;
    border: 1px solid #ededed;
    background: #ffffff;
    text-align: center;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.apQty .jsQtyBtn.qtyDecrease {
    bottom: 0px;
    right: 0;
    height: 26px;
    line-height: 25px;
    color: #333;
}

.apQty .jsQtyBtn.qtyIncrease {
    top: 0px;
    right: 0;
    height: 25px;
    line-height: 25px;
    color: #333;
}

/********************************************/
/*   STYLES USED ONLY ON THE INVOICE        */
/********************************************/

/*invoice_table:: Controls the background color on your invoices*/
.invoice_table {
    background-color: #f9f8f8;
}

/*invoice_title:: Controls the way the title of the invoices look */
.invoice_title {
    font-size: 10px;
    font-weight: 700;
    background-color: #cbcaca;
    color: #4f4e4e;
}

/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/

/*font1:: Primary Screen Font */
.font1 {
    font-size: 12px;
    font-weight: 400;
    color: #383733;
}

/*font2:: Secondary Screen Font */
.font2 {
    font-size: 12px;
    font-weight: 400;
    color: #22303a;
}

.font3 {
    font-size: 12px;
    font-weight: 400;
    color: #FFF;
}

.font4 {
    font-size: 12px;
    font-weight: 400;
    color: #c32519;
}

/*top:: Controls the  Color of the top Bar*/
.top {
    background: none;
}

/*line:: Controls the  Color of the line bellow the top bar*/
.line {
    background: #FFF;
}


/*********************************/
/*          CUSTOM STYLES        */
/*********************************/

/* Accent/Secondary Colors */

.accent-color {
    color: #c9dae4;
}

.accent-bg-color {
    background: #ffffff;
    color: #000;
    border-color: #000;
}

#mainContainer {
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    background-color: #fff;
}



.wrapper {
    width: 1170px;
    margin: 0 auto;
    position: relative;
}

#mobileMenu {
    cursor: pointer;
    display: none;
    float: right;
    width: 25px;
    height: 25px;
    margin: 12px 0 0 0;
    background: #27374e;
}

@media (max-width:767px) {
    #mobileMenu {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

#mobileMenu i {

    font-style: normal;
    color: #FFF;
    font-size: 19px;
    padding: 3px 4px;
}

#mobileCatMenu {
    cursor: pointer;
    display: none;
    float: left;
    width: 30px;
    height: 25px;
    margin: 5px 0 0 0;
}

#mobileCart {
    cursor: pointer;
    display: none;
    float: right;
    width: 30px;
    height: 25px;
    margin: 10px 10px 0 0;
}

#closeSlideMenu {
    cursor: pointer;
    display: none;
    text-align: right;
}

.main-menu {
    background: #FFF;
    clear: both;
}

@media screen and (max-width: 767px) {
    #closeSlideMenu {
        display: block;
    }

    #blog .blogPost img {
        width: 100%;
    }

    .main-menu {
        padding-top: 0;
        padding-bottom: 30px;
        display: none;
    }

    aside#leftBar {
        margin-top: 20px;
    }

    .save_register {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

.top-menu {
    font-size: 12px;
    min-height: 50px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    height: 100px;
}

@media screen and (min-width: 768px) {
    #blog .blogNav {
        float: left !important;
        width: 33.3% !important;
    }

    #blog .blogPost {
        float: right !important;
        width: 66.6% !important;
    }

    .top-menu {
        background: #FFF;
    }
}

.top-menu .topbar-left {
    float: left;
    width: 25%;
    margin-top: 15px;
}

.top-menu .topbar-left-mobile {
    display: none;
}

.top-menu .topbar-right {
    float: right;
    width: 75%;
    margin-top: 40px;
}

#menu-bar-request-quote-form {
    display: none;
    position: absolute;
    right: 130px;
    top: 172px;
    width: 600px;
    background: #eaeaea;
    z-index: 11;
    font-size: 12px;
}

#menu-bar-request-quote-form-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    color: #28374e;

    font-size: 30px;
    font-style: normal;
    cursor: pointer;
    line-height: 1;
    z-index: 1;
}

#menu-bar-request-quote-form a {
    font-size: 12px;
}

#menu-bar-request-quote-form .form-holder {
    padding: 30px 60px;
    overflow: hidden;
}

@media (max-width: 768px) {
   
#menu-bar-request-quote-form .form-holder {
    padding: 30px 16px;
    overflow: hidden;
}
}


.form-holder-footer {
    background: #3498d4;
    color: #FFF;
    text-align: center;
    padding: 15px;
    font-size: 20px;
}

#menu-bar-request-quote-form h2 {
    margin: 0 0 20px;
    font-size: 20px;
}

#landing-form-form,
#landing-form-surname,
#landing-form-source,
#landing-form-consent,
#fake_frame,
#fake_frame_top,
#landing-form-form-rental,
#landing-form-form-work,
.landing-form-surname,
.landing-form-source,
.landing-form-consent,
.landing-form-form {
    display: none;
}

#menu-bar-request-quote-form input,
#menu-bar-request-quote-form textarea {
    width: 100%;
    background: #FFF;
    margin-bottom: 20px;
    padding: 6px 12px;
    border: 1px solid #BBB;
    font-size: 14px;
    color: #28374e;
}

#menu-bar-request-quote-form input::placeholder,
#menu-bar-request-quote-form textarea::placeholder {
    color: #28374e;
}

#menu-bar-request-quote-form textarea {
    height: 100px;
}

#landing-form-name.error,
#landing-form-email.error {
    background: #ffcad8;
    border-color: #e50943;
}

#menu-bar-request-quote-form #landing-form-submit,
#menu-bar-request-quote-form .landing-form-submit {
    width: 150px;
    float: right;
    background: #e50943;
    display: block;
    color: #FFF;
    font-size: 14px;
    border: none;
    padding: 0;
}

.top-menu ul {
    float: right;
    line-height: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-menu li {
    display: inline-block;
    margin-left: 20px;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .top-menu li {
        text-align: left;
    }
}

.top-menu li a {
    position: relative;
    text-transform: capitalize;
    color: #ccc;
    font-family: 'Lato', sans-serif;
}

@media screen and (min-width: 768px) {
    .top-menu li a:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 17px;
        background: #616060;
        right: -12px;
        top: 0;
    }
}

.top-menu li:last-child a:before {
    display: none;
}

.top-menu #FRAME_MENU ul li {
    line-height: 1;
    text-align: center;
    margin-top: 7px;
}

.top-menu #FRAME_MENU ul li a,
#my-account-icon {
    display: block;
    width: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 8px;
}

.top-menu #FRAME_MENU ul li a i,
#my-account-icon i {
    display: block;
    width: 50px;
    height: 27px;

    font-style: normal;
    font-size: 26px;
    color: #666;
}

#my-account-icon,
#contact-us-icon {
    width: 30px;
    float: left;
    margin-top: 5px;
}

#contact-us-icon {
    margin-right: 28px;
    margin-top: 4px;
}

.top-menu nav {
    float: left;
}

li.m-search {
    display: none;
    border-bottom: 1px solid #666;
    padding: 1em 2%;
}

.m-search form {
    margin: 0 auto;
    text-align: center;
    line-height: initial;
}

.m-search input {
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

.m-search input[type="text"] {
    line-height: 30px;
    height: 30px;
    width: 85%;
    background: #FFF;
    border: 1px solid #FFF;
    padding: 0 0 0 15px;
    margin: 0 0;
}

.m-search button {
    cursor: pointer;
    height: 30px;
    background: #c9dae4;
    border: none;
    margin: 0;
    padding: 0;
    width: 15%;
}

.search-focus {
    width: 50px;
    text-align: center;
    margin: 0 10px 0 15px;
    font-size: 8px;
    color: #FFF;
    padding-top: 32px;
}

#search-icon {
    cursor: pointer;
    color: #FFF;
    -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 25px;
    position: absolute;
    top: 7px;
}

#search-icon:hover {
    color: #e50943;
}

#FRAME_SEARCH {
    float: left;
    width: 50%;
    margin-right: 4%;
    border: 1px solid #CCC;
}

#header-telephone {
    display: block;
    float: left;
    margin-right: 8%;
    font-size: 24px;
    color: #6CB8E5;
    text-decoration: none;
    margin-top: 4px;
}

#header-telephone i,
#header-telephone svg {
    color: #666;
    margin-right: 10px;
    /* transform: rotate(90deg); */
}

@media (max-width: 991px) {
    #header-telephone {
        margin-right: 30px;
    }
}

@media (max-width: 1199px) {
    #FRAME_SEARCH {
        width: 42%;
    }
}

@media (max-width: 480px) {
    #header-telephone {
        font-size: 23px;
        margin-right: 0;
        margin-top: -10px;
    }
}

@media (max-width: 400px) {
    #header-telephone {
        font-size: 20px;
    }
}

@media (max-width: 320px) {
    #header-telephone {
        font-size: 17px;
    }
}

#searchBox {
    width: 100%;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#searchBox.open {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    width: 300px;
}

#searchBox form {
    position: relative;
}

#search_button {
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1px;
    right: 0px;
    border: medium none;
    color: #333;
    width: 36px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    padding: 0px;
    outline: none;
    border-radius: 0px;
}

#search_button:hover svg {
    width: 15px;
    height: 15px;
}

#searchBox input[type="text"] {
    width: 100%;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    color: #666;
    background: #FFF;
    padding: 0 36px 0 10px;
    border: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    outline: none;
}

#searchBox input[type="text"]::placeholder {
    color: #666;
}

#searchBox input[type="submit"] {
    background: #FFF url(../images/lens.png) no-repeat center center;
    border: none;
    cursor: pointer;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 26px;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
}

header {
    position: relative;
    background: #FFF;
}

header::before {
    display: block;
    background: #FFF;
    content: '';
    width: 1000%;
    height: 10px;
    bottom: 0;
    left: -100%;
    z-index: 0;
    position: absolute;
    -webkit-box-shadow: 0 3px 4px rgba(127, 127, 127, 0.25);
    box-shadow: 0 3px 4px rgba(127, 127, 127, 0.25);
    border-bottom: 1px solid #CCC;
}

.header-left {
    text-align: center;
    padding: 0;
}

@media screen and (max-width: 991px) {
    .header-left {
        margin-bottom: 15px;
    }
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

@media screen and (min-width: 992px) {
    #logo {
        text-align: left;
    }

    #logo img {
        margin-left: -17px;
    }
}

#logo img {
    max-width: 100%;
    max-height: 100px;
    width: 170px;
}

#cart {
    position: relative;
    background: transparent;
    color: #FFF;
    float: left;
    display: block;
    font-size: 8px;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    padding-top: 33px;
    margin-left: 10px;
}

#cart:before {
    content: url("https://www.thewatercoolercompany.com/assets/images/icons/TWCC-cart-BLK.svg");
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
}

#cart:hover:before {
    color: #666;
}

#cart span#noItems {
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    color: #FFF;
    background: #e50943;
    padding: 4px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 1;
    text-align: center;
    font-weight: 400;
    -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    visibility: hidden;
}

#cart span#noItemsText {
    font-family: 'Lato', sans-serif;
}

#divshoppingCartItems,
#divCart {
    font-size: 15px;
}

#divshoppingCartItems .item-total span {
    display: block;
    font-size: 12px;
}

#vc_ChkButton,
#spanCheckout .btn,
.submit-button .btn,
#thankyou,
.update-btn .btn,
.update-btn .btn_over,
#orderHistory,
.font1 .btn,
.font1 .btn_over {
    margin-bottom: 40px;
}

#vc_ChkButton:hover,
#vc_ChkButton1:hover,
.login1-button .btn:hover,
#spanCheckout .btn:hover,
.create-account-button .btn:hover,
.submit-button .btn:hover,
.logout-btn .btn:hover {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

li.search {
    display: none;
}

nav#catNavMenu {}

aside {
    float: left;
    display: block;
}

aside#leftBar {}

aside#rightBar {}

aside .module {
    margin-bottom: 25px;
    position: relative;
}

aside .module ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

aside .module li a {
    line-height: 23px;
}

aside .module .info {
    width: 100%;
}

aside .module .name {
    float: left;
    width: 100%;
    text-align: left;
}

aside .module .price2 {
    float: left;
    width: 100%;
    text-align: left;
}

aside .module .stars {
    float: left;
    width: 100%;
    text-align: left;
}

aside .module .div {
    display: block;
    height: 1px;
    background: #ededed;
    margin: 20px 0;
}

#modNewReleases .item .img {
    width: 40%;
    margin-right: 10px;
    float: left;
}

#modNewReleases .item .info {
    float: left;
    width: 55%;
}

.manf-select {
    background: #FFF url(../images/dark-arrow.png) no-repeat right center;
    border: 2px solid #e2e2e2;
    width: 200px;
    overflow: hidden;
    height: 29px;
}

.manf-select select {
    background: transparent;
    border: none;
    line-height: 29px;
    height: 29px;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    width: 310px;
}

.topsellers_topitem .img {
    display: table-cell;
    width: 200px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.topsellers_topitem .img {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.topsellers_topitem .info {
    background: #FFF;
    padding: 0.5em 0;
}

.topsellers_topitem .name {
    float: left;
    width: 70%;
    margin-bottom: 10px;
}

.topsellers_topitem .price2 {
    float: right;
    width: 30%;
    text-align: right;
    margin-bottom: 10px;
}

#mainContent {
    float: left;
}

.block-manufacture {
    padding: 0 0 50px;
}

.block_content .owl-controls .owl-prev,
.block_content .owl-controls .owl-next {
    top: 50%;
    margin-top: -20px;
    font-size: 0px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    text-shadow: none;
    background-color: #333;
    background-image: none;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
}

.block_content .owl-controls .owl-prev {
    right: auto;
    left: 5px;
}

.block_content .owl-controls .owl-next {
    right: 5px;
    left: auto;
}

.block_content:hover .owl-controls .owl-prev,
.block_content:hover .owl-controls .owl-next {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.our-services-holder h3 {
    text-transform: none;
}

i.green-centered-icon {
    color: #00B150;
    font-size: 50px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.range-of-products-holder img {
    margin-top: 40px;
    margin-bottom: 40px;
}

.range-of-products-holder .btn {
    border-color: #28374e;
    color: #28374e;
}

.range-of-products-holder .btn:hover {
    color: #FFF;
    background: #28374e;
}

.footer-top {
    padding-bottom: 45px;
    background-color: #f8f8f8;
}

.footer-top .aboutfooter {
    background-color: #fff;
    padding: 35px;
    min-height: 267px;
}

.footer-top .aboutfooter .aboutfooter--title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 30px;
}

.footer-top .block-service {
    position: relative;
    background-color: #e7f2ee;
    min-height: 267px;
}

.footer-top .block-service .item-service {
    padding-top: 60px;
    text-align: center;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-top .block-service .item-service .icon-m {
    margin-bottom: 5px;
    font-size: 120px;
    display: block;
    font-weight: normal;
}

.footer-middle {
    position: relative;
    padding: 30px 0;
}

footer {
    position: relative;
}

footer::before {
    display: block;
    background: #28374e;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

footer h3 {
    font-size: 18px;
    font-weight: 800;
    color: #FFF;
    padding: 20px 0 10px;
    margin: 0 0 15px;
    font-family: 'Lato', sans-serif;
    text-transform: none;
    border-top: 1px solid #FFF;
}

@media (max-width: 991px) {
    footer .col-sm-6 {
        margin-top: 20px;
    }

    footer .col-sm-6:nth-child(even) {
        clear: both;
    }
}

#globalFooter {
    margin-top: -25px;
}

#footer-bottom-logo {
    margin-top: 100px;
}

#footer-bottom-logo img {
    width: 100%;
    margin-top: -17px;
}

.wha-riba-logos {
    margin-top: 100px;
}

.wha-riba-logos img {
    display: inline-block;
    max-width: 100%;
    height: 65px;
    margin-right: 10px;
}

@media (max-width: 1199px) {
    #footer-bottom-logo {
        font-size: 13px;
    }

    #footer-bottom-logo img {
        width: 40%;
        margin-right: 15px;
        margin-top: -12px;
        margin-bottom: 20px;
    }
}

#footer-bottom-phone {
    margin-top: 110px;
    font-size: 29px;
    text-align: right;
}

@media (max-width: 991px) {
    #footer-bottom-phone {
        text-align: center;
        margin-top: 30px;
    }

    .wha-riba-logos {
        text-align: center;
    }

    .wha-riba-logos img {
        margin-top: 10px;
    }

    #footer-bottom-logo {
        margin-bottom: 10px;
        text-align: center;
    }
}

#footer-bottom-phone a {
    text-decoration: none;
    color: #FFF;
}

.grecaptcha-badge {
    bottom: 100px !important;
    display: none;
}

@media screen and (max-width: 991px) {
    footer h3 {
        padding: 40px 0 10px;
    }
}

#modManufacturer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#modManufacturer ul {
    list-style: none;
    display: block;
    margin: 0 0 10px;
    padding: 0;
}

#modManufacturer li {
    float: left;
    width: 100%;
    display: block;
}

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

.modLinks ul {
    list-style: none;
    display: block;
    margin: 0;
    min-height: 150px;
    padding: 0;
}

.modLinks li {
    float: left;
    width: 100%;
    display: block;
    font-size: 15px;
}

.modLinks li a {
    font-size: 15px;
    color: #EEE;
    text-decoration: none;
}

.modLinks li a:visited {
    color: #EEE;
}

.modLinks li a:hover {
    color: #6CB8E5 !important;
}

form[name='mailing'] .select-mailist {
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

form[name='mailing'] .select-mailist .mailist-option-label {
    display: none;
    color: #777;
    margin: 0;
    font-size: 14px;
    padding: 0px 15px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
}

form[name='mailing'] .select-mailist .mailist-option-label:after {
    position: relative;
    float: none;
    font-size: 14px;
    top: -1px;
    padding-left: 10px;
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

form[name='mailing'] .select-mailist .dropdown-menu {
    margin-top: 15px;
    left: auto;
    right: 0;
}

form[name='mailing'] .select-mailist .dropdown-menu:before {
    position: absolute;
    content: " ";
    top: -7px;
    right: 10px;
    width: 0;
    height: 0;
    border-top: none;
    border-bottom: 7px solid #c9c9c9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

form[name='mailing'] .select-mailist .dropdown-menu:after {
    position: absolute;
    content: " ";
    top: -6px;
    right: 10px;
    width: 0;
    height: 0;
    border-top: none;
    border-bottom: 7px solid #ffffff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

form[name='mailing'] .select-mailist:before {
    position: absolute;
    content: " ";
    top: 15px;
    bottom: auto;
    left: 0px;
    right: auto;
    height: 20px;
    width: auto;
    border-left: 1px solid #aeaeae;
}

form[name='mailing'] .select-mailist .mailist-option-label.active {
    display: block;
}

form[name='mailing'] .select-mailist.active .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}

form[name='mailing'] .select-mailist .dropdown-menu a:hover,
form[name='mailing'] .select-mailist .dropdown-menu a:focus {
    color: #e50943;
    background: transparent;
}

form[name='mailing'] .box-radio+.box-radio {
    margin-left: 10px;
}

form[name='mailing'] .box-radio {
    margin-top: 10px;
    display: none;
}

form[name='mailing'] .box-radio label {
    font-weight: 100;
}

#mailistBox {
    background-image: url("../images/banner-home.jpg");
    background-color: transparent;
    background-repeat: no-repeat;
    height: 327px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 55px;
    padding-top: 80px;
    text-align: center;
}

@media screen and (min-width: 992px) {
    #mailistBox {
        margin-top: 80px;
    }
}

#mailistBox h3 {
    font-family: 'Lato', sans-serif;
    margin-top: 40px;
    font-size: 30px;
    color: #000;
    font-weight: 800;
    text-align: center;
    margin: 0;
    padding: 12px 0px;
}

#mailistBox .mailist-box {
    display: inline-block;
    margin-top: 40px;
}

.modal-bg #productReviewNew h1 {
    display: none;
}

#mailistBox .input-form {
    float: left;
    position: relative;
}

#mailistBox .input-form:focus {
    outline: none;
}

#mailistBox .btn-submit {
    float: left;
}


#mailistBox input[type="text"] {
    border: 1px solid #ccc;
    box-shadow: none;
    height: 50px;
    padding: 8px 134px 8px 12px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    background: transparent;
    display: block;
    width: 720px;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-family: 'Lato', sans-serif;
}

#mailistBox input[type="text"]:focus {
    outline: none;
}

#mailistBox .btn-submit .btn-submit-news {
    width: 50px;
    height: 50px;
    background: #3a3838;
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #fff;
}

#mailistBox .btn-submit .btn-submit-news:hover {
    background: #e50943;
    padding: 0;
}

.desc-news {
    color: #666666;
    display: block;
}

#mailistBox .select-mailist .mailist-option-label {
    display: none;
}

#mailistBox .select-mailist .mailist-option-label.active {
    display: block;
}

@media screen and (max-width: 991px) {
    #mailistBox input[type="text"] {
        width: 400px;
    }
}

@media screen and (max-width: 480px) {
    #mailistBox input[type="text"] {
        width: 300px;
    }
}

@media screen and (max-width: 350px) {
    #mailistBox input[type="text"] {
        width: 260px;
    }
}

#mailistBox input[type="submit"]:hover {
    background: #e50943;
}

#mailistBox input[type="radio"] {
    margin: 2px 5px 0 0;
    padding: 0;
}

.social-icons {
    float: none;
    display: inline-block;
}

.social-icons a .fa,
.social-icons a .fab {
    display: block;
    font-size: 19px;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 35px;
    display: block;
    color: #888;
}

.social-icons a {
    background: none;
    color: #22303a;
    margin: 0 10px;
    text-decoration: none;
}

.social-icons a:hover .fa,
.social-icons a:hover .fab {
    color: #6cb7e5;
}

.list-contact li {
    display: block;
    min-width: 100%;
    margin-bottom: 8px;
    line-height: 20px;
}

@media (min-width: 992px) {
    .list-contact li {
        min-width: 32.3333%;
        display: inline-block;
    }
}

@media (max-width: 991px) {
    #leftBar {
        order: 2;
    }

    #mainContent {
        order: 1;
    }
}

.list-contact li .icon-m {
    font-size: 18px;
    margin-right: 15px;
}

.footer-top .block-service .owl-carousel {
    position: static;
}

.footer-top .block-service .owl-controls {
    position: absolute;
    text-align: center;
    bottom: 25px;
    width: 100%;
    left: 0;
}

.footer-top .block-service .owl-controls .owl-pagination .owl-page {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 3px;
    background-color: #d7d7d7;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer-top .block-service .owl-controls .owl-pagination .owl-page.active {
    background-color: #959595;
}

#copyright {
    font-size: 13px;
    padding: 30px 0 50px;
    color: #6CB8E5;
}

#copyright span {
    line-height: 30px;
}

#copyright a {
    color: #6CB8E5;
    font-weight: bold;
}

#copyright a:hover {
    color: #6CB8E5;
}

.stats {
    height: 0;
    overflow: hidden;
}

.header-specials {
    position: relative;
    background: transparent;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 70px 0 45px;
    padding: 12px 0px;
    color: #000;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

@media screen and (max-width: 991px) {
    .header-specials {
        margin: 40px 0 45px;
    }
}

.header-specials:before {
    position: absolute;
    content: "";
    bottom: -7px;
    height: 2px;
    width: 40px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000;
}

.product-item .status {
    color: #666;
}

/* Block banner top*/
.block__collection .block__collection-item {
    position: relative;
}

.block__collection .block__collection-item .img-category:before {
    position: absolute;
    width: 90%;
    content: "";
    left: 5%;
    top: 15%;
    bottom: 15%;
    height: 70%;
    right: 5%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    zoom: 1;
    background-color: transparent\9;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.block__collection .block__collection-item .img-category:after {
    position: absolute;
    width: 70%;
    content: "";
    left: 15%;
    right: 15%;
    top: 5%;
    bottom: 5%;
    height: 90%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    zoom: 1;
    background-color: transparent\9;
    zoom: 1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.block__collection .block__collection-item:hover .img-category:before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.block__collection .block__collection-item:hover .img-category:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.block__collection .content_title {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 70px;
    padding: 22px 0 18px;
    margin: auto auto;
    text-align: center;
    background-color: #fff;
    width: 215px;
}

.block__collection .content_title .title-collection {
    margin: 0 0 5px;
}

.block__collection .content_title .title-collection a {
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    color: #333;
    -webkit-transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}

.block__collection .content_title .item-col {
    text-transform: none;
    font-size: 14px;
    color: #aaa;
}

/* block homehtml */
.html-home {
    background: #ffffff;
    margin-left: 0;
    margin-right: 0;
}

.border-banner {
    border: 10px solid #fff;
}

.block__homehtml {
    background-color: #fff;
    min-height: 381px;
    padding: 20px;
}

.block__homehtml .block__homehtml--title {
    margin: 0 0 45px 0;
    font-size: 24px;
    font-weight: 700;
}

.block__homehtml .des__homehtml--title {
    color: #666;
    margin-bottom: 36px;
}

.block__homehtml .btn {
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
    border: 2px solid #333;
}

@media screen and (min-width: 992px) {
    .block__homehtml {
        padding: 42px 30px 30px 55px;
    }

    #listing0 h1 {
        margin: 10px 0 10px;
    }
}

/*	home.html Template
	--------------------------	*/

#home-products-carousel-1 img,
#home-products-carousel-2 img {
    width: initial;
    height: auto;
    margin: 0 auto;
}

#home-products-carousel-1 button,
#home-products-carousel-2 button,
#home-page-case-studies-slider .owl-nav button {
    position: absolute;
    width: 38px;
    height: 38px;
    border: 3px solid #28374e;
    border-radius: 50%;
}

#home-products-carousel-1 .owl-dots button,
#home-products-carousel-2 .owl-dots button {
    display: none;
}

#home-products-carousel-1 button.owl-prev,
#home-products-carousel-2 button.owl-prev,
.home-page-case-studies-slider .owl-nav button.owl-prev {
    left: -80px;
    top: 170px;
}

#home-products-carousel-1 button.owl-next,
#home-products-carousel-2 button.owl-next,
.home-page-case-studies-slider .owl-nav button.owl-next {
    right: -80px;
    top: 170px;
}

#home-products-carousel-1 button span,
#home-products-carousel-2 button span,
.home-page-case-studies-slider .owl-nav button span {
    font-size: 60px;
    line-height: 0.3;
    color: #28374e;
}

#home-3d-carousel {
    margin: 40px 80px -40px;
    width: 1010px;
    height: 390px;
}

#home-3d-carousel button {
    position: absolute;
    width: 38px;
    height: 38px;
    border: 3px solid #28374e;
    border-radius: 50%;
}

#specify-3d-carousel button {
    position: absolute;
    width: 25px;
    height: 25px;
}

#home-3d-carousel .owl-dots button,
#specify-3d-carousel .owl-dots button {
    display: none;
}

#home-3d-carousel button.owl-prev {
    left: -80px;
    top: 170px;
}

#specify-3d-carousel button.owl-prev {
    left: -80px;
    top: 33%;
}

#specify-3d-carousel button.owl-next {
    right: -80px;
    top: 33%;
}

#specify-3d-carousel button.owl-prev {
    background: url('https://www.thewatercoolercompany.com/assets/images/twcc-arrows-grey-thin.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

#specify-3d-carousel button.owl-next {
    background: url('https://www.thewatercoolercompany.com/assets/images/twcc-arrows-grey-thin.svg');
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: contain;
}

#home-3d-carousel button.owl-next {
    right: -80px;
    top: 170px;
}

#home-3d-carousel button span {
    font-size: 60px;
    line-height: 0.3;
    color: #28374e;
}

#specify-3d-carousel button span {
    display: none;
}

#home-3d-carousel .item,
#specify-3d-carousel .item {
    text-align: center;
}

#home-3d-carousel .item p {
    font-size: 14px;
    margin: 0 80px 20px;
}

#home-3d-carousel .item h4 {
    margin-top: 20px;
}

#home-3d-carousel a,
#specify-3d-carousel a {
    text-decoration: none;
}

@keyframes carouselscale {
    from {
        transform: scale(0.9);
    }

    to {
        transform: scale(1.1);
    }
}

#home-3d-carousel .owl-item .item {
    background: #FFF;
    overflow: hidden;
    text-align: center;
    transform: scale(0.9);
    margin: 50px auto;
    opacity: 0.6;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

#specify-3d-carousel .owl-item .item {
    background: transparent;
}

#home-3d-carousel .active.middle-item .item {
    margin: 40px auto 0;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.75);
    animation: carouselscale 1s ease forwards;
    -webkit-animation: carouselscale 1s ease forwards;
}

@media (max-width: 1199px) {
    #home-3d-carousel {
        margin: 40px 5% -40px;
        width: 90%;
    }

    #home-3d-carousel button.owl-prev {
        left: -40px;
    }

    #home-3d-carousel button.owl-next {
        right: -40px;
    }

    #home-3d-carousel .item p {
        margin: 0 40px 20px;
    }

    #specify-3d-carousel button.owl-prev {
        left: -30px;
    }

    #specify-3d-carousel button.owl-next {
        right: -30px;
    }
}

@media(max-width:599px) {
    #specify-3d-carousel button.owl-prev {
        left: 0px;
    }

    #specify-3d-carousel button.owl-next {
        right: 0px;
    }
}

#home-carousel-slider {
    margin: 0 80px -40px;
    width: 1010px;
}

#home-carousel-slider button {
    position: absolute;
    width: 38px;
    height: 38px;
    border: 3px solid #28374e;
    border-radius: 50%;
}

#home-carousel-slider .owl-dots button {
    display: none;
}

#home-carousel-slider button.owl-prev {
    left: -80px;
    top: 120px;
}

#home-carousel-slider button.owl-next {
    right: -80px;
    top: 120px;
}

#home-carousel-slider button span {
    font-size: 60px;
    line-height: 0.3;
    color: #28374e;
}

#home-carousel-slider img {
    width: 55%;
    float: left;
    margin-right: 40px;
}

#home-carousel-slider h4,
.case-studies h4 {
    color: #28374e;
    font-size: 42px;
    font-weight: 400;
    text-align: left;
    margin: 0 0 30px;
}

#home-carousel-slider h4 strong,
.case-studies h4 strong {
    font-weight: 700;
    display: block;
}

#home-carousel-slider p,
.case-studies p {
    font-size: 18px;
    line-height: 1.4;
    color: #28374e;
    margin: 0 0 30px;
}

#home-carousel-slider a.btn,
.case-studies a.btn {
    border-color: #28374e;
    color: #28374e;
}

#home-carousel-slider a.btn:hover,
.case-studies a.btn:hover {
    background: #28374e;
    border-color: #28374e;
    color: #FFF;
}

@media (max-width: 1199px) {
    #home-3d-carousel-slider {
        margin: 40px 5% -40px;
        width: 90%;
    }
}

@media (max-width: 992px) {
    .case-studies {
        text-align: center;
    }

    .case-studies h4 {
        text-align: center;
        margin-top: 40px;
    }
}

#reviews-carousel {
    margin: 0 80px -40px;
    width: 1010px;
}

#reviews-carousel button {
    position: absolute;
    width: 38px;
    height: 38px;
    border: 3px solid #FFF;
    border-radius: 50%;
}

#reviews-carousel .owl-dots button {
    display: none;
}

#reviews-carousel button.owl-prev {
    left: -80px;
    top: 80px;
}

#reviews-carousel button.owl-next {
    right: -80px;
    top: 80px;
}

#reviews-carousel button span {
    font-size: 60px;
    line-height: 0.3;
    color: #FFF;
}

.container-reviews {
    position: relative;
}

.container-reviews::before {
    display: block;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 0;
    position: absolute;
    background: #147c89;
}

#reviews-carousel .item {
    text-align: center;
    color: #FFF;
}

#reviews-carousel i,
#reviews-carousel svg {
    font-style: normal;
    font-size: 24px;
    margin: 20px 5px;
    display: inline-block;
}

#reviews-carousel i.fa-quote-left {
    font-size: 44px;
}

#reviews-carousel h4 {
    color: #FFF;
    text-transform: none;
}

@media (max-width: 1199px) {
    .container-reviews {
        width: 100%;
        padding: 40px 20px !important
    }

    #reviews-carousel {
        margin: 40px 5% -40px;
        width: 90%;
    }

    #reviews-carousel button.owl-prev {
        left: -40px;
    }

    #reviews-carousel button.owl-next {
        right: -40px;
    }
}

#numbers-counter {
    font-size: 14px;
}

#numbers-counter i {
    color: #DDD;
    font-style: normal;
    font-size: 36px;
    margin: 10px;
    display: inline-block;
}

#numbers-counter span {
    display: block;
    font-size: 30px;
    color: #28374e;
}

#numbers-counter hr {
    width: 20px;
    border-bottom: 2px solid #E41145;
    margin: 20px auto;
    background: transparent;
}

#tab-1 h2,
#tab-5 h2 {
    font-size: 20px;
    float: none;
    text-transform: none;
    margin: 20px 0;
}

#tab-1 h3,
#tab-5 h3 {
    font-size: 16px;
    float: none;
    text-transform: none;
    margin: 20px 0;
}

#tab-2 {
    font-size: 13.3333px;
    color: #666;
}

#tab-2 .review-shortDesc {
    font-size: 18px;
}

#tab-2 .rev_allowratings input {
    font-size: 14px;
}

#tab-5 span {
    color: #666 !important;
    background: transparent !important;
}

#tab-5 p:nth-child(even) {
    background: #F6F6F6;
}

#tab-5 p:first-child,
#tab-12 h2 {
    font-size: 20px;
    margin: 20px 0;
}

#tab-5 p,
#tab-12 p {
    font-size: 13.3333px;
    color: #666;
}

#tab-12 .gdpr-email-message {
    font-size: 11px;
    color: #666;
    text-align: left;
    line-height: 1.6;
}

#tab-12 #landing-form-submit,
#tab-12 .landing-form-submit {
    margin-bottom: 0;
}

#rTabs {
    margin-bottom: 60px;
}

#main-form-holder input,
#main-form-holder textarea,
#tab-12 input,
#tab-12 textarea {
    background: #FFF;
    color: #28374e;
    height: 38px;
    padding: 12px;
    margin-bottom: 24px;
}

#main-form-holder input::placeholder,
#main-form-holder textarea::placeholder,
#tab-12 textarea::placeholder {
    color: #28374e;
}

#main-form-holder textarea,
#tab-12 textarea {
    height: 100px;
}

#main-form-holder input#landing-form-submit,
#tab-12 input#landing-form-submit,
#main-form-holder input.landing-form-submit,
#tab-12 input.landing-form-submit {
    color: #FFF;
    background: #28374e;
    border-color: #28374e;
    padding: 0;
    width: 40%;
    float: right;
}

#tab-12 input.landing-form-submit {
    float: none;
    margin-bottom: 15px !important;
}

#main-form-holder input#landing-form-submit:hover,
#tab-12 input#landing-form-submit:hover,
#main-form-holder input.landing-form-submit:hover,
#tab-12 input.landing-form-submit:hover {
    color: #28374e;
    background: #FFF;
    border-color: #28374e;
}

#main-form-holder .form-group {
    text-align: left;
    font-size: 12px;
}

#main-form-holder .gdpr-email-message {
    float: left;
}

/*	search.html Template
	--------------------------	*/

#search .product-price span {
    display: none;
}

#search .product-title {
    padding-left: 40px;
    padding-right: 40px;
}

/*	contact_us.html Template
	--------------------------	*/

#contactUs {
    clear: both;
}

#contactUs .gdpr-email-message {
    width: 55%;
    float: left;
}

#contactUs .btn:hover {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #28374e;
    border-color: #28374e;
}

#gmap_canvas {
    float: left;
    margin: 0 40px 40px 0;
}

#crm {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    #tab-12 h2 {
        text-align: start;
    }

    #gmap_canvas {
        width: 100%;
        margin: 0 0 40px;
    }
}

#contact-form-holder input#landing-form-submit,
#contact-form-holder input.landing-form-submit,
#blog-form-holder input#landing-form-submit,
#blog-form-holder input.landing-form-submit{
    color: #FFF;
    background: #28374e;
    border-color: #28374e;
    padding: 0;
    width: 40%;
    float: right;
}

#contact-form-holder input#landing-form-submit:hover,
#contact-form-holder input.landing-form-submit:hover
#blog-form-holder input#landing-form-submit:hover,
#blog-form-holder input.landing-form-submit:hover{
    color: #28374e;
    background: #FFF;
    border-color: #28374e;
}

#contact-form-holder .gdpr-email-message, 
#blog-form-holder .gdpr-email-message {
    font-size: 12px;
    color: #777;
}

/*	listing_0.html Template
	--------------------------	*/
.product_availability {
    display: none;
}

#listing0 h1 {
    color: #28374e;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    text-transform: capitalize;
}

#price {
    color: #28374e;
}

#price span {
    margin-left: 10px;
}

.retailprice {
    text-decoration: line-through;
}

.retailprice span {
    margin-left: 10px;
}

.savings span {
    margin-left: 10px;
}

.product-item .name {
    height: auto;
}

.product-item .name a {
    display: block;
}

.totalrating .review-count {
    display: none;
}

.totalrating {
    margin-top: 2px;
}

.createFirstReview button,
.createReviewLink button {
    height: 0;
    margin: 0;
    border: none;
    text-transform: none;
    font-weight: 300;
    line-height: 0;
    color: #5daee0;
    text-decoration: underline;
}

.createFirstReview button {
    color: #e50943;
}

#mega-menu-1,
#mega-menu-2,
#mega-menu-3 {
    width: 1140px;
    background: #FFF;
    padding: 40px 0;
    position: absolute;
    z-index: 101;
    display: none;
}

#mega-menu-1::before,
#mega-menu-2::before,
#mega-menu-3::before {
    display: block;
    background: #FFF;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
    -webkit-box-shadow: 0 3px 4px rgba(127, 127, 127, 0.25);
    box-shadow: 0 3px 4px rgba(127, 127, 127, 0.25);
    border-bottom: 1px solid #CCC;
}

#mega-menu-1-close,
#mega-menu-2-close,
#mega-menu-3-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    color: #28374e;

    font-size: 30px;
    font-style: normal;
    cursor: pointer;
    line-height: 1;
    z-index: 1;
}

#mega-menu-2 a,
#mega-menu-3 a {
    display: block;
    padding: 20px 0;
}

#mega-menu-2 a i.fa,
#mega-menu-3 a i.fa {
    color: #DDD;
    display: block;
    font-size: 40px;

    float: left;
    margin: -10px 20px 20px 0;
}

#mega-menu-2 a:hover i.fa,
#mega-menu-3 a:hover i.fa {
    color: #e50943;
}

.mega-menu-column {
    width: 25%;
    float: left;
    line-height: 25px;
}

.mega-menu-column-narrow {
    width: 20%;
}

#mega-menu-1 ul,
#mega-menu-2 ul,
#mega-menu-3 ul {
    list-style: none;
    padding: 0;
}

#mega-menu-1 ul.mega-menu-column-short,
#mega-menu-2 ul.mega-menu-column-short,
#mega-menu-3 ul.mega-menu-column-short {
    min-height: 30px;
}

/* #mega-menu-1 ul.mega-menu-column-bottle {
    text-align: center;
    width: 150px;
} */
/* BOTTLE BACKGROUND IMAGE IN NAVIGATION  UNDER BUY BOTTLED WATER*/
/* #mega-menu-1 ul.mega-menu-column-bottle a {
    background-image: url("../images/bottle-2.jpg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% -15px;
    min-height: 250px;
    display: block;
} */

#mega-menu-1 ul li {}

#mega-menu-1 ul li a,
#mega-menu-2 ul li a,
#mega-menu-3 ul li a {
    color: #666;
    font-size: 13px;
    text-decoration: none;
    display: block;
}

#mega-menu-1 ul li a strong,
#mega-menu-2 ul li a strong,
#mega-menu-3 ul li a strong {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    color: #666;
}

#mega-menu-1 ul li a:hover,
#mega-menu-1 ul li a:hover strong,
#mega-menu-2 ul li a:hover,
#mega-menu-2 ul li a:hover strong,
#mega-menu-3 ul li a:hover,
#mega-menu-3 ul li a:hover strong {
    color: #e50943;
}

ul#top-mega-menu {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

ul#top-mega-menu li {
    display: inline-block;
    position: relative;
}

ul#top-mega-menu>li.has-mega>a:after {
    position: relative;
    float: none;
    font-size: 9px;
    top: -1px;
    padding-left: 4px;
    content: url('https://www.thewatercoolercompany.com//assets/images/icons/arrow-dwn-DBLU.svg');
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

ul#top-mega-menu>li.has-mega>a.is-open {
    border-bottom: 1px solid #e50943;
}

ul#top-mega-menu>li.has-mega>a.is-open:after {
    transform: rotateX(180deg);
    top: -4px;
}

@media(max-width:767px) {
    #showSlideMenu ul#top-mega-menu>li.has-mega>a:after {
        content: url('https://www.thewatercoolercompany.com//assets/images/icons/arrow-dwn-WHT.svg');
    }
}

ul#top-mega-menu li a {
    display: block;
    font-size: 16px;
    margin: 20px 26px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    color: #28374e;
    border-bottom: 1px solid #FFF;
    padding: 0 0 4px;
}

ul#top-mega-menu li:first-child a {
    margin-left: 0;
}

ul#top-mega-menu li a:hover {
    color: #e50943;
    text-decoration: none;
    border-bottom: 1px solid #e50943;
}

ul#top-mega-menu li#menu-bar-request-quote {
    float: right;
}

ul#top-mega-menu li#menu-bar-request-quote a {
    background: #e50943;
    color: #FFF;
    font-weight: 700;
    padding: 9px 40px;
    margin: 9px 0 0;
    text-decoration: none;
    border-radius: 4px;
}

ul#top-mega-menu li#menu-bar-request-quote a:hover {
    background: #cf0a3e;
}
a.zip-request-info-btn {
    display: none;
    background: #e50943;
    color: #FFF;
    font-weight: 700;
    padding: 9px 40px;
    margin: 15px 0 0;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
}

a.zip-request-info-btn:hover {
    background: #cf0a3e;
    color: #FFF;
}

body[data-maincategory="10"] a.zip-request-info-btn,
body[data-maincategory="186"] a.zip-request-info-btn {
    display: inline-block;
}
@media (max-width: 1199px) {
    ul#top-mega-menu li a {
        margin: 20px 16px;
    }
}

@media (max-width: 991px) {
    ul#top-mega-menu li a {
        font-size: 13px;
        margin: 10px 12px;
    }

    ul#top-mega-menu li#menu-bar-request-quote a {
        padding: 9px 18px;
        margin: 0;
    }
}

ul#desktopMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

ul#desktopMenu li {
    display: inline-block;
    position: relative;
}

ul#desktopMenu>li.hasSubMenu>a:after {
    position: relative;
    float: none;
    font-size: 9px;
    top: -1px;
    padding-left: 4px;
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

ul#desktopMenu li:hover {
    background: #FFF;
}

ul#desktopMenu li a {
    display: block;
    font-size: 14px;
    padding: 19px 22px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    color: #000;
}

ul#desktopMenu li a:hover {
    color: #e50943;
    text-decoration: none;
}

ul#desktopMenu>li>a:before {
    position: absolute;
    bottom: 12px;
    left: 50%;
    color: transparent;
    content: '\f111';

    text-shadow: 0 0 transparent;
    font-size: 5px;
    -webkit-transition: text-shadow 0.3s ease, color 0.3s ease;
    transition: text-shadow 0.3s ease, color 0.3s ease;
    margin-left: -2px;
}

ul#desktopMenu>li>a:hover:before {
    color: #acacac;
    text-shadow: 8px 0 #acacac, -8px 0 #acacac;
}

ul#desktopMenu li ul {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 10;
    left: 55%;
    background: #ffffff;
    text-align: left;
    padding: 15px 0;
    margin-left: -110px;
    width: 250px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.24);
}

ul#desktopMenu li:hover ul {
    display: block;
}

ul#desktopMenu li ul li {
    margin: 0;
    padding: 3px 0px;
    float: left;
    display: block;
    width: 100%;
}

ul#desktopMenu li ul li a:hover {
    color: #e50943;
}

ul#desktopMenu li ul li a {
    color: #333;
    text-transform: none;
    font-weight: normal;
    padding: 0 15px;
    display: block;
}

#showSlideMenu #top-mega-menu {
    margin-top: 40px;
}

#showSlideMenu #top-mega-menu li {
    width: 100%;
}

#showSlideMenu #top-mega-menu li a {
    margin: 20px 34px;
    font-size: 18px;
}

#showSlideMenu #top-mega-menu li#menu-bar-request-quote a {
    margin: 20px 34px;
    padding: 15px 40px;
    display: block;
    text-align: center;
    border-bottom: none;
}

#showSlideMenu #FRAME_MENU li {
    margin-top: 2px;
    padding: 5px;
}

#showSlideMenu li a {
    padding: 4px 0 4px 5px;
    border: none;
    text-decoration: none;
}

#showSlideMenu li a strong {
    font-size: 16px;
    margin-top: 2px;
    display: block;
}

#closeSlideMenu {
    top: 50px;
    right: 5px;
    z-index: 9;
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: #FFF;
    padding: 0;
    text-decoration: none;
    border: none;
}

#closeSlideMenu i {

    font-style: normal;
    text-decoration: none;
    font-size: 32px;
}

#closeSlideMenu svg {
    fill: #fff;
}

.down {
    float: right;
    margin-top: -25px;
    margin-right: 7px;
    font-weight: bolder;
    color: #AAA;
}

/* button#Add {
    clear: none;
    height: 50px;
    width: 280px;
    background: #e50943;
    color: #FFF;
    border-color: #e50943;
}

button#Add:hover {
    background: #FFF;
    color: #e50943;
    border-color: #e50943;
    border-radius: 4px;
    -webkit-border-radius: 4px;
} */
button#Add {
    clear: none;
    height: 50px;
    width: 280px;
    background: #00b050;
    color: #FFF;
    border-color: #00b050;
}

button#Add:hover {
    background: #FFF;
    color: #00b050;
    border-color: #00b050;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

#listing0 .detail-section .beta-col button:hover {
    background: #28374e;
    color: #FFF;
    border-color: #28374e;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.relatedBlock .price span {
    margin-left: 5px;
}

/*	Responsive Navigation Menu
	--------------------------	*/

/*
    Mobile Menu Core Style
*/
.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: left;
    padding: 10px;
    line-height: 1.125em;
    cursor: pointer;
    margin: 2px;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}

.slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 0.188em
}

.slicknav_nav {
    clear: both
}

.slicknav_nav ul,
.slicknav_nav li {
    display: block
}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
    cursor: pointer;
}

.slicknav_nav .slicknav_row {
    display: block;
}

.slicknav_nav a {
    display: block;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    display: inline;
}

.slicknav_menu:before,
.slicknav_menu:after {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    clear: both
}

/* IE6/7 support */
.slicknav_menu {
    zoom: 1
}

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
    font-size: 16px;
    display: none;
}

/* Button */
.slicknav_btn {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

/* Button Text */
.slicknav_menu .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5;
}

.slicknav_menu {
    float: left;
}

.slicknav_nav {
    background: #22303a;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 999;
}

.slicknav_nav,
.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
}

.slicknav_nav ul {
    padding: 0;
    margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px;
}

.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff;
}

.subMenu {
    background: #000;
}

.slicknav_nav .subMenu a.subcat,
.slicknav_nav .subMenu a.subcat:visited {
    color: #fff;
}

.slicknav_nav .slicknav_row:hover {
    background: #c9dae4;
    color: #000;
}

.slicknav_nav a:hover {
    background: #c9dae4;
    color: #000;
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.slicknav_nav a.cat:hover,
.slicknav_nav a.cat:visited:hover {
    color: #000;
}

.slicknav_nav a.cat,
.slicknav_nav a.cat:visited {
    color: #FFF;
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    display: block;
    padding: 0;
    margin: 0;
}

/*********************************/
/*       LTE8 IE FALLBACK        */
/*********************************/
.no-boxshadow .boxShadow {
    border: 1px solid #eae9e6;
}

.view-by {
    display: inline-block;
}

.view-by span {
    text-transform: uppercase;
}

.view-by .view-by-item {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 1px 6px;
    border: 1px solid #ddd;
    color: #dbdbdb;
    min-width: 40px;
    text-align: center;
    margin-right: 10px;
}

.view-by .view-by-item.active {
    color: #333333;
    border-color: #333333;
}

.columns-6 .product-container {
    width: 25%;
}

/*	Theme Responsive Styles
	-----------------------	*/
@media only screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
    }
}

.only-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .main-content {
        margin-top: 5px;
    }

    #showSlideMenu {
        width: 100%;
    }

    #mega-menu-1,
    #mega-menu-2,
    #mega-menu-3 {
        z-index: 9999;
        width: 100%;
        top: 0;
        left: 0;
    }

    #mega-menu-1 .mega-menu-column,
    #mega-menu-2 .mega-menu-column,
    #mega-menu-3 .mega-menu-column {
        width: 100%;
    }

    #mega-menu-1 ul.mega-menu-column-bottle {
        text-align: left;
    }

    #mega-menu-1 ul.mega-menu-column-bottle a {
        background: none;
    }

    .mega-menu-column ul {
        margin: 0 20px;
    }

    #mega-menu-2 ul,
    #mega-menu-3 ul {
        margin: 0 40px;
    }

    #mega-menu-2 ul i,
    #mega-menu-3 ul i {
        width: 40px;
    }

    #menu-bar-request-quote-form {
        z-index: 99999;
        right: 0;
        width: 100%;
        top: 0;
    }

    #menu-bar-request-quote-form #landing-form-submit,
    #menu-bar-request-quote-form .landing-form-submit {
        width: 100%;
    }

    .pricingBlock #price,
    .pricingBlock #old-price {
        font-size: 22px;
    }

    .columns-4 .product-container {
        width: 100%;
    }

    .modLinks ul {
        text-align: center;
    }

    .view-by {
        display: none;
    }

    .header-left {
        position: static;
        padding: 0;
    }

    .top-menu .topbar-left {
        width: 25%;
        margin-top: 0;
    }

    .top-menu .topbar-left-mobile {
        display: block;
        float: left;
        width: 36%;
        font-size: 34px;
    }

    .top-menu .topbar-left-mobile i {
        margin-top: 14px;
        color: #666;
    }

    #FRAME_SEARCH {
        display: none;
    }

    .top-menu .topbar-left #logo img {
        max-width: 90%;
        margin-top: 10px;
    }

    .top-menu .topbar-right {
        width: 30%;
        margin-top: 5px;
        position: relative;
        height: 100px;
    }

    .topbar-right #header-telephone {
        display: none;
    }

    #cart {
        position: absolute;
        bottom: -8px;
        right: 5px;
    }

    #cart:before,
    #my-account-icon i:before {
        font-size: 25px;
    }

    #my-account-icon,
    #contact-us-icon {
        position: absolute;
        bottom: 0px;
        right: 25px;
        font-size: 0;
        line-height: 0.5;
    }

    #contact-us-icon {
        right: 55px;
    }

    .top-menu .container {
        padding-left: 0;
        padding-right: 0;
    }

    .search-focus {
        display: none;
    }

    #search-icon {
        font-size: 24px;
    }

    #mobileCart {
        z-index: 22;
    }

    #category-sidebar-wrapper {
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }


    #category-holder {
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }

    #category-holder .category-header,
    #category-holder-controls {
        margin-left: 0;
    }

    #category-holder .product-container {
        width: 100%;
    }

    #categoryFooter {
        width: 100%;
        margin: 0;
        padding: 20px;
    }

    .container.container-grey.case-studies img {
        margin-bottom: 20px;
    }

    .container.container-grey.case-studies::before {
        z-index: 0;
    }


    #extrapage .container.container-blue {
        margin: 20px 0;
        padding: 60px 10px 0 !important
    }

    #extrapage .container-blue .featured-icon-holder {
        margin: 0;
        font-size: 8px;
    }

    #extrapage .container-blue .featured-icon-holder img {
        height: 40px;
    }

    .cx-case-studies.container-blue {
        margin-bottom: -30px;
    }

    .grey-box-grid p {
        margin: 30px;
    }

    .btn.btn-download {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    html {
        padding: 0 !important;
    }

    body {
        max-width: 100%;
    }

    header::before {
        display: none;
    }

    .wrapper {
        width: 100% !important;
        margin: auto;
        padding: 0 20px;
    }

    .top-menu {
        height: 70px;
        border-bottom: 1px solid #DDD;
    }

    .top-menu ul {
        float: none;
    }

    .top-menu li {
        display: block;
        margin: 0;
    }

    .container-red {
        padding-right: 0;
    }

    .container-red img {
        width: 100%;
        border-right: none;
        border-bottom: 40px solid #147c89;
        margin-bottom: 20px;
    }

    .container-red h2 {
        font-size: 26px;
    }

    .container-red p {
        margin: 15px;
    }

    .container-red .btn {
        margin-bottom: 30px;
    }

    .container-grey {
        width: 100%;
        padding: 40px 20px !important
    }

    .container.text-center {
        padding: 40px 20px;
    }

    #reviews-carousel,
    #home-3d-carousel,
    #specify-3d-carousel {
        width: 100%;
        margin: 0;
        height: auto;
    }

    #home-3d-carousel .owl-item .item,
    #home-products-carousel-1 .owl-item .item,
    #home-products-carousel-2 .owl-item .item {
        width: 90%;
        margin: 0 auto;
        opacity: 1;
    }

    #reviews-carousel .owl-item .item {
        width: 80%;
        margin: 0 auto;
    }

    #home-products-carousel-1 .owl-item .item input,
    #home-products-carousel-2 .owl-item .item input {
        margin: 20px auto 0;
    }

    #reviews-carousel button.owl-prev,
    #home-3d-carousel button.owl-prev,
    #home-products-carousel-1 button.owl-prev,
    #home-products-carousel-2 button.owl-prev {
        left: -10px;
        top: 140px;
    }

    #reviews-carousel button.owl-next,
    #home-3d-carousel button.owl-next,
    #home-products-carousel-1 button.owl-next,
    #home-products-carousel-2 button.owl-next {
        right: -10px;
        top: 140px;
    }

    nav#catNavMenu {
        border: none;
        margin: 0;
    }

    ul#desktopMenu {
        display: none;
    }

    /* nav */
    .slicknav_menu {
        display: block;
    }

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

    #logo {
        float: none;
    }

    #searchBox {
        width: 100%;
        padding: 0 2em;
    }

    #searchBox input[type="text"] {
        width: 100%;
    }

    .mobile .search {
        display: block;
        border: 1px solid #000;
        margin: 5px 0 15px 0;
    }

    .mobile .search form {
        margin: 0 auto;
        text-align: center;
    }

    .mobile .search input {
        float: left;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: none;
    }

    .mobile .search input[type="text"] {
        font-size: 16px;
        font-weight: normal;
        color: #3d3d3d;
        line-height: 30px;
        height: 30px;
        width: 80%;
        background: #FFF;
        border: none;
        padding: 0 0 0 15px;
        margin: 0;
    }

    .mobile .search input[type="submit"] {
        width: 20%;
        height: 30px;
        background: #FFF url(../images/lens.png) no-repeat center center;
        border: none;
        cursor: pointer;
    }

    #homeHeader {
        border: none;
        margin-bottom: 0;
    }

    #homeHeader img {
        width: 100%;
        height: auto;
    }

    .header-specials {
        width: 100%;
        margin-bottom: 25px;
    }

    footer h3 {
        text-align: center;
    }

    footer .col1,
    footer .col2,
    footer .col3 {
        margin: 0;
        width: 100%;
    }

    #modManufacturer ul {
        text-align: center;
        width: 100%;
    }

    #modManufacturer li {
        float: none;
        width: auto;
    }

    #modManufacturer a.view-all-manf {
        display: none;
    }

    #modManufacturer select {
        border: 2px solid #e2e2e2;
        padding: 3px;
        width: 100%;
    }

    #modLinks ul {
        text-align: center;
        width: 100%;
    }

    #modLinks li {
        float: none;
        width: auto;
    }

    #mailistBox {
        margin-top: 30px;
    }

    #mailistBox label {
        text-align: center;
    }

    #mailistBox h3 {
        text-align: center;
    }

    #mailistBox input[type="submit"] {
        width: 100%;
    }

    #copyright {
        float: none;
        text-align: center;
        margin-bottom: 35px;
    }

    .social-icons {
        width: 100%;
        display: block;
        margin: 0 0 25px;
        position: relative;
        text-align: center;
    }

    .social-icons a {
        float: none;
        display: inline-block;
    }

    #globalFooter {
        float: none;
        text-align: center;
        margin-bottom: 25px;
        width: 100%;
    }

    /* General styles for Slide Out Menus */
    .cbp-spmenu {
        background: #22303a;
        position: fixed;
    }

    .cbp-spmenu a,
    .cbp-spmenu a:visited {
        display: block;
        font-size: 1.1em;
        font-weight: 300;
        text-align: left;
    }

    .cbp-spmenu a:hover,
    .cbp-spmenu a:visited:hover {}

    /* Orientation-dependent styles for the content of the menu */

    .cbp-spmenu-vertical {
        width: 240px;
        height: 100%;
        top: 0;
        z-index: 1000;
    }

    .cbp-spmenu-vertical a {
        border-bottom: 1px solid #666;
        padding: 1em;
        line-height: 1;
        color: white !important;
    }

    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        left: 0;
        z-index: 1000;
        overflow: hidden;
    }

    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #000;
    }

    /* Vertical menu that slides from the left or right */

    .cbp-spmenu-left {
        left: -420px;
    }

    .cbp-spmenu-right {
        right: -240px;
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0;
        z-index: 1050;
        overflow-y: auto;
    }

    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0;
    }

    /* Push classes applied to the body */

    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }

    .cbp-spmenu-push-toright {
        left: 240px;
    }

    .cbp-spmenu-push-toleft {
        left: -240px;
    }

    /* Transitions */

    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

}

@media only screen and (max-width: 980px) {

    html {
        padding: 0 !important;
    }

    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .wrapper {
        width: 100%;
        padding: 0 15px;
    }


}

.popup-container[data-popupid="quickview"] .popup-wrapper {
    padding: 0;
}

.popup-backdrop {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: 0.7;
    z-index: 1040;
}

.popup-backdrop.active {
    display: block;
}

.popup-container .popup-wrapper {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 30px;
    background-color: #ffffff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}

.popup-container {
    display: none;
    position: absolute;
    width: 100%;
    top: 70px;
    left: 0;
    right: 0;
    bottom: auto;
    margin: 0 auto;
    padding: 30px;
    z-index: 1050;
}

.popup-container .popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #fff;
    background: #333;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 1050;
}

.popup-container .popup-close:before {
    content: "\00D7";
}

.popup-content .popup-iframe {
    display: block;
    width: 100%;
}

.popup-container.modal-md {
    max-width: 750px;
}

[data-popupid='newsletter'] .popup-wrapper {
    background: url('../images/pnewletter_bg.jpg') no-repeat scroll top left #fff;
    padding: 20px;
    width: 750px;
    min-height: 420px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    [data-popupid='newsletter'] .popup-wrapper {
        display: none;
    }
}

[data-popupid='newsletter'] .popup-content {
    width: 50%;
    padding: 30px 10px;
    float: right;
}

[data-popupid='newsletter'] h3 {
    font-size: 24px;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

[data-popupid='newsletter'] .pnewle-message {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 45px;
}

[data-popupid='newsletter'] .pnewle-form {
    width: 90%;
    margin-left: 5%;
}

[data-popupid='newsletter'] input[name='email'] {
    display: block;
    height: 40px;
    border: none;
    width: 100%;
    border-bottom: 1px solid #000;
}

[data-popupid='newsletter'] .input-form {
    position: relative;
}

[data-popupid='newsletter'] form[name='mailing'] .select-mailist .mailist-option-label {
    color: #000;
    opacity: 1;
}

[data-popupid='newsletter'] form[name='mailing'] .select-mailist:before {
    border-left-color: #000;
}

[data-popupid='newsletter'] .pnewle-message span {
    color: #f6958c;
    text-transform: uppercase;
    font-weight: 700;
}

[data-popupid='newsletter'] .btn-submit input {
    border: 0;
    margin-top: 38px;
    background-color: #333;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
    padding: 0 35px;
    height: 45px;
    min-width: 180px;
    font-weight: 700;
}

[data-popupid='newsletter'] .btn-submit input:hover {
    background-color: #000;
}

.navbar-fixed-top {
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.5);
}

@media (min-width: 544px) {
    .popup-container {
        max-width: 606px;
    }
}

@media (min-width: 768px) {
    .popup-container {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .popup-container {
        max-width: 970px;
    }
}

@media (min-width: 1199px) {
    .popup-container {
        max-width: 1100px;
    }
}

.productBlockContainer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.display-list-view.productBlockContainer {
    flex: 0 0 100%;
    margin-bottom: 0;
}

.display-list-view.productBlockContainer .productContainer {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
}

.display-list-view .productContainer {
    padding: 15px !important;
}

.display-list-view .productContainer .img {
    float: left;
    width: 33%;
}

.display-list-view .product-item .product-meta {
    text-align: left;
    float: left;
    width: 67%;
}

.display-list-view .product-item .stars {
    left: 20px;
}

.display-list-view .product-item .product-meta .price {
    text-align: left;
}

.product-item .action {
    position: static;
    visibility: visible;
    opacity: 1;
    height: 50px;
}

.product-item .action .btn {
    border-color: #28374e;
    color: #28374e;
}

.product-item .action .btn_over {
    background: #28374e;
    border-color: #28374e;
    color: #FFF;
}

.related_items0 {
    margin-bottom: 30px;
}

.related_items0 .img img {
    min-height: 250px;
}

.related_items0 .product-meta .name {
    height: 40px;
    white-space: normal;
}

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

@media only screen and (min-width: 768px) {
    .group-box {
        padding-bottom: 60px;
    }
}

.group-box .aprawhtml h4 a {
    font-weight: 800;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

.group-box .aprawhtml h4 a:hover {
    color: #e50943;
}

.group-box .aprawhtml p {
    color: #666;
}

.icon_box {
    margin-bottom: 35px;
}

.icon_box .fa {
    font-size: 22px;
    width: 70px;
    height: 70px;
    background: #f3f3f3;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    padding-top: 24px;
}

.icon_box .fa:hover {
    background: #e50943;
    color: #fff;
}

.about_us {
    color: #FFF;
}

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

.contact-ul li {
    margin-bottom: 15px;
}

.contact-ul li em {
    color: #FFF;
    font-size: 16px;
    width: 30px;
}

.about_desc {
    line-height: 25px;
}

@media only screen and (min-width: 992px) {
    .about_desc {
        padding-right: 75px;
    }
}

/*Animation for image*/
.effect-julia a {
    display: block;
    overflow: hidden;
    position: relative;
}

.effect-julia a:before {
    background-color: rgba(255, 255, 255, 0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transform: skew(20deg, 0deg);
    transition: all 0.5s ease 0s;
    width: 70%;
    left: -100%;
}

.effect-julia a:after {
    background-color: rgba(255, 255, 255, 0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transform: skew(20deg, 0deg);
    transition: all 0.5s ease 0s;
    width: 70%;
    right: -100%;
}

.effect-julia a:hover:before {
    left: -20%;
}

.effect-julia a:hover:after {
    right: -20%;
}

.effect-julib {
    overflow: hidden;
    position: relative;
}

.effect-julib>a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.effect-julib>a img {
    position: relative;
    width: 100%;
    min-height: 100%;
    display: inline-block;
    backface-visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
}

.effect-julib:hover>a img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
}

@media screen and (max-width: 320px) {
    .social-icons a {
        float: left;
    }
}

.fileinput-button:hover {
    color: #fff;
    background: #e50943;
    border-color: #e50943;
}

.btn_preview {
    margin-top: 20px;
}

.table_registry tr td b,
.table_registry tr td input {
    margin-top: 10px;
}

/*Simple short form landing*/
#simple-short-form-landing-top {
    position: relative;
    padding-bottom: 40px;
}

@media (max-width:767px) {
    #simple-short-form-landing-top {
        margin-top: -25px;
        padding-bottom: 0px;
    }
}

#simple-short-form-landing-top h1,
#simple-short-form-landing-top h2,
#simple-short-form-landing-top h3 {
    color: #fff;
    font-weight: 400;
}

#simple-short-form-landing-top h1 {
    margin: 60px 0 0 0;
}

#simple-short-form-landing-top h2 {
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.3;
    margin-bottom: 20px;
}

#simple-short-form-landing-top-left {
    margin: 180px 0 0 0;
}

#simple-short-form-landing-top-right {
    margin: 260px 0 0 0;
}

#simple-short-form-landing-top::before {
    position: absolute;
    display: block;
    content: "";
    width: 4000px;
    left: -2000px;
    height: 100%;
    background: #d6d6d6 url(/assets/images/simple-form-bg.png) repeat-x;
}

#simple-short-form-landing-call {
    position: relative;
}

#simple-short-form-landing-call::before {
    position: absolute;
    display: block;
    content: "";
    width: 4000px;
    left: -2000px;
    height: 100%;
    background: #1bb456;
}

#simple-short-form-landing-call h2 {
    color: #FFF;
    padding: 20px 0 20px 0;
    margin: 0px;
}

#simple-short-form-landing-call a {
    color: #FFF;
    text-decoration: none;
}

#simple-short-form-landing-services-holder {
    margin-bottom: 50px;
}

.simple-short-form-landing-services {
    color: #fff;
    position: relative;
}

.simple-short-form-landing-services::before {
    position: absolute;
    display: block;
    content: "";
    width: 4000px;
    left: -2000px;
    height: 100%;
    background: #637490;
}

.simple-short-form-landing-services h3 {
    font-size: 1em;
    color: #fff;
}

.simple-short-form-landing-services p {
    font-size: 15px;
}

.simple-short-form-landing-services .row {
    padding: 20px 0 20px 0;
}

.simple-short-form-landing-services .row .col-md-4 {
    padding-left: 35px;
    padding-right: 35px;
}

.simple-short-form-landing-services a,
.simple-short-form-landing-services a:visited {
    text-decoration: none;
    color: #fff;

}

#simple-short-form-landing-response-holder i,
#workplace-hydr-response i {
    display: block;
    width: 34px;
    height: 34px;

    font-style: normal;
    font-size: 22px;
    color: #e7b830;
}

.simple-short-form-landing-stars {
    display: block;
    width: 100%;
    height: 34px;
    text-align: center;
    margin: 20px 0 20px 0;
}

.simple-short-form-landing-stars i {
    float: left;
    display: block;
}

.simple-short-form-landing-stars .stars-box {
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
}

#simple-short-form-landing-response-holder {
    margin: 20px 0 40px 0;
}

#simple-short-form-landing-form-holder {
    background-color: #1c2b40;
    padding: 10px 5px 0 5px;
    margin-top: 35px;
}

#simple-short-form-landing-form-holder form {
    margin-top: 30px;
}

#simple-short-form-landing-form-holder form input::placeholder,
#simple-short-form-landing-form-holder form textarea::placeholder {
    color: #1c2b40;
}

#simple-short-form-landing-form-holder select option {
    padding: 4px;
}

#simple-short-form-landing-form-holder .form-control {
    border-radius: 4px;
    border: 0px;
    margin-bottom: 11px;
    font-size: 16px;
    height: 55px;
    color: #1c2b40;
}

#simple-short-form-landing-form-holder textarea.form-control {
    height: 100px !important;
    margin-bottom: 20px;
    padding-top: 12px;
}

#simple-short-form-landing-form-holder #landing-form-message {
    height: 85px;
    margin-bottom: 30px;
    color: #555;
}

#simple-short-form-landing-form-holder .btn {
    background-color: #e97300;
    color: #fff;
    border: 0px;
    border-radius: 5px;
    font-size: 1.17em;
}

#simple-short-form-landing-form-holder .btn:hover {
    background-color: #ff8e01;
}

#simple-short-form-landing-form-holder #landing-form-submit,
#simple-short-form-landing-red-button a,
#simple-short-form-landing-form-holder .landing-form-submit {
    height: auto;
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 15px 30px;
    line-height: 22px;
    background: #E66914;
    border-radius: 5px;
    width:auto;
}

section#category #simple-short-form-landing-form-holder {
    color: #FFF;
    text-align: center;
    margin-bottom: 80px;
}

section#category #simple-short-form-landing-form-holder h3 {
    color: #FFF;
    margin: 15px;
    padding: 0;
    border: none;
}

section#category #simple-short-form-landing-form-holder #landing-form-name2,
.landing-form-name2 {
    margin-top: 10px;
}

section#category #simple-short-form-landing-form-holder a {
    color: #6CB8E5;
    text-decoration: none;
}

.category-footer hr {
    border-top: 1px solid #ddd;
}

#simple-short-form-landing-red-button a {
    background: #e50943;
    border: none;
    display: inline-block;
    padding: 10px 60px;
    font-weight: bold;
    color: #FFF;
    margin: 40px 0;
}

#simple-short-form-landing-red-button a:hover {
    background: #cf0a3e;
}

#simple-short-form-landing-form-holder .gdpr-email-message {
    color: #fff;
    font-size: 12px;
    display: block;
    clear: both;
    padding: 12px 0 25px 0;
    text-align: center;
}

#simple-short-form-landing-form-holder .gdpr-email-message a {
    color: #fff;
}

#simple-short-form-landing-form-holder .gdpr-email-message a:hover {
    color: #6CB8E5;
}

#simple-short-form-landing-form-holder #fake_frame_landing {
    display: none;
}

#simple-short-form-landing-form-holder #short-form-left-field {
    padding: 0 5px 0 10px;
}

#simple-short-form-landing-form-holder #short-form-right-field {
    padding: 0 10px 0 5px;
}

#simple-short-form-landing-phone-btn {
    display: block;
    text-align: center;
    margin: 20px 0 20px 0;
}

#simple-short-form-landing-phone-btn .btn {
    background: #e50943;
    color: #fff;
    border: 0px;
}

#simple-short-form-landing-phone-btn .buy-rent-fountains-tap-to-call {
    width: 100%;
}

#simple-short-form-landing-phone-btn .buy-rent-fountains-tap-to-call i {
    margin-right: 20px;
}

#simple-short-form-landing-top #simple-short-form-landing-top-form {
    padding: 0px;
}

@media screen and (max-width: 500px) {
    #simple-short-form-landing-red-button a {
        font-size: 13px;
        padding: 0 35px;
        height: 40px;
    }
}

@media screen and (max-width: 320px) {
    #simple-short-form-landing-top #simple-short-form-landing-top-form {
        padding: 0px;
    }

    #simple-short-form-landing-top-form-text {
        padding: 0 15px 0 15px;
    }

    #simple-short-form-landing-top::before {
        background: #acc1e4 url(/assets/images/simple-form-bg2.png) repeat-x;
    }
}

#simple-short-form-landing-form-holder .form-group .col-md-6 {
    padding: 0px 10px 0 10px;
}

#simple-short-form-landing-form-holder .form-group .col-md-12 {
    padding: 0px 10px 0 10px;
}

#simple-short-form-landing-top #simple-short-form-landing-form-holder {
    margin-top: 0px;
}

#rental-hire-top {
    float: left;
    margin: 0 0 50px;
}

#rental-hire-top h2 {
    margin-top: 50px;
}

#rental-hire-top p {
    margin: 0 200px;
}

#rental-hire-products {
    float: left;
    margin: 0 200px;
}

#rental-hire-products .product-container {
    width: 33.33%;
}

#rental-hire-products .product-container .product-price,
#rental-hire-products .product-container img {
    display: none;
}

#rental-hire-products .product-container img.product-image {
    display: block;
}

#rental-hire-products .products-by-id .product-container {
    height: 340px;
}

#rental-hire-choose-holder h2 {
    margin: 0 0 30px 0;
}

#rental-hire-choose-holder .col-md-6 {
    padding: 40px 4%;
}

#rental-hire-bluebox {
    background-color: #6cb7e5;
    color: #fff;
}

#rental-hire-bluebox h3 {
    color: #fff;
}

#rental-hire-bluebox svg {
    float: left;
    margin: 12px 50px 40px 0;
}

#rental-hire-whitebox svg {
    float: left;
    margin: 12px 50px 40px 0;
}

#rental-hire-whitebox h3 {
    color: #6cb7e5
}

@media screen and (max-width:1024px) {
    #rental-hire-top p {
        margin: 0;
    }

    #rental-hire-products {
        margin: 0;
    }

    .water-cooler-london-holder p {
        margin: 0 !important;
    }
}

@media screen and (max-width:700px) {
    #rental-hire-products .product-container {
        width: 100%;
    }
}

@media screen and (max-width:479px) {
    #rental-hire-choose-holder .col-md-6 svg {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #rental-hire-choose-holder .col-md-6 h3 {
        text-align: center;
    }
}

#rental-hire-packages {
    background: url(/assets/images/hero-image-bottom.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
    clear: both;
}

.rental-hire-packages-holder.col-md-12 {
    padding: 0px;
}

.rental-hire-packages-holder h2 {
    margin: 50px 0 40px 0;
}

.rental-hire-water-cooler-rental-holder h2 {
    font-size: 2.1em;
    color: #1C2B40;
}

.rental-hire-water-cooler-rental-holder h3 {
    font-size: 1.28em;
    color: #0271C0;
    font-weight: bold;
    text-transform: none;
}

.rental-hire-water-cooler-rental-holder .btn.orange-pill-button {
    color: #fff;
}

.rental-hire-water-cooler-rental-holder .btn.orange-pill-button img {
    filter: brightness(0) invert(1);
    margin-bottom: 3px;
    margin-left: 5px;
}

@media(max-width:991px) {
    .rental-hire-water-cooler-rental-holder {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }

    .rental-hire-water-cooler-rental-holder h2 {
        font-size: 36px;

    }

    .rental-hire-water-cooler-rental-holder h3 {
        font-size: 24px;
    }

    .rental-hire-water-cooler-rental-holder p {
        font-size: 18px;
    }

    .rental-hire-water-cooler-rental-holder .btn.orange-pill-button {
        font-size: 18px;
    }
}

#rental-hire-packages ul {
    padding: 50px 0 0 80px;
}

#rental-hire-packages ul li {
    padding-bottom: 20px;
}

#rental-hire-delivery {
    background: url(/assets/images/hero-image-bottom-2.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
    clear: both;
    height: 350px;
}

.rental-hire-delivery-right-box {
    padding: 50px 0 0 80px;
}

@media (max-width: 991px) {
    #rental-hire-delivery {
        background: none;
        height: auto;
        padding: 0px 0 0 20px;
    }

    #rental-hire-packages {
        background: none;
    }

    #rental-hire-packages ul {
        padding: 0 0 0 20px;
    }

    .rental-hire-delivery-right-box {
        padding: 0px 0 0 20px;
    }

    #simple-short-form-landing-form-holder #short-form-left-field,
    #simple-short-form-landing-form-holder #short-form-right-field {
        padding: 0 10px;
    }

    #simple-short-form-landing-form-holder .gdpr-email-message {
        padding-top: 0px;
    }
}

#rental-hire-form h3 {
    text-align: center;
    color: #fff;
    font-weight: 400;
}

#rental-hire-form #simple-short-form-landing-form-holder {
    padding: 10px 250px 0 250px;
    margin-bottom: 30px;
}

.get-in-touch-text {
    color: #fff;
}

@media screen and (max-width: 320px) {
    #rental-hire-form #simple-short-form-landing-form-holder {
        padding: 10px 0px 0 0px;
    }
}

@media (max-width: 991px) {
    #rental-hire-form #simple-short-form-landing-form-holder {
        padding: 10px 0px 0 0px;
    }
}

.product-id-720 .relatedBlock {
    display: none;
}

.product-id-721 .relatedBlock {
    display: none;
}

.product-id-722 .relatedBlock {
    display: none;
}

.product-id-723 .relatedBlock {
    display: none;
}

.product-id-223 .relatedBlock {
    display: none;
}

.product-id-131 .relatedBlock {
    display: none;
}



#simple-short-form-landing-top-form .workplace-hydr-text h2 {
    color: #ff8e01;
}

#simple-short-form-landing-top-form .workplace-hydr-text h3 {
    text-transform: none;
    font-weight: normal;
    margin-bottom: 15px;
}

#workpace-hydr-top-right {
    margin: 220px 0 0 0;
}

.workplace-hydr-bottled {
    margin: 0 auto 50px;
}

.workplace-hydr-bottled ul {
    list-style: none;
}

.workplace-hydr-bottled ul li {
    padding: 5px 0 5px 10px;
    font-weight: 600;
    position: relative;
}

.workplace-hydr-bottled ul li::before {
    content: url(/assets/images/tick_lis_bgt.png);
    position: absolute;
    top: 5px;
    left: -25px;
}

#workplace-hydr-response {
    background: url(/assets/images/workplace-hydr-respons-bg.jpg);
    background-size: cover;
    overflow: hidden;
    clear: both;
    height: 350px;
    padding: 60px 150px 50px 150px;
    margin-bottom: 50px;
}

#workplace-hydr-logos {
    margin: 30px 0 30px 0;
}

#workplace-hydr-logos h4 {
    text-transform: none;
}

.water-cooler-london-holder.col-md-12 {
    padding: 0px 0 50px 0;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    margin: 50px 0 20px 0;
}

.water-cooler-london-holder h2 {
    margin: 40px 0 40px 0;
}

.water-cooler-london-form a {
    color: #fff;
    text-decoration: none;
}

.water-cooler-london-form a:hover {
    color: #6CB8E5
}

#extrapage .water-cooler-london-holder .products-grid .col-lg-4 {
    min-height: auto;
}

.water-cooler-london-holder p {
    margin: 0 200px;
}

#hydration-st-banner-holder {
    background: url(/assets/images/HYDRATION-STATION-banner-bg.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    clear: both;
    height: 500px;
    padding: 20px 0px 00px 340px;
    margin-bottom: 50px;
}

#hydration-st-banner {
    width: 530px;
    float: left;
    display: block;
    position: relative;
}

#hydration-st-banner h3 {
    text-align: center;
    margin: 30px 0;
    line-height: 1.4;
}

#hydration-st-banner h3 span {
    font-size: 3em;
    font-weight: 600;
}

#hydration-st-banner ul {
    padding-left: 45px;
}

#hydration-st-banner ul li {
    list-style-image: url(/assets/images/hydration-st-banner-tick.png);
    padding: 5px 0 5px 0px;
}

#hydration-st-banner .hydration-st-banner-top {
    text-align: center;
    color: #FFF;
    font-size: 18px;
    line-height: 1.1;
}

#hydration-st-banner .hydration-st-banner-top strong {
    font-size: 50px;
}

.hydration-st-offer {
    width: 102px;
    height: 102px;
    background: #FA0001;
    border-radius: 50%;
    float: left;
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -40px;
    bottom: 70px;
    line-height: 1.4em;
    padding: 10px 0 0 0;
}

.hydration-st-offer span {
    font-size: 1.5em;
}

#hydration-st-offer-resp.hydration-st-offer {
    margin: 10px 0 20px 0;
    width: 100%;
    height: auto;
    background: #fe8127;
    padding: 10px 0 10px 0;

}

.hydration-st-btn {
    text-align: center;
    background: #28374e;
    color: #FFF;
    border: 2px solid #28374e;
    text-decoration: none;
    display: block;
    width: 70%;
    padding: 10px 0;
    border-radius: 5px;
    margin: 30px auto;
    font-size: 13px;
}

.hydration-st-btn:hover {
    background: #FFF;
    color: #28374e;
    border: 2px solid #28374e;
}

#hydration-st-banner a,
#hydration-st-banner a:visited {
    color: #fff;
}

#hydration-st-banner a:hover {
    color: #28374e;
}

@media (max-width: 991px) {
    #hydration-st-banner {
        width: auto;
    }

    #hydration-st-banner-holder {
        padding-left: 20px;
        background-position-x: -390px;
    }

    .hydration-st-banner-top {
        width: 380px;
    }
}

@media (max-width: 480px) {


    #hydration-st-banner {
        width: 100%;
    }

    .hydration-st-banner-top {
        background: #FA0001;
        padding: 10px 0;
        width: 100%;
    }

    #hydration-st-banner-holder {
        background: none;
        padding: 0px;
        height: auto;
    }

    .hydration-st-btn {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .hydration-st-offer {
        position: static;
        float: none;
        margin: 20px auto;
    }
}

/* -----Slider----- */
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:before,
.lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper>.lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade>* {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade>*.active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade>*.active {
    opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg>li:hover a,
.lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: #428bca;
}

.lSSlideOuter .media {
    opacity: 0.8;
}

.lSSlideOuter .media.active {
    opacity: 1;
}

/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}

/* End of Gallery*/

/* slider actions */
.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('https://www.thewatercoolercompany.com/assets/images/controls.png?rdm=BE22F50C2230');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction>a:hover {
    opacity: 1;
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 0;
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 0;
}

.lSAction>a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider>*,
.lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider>*,
.lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}


/* Buy Rent Coolers Fountains landing*/

#landing-form-submit2.darker-orange:hover,
.landing-form-submit2.darker-orange:hover {
    background: #f08603;
}

#simple-short-form-landing-top-form .workplace-hydr-text.smaller-text h3 {
    font-size: 1.10em;
    margin: -10px 0 20px;
}

@media screen and (max-width: 500px) {
    #simple-short-form-landing-top-form .workplace-hydr-text.smaller-text h3 {
        font-size: 1.10em;
        margin: -10px 20px 20px;
    }
}

.workplace-hydr-bottled .btn {
    background: #e50943;
    color: #FFF;
    font-weight: 700;
    padding: 9px 40px;
    margin: 50px auto 0;
    text-decoration: none;
    border-radius: 0;
    border: none;
    line-height: 1.8;
    display: block;
    width: 300px;
}

.workplace-hydr-bottled .btn:hover {
    background: #cf0a3e;
}

@media (max-width:767px) {

    .buy-rent-water-cooler-rental,
    .contactless-section {
        display: flex;
        flex-direction: column-reverse;
    }
}

#buy-rent-coolers-fountains-contact-us-for-info-btn {
    margin: 0 auto 20px;
    background-color: #1bb456;
    font-size: 16px;
    line-height: 1.4;
}

#buy-rent-coolers-fountains-contact-us-for-info-btn:hover {
    background-color: #0e9e45;
}

#buy-rent-dark-blue-banner-holder {
    background: #1c2b40;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    clear: both;
    min-height: 250px;
    margin-bottom: 50px;
    text-align: center;
}

#buy-rent-dark-blue-banner-holder::before {
    background: #1c2b40;
    position: absolute;
    display: block;
    content: "";
    width: 4000px;
    left: -2000px;
    height: 100%;
}

#buy-rent-dark-blue-banner-holder .btn {
    background-color: #e97300;
    font-size: 16px;
    line-height: 1.4;
    color: #FFF;
    font-weight: 700;
    padding: 9px 40px;
    text-decoration: none;
    border-radius: 0;
    border: none;
    display: block;
    min-width: 300px;
}

@media (max-width:767px) {
    #buy-rent-dark-blue-banner-holder .btn {
        margin-top: 40px;
    }
}

#buy-rent-dark-blue-banner-holder .btn:hover {
    background: #f08603;
}

.important-notice {
    Display: block;
    border: 2px solid #1d355b;
    background-color: #FFF;
    color: #1d355b;
    font-size: 14px;
    margin: 30px auto 0;
    padding: 10px;
    text-align: center;
    width: 100%;
    max-width: 550px;
}

.important-notice a {
    text-decoration: none;
    color: #0099d4;
}

a:hover {
    text-decoration: underline;
}

/* =========== MODULES =============== */
#tab-7 h2,
#tab-8 h2,
#tab-10 h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

#tab-7 h3,
#tab-8 h3,
#tab-10 h3 {
    font-size: 18px;
    float: none;
    text-transform: none;
    text-align: left;
}

#tab-7 p,
#tab-7 ul li #tab-8 p,
#tab-8 ul li,
#tab-10 p,
#tab-10 ul li {
    font-size: 18px;
}

.blue-border-grey-bg {
    border: 4px solid #6eb7e4;
    background: #f4f4f4;
    padding: 20px;
}

.module-1-section-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.module-1-section {
    width: 23.5%;
    align-items: center;
    margin-right: 2%;
}

.module-1-section:last-child {
    margin-right: 0;
}

.module-1-content-image {
    margin: 0 auto;
}

.module-1-content-image img {
    width: 100%;
    height: 100%;
}

.module-1-content-text ul {
    text-align: left;
    padding: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.module-1-content-text ul li {
    padding: 0px;
}

@media(max-width: 767px) {
    .modules-iframe {
        height: auto;
    }

    .module-1-section {
        width: 100%;
    }

    .module-1-content-image {
        width: 100%;
        margin: 0 auto;
    }

    .module-1-section-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: left;
    }
}

/* MODULE 2 */
.module-2-wrapper {
    width: 100%;
}

.module-2-content-image {
    width: 300px;
    height: 300px;
    background-color: grey;
    margin: 20px;
}

.module-2-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.module-2-content h3 {
    float: none !important;
}

.module-2-content-text-1 {
    max-width: 25%;
    margin-right: 150px;
}

.module-2-content-text-2 {
    max-width: 25%;
}

@media (max-width: 767px) {
    .module-2-content {
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

    .module-2-content-image {
        align-self: flex-end;
    }

    .module-2-content-text-1 {
        max-width: 50%;
        margin: auto;
    }

    .module-2-content-text-2 {
        max-width: 50%;
    }
}

/* MODULE 3 */
.module-3-section-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.module-3-section {
    margin-right: 20px;
}

.module-3-content {
    display: flex;
}

.module-3-content-1 {
    border-right: 1px solid black;
    padding-right: 10px;
}

.module-3-content-image img {
    width: 100%;
}

.module-3-content-text {
    width: 80%;
}

.module-3-content-text-1 {
    margin-left: 20px;
}

.module-3-content-text-2 {
    margin-left: 0 !important;
}

.module-3-content-text ul {
    font-size: 18px;
    text-align: left;
    padding: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.module-3-content-2 ul {
    font-size: 18px;
}

.module-3-content-text ul li {
    padding: 0px;
}

.module-3-content-text-1 {
    float: none !important;
}

.module-3-content-text-1 h3 {
    float: none !important;
}

.module-3-content-text-2 h3 {
    float: none !important;
}

.module-3-content-2 {
    display: flex;
    flex-direction: column;
}

@media (max-width:767px) {
    .module-3-content-image img {
        width: 100%;
        height: 100%;
    }

}

@media (max-width: 850px) {
    .module-3-section {
        margin-right: 0;
    }

    .module-3-content-1 {
        border-right: none;
    }

    .module-3-section-wrapper {
        flex-direction: column-reverse;
    }

    .module-3-content {
        flex-direction: column;
        margin-top: 20px;
    }

    .module-3-content-text-1 {
        margin: 0;
    }

}

/* MODULE 4 */
.module-4-section-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.module-4-section {
    width: 32%;
    align-items: center;
}

.module-4-content-section-middle {
    margin: 0 2%;
}

.module-4-content-image img {
    width: 100%;
    height: 100%;
}

.module-4-content-text ul {
    text-align: left;
    padding: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

.module-4-content-text ul li {
    padding: 0px;
}

@media (max-width: 600px) {
    .module-4-section-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: left;
    }

    .module-4-section {
        width: 100%;
        text-align: center;
    }

    .module-4-content-section-middle {
        margin: 0px;
    }
}

/* MODULE 5  */
.module-5-section-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.module-5-content-image img {
    width: 100%;
    height: 100%;
}

.module-5-content-text {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .module-5-section {
        width: 100% !important;
    }
}

/* ========= END MODULES =========== */

#rTabs .r-tabs-panel {
    padding: 15px 25px;
}



/* CONTACTLES UV FILTRATION PAGE */
.contactless-full-width-gradient-bg {
    position: relative;
    background: transparent;
}

.contactless-full-width-gradient-bg::before {
    display: block;
    background: linear-gradient(90deg, rgba(246, 247, 252, 1) 30%, rgba(173, 195, 229, 1) 65%, rgba(196, 212, 237, 1) 70%);
    content: '';
    width: 3000px;
    height: 100%;
    top: 0;
    left: -810px;
    z-index: 0;
    position: absolute;
}

.contactless-full-width-gradient-bg h1 {

    margin-bottom: 25px;
}

.contactless-full-width-gradient-bg p {
    font-size: 24px;
    line-height: 1.4;
}

.contactless-full-width-gradient-bg img {
    position: absolute;
    top: -70px;
    left: 550px;
}

@media (max-width:767px) {
    #extrapage .container.contactless-hands-free-holder {
        padding: 15px 0 !important;
    }

    .contactless-full-width-gradient-bg img {
        position: static;
    }

    .contactless-hands-free-holder {
        overflow: hidden;
    }
}

.hygenic-solutions-holder h2 {
    margin-bottom: 0;
}

.hygenic-solutions-holder h4 {
    font-size: 19px;
    color: rgb(51, 51, 51);
    margin-bottom: 35px;
    text-transform: none;
    margin-top: 70px;
}

.hygenic-solutions-holder p {
    font-size: 15px;
    color: rgb(51, 51, 51);
}

.hygenic-solutions-holder .col-md-3 {
    padding: 0 70px !important;
}

.hygenic-solutions-holder img {
    margin-bottom: 20px;
}

#extrapage .container.contactless-hands-free-holder {
    position: relative;
    background: #f1f1f1;
    padding: 0 !important;
}

@media (max-width:767px) {
    #extrapage .container.contactless-hands-free-holder {
        padding: 0px 15px !important;
    }
}

.contactless-hands-free-holder::before {
    display: block;
    background: #f1f1f1;
    content: '';
    width: 3000px;
    height: 100%;
    top: 0;
    left: -810px;
    z-index: -1;
    position: absolute;
}

.contactless-hands-free-holder h2 {
    margin-top: 25px;
    margin-bottom: 60px;
}

.contactless-hands-free-holder h3 {
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: none;
}

.contactles-hands-free-second-section {
    margin-top: 80px;
}

.providing-safe-holder h2 {
    margin-bottom: 80px;
}

.providing-safe-holder h4 {
    margin-top: 25px;
    margin-bottom: 30px;
    color: #71B5E2;
    text-transform: none;
    font-size: 19px;
    font-weight: normal;

}

.providing-safe-holder hr {
    border-top: 2px solid #f1f1f1;
}

.providing-safe-holder p {
    font-size: 15px;
    color: rgb(51, 51, 51);
}

.hygene-innovation-holder h2 {
    margin: 30px 0 25px;
}

#extrapage .container.explore-the-range-holder {
    background: #28374e;
    color: #FFF;
    padding: 35px !important;
}

.explore-the-range-holder h2 {
    color: #fff !important;
    margin-bottom: 10px;
}

.explore-the-range-holder a {
    color: #fff !important;
    margin-bottom: 10px;
}

.explore-the-range-holder a {
    color: #FFF;
    border-color: #FFF;
    margin-top: 60px;
    background-color: #147c89;
}

.explore-the-range-holder a:hover {
    color: #27374e !important;
    background: #FFF;
    border-color: #27374e;

}

.trust-the-experts-holder h2 {
    margin-bottom: 60px;
}

.trust-the-experts-holder h4 {
    text-transform: none;
}

.trust-the-experts-holder img {
    margin-top: 30px;
    margin-bottom: 30px;
}

.trust-the-experts-holder a {
    margin-top: 60px;
    background-color: #00b050;
    color: #FFF;
    border: none;
    border-radius: .25rem;
}

.trust-the-experts-holder a:hover {
    background-color: #019e48;
    color: #FFF;
}

/* CONTACTLES UV FILTRATION PAGE */


/* DRINKING FOUNTAINS BOTTLE FILTERS PAGE */
.drinking-fountains-wrapper {
    margin-top: -36px;
}

.drinking-fountains-wrapper h2 {
    font-size: 40px;
    line-height: 45px;
    margin: 60px 0 25px 0;
}

.drinking-fountains-wrapper p {
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 60px;
}

.nopadding {
    padding: 0;
}

.nopadding img {
    width: 100%;
    margin: 0;
}

.extra-padding {
    padding: 30px;
}

.top-image {
    height: 500px;
    position: absolute;
    top: 0px;
    left: 120px;
}

.drinking-fountains-full-width-light-blue {
    background: linear-gradient(180deg, rgba(54, 114, 172, 1) 0%, rgba(64, 134, 202, 1) 2%, rgba(64, 134, 202, 1) 100%);
    position: relative;
    z-index: 1;
}

.drinking-fountains-full-width-light-blue::before {
    background: linear-gradient(180deg, rgba(54, 114, 172, 1) 0%, rgba(64, 134, 202, 1) 2%, rgba(64, 134, 202, 1) 100%);
    position: absolute;
    display: block;
    content: "";
    width: 4000px;
    left: -2000px;
    height: 100%;

}

.drinking-fountains-first-row {
    padding-top: 36px;
}

.drinking-fountains-full-width-light-blue h1 {
    padding: 0px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 45px;
    font-weight: normal;
    margin: 0;
    margin-top: 60px;
    line-height: 55px;
    text-align: left;
}

.drinking-fountains-full-width-light-blue ul {
    list-style: none;
    font-size: 22px;
    display: block;
    color: #fff;
    margin: 0 0 40px 0;
    text-align: left;
    padding: 30px 0;
    line-height: 40px;
}

.white-tick {
    margin-right: 20px;
}

.drinking-fountains-full-width-dark-blue {
    background-color: #2e4568;
    position: relative;
}

.drinking-fountains-full-width-dark-blue::before {
    background-color: #2e4568;
    position: absolute;
    display: block;
    content: "";
    width: 4000px;
    left: -2000px;
    height: 100%;
}

.drinking-fountains-full-width-dark-blue h2 {
    font-size: 40px;
    line-height: 45px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 115px;
    color: #FFF;
}

.drinking-fountains-full-width-dark-blue h3 {
    font-size: 30px;
    line-height: 34px;
    color: #b4c7e7;
    font-weight: normal;
    margin-top: 0px;
}

.drinking-fountains-full-width-dark-blue p {
    font-size: 22px;
    line-height: 29px;
    color: #b4c7e7;
    margin-bottom: 60px;
}

.safe-clean-img-holder p {
    color: #FFF;
    margin: 20px 0 40px 0;
}

.green-tick {
    margin-bottom: 20px;
}

.drinking-fountains-full-width-sky-blue {
    position: relative;
    background: url(https://www.thewatercoolercompany.com/assets/images/blue_gradient_background_fountains.png?rdm=08E87166E157) no-repeat;
}

.drinking-fountains-full-width-sky-blue::before {
    background: url(https://www.thewatercoolercompany.com/assets/images/blue_gradient_background_fountains.png?rdm=08E87166E157) no-repeat;
    width: 6000px;
    position: absolute;
    content: "";
    display: block;
    top: 0;
    height: 100%;
    z-index: 0;
    left: -40%;
}

.find-out-more-section {
    background-color: #4086ca;
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    padding: 5px;

    justify-content: space-around;
    position: relative;
}

.find-out-more-section::before {
    background: #4086ca;
    width: 6000px;
    position: absolute;
    content: "";
    display: block;
    top: 0;
    height: 100%;
    z-index: 0;
    left: -2000px;
}

.find-out-more-section h2 {
    font-size: 30px;
    line-height: 45px;
    font-weight: normal;
    color: #fff;
    margin-top: 32px;
}

.find-out-more-section-link {
    display: block;
    width: 270px;
    text-decoration: none !important;
    color: #fff !important;
    border: 3px solid #fff;
    margin: 30px;
    font-size: 20px;
    padding: 10px;
    text-align: center;

}

.find-out-more-section-link:hover {
    background: #fff;
    color: #4086ca !important;
    border: 3px solid #4086ca !important;
}

.find-out-more-section-link:active,
.find-out-more-section-link:focus {
    text-decoration: none !important;

}

.drinking-fountains-full-width-grey {
    background-color: #e8ebed;
    position: relative;
}

.drinking-fountains-full-width-grey::before {
    background: #e8ebed;
    width: 6000px;
    position: absolute;
    content: "";
    display: block;
    top: 0;
    height: 100%;
    z-index: 0;
    left: -2000px;
}

.mark-spencer-image-holder {
    margin-bottom: 40px;
}

.df-form-holder {
    width: 100%;
    display: block;
    margin: auto;
    background: #4086ca;
}

.df-form-holder .form-holder-title {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #52bf76;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 0;
    font-weight: 400;
    border-radius: 3px 3px 0 0;
    margin: 0px;
    font-size: 22px;
}

.df-form-holder form {
    display: block;
    width: 80%;
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #4086ca;
    padding: 10px 20%;
}

.df-form-holder input,
.df-form-holder textarea {
    width: 100%;
    padding: 10px 1%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #000;
    border: 1px solid #d1d1d1;
    margin: 5px 0 15px 0;
    border-radius: 0;
    height: 40px;
}

.df-form-holder form .form-titles {
    color: #FFF;
    font-size: 18px;
    display: block;
    margin-top: 10px;
}

.df-form-holder .name-field,
.df-form-holder .phone-field {
    width: 100%;
    display: block;
}

.df-form-holder .form-group {
    margin-top: 15px;
}

.df-form-holder .name-field {
    margin-top: 25px;
}

.df-form-holder input.btn-submit {
    display: block;
    width: 330px;
    height: 49px;
    padding: 10px 4%;
    border: 3px solid #FFF;
    text-decoration: none;
    background: #00b050;
    font-size: 20px;
    line-height: 25px;
    cursor: pointer;
    margin: 30px auto;
    text-transform: uppercase;
    color: #FFF;
}

.df-form-holder input.btn-submit:hover {
    background: #FFF;
    color: #00b050;
    border: 3px solid #00b050;
}

.df-form-holder input.btn-submit:active {
    outline: none;
}

.df-form-holder a {
    color: #666;
}

.df-form-holder textarea {
    height: 80px;
}

.gdpr-email-message {
    color: #606060;
    text-align: center;
}

.experts-area {
    display: block;
    padding: 0 0 0 0;
    text-align: center;
    margin-bottom: 20px;
}

.experts-area h2 {
    margin: 20px;
    font-size: 40px;
}

.experts-area p {
    margin-bottom: 30px;
}

@media (max-width:990px) {
    .top-image {
        height: 300px;
        position: absolute;
        top: 140px;
        right: 0;
    }
}

@media (max-width:675px) {
    .top-image {
        height: 200px;
        position: absolute;
        top: 430px;
        right: 45px;
    }

    .drinking-fountains-full-width-light-blue h1 {
        text-align: center !important;
        font-size: 40px;

    }

    .mobile-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .mobile-normal {
        flex-direction: column;
    }

    .df-form-holder {
        width: 100%;
    }

    .df-form-holder input.btn-submit {
        width: 100%;
    }

    .df-form-holder form {
        padding: 10px;
    }
}

/* DRINKING FOUNTAINS BOTTLE FILTERS PAGE  END */

/* ICE COLD WATER DISPENSERS PAGE */
#stay-cool-form-landing-top h1 {
    font-size: 50px;
    margin: 20px 0 10px 0;
    color: #333F50;
    text-transform: capitalize;
}

#stay-cool-form-landing-top h3 {
    font-size: 25px;
    margin: 0 0 10px 0;
    color: #333F50;
    text-transform: capitalize;

}

.stay-cool-form-h3 {
    color: #fff !important;
    font-size: 1.15em !important;
    text-transform: uppercase !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

#simple-short-form-landing-top-form .stay-cool-top-form {
    margin-top: 10px;
}

#simple-short-form-landing-top-form .stay-cool-top-form input {
    height: 51px;
}

#stay-cool-form-landing-top img {
    position: absolute;
    z-index: 0;
    bottom: 0;
}

#stay-cool-form-landing-top {
    position: relative;
    margin-top: -30px;
}

#stay-cool-form-landing-top::before {
    position: absolute;
    display: block;
    content: "";
    width: 4000px;
    left: -1428px;
    height: 100%;
    background: #e9ebea url(https://www.thewatercoolercompany.com/assets/images/wet-glass-before.jpg) 50% 100% repeat-x;
    z-index: 0;
    bottom: 0;

}

.stay-cool {
    margin-top: 50px;
}

.lets-get-you-hydrated {
    background: #b7aea7 url(https://www.thewatercoolercompany.com/assets/images/holding-glass.jpg) no-repeat;
    margin-top: 60px;
    margin-bottom: 60px;
    min-height: 350px;
}

.lets-get-you-hydrated h2 {
    color: #333F50;
    text-transform: capitalize;
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 35px;

}

.lets-get-you-hydrated p {
    margin-right: 30px;
    font-size: 20px;

}

.lets-get-you-hydrated a {
    font-size: 21px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    color: #fff;
    background: #0070C0;
    border: 2px solid #0070C0;
    border-radius: 0;
}

.lets-get-you-hydrated a:hover {
    background: #FFF;
    color: #0070C0;
}

.lets-get-you-hydrated a:focus,
.lets-get-you-hydrated a:active {
    outline: none;
}

@media(max-width:680px) {
    #stay-cool-form-landing-top::before {
        display: none;
    }

    .lets-get-you-hydrated {
        background: #b7aea7;
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 1px 0;
        text-align: center;
    }

    #stay-cool-form-landing-top h1 {
        font-size: 45px;

    }

    #stay-cool-form-landing-top h3 {
        font-size: 25px;

    }

    #stay-cool-form-landing-top .top-glass {
        position: relative;
        width: 100%;
        height: 100%;
    }
}

/* ICE COLD WATER DISPENSERS PAGE  END */
/* ====== IF PROD HAS NO PRICE  SEARCH TEMPLATE STYLES ====== */

.no-price-prod {
    display: block !important;
    color: #e50943;
}


/* ====== IF PROD HAS NO PRICE  SEARCH TEMPLATE STYLES END ====== */

#itemsBlock .paging strong {
    text-decoration: none;
}

#itemsBlock .paging a:hover {
    text-decoration: none;
}

/* =====  Font size change on check out form */
#checkoutSinglePage .chkField input,
#checkoutSinglePage .chkQuestions textarea,
#checkoutSinglePage .chkComments textarea,
#checkoutSinglePage select {
    font-size: 14px;
}

/* ====== zip-instant-boiling-sparkling-tap ====== */
/* #999999 == 60% grey */
/* #333333 == 80% grey */
#zip-boiling-sparkling body {
    font-size: 19px;
    color: #222A35;
    line-height: 1.6em;
}

#zip-boiling-sparkling h1 {
    font-size: 80px;
    font-weight: normal;
    color: #FFF;
}

#zip-boiling-sparkling h2 {
    font-weight: bold;
    font-size: 48px;
    color: #000;
    margin: 60px 0 30px 0;

}

#zip-boiling-sparkling h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #222A35;
    margin: 30px 0
}

#zip-boiling-sparkling h4 {
    margin: 45px 0;
}



#zip-boiling-sparkling i {
    margin-left: -25px;
}

#zip-boiling-sparkling .call-now-mobile {
    display: none;
}

#zip-boiling-sparkling .plus-icon {
    margin-left: -3px;
}

.feature-regular {
    font-size: 19px;
    font-weight: normal;
    color: #999999;
}

.feature-bold {
    font-size: 19px;
    font-weight: bold;
    color: #666666;
}

.feature-links {
    font-size: 24px;
    font-weight: normal;
}

.top-icon-holder {
    margin: 30px 0;
}

.top-icon-holder p {
    font-size: 19px;
    line-height: 27px;
    color: #222A35;
    font-weight: 400;
}

#zip-boiling-sparkling .top-icon-holder h3 {
    text-transform: none;
}

.light-blue-holder {
    background-color: #deeaf6;
    min-height: 500px;
    margin-top: 40px;
    position: relative;
    z-index: 0;
}

.light-blue-holder::before {
    display: block;
    background: #deeaf6;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

#zip-boiling-sparkling .light-blue-holder h2 {
    font-size: 46px;
    line-height: 51px;
    color: #222A35;
    margin-right: 90px;

}

#zip-boiling-sparkling .light-blue-holder h3 {
    font-size: 24px;
    line-height: 30px;
    color: #222A35;
    margin-left: 50px;
    margin-right: 138px;
    text-transform: none;
}

.video-img-holder:hover {
    cursor: pointer;
}

.video1 {
    margin-top: -180px;
    margin-bottom: 50px;
}

.video-display {
    display: none;
}

video {
    outline: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.video:focus {
    outline: none;
}

.after-video-text-holder {
    margin-top: 30px;

}

.after-video-title {

    font-size: 24px;
    color: #0071c1;
    margin: 0;
    font-weight: normal;
}

#zip-boiling-sparkling .after-video-text-holder p {
    min-height: 330px;
    font-style: italic;
    color: #222A35;
}

small {
    font-size: 17px;
    line-height: 23px;
    color: #000;
    font-weight: 800;
}

.hydrotap-slider-holder {
    margin: 80px 0 40px 0;
}

#zip-boiling-sparkling .hydrotap-slider-holder h3 {
    font-size: 28px;
    line-height: 36px;
    color: #222a35;
    font-weight: 700;
    text-transform: none;
}

#zip-boiling-sparkling .hydrotap-slider-holder p {
    font-size: 19px;
    line-height: 27px;
    color: #222a35;
    font-weight: 400;
}

.hydrotap-slider-holder button {
    font-size: 17px;
    line-height: 23px;
    color: #fff;
    font-weight: 800;
    background-color: #00b0f0;
    border: none;
    border-radius: .65rem;
    padding: 10px 50px;
    margin: 45px 0;
}

.hydrotap-slider-holder button:active,
.hydrotap-slider-holder button:focus {
    outline: none;
}

.hydrotap-slider-holder button:hover {
    background-color: #2ab7eb;
}

.bottom-page-button button {
    font-size: 17px;
    line-height: 23px;
    color: #fff;
    font-weight: 800;
    background-color: #00b0f0;
    border: none;
    border-radius: .65rem;
    padding: 10px 50px;
    margin: 45px 0;
}

.bottom-page-button button:active,
.bottom-page-button button:focus {
    outline: none;
}

.bottom-page-button button:hover {
    background-color: #2ab7eb;
}

.blue-footer-holder {
    background-color: #0071c0;
    width: 100%;
    height: 90px;
    position: relative;
    z-index: 0;
    margin-bottom: -1px;
}

.blue-footer-holder::before {
    display: block;
    background: #0071c0;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

#logo2 {
    display: inline-block;
    margin-top: 10px;
}

.blue-footer-holder a {
    text-decoration: none;
    color: #f3f3f3;
    float: right;
    margin-top: 40px;
    margin-right: 20px
}

.blue-footer-holder a:hover {
    text-decoration: underline;
    color: #f3f3f3;
}

/* FORM STYLES */
.landing-form-surname,
.landing-form-source,
.landing-form-consent,
.landing-form-form,
#fake_frame {
    display: none !important;
}

#zip-boiling-sparkling .form-holder-zip-instant {
    background-color: #0071c0;
    margin: -90px 37px 0px 0px;
    padding: 30px 30px;
    color: #f3f3f3;
    min-height: 700px;
}

#zip-boiling-sparkling .form-holder-zip-instant h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0;
    color: #f3f3f3;
}

#zip-boiling-sparkling .form-holder-zip-instant p {
    font-size: 19px;
    line-height: 27px;

}

.form-holder-zip-instant input::placeholder,
.form-holder-zip-instant textarea::placeholder {
    color: #7f7f7f !important;
    font-size: 19px;
    line-height: 27px;
}

.form-holder-zip-instant input:focus,
.form-holder-zip-instant textarea:focus {
    color: #000 !important;
    font-size: 19px;
    line-height: 27px;
}

.form-holder-zip-instant input,
.form-holder-zip-instant textarea {
    padding: 5px 10px;
    display: block;
    color: #333333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .65rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    margin: 20px auto;
    width: 95%;
    height: 50px;
    font-size: 19px !important;
}

.landing-form-message {
    height: 100px !important;

}

.form-holder-zip-instant input:focus,
.form-holder-zip-instant textarea:focus,
.green-btn:focus {
    border-color: #2a9fff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 93, 169, .25);
    box-shadow: 0 0 0 0.2rem rgba(0, 93, 169, .25);
}

.green-btn:active {
    color: #FFF !important;
    outline: 0 !important;
}

.form-holder-zip-instant input.landing-form-submit,
.green-btn {
    width: 95%;
    align-self: center;
    margin-bottom: 30px;
    background-color: #e66a14;
    color: #FFF;
    font-size: 24px;
    line-height: 36px;
    margin-top: 30px;
    font-weight: 700;
    border: none;
}

.form-holder-zip-instant input.landing-form-submit:focus {
    color: #fff !important;
}

.form-holder-zip-instant input.landing-form-submit:hover,
.green-btn:hover {
    background-color: #e47c32;
    color: #FFF;
}

label {
    align-self: flex-start;
    margin-top: 30px;
}

.full-bg-image {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/ibw-main-img.jpg?rdm=4451755169C5');
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 800px;
    margin-top: -30px;
}

.full-bg-img-text-holder {
    padding: 20px 95px;
    background-color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
    max-width: 600px;
    min-height: 800px;
    margin-left: -50px;
}

.full-bg-img-text-holder img {
    margin-top: 40px;
}

#zip-boiling-sparkling .full-bg-img-text-holder h2 {
    margin: 50px 0 80px;
    color: #222A35;
    font-size: 50px;
    line-height: 58px;

}

#zip-boiling-sparkling .full-bg-img-text-holder h3 {
    font-size: 24px;
    line-height: 30px;
    color: #222A35;
    text-transform: none;
}

#zip-boiling-sparkling .full-bg-img-text-holder i {
    padding: 0;
}


.cutting-edge-holder {
    margin: 80px 0
}

#zip-boiling-sparkling .cutting-edge-holder h3 {
    text-transform: none !important;
}

.technicians-container {
    background-color: #0071c0;
    color: #f3f3f3;
}

.technicians {
    margin-left: -15px;
}

.technicians-text-holder .small-zip-img {
    display: block;
    margin: 10px auto 0;
}

#zip-boiling-sparkling .technicians-text-holder i {
    margin: 0 15px 0 0;
}

#zip-boiling-sparkling .technicians-text-holder h3 {
    font-size: 28px;
    line-height: 36px;
    color: #f3f3f3;
    margin: 10px;
    text-transform: none;
}

.technicians-text-holder ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.technicians-text-holder ul li {
    margin: 10px 0;
}

#zip-boiling-sparkling .gdpr-email-message {
    font-size: 12px;
    line-height: 1.5;
}

#zip-boiling-sparkling .gdpr-email-message a {
    color: #f3f3f3;
}

.ultimate-workplace-holder {
    background: url("https://www.thewatercoolercompany.com/assets/images/ibw-ultimate-workplace.png?rdm=2DD73CACFCA1") no-repeat;
    background-position: 50%;
    min-height: 500px;
}

.ultimate-workplace-text-holder {
    margin-top: 50px;
    padding: 60px;
    margin-bottom: 0;
}

#zip-boiling-sparkling .ultimate-workplace-text-holder h2 {
    font-size: 35px;
    color: #222A35;
}

#zip-boiling-sparkling .ultimate-workplace-text-holder h3 {
    font-size: 20px;
    font-weight: normal;
    color: #222A35;
    text-transform: none;
}

.zip-celsius-holder {
    background: url("https://www.thewatercoolercompany.com/assets/images/Hydrotap-celcius.jpg?rdm=8F2F227EE57A") no-repeat;
    background-position: 50%;
    min-height: 500px;
    margin-top: 40px;
}

.zip-celsius-text-holder {
    margin-top: 50px;
    padding: 60px;
    margin-bottom: 0;
}

#zip-boiling-sparkling .zip-celsius-text-holder h2 {
    font-size: 35px;
    color: #222A35;
}

#zip-boiling-sparkling .zip-celsius-text-holder h3 {
    font-size: 20px;
    font-weight: normal;
    color: #222A35;
    text-transform: none;
}

@media (max-width: 600px) {

    .ultimate-workplace-holder,
    .zip-celsius-holder {
        background-position: 50% 0px;
        background-size: contain;
        margin-top: 0;
        min-height: 400px;
    }

    .ultimate-workplace-text-holder,
    .zip-celsius-text-holder {
        margin-top: 300px;
        padding: 0px;
    }

    #zip-boiling-sparkling .ultimate-workplace-text-holder h2,
    #zip-boiling-sparkling .zip-celsius-text-holder h2 {
        font-size: 30px;
    }

    #zip-boiling-sparkling .ultimate-workplace-text-holder h3,
    #zip-boiling-sparkling .zip-celsius-text-holder h3 {
        font-size: 19px;
    }

    .form-holder-zip-instant {
        margin: 50px 0;
    }

    .light-blue-holder {
        margin: 0;
        min-height: 400px;
    }

    .full-bg-img-text-holder {
        margin: 50px auto 0 !important;
        padding: 0;
    }
}

@media (max-width: 425px) {

    .ultimate-workplace-text-holder,
    .zip-celsius-text-holder {
        margin-top: 205px !important;
    }
}

@media (max-width: 800px) {

    .ultimate-workplace-holder,
    .zip-celsius-holder {
        text-align: center;
    }

    .top-icon-holder {
        text-align: center;
    }

    #zip-boiling-sparkling .after-video-text-holder p {
        min-height: 200px;
    }

    .cutting-edge-holder {
        margin: 80px auto;
    }

    .full-bg-img-text-holder {
        margin: 170px auto 0;
        min-height: 300px;
        text-align: center;

    }

    .call-now-mobile {
        display: block;
        font-size: 19px;
        text-decoration: none;
        background: #e50943;
        color: #fff !important;
        width: 160px;
        position: absolute;
        top: 0px;
        right: 0;
        padding: 8px;
        font-weight: normal;
    }

    .call-now-mobile:hover {
        text-decoration: none;
    }

    .call-now-mobile:active,
    .call-now-mobile:focus {
        text-decoration: none;
    }

    .call-now-mobile img {
        width: 25px !important;
        height: 25px;
        margin: 0;
        margin-right: 5px;
    }

    #zip-boiling-sparkling .full-bg-img-text-holder i {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;

    }

    .full-bg-img-text-holder img {
        width: 130px;
    }

    #zip-boiling-sparkling body {
        text-align: center;
    }

    #zip-boiling-sparkling p {
        margin: 5px;
    }

    .video-overlay-holder {
        position: absolute;
        width: 100%;

    }

    #zip-boiling-sparkling img {
        margin: 20px 0 20px 0;
    }

    #responsive img {
        width: 100%;
        height: auto;
    }

    .video-overlay-holder h1 {
        font-size: 35px;
        margin-top: 35vh;
        margin-bottom: 20px;
    }

    .video-overlay-holder h2 {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 20px;

    }

    .video-overlay-holder button {
        float: none;
        margin: 0 auto;
    }

    .video-overlay-holder img {
        float: none;
    }

    .form-holder-zip-instant {
        margin: 50px;
    }

    .light-blue-holder {
        margin: 0 25px;
        min-height: 400px;
        padding: 0;
    }

    #zip-boiling-sparkling .light-blue-holder h2 {
        margin: 50px 0 20px !important;
        font-size: 40px;
    }

    #zip-boiling-sparkling .light-blue-holder h3 {
        margin: 0 0 20px 0 !important;
    }

    .video1 {
        margin: 20px 0;
    }

    .after-video-text-holder {
        text-align: center;
    }

    .cutting-edge-holder {
        text-align: center;
    }

    .extra-height {
        margin-top: 30px;
    }

    .extra-top-margin {
        margin-top: 0;
    }

    .mobile-column-reverse-holder {
        display: flex;
        flex-direction: column-reverse;
    }

    .technicians {
        margin: 0;
    }

    .technicians-text-holder ul {
        text-align: left;
    }

    .technicians-text-holder ul li {
        margin: 0;
    }

    .tick {
        margin-top: 60px;
    }

    .tick::before {
        top: -45px;
        left: 50%;
        transform: translate(-50%);
    }

    .form-holder-padding {
        padding: 20px;
    }

    .green-btn {
        width: 80%;
    }

    .full-bg-image {
        padding-top: 30vh;
        background-position: 50% 0px;
        background-size: contain;
        min-height: 500px !important;
    }

    .full-bg-img-text-holder img {
        display: none;
    }

    #zip-boiling-sparkling .full-bg-img-text-holder h2 {
        font-size: 35px;
        margin-top: 0;
        margin-bottom: 0;
    }

    #comm100-container {
        display: none;
    }

    .cutting-edge-holder img {
        margin: 0 auto;
    }

    .form-holder-zip-instant {
        padding: 0;
    }
}

@media (max-width: 1000px) {
    .form-holder-zip-instant {
        margin: 50px 0;
    }

    .after-video-text-holder p {
        min-height: 200px;
    }

    .top-icon-holder {
        text-align: center;
    }

    .cutting-edge-holder {
        text-align: center;
    }

    .hydrotap-slider-holder {
        text-align: center;
    }

    .after-video-text-holder {
        text-align: center;
    }
}

@media (max-width:1200px) {
    .technicians {
        margin: 0;
        width: 100%;
    }
}

.gdpr-email-message-white {
    color: #FFF !important;
}



/* ====== zip-instant-boiling-sparkling-tap END====== */


/* CHECK OUT PAGE CHANGES */

#divCheckoutQuestions .chk-questions-section .required img {
    margin-left: 10px;
}

#checkoutSinglePage form #spanCheckout button {
    background: #00b050;
    text-align: center;
    color: #FFF;
    border: none;
    margin-bottom: 0px;
    border-radius: 8px;

}

#checkoutSinglePage form #spanCheckout button:hover {
    background: #019e48;
    border: none;
}

#checkoutSinglePage form #spanCheckout button:focus,
#checkoutSinglePage form #spanCheckout button:active {
    background: #019e48;
    border: none;
}

.sage-pay-sister {
    margin-bottom: 40px;
    margin-top: 10px;
    font-size: 12px;
    color: #0F6CB1;
    line-height: 1.5;
    min-width: 514px;
    text-align: left;
    float: right;
}

.sage-pay-sister img {
    display: block;
    float: right;
    height: auto;
    margin-right: 219px;
}

@media (max-width:800px) {
    .sage-pay-sister {
        float: none;
        width: auto !important;
        text-align: center;
        min-width: auto !important;
        margin: 0;
    }

    .sage-pay-sister img {
        float: none;
        margin: 0 auto;
    }

    #checkoutSinglePage form #spanCheckout button {
        margin: 20px auto;
        display: block;
    }
}

/* CHECK OUT PAGE CHANGES END */

/* SAME BUTTON AS SLIDER STYLES */
.main-slider-style-btn {
    color: #FFF !important;
    border-color: #FFF !important;
    margin-top: 20px !important;
    margin-bottom: 20px;
    background-color: #147c89 !important;
}

.main-slider-style-btn:hover {
    color: #27374e !important;
    border-color: #27374e !important;
    background: #FFF !important;
}

/* SAME BUTTON AS SLIDER STYLES END */
.education-contactless-img {
    margin: 30px auto;
    display: block;
}

.education-sector #simple-short-form-landing-form-holder {
    color: #FFF;
    text-align: center;
    margin-bottom: 80px;
}

.education-sector #simple-short-form-landing-form-holder h3 {
    color: #FFF;
    margin: 15px;
    padding: 0;
    border: none;
}

.education-sector #simple-short-form-landing-form-holder #landing-form-name2,
.landing-form-name2 {
    margin-top: 10px;
}

.education-sector #simple-short-form-landing-form-holder a {
    color: #6CB8E5;
    text-decoration: none;
}

/* CATEGORY DISCOUNT BLURP */
.category-discount-blurp {
    padding: 20px !important;
}

.category-discount-blurp .discount-blurp-heading {
    font-size: 12px;
    font-weight: bold;
}

.category-discount-blurp p {
    font-size: 12px;
}

/* CATEGORY DISCOUNT BLURP  END*/


/*=========== 360 VIEWER ==========*/
.viewer {
    position: relative;
    margin: 20px 0;
}

#pdtViewer {
    width: 100%;
    /* width: 67%; */
    margin: 0 auto;
}

#pdtViewer img {
    width: 100%;
    padding: 40px 20px;
    border: .5px solid #eee;
    user-select: none;
    -moz-user-select: none;
}

#dummy {
    display: none;
}

.loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
    top: 0;
}

.three-bounce {
    text-align: center;
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.three-bounce div {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both;
}

.three-bounce .one {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.three-bounce .two {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

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

.btnDiv button {
    margin: 4px 8px;
    padding: 20px;
    border: 0;
    background-color: #28374e;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

.btnDiv button:active {
    background-color: #2f3d52;
}

.btnDiv button:hover {
    box-shadow: 0 0 8px 1px #1b8eff;
}

.btnDiv button:focus {
    outline: 0;
}

.btnDiv button:before,
.btnDiv button.pause:after,
.btnDiv button.plus:after,
.btnDiv button.right:after,
.btnDiv button.left:after {
    position: absolute;
    content: "";
}

.btnDiv button.play:before,
.btnDiv button.left:before,
.btnDiv button.right:after {
    border: 11px solid transparent;
    border-left-color: inherit;
    left: 16px;
    top: 24%;
}

.btnDiv button.pause:before,
.btnDiv button.pause:after {
    left: 12px;
    top: 28%;
    width: 6px;
    height: 19px;
    background: #fff;
}

.btnDiv button.pause:after {
    right: 12px;
    left: auto;
}

.btnDiv button.stop:before {
    left: 11px;
    top: 25%;
    width: 45%;
    height: 50%;
    background: #fff;
}

.btnDiv button.plus:before {
    left: 17px;
    top: 27%;
    background: #fff;
    width: 6px;
    height: 20px;
}

.btnDiv button.plus:after,
.btnDiv button.minus:before,
.btnDiv button.right:before,
.btnDiv button.left:after {
    left: 9px;
    top: 44%;
    background: #fff;
    width: 22px;
    height: 6px;
}

.btnDiv button.left:after {
    left: 11px;
    width: 21px;
}

.btnDiv button.right:before {
    width: 20px;
}

.btnDiv button.left:before,
.btnDiv button.play.leftNav:before {
    border-right-color: inherit;
    border-left-color: transparent;
    left: -4px;
}

.btnDiv button.right:after {
    left: 22px;
}

.btnDiv button.play.leftNav:before {
    left: 1px;
    top: 21%;
}

.btnDiv.navDiv {
    text-align: left;
}

.btnDiv.navDiv button {
    position: absolute;
    top: 50%;
}

.btnDiv.navDiv button.rightNav {
    right: 0;
}

img.draggable {
    cursor: e-resize;
}

img.keys {
    cursor: pointer;
}

@keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@media screen and (max-width:1030px) {
    #pdtViewer img {
        width: 100%;

    }
}

@media screen and (max-width:992px) {
    .hidePhone {
        display: none;
    }

    .btnDiv {
        zoom: .7;
    }
}

@media screen and (max-width:1250px) {
    #pdtViewer img {
        padding: 40px 0;
    }

    #pdtViewer {
        width: 95%;
    }
}

@media screen and (max-width:767px) {
    h1 {
        margin-top: 60px;
    }
}

/*=========== 360 VIEWER ==========*/

/* ============= School Page =============*/
.school-page-full-bg-image {
    background-image: url(https://www.thewatercoolercompany.com/assets/images/Shcool-page-header.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 700px;
    margin-top: -30px;
}

.school-page-full-bg-img-text-holder {
    max-width: 520px;
    min-height: 700px;
}

.twenty-percent-off {
    position: absolute;
    top: 30px;
    right: 55px;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    background: #e50943;
    text-align: center;
    padding: 40px 20px;
    color: #fff;
}

.twenty-percent-off strong {
    font-size: 30px;
}

.sensor-fountain-section h3 {
    font-size: 20px !important;
    margin: 10px 0 !important;
    text-transform: None;
}

.sensor-fountain-section img {
    margin: 0;
}

.school-page-light-blue-holder {
    min-height: 250px;
}

.school-page-trust-the-experts-holder button {
    width: 60%;
    background-color: #e50943;
}

.school-page-trust-the-experts-holder button:hover {
    background-color: #cf0a3e;
}

#schools-page .product-container {
    width: 33%;
}

#schools-page {
    margin-top: 30px;
}

@media (max-width: 800px) {
    .school-page-full-bg-image {
        padding-top: 30vh;
        background-position: 50% 0px;
        background-size: contain;
        min-height: 500px !important;
        margin-top: -25px;
    }

    .school-page-full-bg-img-text-holder {
        min-height: 300px;
        text-align: center;
    }

    .twenty-percent-off {
        top: -2px;
        right: 33px;
        font-size: 10px;
        width: 60px;
        height: 60px;
        padding: 0;
        padding-top: 9px;
    }

    .twenty-percent-off strong {
        font-size: 10px;
    }
}

.schools-case-study {
    background: #00b0f0;
    color: #fff;
    padding: 30px 50px;
    margin: 50px 0;
}

.schools-case-study .schools-case-quote {
    text-align: center;
    font-style: italic;
}

@media (max-width:767px) {
    #schools-page .product-container {
        width: 100%;
    }

    #schools-page .product-container img {
        margin: 0 auto;
    }

    .school-page-trust-the-experts-holder button {
        width: 100%;
    }

    .school-page-light-blue-holder h3 {
        font-size: 18px !important;
    }

    .form-holder-zip-instant {
        width: 100%;
        margin: 0 !important;
    }

    .schools-case-study {
        padding: 0;
    }

    .schools-case-study .schools-case-quote {
        margin: 30px 0 !important;
    }
}

/* ============= School Page END =============*/
/* ============= Gyms Page =============*/
.gyms-page-hero-image {
    background-image: url(https://www.thewatercoolercompany.com/assets/images/Gyms-hero-image.jpg?rdm=C3FA2F754E45);
    min-height: 800px;
    background-position: 80%;
}

.gyms-page-text-holder {
    min-height: 800px;
    max-width: 550px;
}

#gyms-page .product-container {
    width: 33%;
}

#gyms-page {
    margin-top: 30px;
}

@media (max-width:800px) {
    .gyms-page-hero-image {
        background-position: 50% 0px;
    }

    .gyms-page-text-holder {
        min-height: 300px;
        ;
    }

    #gyms-page .product-container {
        width: 100%;
    }

    #gyms-page .product-container img {
        margin: 0 auto;
    }
}

/* ============= Gyms Page END =============*/

#main-form-holder.container-grey input.landing-form-submit {
    height: auto;
}

#main-form-holder.container-grey .gdpr-email-message {
    text-align: left;
}

#main-form-holder.container-grey .gdpr-email-message a {
    color: #337ab7;
}

/* NEW ICE COLD WATER DISPENSERS PAGE */
.ice-cold-wd-page-hero-image {
    background-image: url(https://www.thewatercoolercompany.com/assets/images/Glass-water-ice-cold_The-Water-Cooler-Company-1261.jpg);
    min-height: 800px;
    background-position: 50%;
}

.three-months-free {
    position: absolute;
    top: 30px;
    right: 55px;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    background: #e50943;
    text-align: center;
    padding: 47px 20px;
    color: #fff;
    line-height: 1.2;
}

.three-months-free strong {
    font-size: 40px;
}

#ice-cold-water-dispensers-page .full-bg-img-text-holder h2 {
    margin: 50px 0 80px;
    color: #222A35;
    font-size: 54px;
    line-height: 58px;
}

#ice-cold-water-dispensers-page .full-bg-img-text-holder h3 {
    font-size: 30px;
    line-height: 35px;
    color: #222A35;
    text-transform: none;
}

.ice-cold-water-dispensers-light-blue-holder {
    margin-top: 0;
}

.ice-cold-above-vid-light-blue-holder {
    min-height: 560px;
}

.ice-cold-page-red-btn-holder button {
    background: #e50943;

}

.ice-cold-page-red-btn-holder button:hover {
    background: #cf0a3e;

}

#ice-cold-after-video-text-holder .after-video-text-holder {
    padding: 0 35px;
}

#ice-cold-after-video-text-holder .after-video-text-holder p {
    min-height: 200px;
    font-style: italic;
    color: #222A35;
}

#ice-cold-water-form-holder {
    background-color: #0071c0;
    margin: 90px 0;
    margin-top: 110px;
    padding: 30px 30px;
    color: #f3f3f3;
    min-height: 700px;
}

#ice-cold-water-form-holder .form-holder-zip-instant {
    padding: 0 200px;
}

#ice-cold-water-form-holder .form-holder-zip-instant h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0;
    color: #f3f3f3;
}

#ice-cold-water-form-holder .form-holder-zip-instant p {
    font-size: 19px;
    line-height: 27px;
}

#ice-cold-water-form-holder .gdpr-email-message a {
    color: #f3f3f3;
}

#ice-cold-bottled-water-delivery-img-holder {
    background: url(https://www.thewatercoolercompany.com/assets/images/bottle-water-deliver-bottles.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
    clear: both;
    height: 350px;
}

#zip-boiling-sparkling .ice-cold-above-vid-light-blue-holder h2 {
    margin: 60px 0 30px 0;
}

#zip-boiling-sparkling .ice-cold-above-vid-light-blue-holder h3 {
    margin-right: 80px;
}

.ice-cold-google-image-holder {
    margin-top: 60px;
}

@media (max-width:800px) {
    #ice-cold-bottled-water-delivery-img-holder {
        background: none;
        height: auto;
        padding: 0px 0 0 20px;
    }

    .three-months-free {
        top: -2px;
        right: 33px;
        font-size: 10px;
        width: 60px;
        height: 60px;
        padding: 0;
        padding-top: 14px;
    }

    .three-months-free strong {
        font-size: 10px;
    }

    #ice-cold-water-form-holder {
        padding: 30px 0;
    }

    #ice-cold-water-form-holder .form-holder-zip-instant {
        padding: 0;
    }

    .ice-cold-wd-page-hero-image {
        background-position: 50% 0px;
    }

    .gyms-page-text-holder {
        min-height: 300px;
        ;
    }

    #gyms-page .product-container {
        width: 100%;
    }

    #gyms-page .product-container img {
        margin: 0 auto;
    }
}

/* NEW ICE COLD WATER DISPENSERS PAGE  END */
/* SOME SPACING CLASSES */
.margin-top-0 {
    margin-top: 0
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

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

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-right-15 {
    margin-right: 15px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

@media(min-width:991px) {
    .margin-md-top-50 {
        margin-top: 50px;
    }

    .margin-md-bottom-50 {
        margin-bottom: 50px;
    }

    .margin-md-top-100 {
        margin-top: 100px;
    }

    .margin-md-bottom-100 {
        margin-bottom: 100px;
    }
}

@media(max-width:991px) {
    .margin-sm-top-50 {
        margin-top: 50px;
    }

    .margin-sm-bottom-50 {
        margin-bottom: 50px;
    }

    .padding-sm-top-50 {
        padding-top: 50px;
    }

    .padding-sm-bottom-50 {
        padding-bottom: 50px;
    }

    .margin-sm-top-100 {
        margin-top: 100px;
    }

    .margin-sm-bottom-100 {
        margin-bottom: 100px;
    }
}

/* NEW DRINKING FOUNTAINS BOTTLE FILLERS PAGE */
.drinking-fountaines-bf-page-full-bg-image {
    background-image: url(https://www.thewatercoolercompany.com/assets/images/drinking-fountains-hero-img.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    min-height: 700px;
    margin-top: -30px;
}

.drinking-fountains-bf-page-full-bg-img-text-holder {
    max-width: 560px;
    padding: 20px 30px 0 90px;
}

#zip-boiling-sparkling .drinking-fountains-bf-page-full-bg-img-text-holder h2 {
    font-size: 48px;
}

.drinking-fountains-bf-btn-holder {
    margin: 0;
}

.drinking-fountains-bf-light-blue-holder {
    min-height: 2px;
}

.drinking-fountains-bf-red-btn-holder {
    margin: 0 0 30px 0;
}

.drinking-fountains-bf-red-btn-holder button {
    background: #e50943;
}

.drinking-fountains-bf-red-btn-holder button:hover {
    background: #cf0a3e;
}

.drinking-fountains-bf-20percent-text-holder h2 {
    margin: 60px 0 40px 0;
}

.drinking-fountaines-bf-top-icon-holder .top-icon-holder {
    margin-top: 18px;
}

.hydrotap-slider-holder .dfbf-button {
    margin-top: 75px;
}

@media (max-width: 800px) {
    .drinking-fountaines-bf-page-full-bg-image {
        padding-top: 30vh;
        background-position: 50% 0px;
        background-size: contain;
        min-height: 500px !important;
        margin-top: -25px;
    }

    .drinking-fountains-bf-page-full-bg-img-text-holder {
        padding: 0;
    }

    #zip-boiling-sparkling .drinking-fountains-bf-page-full-bg-img-text-holder h2 {
        font-size: 40px;
    }

    .hydrotap-slider-holder .dfbf-button {
        margin-top: 45px;
    }
}

/* NEW DRINKING FOUNTAINS BOTTLE FILLERS PAGE  END */
/* NEW BRAND STORY PAGES GENERAL CSS PAGE  */
#join-the-pipe-brand-story {
    hyphens: none !important;
}
#join-the-pipe-brand-story a.btn.orange-pill-button{
    color: #fff;
}
#join-the-pipe-brand-story p {
    hyphens: none !important;
}

#join-the-pipe-brand-story h2 {
    font-size: 20px;
}

#join-the-pipe-brand-story p,
#join-the-pipe-brand-story h3 {
    font-size: 18px;
}

#join-the-pipe-brand-story ul li {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    font-weight: 300;
}

#join-the-pipe-brand-story h2,
#join-the-pipe-brand-story h3 {
    text-transform: none !important;
}

#join-the-pipe-brand-story .products-by-id .product-image {
    width: auto;
}

#join-the-pipe-brand-story .brands-story-category-controls h2 {
    display: inline;
}

/* NEW BRAND STORY PAGES GENERAL CSS PAGE  END*/
/* NEW join the pipe brand story PAGE  */
#join-the-pipe-brand-story img {
    width: 100%;
}

.join-the-pipe-text-next-to-video-holder {
    padding: 50px;
}

.zip-story-red-pill-holder {
    max-width: 300px;
    margin: 0 auto;
}

.join-the-pipe-form-holder #simple-short-form-landing-form-holder {
    color: #FFF;
    text-align: center;
    margin-bottom: 80px;
}

.join-the-pipe-form-holder #simple-short-form-landing-form-holder h3 {
    color: #FFF;
    margin: 15px;
    padding: 0;
    border: none;
    font-size: 25px;
}

.join-the-pipe-form-holder #simple-short-form-landing-form-holder a {
    color: #6CB8E5;
    text-decoration: none;
}

#products-by-id-category-holder-controls {
    background: #EEE;
    padding: 10px;
    margin: 0;
    overflow: hidden;
}

#products-by-id-category-holder-controls select {
    float: right;
    font-size: 16px;
}

@media (max-width: 800px) {
    .join-the-pipe-text-next-to-video-holder {
        padding: 0 15px;

    }
}

/* NEW join the pipe brand story PAGE  END */
/* NEW BORG & OVERSTROM brand story PAGE */
/* .brand-page-borg-overstrom-products .product-container{
    width:33%;
} */

@media (max-width: 800px) {
    .brand-page-borg-overstrom-products .product-container {
        width: 100%;
    }
}

/* NEW BORG & OVERSTROM brand story PAGE  END */

/* NEW OASIS  brand story PAGE   */
.brads-oasis-best-selling-product-title {
    background-color: #EEE;
    padding: 20px 0;
}

.brads-oasis-best-selling-product-title h2 {
    margin: 0;
}

.oasis-section-products .product-container {
    width: 33%;
}

.oasis-section-products .product-container .product-title {
    height: 100px;
}

.oasis-section-products .product-container .product-image {
    width: auto !important;
    height: 250px;
}

.brands-oasis-view-all-holder {
    padding: 215px 40px;
    text-align: center;
}

.brands-oasis-view-all-holder i {
    display: block;
    font-size: 50px;
    margin-bottom: 10px;
}

.brands-oasis-view-all-holder a {
    font-weight: bold;
    text-decoration: none;
}

.brands-oasis-view-all-holder a:hover span {
    text-decoration: underline;
}

.brands-oasis-products-grey-line h2 {
    position: relative;
    z-index: 1;
}

.brands-oasis-products-grey-line h2 span {
    background: #FFF;
    padding-right: 5px;
}

.brands-oasis-products-grey-line h2::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #EEE;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: -1;

}

@media (max-width: 800px) {
    .oasis-section-products .product-container {
        width: 100%;
    }

    .brands-oasis-view-all-holder {
        padding: 15px;
        text-align: center;
    }

    .brands-oasis-products-grey-line h2 {
        text-align: center;
    }

    .brands-oasis-products-grey-line h2::after {
        top: 35px;
        width: 100%;
    }
}

/* NEW OASIS  brand story PAGE  END */

/* NEW Hydrate direct  brand story PAGE */

.brands-story-hydrate-direct-product-holder {
    border-top: 2px solid #EEE;
}

/* NEW Hydrate direct  brand story PAGE END */

/* NEW BUY RENT COOLER  FOUNTAINS */
#buy-rent-coolers-fountains-new #workplace-hydr-response {
    background: #FFF;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: auto;
    margin-bottom: 50px;

}

.green-full-width-phone-banner {
    background: #1bb456;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: auto;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 20px;
}

.green-full-width-phone-banner a {
    font-size: 25px;
    text-decoration: none;
    color: #fff;
}

.best-water-you-can-drink h2 {
    margin-bottom: 50px;
}

.best-water-you-can-drink-block {
    padding: 0 50px;
    text-align: center;
}

.best-water-you-can-drink-block img {
    margin-bottom: 15px;
}

@media (max-width:768px) {
    .best-water-you-can-drink-block {
        padding: 0 10px;
    }
}

/* NEW BUY RENT COOLER  FOUNTAINS  END */






/*======== OFFICES PAGE ===============*/
#zip-boiling-sparkling #offices-landing-page {
    margin-top: -30px;
}

#zip-boiling-sparkling #offices-landing-page h2 {
    font-size: 30px;
    line-height: 58px;
    margin: 50px 0;
    color: #222a35;
}

#zip-boiling-sparkling #offices-landing-page p {
    font-size: 19px;
    line-height: 27px;
    color: #222a35;
}

#offices-landing-page .office-page-video-holder {
    position: relative;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

#offices-landing-page .office-page-video-holder video {
    position: static;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    min-height: 100%;
    min-width: 100%;
    box-shadow: none;
}

#offices-landing-page .video-text-holder {
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translate(-50%);
}

#offices-landing-page .video-text-holder .button-left {
    margin-right: 15px;
}

#offices-landing-page .video-text-holder .button-right {
    margin-left: 15px;
}

#offices-landing-page .arrow-down {
    margin-top: 90px;
}

#zip-boiling-sparkling #offices-landing-page .video-text-holder h2 {
    font-size: 55px;
    color: #222a35;
    -webkit-text-stroke: 0.5px white;
}

#zip-boiling-sparkling #offices-landing-page .video-text-holder span {
    font-weight: normal;
}

#offices-landing-page .office-btn {
    color: #222a35;
    border: 4px solid #222a35;
    min-width: 254px;
    min-height: 45px;
    font-size: 17px;
    line-height: 36px;
    border-radius: 10px;
}

#offices-landing-page .office-btn:hover {
    color: #fff;
    background: #222a35;
    border: 4px solid #222a35;
}

#offices-landing-page .office-btn2 {
    border: 4px solid #e50943;
    color: #fff;
    background: #e50943;
}

#offices-landing-page .office-btn2:hover {
    background: #cf0a3e;
    border: 4px solid #cf0a3e;
}

#offices-landing-page .customer-quotes h4 {
    font-size: 19px;
    line-height: 27px;
    color: #222a35;
    text-transform: none;
}

#offices-landing-page .customer-quotes2 h4 {
    font-size: 19px;
    line-height: 27px;
    color: #222a35;
    text-transform: none;
    font-weight: bold;
    font-style: italic;
}

#offices-landing-page .customer-quotes small {
    font-size: 13px;
    line-height: 27px;
    color: #222a35;
}

#offices-landing-page .form-and-image-holder {
    background-color: #0499d4;
    position: relative;
    z-index: 0;
}

#offices-landing-page .form-and-image-holder::before {
    display: block;
    background: #0499d4;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

#zip-boiling-sparkling #offices-landing-page .form-holder-zip-instant h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 15px 0;
    color: #f3f3f3;
}

#zip-boiling-sparkling #offices-landing-page .form-holder-zip-instant p {
    color: #f3f3f3;
}

#offices-landing-page .form-and-image-holder img {
    margin-top: 90px;
}

#offices-landing-page .form-holder-zip-instant input.landing-form-submit {
    background: #e50943;
}

#offices-landing-page .form-holder-zip-instant input.landing-form-submit:hover {
    background: #cf0a3e;
}

#offices-landing-page .form-holder-offices {
    background-color: #0499d4;
    margin: 0;
    padding: 30px 30px;
    color: #f3f3f3;
    min-height: 700px;
}

#offices-landing-page #responsive {
    min-height: 450px;
}

#offices-landing-page #responsive li {
    background: #e0e0e0;
    border-left: 35px solid #fff;
    border-right: 35px solid #fff;
}

#offices-landing-page #responsive li p {
    line-height: 1.2;
}

#offices-landing-page #responsive li img {
    min-height: 500px;
}

#offices-landing-page .office-slider-img-holder {
    padding: 0;

}

#offices-landing-page .office-slider-text-holder {
    padding: 60px;
}

#offices-landing-page .red-banner {
    background: #e50943;
    position: absolute;
    bottom: 0;
    right: 14px;
    padding: 0 15px;

}

#offices-landing-page .red-banner h3 {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin: 10px 0;
}


#offices-landing-page .offices-rental-information2 {
    background: #e0e0e0;
    padding-bottom: 70px;
}

.need-help-choosing .need-help-choosing-blue {
    background-color: #0499d4;
    color: #fff;
    min-height: 395px;
}

.need-help-choosing .need-help-choosing-white {
    min-height: 395px;
}

#offices-landing-page .need-help-choosing .need-help-choosing-blue h3 {
    color: #fff;
}

#zip-boiling-sparkling #offices-landing-page .need-help-choosing .need-help-choosing-blue p {
    color: #fff;
}

#offices-landing-page .need-help-choosing img {
    margin-top: 30px;
}

#offices-landing-page .life-style-image-holder {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 0;
}

#offices-landing-page .life-style-image-holder img {
    width: 100%;

}

#offices-landing-page .about-us-holder {
    background: #0499d4;
    color: #fff;
    text-align: center;
    min-height: 550px;
    position: relative;
    z-index: 0;
}

#offices-landing-page .about-us-holder::before {
    display: block;
    background: #0499d4;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

#zip-boiling-sparkling #offices-landing-page .about-us-holder h2,
#zip-boiling-sparkling #offices-landing-page .about-us-holder h3,
#zip-boiling-sparkling #offices-landing-page .about-us-holder p {
    color: #fff;
}

.offices-water-cooler-rentals-information-wrapper {
    background: #f1f1f1 !important;
    position: relative;
}

.offices-water-cooler-rentals-information-wrapper::before {
    display: block;
    background: #f1f1f1;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 0;
    position: absolute;
}

#offices-landing-page .offices-water-cooler-rentals-information-wrapper #responsive li {
    background: #fff;
    border-left: 35px solid #f1f1f1;
    border-right: 35px solid #f1f1f1;
}

#zip-boiling-sparkling #offices-landing-page .offices-water-cooler-rentals .lSAction>a {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/office-controls2.png');
    width: 71px;
    height: 71px;
}

#zip-boiling-sparkling #offices-landing-page .offices-water-cooler-rentals .lSAction>.lSPrev {
    background-position: -3px 1px;
}

#zip-boiling-sparkling #offices-landing-page .offices-water-cooler-rentals .lSAction>.lSNext {
    background-position: -69px 2px !important;
}

@media (max-width:1120px) {
    #offices-landing-page .video-text-holder .button-left {
        margin: 0;
    }

    #offices-landing-page .video-text-holder .button-right {
        margin: 0;
    }
}

@media (max-width:1120px) {
    #offices-landing-page .video-text-holder {
        top: 0;
    }
}

@media (max-width:995px) {
    #zip-boiling-sparkling #offices-landing-page .offices-water-cooler-rentals .lSAction>a {
        top: 65% !important;
    }
}

@media (max-width:900px) {
    #offices-landing-page .arrow-down {
        margin-top: 0px;
        width: 40px;
    }

    #zip-boiling-sparkling #offices-landing-page h2 {
        line-height: 28px;
    }

    #offices-landing-page #responsive li img {
        min-height: auto;
    }

    #offices-landing-page .office-slider-img-holder {
        padding: 0;
    }

    #offices-landing-page #responsive li {

        border-left: none;
        border-right: none;
    }
}

@media (max-width:720px) {
    #offices-landing-page .video-text-holder {
        top: 0;
    }

    #offices-landing-page .video-text-holder .margin-top-50 {
        margin-top: 0;
    }

    #zip-boiling-sparkling #offices-landing-page .video-text-holder h2 {
        font-size: 25px;
    }

    #offices-landing-page .office-slider-text-holder {
        padding: 20px;
    }

    #offices-landing-page #responsive {
        height: auto !important;
    }

    .need-help-choosing .need-help-choosing-blue {
        padding: 20px 0;
    }

    #offices-landing-page .about-us-holder {
        padding: 20px 0;
    }
}


@media (max-width: 400px) {
    #offices-landing-page .video-text-holder .margin-top-50 {
        margin-top: -38px;
    }
}

.owl-nav button:focus {
    outline: none;
}

.covid-anouncment {
    width: 100%;
    background: #0070C0;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: relative;
    font-size: 16px;
}

.covid-anouncment::before {
    display: block;
    background: #0070C0;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

.covid-anouncment .close_covid_announcment {
    opacity: 1;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 400;
    width: 25px;
    height: 25px;
    color: #fff;
}

.tier4-link-ann {
    color: #fff !important;
    font-weight: 700;

}

.tier4-link-ann:hover {
    color: #e50943 !important;
}

/*BUY RENT COOLER FOUNTAINS DEC-2020*/
#buy-rent-coolers-fountains-dec-2020 h2 {
    font-size: 40px;
}

#buy-rent-coolers-fountains-dec-2020 h3 {
    font-size: 32px;
    text-transform: none;
}

#buy-rent-coolers-fountains-dec-2020 .best-water-you-can-drink {
    margin-bottom: 126px;
}

@media (max-width:900px) {
    #buy-rent-coolers-fountains-dec-2020 .best-water-you-can-drink-block {
        padding: 0 20px;
    }

    #buy-rent-coolers-fountains-dec-2020 .best-water-you-can-drink {
        margin-bottom: -44px;
    }
}

#buy-rent-coolers-fountains-dec-2020 .best-water-you-can-drink-block h3 {
    font-size: 20px;
}

#buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top h1 {
    font-weight: 900;
}

#buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top h2 {
    font-size: 1.4em;
}

#buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top h3 {
    font-weight: 900;
    font-size: 1.17em;
}

#buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top-left {
    height: 100%;
    margin-top: 304px;
}

#buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::after {
    content: '';
    background: url('https://www.thewatercoolercompany.com/assets/images/Hero_Arrow1.svg') no-repeat;
    margin-left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 100vw;
    height: 100%;
}

@media(max-width:325px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 101%;
    }
}

@media(max-width:400px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 103%;
    }
}

@media(min-width:405px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 103%;
    }
}

@media(min-width:500px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 104%;
    }
}

@media(min-width:600px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 105%;
    }
}

@media(min-width:770px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 103%;
    }
}

@media(max-width:770px) {
    #buy-rent-coolers-fountains-dec-2020 .green-full-width-phone-banner {
        margin-top: 0px;
    }
}

@media(min-width:950px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 107%;
    }
}

@media(min-width:992px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 107%;
    }

    #buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
        margin-top: 100px;
    }
}

@media(min-width:1000px) {
    #buy-rent-coolers-fountains-dec-2020 .green-full-width-phone-banner {
        margin-top: 0px;
    }
}

@media(min-width:1150px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 111%;
    }

    #buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
        margin-top: 130px;
    }
}

@media(min-width:1450px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 115%;
    }

    #buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
        margin-top: 150px;
    }
}

@media(min-width:1700px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 120%;
    }

    #buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
        margin-top: 180px;
    }
}

@media(min-width:2000px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 123%;
    }

    #buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
        margin-top: 200px;
    }
}

@media(min-width:2300px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 128%;
    }

    #buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
        margin-top: 250px;
    }
}

@media(min-width:3000px) {
    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-top::before {
        height: 139%;
    }

    #buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
        margin-top: 330px;
    }
}

#buy-rent-coolers-fountains-dec-2020 .review-paragraph {
    display: block;
    min-height: 100px;
}

#buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-form-holder .landing-form-submit {
    width: 50%;
    border-radius: 30px;
    height: 50px;
}

#buy-rent-coolers-fountains-dec-2020 #buy-rent-coolers-fountains-new #workplace-hydr-response {
    margin-bottom: 0px;
}

#buy-rent-coolers-fountains-dec-2020 .green-full-width-phone-banner {
    background: #6CB7E5;
}

.wavy-grey-background-holder {
    position: relative;
    margin-top: 110px;
}

.wavy-grey-background-holder::before {
    content: "";
    background: #F5F5F5;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.wavy-grey-background-holder::after {
    content: '';
    background: url('https://www.thewatercoolercompany.com/assets/images/Waves-01.svg?rdm=D1B1D5ECC72C') no-repeat;
    margin-left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 100vw;
    height: 100%;
}

@media (max-width:360px) {
    .wavy-grey-background-holder::after {
        top: -29px !important;
    }
}

@media (max-width:350px) {
    .wavy-grey-background-holder::after {
        top: -26px !important;
    }
}

@media (max-width:450px) {
    .wavy-grey-background-holder::after {
        top: -31px;
    }
}

@media (min-width:440px) {
    .wavy-grey-background-holder::after {
        top: -36px;
    }
}

@media (min-width:450px) {
    .wavy-grey-background-holder::after {
        top: -30px;
    }
}

@media (min-width:460px) {
    .wavy-grey-background-holder::after {
        top: -38px;
    }
}

@media (min-width:510px) {
    .wavy-grey-background-holder::after {
        top: -42px;
    }
}

@media (min-width:550px) {
    .wavy-grey-background-holder::after {
        top: -46px;
    }
}

@media (min-width:580px) {
    .wavy-grey-background-holder::after {
        top: -47px;
    }
}

@media (min-width:600px) {
    .wavy-grey-background-holder::after {
        top: -49px;
    }
}

@media (min-width:635px) {
    .wavy-grey-background-holder::after {
        top: -52px;
    }
}

@media (min-width:674px) {
    .wavy-grey-background-holder::after {
        top: -56px;
    }
}

@media (min-width:700px) {
    .wavy-grey-background-holder::after {
        top: -59px;
    }
}

@media (min-width:740px) {
    .wavy-grey-background-holder::after {
        top: -62px;
    }
}

@media (min-width:780px) {
    .wavy-grey-background-holder::after {
        top: -65px;
    }
}

@media (min-width:800px) {
    .wavy-grey-background-holder::after {
        top: -66px;
    }
}

@media (min-width:830px) {
    .wavy-grey-background-holder::after {
        top: -69px;
    }
}

@media (min-width:860px) {
    .wavy-grey-background-holder::after {
        top: -71px;
    }
}

@media (min-width:900px) {
    .wavy-grey-background-holder::after {
        top: -74px;
    }
}

@media (min-width:940px) {
    .wavy-grey-background-holder::after {
        top: -78px;
    }
}

@media (min-width:980px) {
    .wavy-grey-background-holder::after {
        top: -81px;
    }
}

@media (min-width:1000px) {
    .wavy-grey-background-holder::after {
        top: -84px;
    }
}

@media (min-width:1060px) {
    .wavy-grey-background-holder::after {
        top: -88px;
    }
}

@media (min-width:1100px) {
    .wavy-grey-background-holder::after {
        top: -91px;
    }
}

@media (min-width:1140px) {
    .wavy-grey-background-holder::after {
        top: -94px;
    }
}

@media (min-width:1180px) {
    .wavy-grey-background-holder::after {
        top: -98px;
    }
}

@media (min-width:1200px) {
    .wavy-grey-background-holder::after {
        top: -100px;
    }
}

@media (min-width:1250px) {
    .wavy-grey-background-holder::after {
        top: -103px;
    }
}

@media (min-width:1280px) {
    .wavy-grey-background-holder::after {
        top: -107px;
    }
}

@media (min-width:1330px) {
    .wavy-grey-background-holder::after {
        top: -111px;
    }
}

@media (min-width:1380px) {
    .wavy-grey-background-holder::after {
        top: -114px;
    }
}

@media (min-width:1400px) {
    .wavy-grey-background-holder::after {
        top: -117px;
    }
}

@media (min-width:1460px) {
    .wavy-grey-background-holder::after {
        top: -121px;
    }
}

@media (min-width:1500px) {
    .wavy-grey-background-holder::after {
        top: -124px;
    }
}

@media (min-width:1550px) {
    .wavy-grey-background-holder::after {
        top: -129px;
    }
}

@media (min-width:1600px) {
    .wavy-grey-background-holder::after {
        top: -134px;
    }
}

@media (min-width:1675px) {
    .wavy-grey-background-holder::after {
        top: -139px;
    }
}

@media (min-width:1740px) {
    .wavy-grey-background-holder::after {
        top: -144px;
    }
}


@media (min-width:1800px) {
    .wavy-grey-background-holder::after {
        top: -149px;
    }
}

@media (min-width:1860px) {
    .wavy-grey-background-holder::after {
        top: -154px;
    }
}

@media (min-width:1920px) {
    .wavy-grey-background-holder::after {
        top: -160px;
    }
}

@media (min-width:1950px) {
    .wavy-grey-background-holder::after {
        top: -162px;
    }
}

@media (min-width:2040px) {
    .wavy-grey-background-holder::after {
        top: -170px;
    }
}

@media (min-width:2100px) {
    .wavy-grey-background-holder::after {
        top: -174px;
    }
}

@media (min-width:2175px) {
    .wavy-grey-background-holder::after {
        top: -181px;
    }
}

@media (min-width:2330px) {
    .wavy-grey-background-holder::after {
        top: -194px;
    }
}

@media (min-width:2200px) {
    .wavy-grey-background-holder::after {
        top: -184px;
    }
}

@media (min-width:2450px) {
    .wavy-grey-background-holder::after {
        top: -204px;
    }
}

@media (min-width:2550px) {
    .wavy-grey-background-holder::after {
        top: -212px;
    }
}

@media (min-width:2650px) {
    .wavy-grey-background-holder::after {
        top: -221px;
    }
}

@media (min-width:2750px) {
    .wavy-grey-background-holder::after {
        top: -230px;
    }
}

@media (min-width:2870px) {
    .wavy-grey-background-holder::after {
        top: -239px;
    }
}

@media (min-width:3050px) {
    .wavy-grey-background-holder::after {
        top: -256px;
    }
}


#buy-rent-coolers-fountains-dec-2020 .workplace-hydr-bottled ul li::before {
    content: url('https://www.thewatercoolercompany.com/assets/images/Tick_GRN_Tick.svg');
    width: 25px;
}

@media(max-width:900px) {
    #buy-rent-coolers-fountains-dec-2020 .workplace-hydr-bottled h3 {
        text-align: center;
    }

    #buy-rent-coolers-fountains-dec-2020 .workplace-hydr-bottled p {
        text-align: center;
    }
}

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

.desktop-image-only {
    display: block;
}

#workplace-hydr-logos .mobile-only-image {
    display: none;
}

@media(max-width:990px) {
    .mobile-only-image {
        display: block;
    }

    .desktop-image-only {
        display: none;
    }

    #workplace-hydr-logos .desktop-image-only {
        display: none;
    }

    #workplace-hydr-logos .mobile-only-image {
        display: block;
    }
}

/*BUY RENT COOLER FOUNTAINS DEC-2020* END */
.workplace-hydr-bottled .btn.green-pill-button {
    background-color: #00b050;
    color: #FFF;
    border: 2px solid #00b050;
    border-radius: 30px;
    margin: 40px 0 0 0;
    min-width: 50%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.workplace-hydr-bottled .btn.green-pill-button:hover {
    background-color: #fff;
    color: #00b050;
}

#buy-rent-coolers-fountains-dec-2020 .contactless-touch-free-units-holder {
    position: relative;
}

#buy-rent-coolers-fountains-dec-2020 .contactless-touch-free-units-holder::before {
    content: "";
    background: rgb(131, 201, 243);
    background: linear-gradient(266deg, rgba(131, 201, 243, 1) 25%, rgba(184, 232, 255, 1) 55%, rgba(131, 201, 243, 1) 100%);
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

#buy-rent-coolers-fountains-dec-2020 .contactless-touch-free-units-image {
    margin-top: -70px;
}

#buy-rent-coolers-fountains-dec-2020 .buy-rent-water-cooler-rental-last {
    margin-bottom: 0;
    padding-bottom: 50px;
}

#buy-rent-coolers-fountains-dec-2020 .contactless-touch-free-units-text-holder {
    padding-top: 80px;
}

#buy-rent-coolers-fountains-dec-2020 .boiling-water-tap-holder {
    margin-top: 100px;
}

#buy-rent-coolers-fountains-dec-2020 .boiling-water-tap-text-holder {
    padding-top: 70px;
}

#buy-rent-coolers-fountains-dec-2020 .boiling-water-tap-img-holder {
    position: relative;
    z-index: 1;
}

#buy-rent-coolers-fountains-dec-2020 .boiling-water-tap-img-holder::before {
    position: absolute;
    content: url('https://www.thewatercoolercompany.com/assets/images/TWCC_BYCF_Blue_circle.svg');
    width: 110%;
    z-index: -1;
    top: -80px;
    right: -400px;

}

#buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-heading-holder {
    margin-top: 150px;
}

#buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-form-holder {
    position: relative;
    margin-top: 300px;
    z-index: 1;
    padding-bottom: 70px;
}

#buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-form-holder::before {
    content: "";
    background: #3895CE;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

#buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-form-holder::after {
    content: '';
    width: 800px;
    height: 500px;
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    top: -220px;
    left: 50%;
    transform: translate(-50%);
    background: #E3F6FF;
}

#buy-rent-coolers-fountains-dec-2020 .blue-wavy-svg-holder {
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
}

@media (min-width:330px) {
    #buy-rent-coolers-fountains-dec-2020 .blue-wavy-svg-holder {
        top: -26px;
    }
}

@media (min-width:790px) {
    #buy-rent-coolers-fountains-dec-2020 .blue-wavy-svg-holder {
        top: -65px;
    }
}

@media (min-width:1200px) {
    #buy-rent-coolers-fountains-dec-2020 .blue-wavy-svg-holder {
        top: -101px;
    }
}

@media (min-width:1700px) {
    #buy-rent-coolers-fountains-dec-2020 .blue-wavy-svg-holder {
        top: -132px;
    }
}

@media (min-width:2400px) {
    #buy-rent-coolers-fountains-dec-2020 .blue-wavy-svg-holder {
        top: -192px;
    }
}

#buy-rent-coolers-fountains-dec-2020 .simple-short-form-landing-form-holder-bottom {
    margin-top: -250px;
    padding: 10px 15px;
}

#buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-bottom-form h3 {
    color: #fff;
    font-weight: 900;
    font-size: 1.17em;
}

#buy-rent-coolers-fountains-dec-2020 .why-choose-us-holder {
    margin-top: 50px;
}

#buy-rent-coolers-fountains-dec-2020 .why-choose-us-holder h2 {
    color: #fff;
    margin-bottom: 40px;
}

#buy-rent-coolers-fountains-dec-2020 .why-choose-us-holder h3 {
    color: #fff;
    font-size: 20px;
}

@media (max-width:990px) {
    #buy-rent-coolers-fountains-dec-2020 .boiling-water-tap-img-holder::before {
        width: 60%;
        top: 0px;
        right: -100px;
    }
}

@media (max-width:800px) {
    #buy-rent-coolers-fountains-dec-2020 .why-choose-img-block {
        margin-top: 50px;
    }

    #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-form-holder .landing-form-submit {
        min-width: 50%;
        width: 100%;
    }

    #buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-heading-holder {
        margin-top: 50px;
    }

    #buy-rent-coolers-fountains-dec-2020 .contactless-touch-free-units-text-holder {
        padding-top: 40px;
        text-align: center;
    }

    #buy-rent-coolers-fountains-dec-2020 .boiling-water-tap-text-holder {
        text-align: center;
    }

    #buy-rent-coolers-fountains-dec-2020 .contactless-touch-free-units-image {
        margin-top: -40px;
    }

    #buy-rent-coolers-fountains-dec-2020 .workplace-hydr-bottled .btn.green-pill-button {
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width:500px) {
    #buy-rent-coolers-fountains-dec-2020 .boiling-water-tap-img-holder::before {
        width: 85%;
        top: 0px;
        right: -155px;
    }
}

@media (max-width:1200px) {
    #buy-rent-coolers-fountains-dec-2020 .workplace-hydr-bottled .btn.green-pill-button {
        margin-bottom: 40px;
    }
}

/* NEW VERSION OF BUY RENT PAGE JANUARY 2021*/
#discover-form-holder iframe {
    display: none
}

#discover-form-holder .btn.green-pill-button {
    background-color: #00b050;
    color: #FFF;
    border: 2px solid #00b050;
    border-radius: 30px;
    margin: 40px 0 0 0;
    min-width: 50%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#discover-form-holder .btn.green-pill-button:hover {
    background-color: #fff;
    color: #00b050;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder {
    padding-left: 50px;
    width: 100%;
}

@media (min-width:1600px) {
    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder {
        width: 80%;
    }
}


#buy-rent-coolers-fountains-dec-2020 .discover-better-water-holder {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: auto;
    margin-bottom: 50px;
    background: rgb(255, 185, 40);
    background: linear-gradient(266deg, rgba(255, 185, 40, 1) 0%, rgba(255, 141, 35, 1) 100%);
    color: #fff;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder form {
    width: 75%;
}

@media (max-width:1370px) {
    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder label {
        font-size: 13px;
        line-height: 1.2;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder form {
        width: 100%;
    }
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder h3 {
    color: #fff;
    margin-top: 0;
    font-weight: 400;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .gdpr-email-message {
    color: #fff;
    font-size: 12px;
    text-align: left;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .gdpr-email-message a {
    color: #fff;
    font-size: 12px;
    text-align: left;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder form input {
    margin-bottom: 11px;
    height: 55px;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .btn.green-pill-button {
    margin: 0;
    height: 40px;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .button-gdpr-holder {
    margin: 20px 0;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .discover-water-form-textarea-holder {
    display: none;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder {
    display: flex;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-title {
    font-weight: 900;
    margin: 15px 0 5px 0;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    margin: 0;
    margin-right: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background: #fff;
    border: 1px solid #ccc;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder input:focus {
    outline: none;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder input:checked {
    outline: none;
    background-image: url('https://www.thewatercoolercompany.com/assets/images/components-input-checkbox-checked.svg') !important;
    background-position: 50%;
    background-size: 25px 25px;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder label {
    margin: 0;
    margin-right: 10px;
    align-self: center;
    line-height: 1.2;
    font-size: 14px;
}

#buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder .checkbox-label-holder {
    display: flex;
    align-items: center;
}

@media (max-width:1535px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-slider-wrapper {
        width: 50%;
    }

    #buy-rent-coolers-fountains-dec-2020 .discover-form-wrapper {
        width: 50%;
    }
}

@media (max-width:1275px) {
    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder {
        padding-left: 0;
    }

    #buy-rent-coolers-fountains-dec-2020 .discover-slider-wrapper {
        width: 60%;
    }

    #buy-rent-coolers-fountains-dec-2020 .discover-form-wrapper {
        width: 40%;
    }
}

@media (min-width:1240px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 28px;
    }
}

@media (min-width:1289px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 2px;
    }
}

@media (min-width:1320px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 14px;
    }
}

@media (min-width:1372px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 0px;
    }
}

@media (min-width:1415px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 25px;
    }
}

@media (min-width:1460px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 30px;
    }
}

@media (min-width:1500px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 30px;
    }
}

@media (min-width:1537px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 0px;
    }
}

@media (min-width:1620px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 8px;
    }
}

@media (min-width:1670px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 20px;
    }
}

@media (min-width:1700px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 30px;
    }
}

@media (min-width:1770px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 40px;
    }
}

@media (min-width:1800px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 45px;
    }
}

@media (min-width:1900px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 60px;
    }
}

@media (min-width:2000px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-form-holder {
        margin-top: 70px;
    }
}

@media(max-width:1000px) {
    #buy-rent-coolers-fountains-dec-2020 .discover-slider-wrapper {
        width: 100%;
    }

    #buy-rent-coolers-fountains-dec-2020 .discover-form-wrapper {
        width: 100%;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder {
        flex-direction: column;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder .checkbox-holder .checkbox-label-holder {
        margin: 5px 0;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder {
        width: 100%;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder {
        padding: 20px;
        margin: 0 auto;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder form {
        width: 100%;

    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder .button-gdpr-holder {
        margin: 15px auto;
        width: 50%;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder .gdpr-email-message {
        text-align: center;

    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder h3 {
        text-align: center;
    }

    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder .discover-form-holder-title {
        text-align: center;
    }
}

@media(max-width:550px) {
    #buy-rent-coolers-fountains-dec-2020 #discover-form-holder .button-gdpr-holder {
        width: 100%;
    }
}





.brands-greybg-blue-border {
    background: #f4f4f4;
    border: 4px solid #6eb7e4;
    padding: 30px;
}

.brands-greybg-box {
    background: #f4f4f4;
    padding: 30px;
}

/*CATEGORY ZIP TAPS*/


.cat-zip-taps-side-bar-adv {
    margin: 0 -20px;
    margin-bottom: -20px;
    background: #fff;
}

.cat-zip-taps-side-bar-adv-img {
    width: 80%;
    height: auto;
    margin: 20px 0;
}

.cat-zip-taps-side-bar-adv-2 {
    width: 50%;
}

#categoryHeader .cat-zip-taps-side-bar-adv-img {
    width: 140px;
    margin: 0px auto;
    margin-top: 0;
    padding: 5px;

}
.category-zip-taps-after-products-container{
    padding: 60px 0 25px 0;
}
.f1-full-width{
    position: relative;
}
.f1-full-width::before {
    content: '';
    background: #f1f1f1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.zip-taps-footer-blogs-holder{
padding: 40px 0;
}
.zip-taps-footer-blogs-holder .subtitle{
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #0163AE;
    margin-bottom: 20px;
}

.category-zip-taps-after-products-container .when-you-order-holder {
    margin-bottom: 40px;
}

.category-zip-taps-after-products-container .when-you-order-holder h2 {
    margin: 50px 0;
}

.category-zip-taps-after-products-container .when-you-order-holder img {
    margin-bottom: 20px;
}
.variety-wrapper{
    padding: 60px 0;
}
.zip-taps-footer-card{
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 20px;
    min-height: 256px;
    display: flex;
    align-items: center;
}
.zip-taps-footer-card .title{
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #25334A;
    margin-bottom: 20px;
}
.rounded{
    border-radius: 10px;
}

.testimonials-wrapper {
    padding: 70px 0 40px 0;
    position: relative;
}
.testimonials-wrapper::before {
    content: '';
    background: #F0F7FF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.testimonials-carousel .item {
    border-radius: 30px;
    height: 100%;
    width: 100%;
    opacity: 1
}

.testimonials-carousel .owl-item:not(.active) {
    opacity: .5
}

.testimonials-carousel .testimonial-card {
    background: #fff;
    padding: 45px 23px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 30px;
    height: 100%;
    width: 100%;
    min-width: 358px;
    min-height: 402px;
    margin: 30px 5px;
    padding-bottom: 15px;
    position:relativel;
}
.testimonials-carousel .testimonial-card::before {
    content: "";
    position: absolute;
    top:10px;
    right:25px;
    width: 50px;
    height:50px;
    background: url('https://www.thewatercoolercompany.com/assets/images/Quote-Marks-1.svg');
    background-size: 100%;
    background-repeat: no-repeat;
}

.testimonials-carousel .testimonial-card .testimonial-name {
    font-size: 18px;
    color: #005DA9;
}

#testimonials-carousel .owl-stage-outer {
    overflow: visible
}
@media(max-width:991px) {
    .testimonials-carousel .testimonial-card {
        min-width: 100%;
        min-height: 428px
    }
    #testimonials-carousel .owl-stage-outer {
        overflow: hidden
    }
    .testimonials-carousel .owl-item:not(.active) {
        opacity: 1
    }
    .testimonials-wrapper {
        padding-top: 50px;
        margin-left:-30px;
        margin-right: -30px;
    }
}

@media(max-width:1250px) {
    #testimonials-carousel .owl-stage-outer {
        overflow: hidden
    }
}

@media(max-width:600px) {
    .zip-taps-footer-card{
        text-align: center;
        margin-bottom: 50px;
    }
    .zip-taps-footer-card img{
        text-align: center;
        margin-top: -50px;
        margin-bottom: 30px;
    }
    .cat-zip-taps-side-bar-adv {
        margin: 0;
        margin-bottom: 0;
        text-align: center;
    }

    .cat-zip-taps-side-bar-adv-img {
        width: 140px;
        margin: 50px auto;
        margin-top: 0;
        padding: 5px;
    }

    .category-zip-taps-after-products-container .when-you-order-holder p {
        margin-bottom: 40px;
        text-align: left;

    }
    .category-zip-taps-after-products-container .when-you-order-holder img {
        float: left;
        margin-right: 20px;
        width: 100px;
        height: 100px;
    }
    
}
/* CATEGORY ZIP TAPS END */
#listing0 .saleprice #price {
    color: #e50943;
}

#listing0 .primary_block {
    position: relative;
}

#listing0 .primary_block .rightSideAddImg {
    position: absolute;
    top: 90px;
    right: 0px;
}

#listing0 #mediaBlock .bottomImgAdd {
    margin-top: 30px
}
@media(max-width:768px){
    #listing0 #mediaBlock .bottomImgAdd {
        margin-top: 50px
    } 
}
#listing0 #mediaBlock .bottomImgAdd img {
    max-width: 100%;
    height: auto;
    max-height: 100px;
}

#listing0 .product-id {
    margin-right: 30px;
}

#listing0 .totalrating {
    margin-top: 0;
}

#listing0 #mediaBlock {
    position: relative;
}

#listing0 #mediaBlock .savings-red-blob {
    position: absolute;
    top: 0;
    right: 40px;
    width: 100px;
    height: 100px;
    color: #fff;
    background: #e50943;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    flex-direction: column;
    z-index: 100;
}

#listing0 #mediaBlock .savings-red-blob span {
    display: block;
    font-weight: 900;
}

#listing0 #mediaBlock .savings-red-blob span:nth-child(2) {
    display: none;
}

@media (max-width:1200px) {
    #listing0 #mediaBlock .savings-red-blob {
        right: 0;
    }

    #listing0 .primary_block .rightSideAddImg {
        width: 100px;
        top: 280px;
        left: 300px;
    }
}

@media (max-width:990px) {
    #listing0 #mediaBlock .savings-red-blob {
        right: 100px;
    }

    #listing0 .primary_block .rightSideAddImg {
        top: 600px;
        left: 455px;
    }
}

@media (max-width:460px) {
    #listing0 #mediaBlock .savings-red-blob {
        right: -10px;
        width: 80px;
        height: 80px;
        font-size: 12px;
    }

    #listing0 .primary_block .rightSideAddImg {
        top: 550px;
        left: 250px;
    }
}

/* category PAGINATION*/
#category .custom-pagination-wrapper {
    display: inline-block;
}

#category .custom-pagination-wrapper-bottom {
    width: 100%;
    text-align: center;
    margin: 20px 0 40px 0;
}

.load-more-button {
    border-color: #28374e;
    color: #28374e;
}

.load-more-button:hover,
.load-more-button:focus {
    background: #28374e;
    border-color: #28374e;
    color: #FFF;
}

#category #custom-pagination {
    display: inline-block;
}

#category .custom-pagination-page-number {
    display: inline-block;
    margin: 0 5px;
    width: 25px;
    height: 25px;
    background: #fff;
    font-size: 14px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}


#category .custom-pagination-page-number a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;

}

#category .custom-pagination-page-number.active-pag-page {
    background: #28374e;
}

#category .custom-pagination-page-number.active-pag-page a {
    color: #fff;
}

#category .custom-pagination-page-number a {
    text-decoration: none;

}

#category .remove-pagination-btn,
#category .pagination-back-to-top-btn {
    display: none;
    height: 25px;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    border-radius: 0;
    padding: 0 15px;
}

#category .remove-pagination-btn:hover,
#category .pagination-back-to-top-btn:hover {
    outline: 1px solid #6CB8E5;
    background: #fff;
    height: 25px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    border-radius: 0;
    padding: 0 15px;
}

#category .remove-pagination-btn:focus,
#category .pagination-back-to-top-btn:focus {
    outline: 1px solid #6CB8E5;
}

.mobile-filter-tags-btn {
    display: none;
}

.sort-tags-done-btn {
    display: inline-block;
    float: right;
    outline: none;
    border: 1px solid #28374e;
    color: #28374e;
    font-size: 14px;
    padding: 5px;
}

.sort-tags-reset-btn {
    display: block;
    outline: none;
    border: none;
    color: #28374e;
    padding: 0px;

    text-transform: none;
    font-size: 14px;
}

.sort-tags-reset-btn:hover {
    display: block;
    outline: none;
    border: none;
    color: #e50943;
    padding: 0px;
    background: none;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
}

.sort-tags-done-btn {
    display: none;
}

.sort-tags-done-btn {
    margin-top: -25px;
    background: #28374e;
    color: #fff;
}

.sort-tags-done-btn:hover {
    display: inline-block;
    outline: none;
    border: 1px solid #28374e;
    padding: 5px;
    text-transform: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: normal;
    background: #28374e;
    color: #fff;
}

.sort-tags-done-btn:hover {
    margin-top: -25px;
    background: #eee;
    color: #28374e;
}

#category-sidebar h2 {
    display: inline-block;
}

#category-sidebar {
    position: relative;
}

@media (max-width:767px) {
    .sort-tags-reset-btn {
        display: inline-block;
        float: right;
        outline: none;
        border: 1px solid #28374e;
        color: #28374e;
        font-size: 14px;
        padding: 5px;
        text-decoration: none;
        text-transform: none;
    }

    .sort-tags-reset-btn:hover {
        display: inline-block;
        outline: none;
        border: 1px solid #28374e;
        padding: 5px;
        text-transform: none;
        border-radius: 0;
        font-size: 14px;
        font-weight: normal;
        background: #28374e;
        color: #fff;
        text-decoration: none;
    }

    .sort-tags-done-btn {
        display: inline-block;
    }

    #category-sidebar-tags {
        padding-bottom: 35px;
    }

    .sort-tags-reset-btn,
    .sort-tags-done-btn {
        position: absolute;
        width: 40%;
        bottom: 20px;
        padding: 5px;
    }

    .sort-tags-reset-btn:hover,
    .sort-tags-done-btn:hover {
        padding: 5px;
    }

    .sort-tags-done-btn {
        left: 20px;
    }

    .sort-tags-reset-btn {
        right: 20px;
    }

    #category .custom-pagination-page-number {
        margin: 5px;
    }

    #category .remove-pagination-btn,
    #category .pagination-back-to-top-btn {
        margin: 5px;
    }

    .TEST-184 .custom-pagination-wrapper-top {
        margin: 10px 0;
    }
    
    #category-holder-controls select {
        background: #EEE;
        appearance: none;
        border: none;
        padding: 20px;
        text-align: left;
        border: 2px solid #000;
        height: 63px;
        width: 48%;
        font-size: 14px;
        background-image: url('https://www.thewatercoolercompany.com/assets/images/arrow-dwn-BLK.svg');
        background-repeat: no-repeat;
        background-position-x: 93%;
        background-position-y: center;
        padding-left: 20px;
    }

    #category-holder-controls select:focus {
        outline: none;
    }

    #category-holder-controls {
        background: #fff;
    }

    .mobile-filter-tags-btn {
        display: inline-block;
        background: #eee;
        height: 63px;
        width: 48%;
        border: 2px solid #000;
        font-size: 14px;
        color: #28374e;
        font-weight: 400;
        position: relative;
        text-align: left;
        padding-left: 20px;
    }

    .mobile-filter-tags-btn::after {
       content: '+';
       font-size:20px;
       position: absolute;
       right: 15px;
       top:50%;
       transform: translateY(-50%);
    }

    .mobile-filter-tags-btn:hover {
        background: #eee;
        border: 2px solid #28374e;
        font-size: 14px;
        border-radius: 0;
        color: #28374e;
        font-weight: 400;
        text-transform: none;
        padding: 20px;
    }

    .mobile-filter-tags-btn:focus {
        outline: none;
        text-transform: none;
    }
}

@media(max-width:371px) {
    .mobile-filter-tags-btn {
        width: 35%;
    }

    #category-holder-controls select {
        width: 60%;
    }
}

.btn.red-pill-button {
    background-color: #e50943;
    color: #FFF;
    border: 2px solid #e50943;
    border-radius: 30px;
    margin: 40px 0 0 0;
    min-width: 50%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: none;
}

.btn.red-pill-button:hover {
    background-color: #fff;
    color: #e50943;
    text-transform: none;
}

.zip-drinking-solution {
    background: url(https://www.thewatercoolercompany.com/assets/images/Zip-HydroTap-G5-Drinking-Solution-BG.webp) no-repeat;
    background-position: 50% 80%;
    text-align: left;
    min-height: 700px;
    font-size: 80%
}

.zip-drinking-solution h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    background: url(https://www.thewaterdeliverycompany.com/new/wp-content/uploads/2020/02/mains-title-bg.jpg) no-repeat;
    background-position: bottom;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.zip-solution-01 {
    display: block;
    width: 230px;
    margin: 110px 0 0 80px;
}

.zip-solution-02 {
    display: block;
    width: 230px;
    margin: 140px 0 0 80px;
}

.zip-solution-03 {
    display: block;
    width: 230px;
    margin: 130px 0 0 260px;
}

.zip-solution-04 {
    display: block;
    width: 230px;
    margin: 165px 0 0 260px;
}

#join-the-pipe-brand-story .wavy-grey-background-holder {
    margin-top: 190px;
}

.zip-story-gray-wavy-block {
    margin-top: -165px;
    z-index: 1;
}

.grey-arrow-background {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    z-index: 0;

}

.grey-arrow-background img {
    margin-bottom: -1px;
}

.zip-story-blue-block-wrapper {
    margin-bottom: 80px;
}

.zip-story-four-blue-blocks {
    text-align: center;
    padding: 15px;
    color: #FFF;
    min-height: 325px;
    padding-top: 40px;
}

.zip-story-four-blue-blocks h3 {
    color: #fff;
}

#join-the-pipe-brand-story .zip-story-four-blue-blocks p {
    font-size: 16px;
    margin: 0;
}

#join-the-pipe-brand-story .zip-story-four-blue-blocks img {
    width: 120px;
    height: 120px;
}

.zip-story-four-blue-blocks1,
.zip-story-four-blue-blocks3 {
    background: #59A7CB;
}

.zip-story-four-blue-blocks2,
.zip-story-four-blue-blocks4 {
    background: #87C4E0;
}

#join-the-pipe-brand-story .zip-story-circle-tick-section-holder {
    display: inline-block;
}

#join-the-pipe-brand-story .zip-story-circle-tick-section {
    margin: 20px 20px 0 0;
}

#join-the-pipe-brand-story .zip-story-circle-tick {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

#join-the-pipe-brand-story .owl-item .product-container a {
    text-decoration: none;
}

.zip-story-blue-gradient-background-holder {
    position: relative;
    padding-bottom: 40px;
}

.zip-story-blue-gradient-background-holder::before {
    content: "";
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: rgb(89, 167, 203);
    background: linear-gradient(90deg, rgba(89, 167, 203, 1) 25%, rgba(135, 196, 224, 1) 50%, rgba(89, 167, 203, 1) 75%);
    color: #fff;
    position: absolute;
}

.zip-story-blue-gradient-background-content-holder::after {
    content: "";
    width: 0;
    height: 0px;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #fff;
}

.zip-story-blue-gradient-background-content-holder {
    padding: 80px 0;
    position: relative;
}

.zip-story-blue-gradient-background-text-holder {
    padding: 80px 0;
    color: #fff;
}

.zip-story-blue-gradient-background-text-holder h2 {
    color: #fff;
    font-size: 24px !important;
}

#join-the-pipe-brand-story .when-you-order-holder h2 {
    margin: 50px 0;
}

#join-the-pipe-brand-story .when-you-order-holder img {
    margin-bottom: 20px;
    width: 160px;
    height: 160px;
}

.zip-brand-story-controls {
    text-align: center;

}

.zip-brand-story-controls h2 {
    font-size: 24px !important;

}

#join-the-pipe-brand-story .zip-brands-page-carousel {
    text-align: center;
}

#join-the-pipe-brand-story .zip-brands-page-carousel img {
    margin: 0 auto;
    width: auto !important;
}

#zip-brands-page-top-carousel .owl-dots button,
#zip-brands-page-bottom-carousel .owl-dots button {
    display: none;
}

#zip-brands-page-top-carousel button.owl-prev,
#zip-brands-page-bottom-carousel button.owl-prev {
    left: -80px;
    top: 170px;
}

#zip-brands-page-top-carousel button.owl-next,
#zip-brands-page-bottom-carousel button.owl-next {
    right: -80px;
    top: 170px;
}

#zip-brands-page-top-carousel button,
#zip-brands-page-bottom-carousel button {
    position: absolute;
    width: 38px;
    height: 38px;
    border: 3px solid #28374e;
    border-radius: 50%;
}

#zip-brands-page-top-carousel button span,
#zip-brands-page-bottom-carousel button span {
    font-size: 60px;
    line-height: 0.3;
    color: #28374e;
}

.zip-brands-page-carousel .owl-item .item .product-container .product-price {
    margin: 5px 0;
}

.zip-brands-page-carousel .owl-item .item .product-container .product-title {
    display: block;
    min-height: 72px;
}

@media (max-width:990px) {
    #join-the-pipe-brand-story .zip-story-browse-button {
        margin-bottom: 25px;
    }

    #join-the-pipe-brand-story .zip-story-tick-holder {
        text-align: center;
    }

    #join-the-pipe-brand-story .zip-story-circle-tick-section {
        display: block;
        text-align: left;
    }

    #join-the-pipe-brand-story .wavy-grey-background-holder {
        margin-top: 50px;
    }

    .zip-story-gray-wavy-block {
        margin-top: 20px;
    }

    #zip-brands-page-top-carousel button.owl-prev,
    #zip-brands-page-bottom-carousel button.owl-prev {
        left: 0px;
        top: 140px;
    }

    #zip-brands-page-top-carousel button.owl-next,
    #zip-brands-page-bottom-carousel button.owl-next {
        right: 0px;
        top: 140px;
    }

    #join-the-pipe-brand-story .join-the-pipe-video-holder iframe {
        width: 100%;
        height: 300px;
    }

    #join-the-pipe-brand-story .when-you-order-holder p {
        margin-bottom: 50px;
    }

    .zip-story-blue-gradient-background-text-holder {
        padding: 0;
    }

    .zip-story-four-blue-blocks {
        margin: 20px 0;
        padding-top: 45px;
    }

    .zip-drinking-solution {
        background: none;
        min-height: auto;
        margin-bottom: 50px;
        text-align: center;
        font-size: 100%;
    }

    .zip-solution-01 {
        display: block;
        width: 100%;
        margin: 0px;
    }

    .zip-solution-02 {
        display: block;
        width: 100%;
        margin: 0px;
    }

    .zip-solution-03 {
        display: block;
        width: 100%;
        margin: 0px;
    }

    .zip-solution-04 {
        display: block;
        width: 100%;
        margin: 0px;
    }
}

/* ZIP TOUCH FREE CATEGORY */
.zip-touch-free-red-top-arrow {
    position: relative;
    border-top: 30px solid #CC181B;
    padding-top: 40px;
}

.zip-touch-free-red-top-arrow::before {
    content: "";
    width: 0;
    height: 0px;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #CC181B;
}

.touch-free-wave-hero-text-holder {
    padding: 80px 0 0 80px;
}

.touch-free-wave-hero-text-holder h2 {
    font-size: 45px;
}

.zip-touch-free-circle-section-block {
    padding: 0 50px;
}

.zip-touch-free-circle-section-block img {
    margin-bottom: 20px;
}

.zip-taps-touch-free-container .wavy-grey-background-holder {
    margin-top: 250px;
    padding-bottom: 80px;
}

.zip-taps-touch-free-container .wavy-grey-background-holder .zip-tap-touch-free-video-holder {
    margin-top: -150px;
}

.zip-tap-touch-free-blue-bg-holder {
    position: relative;
    padding-bottom: 80px;

}

.zip-tap-touch-free-blue-bg-holder h2 {
    color: #fff;
    margin-top: 100px;
}

.zip-tap-touch-free-blue-bg-holder .simple-easy-block {
    color: #fff;
}

#categoryFooter .zip-tap-touch-free-blue-bg-holder .simple-easy-block h3 {
    color: #fff;
    border-top: none;
}

.zip-tap-touch-free-blue-bg-holder::before {
    content: "";
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #59A7CB;
    color: #fff;
    position: absolute;
}

.zip-tap-touch-free-blue-bg-holder::after {
    content: "";
    width: 0;
    height: 0px;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #F5F5F5;
}

.cat-zip-taps-touch-free-side-bar-adv-img {
    width: 80%;
    margin: 20px 0;
}

@media (max-width:990px) {
    .cat-zip-taps-touch-free-side-bar-adv {
        text-align: center;
    }

    .cat-zip-taps-touch-free-side-bar-adv-img {
        width: 140px;
        margin: 50px auto;
        margin-top: 0;
        padding: 5px;
    }

    .touch-free-wave-hero-text-holder {
        padding: 0;
    }

    .touch-free-wave-hero-text-holder h2 {
        font-size: 30px;
    }

    .zip-touch-free-circle-section-block {
        margin: 50px 0;
        padding: 0;
    }

    .zip-taps-touch-free-container .wavy-grey-background-holder {
        margin-top: 0px;
    }

    .zip-taps-touch-free-container .wavy-grey-background-holder .zip-tap-touch-free-video-holder {
        margin-top: -50px;
    }

    .zip-touch-free-variety-of-options-holder {
        margin: 30px 0;
    }
}

/* ZIP TOUCH FREE CATEGORY  END */

/* Construction sector page  */
.construction-sector h2,
.construction-sector h3,
.construction-sector h4 {
    text-transform: none;
}

.construction-sector p {
    hyphens: none;
}

.sectors-grey-bg-holder {
    position: relative;
}

.sectors-grey-bg-holder::before {
    content: "";
    background: #F4F4F4;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.projects-we-worked-on h2 {
    margin: 0;
}

.projects-we-worked-on .projects-worked-img {
    text-align: center;
}

.projects-we-worked-on .projects-worked-img img {
    max-width: 130px;
}

.construction-sector-blue-bg-holder {
    position: relative;
    color: #fff;
}

.construction-sector-blue-bg-holder h2 {
    color: #fff;
}

.construction-sector-blue-bg-holder::before {
    content: "";
    background: #3993D0;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.construction-sector-blue-bg-holder::after {
    content: "";
    width: 0;
    height: 0px;
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #3993D0;
    z-index: 1;
}

.construction-sector-trust-us-icons-holder img {
    max-width: 130px;
}

.construction-sector-trust-us-icons-holder h3 {
    color: #fff;
}

.construction-section-fors-text-holder h3,
.construction-section-lightfoot-text-holder h3 {
    margin-top: 90px;
}

.construction-section-lightfoot-img-holder img {
    width: 95%;
}

.construction-section-lightfoot-text-holder {
    padding-left: 8%;
}

.green-full-width-phone-banner.construction-sector-green-banner {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    background-color: #00b050;
}

.green-full-width-phone-banner.construction-sector-green-banner h2 {
    color: #fff;
    margin: 0;
}

.construction-sector-case-studies {
    padding-bottom: 100px;
}

.first-two-case-studies .sectors-case-study-card {
    background: #fff;
    min-height: 730px;
    margin-top: 30px;
}

.last-two-case-studies .sectors-case-study-card {
    background: #fff;
    min-height: 645px;
    margin-top: 30px;
}

.sectors-case-study-text-holder {
    padding: 0 35px;
}

.construction-sector-wave-holder {
    position: relative;
    margin-left: 50%;
    transform: translateX(-50%) rotate(180deg);
    width: 100vw;
    margin-top: -2px;
}

.construction-sector-form-holder.education-sector #simple-short-form-landing-form-holder {
    margin-top: 0;
}

.education-sector #simple-short-form-landing-form-holder .btn {
    background: #ff8e01;
}

.education-sector #simple-short-form-landing-form-holder .btn:hover {
    background: #F6A427;
}

.construction-sector-form-holder {
    margin-top: -200px;
    position: relative;
}


@media (max-width:1350px) {
    .construction-sector-form-holder {
        margin-top: -170px;
    }
}

@media (max-width:900px) {
    .construction-section-lightfoot-text-holder {
        padding-left: 15px;
    }

    .operational-excellence .row {
        text-align: center;
    }

    .construction-section-fors-text-holder h3,
    .construction-section-lightfoot-text-holder h3 {
        margin-top: 50px;
    }

    .projects-we-worked-on .projects-worked-img {
        margin-bottom: 30px;
    }

    .construction-sector-form-holder {
        margin-top: -85px;
    }

    .first-two-case-studies .sectors-case-study-card,
    .last-two-case-studies .sectors-case-study-card {
        min-height: auto;
        padding-bottom: 30px;
    }
}

/* Construction sector page  END */
/* HOME SECTOR PAGE */
.home-sector .great-value-across-range-holder {
    background: rgb(132, 202, 244);
    background: linear-gradient(90deg, rgba(132, 202, 244, 1) 0%, rgba(183, 231, 255, 1) 50%, rgba(132, 202, 244, 1) 100%);
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: auto;
    padding: 50px 0;
}

.home-sector .available-rental-options-holder {
    background: rgb(37, 51, 74);
    background: linear-gradient(90deg, rgba(37, 51, 74, 1) 0%, rgba(2, 113, 192, 1) 100%);
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: auto;
    padding: 50px 0 80px 0;
}

.grey-full-with-holder {
    background: #F4F4F4;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: auto;
    padding: 50px 0 0 0;
}

.available-rental-options-holder h2,
.available-rental-options-holder p {
    color: #fff;
}

.home-sector .rental-card {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-top: -120px;
    box-shadow: 0px 0px 10px;
    font-weight: bold;
}

.home-sector .rental-card p {
    color: #0271C0;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.home-sector .rental-card img {
    margin-bottom: 10px;
}

.home-sector .construction-section-fors-text-holder,
.home-sector .construction-section-lightfoot-text-holder {
    margin-top: 90px;
}

@media(max-width:991px) {

    .home-sector .construction-section-fors-text-holder,
    .home-sector .construction-section-lightfoot-text-holder {
        margin-top: 50px;
    }

    .home-sector .rental-card {
        margin: 10px 15px;
    }

    .home-sector .great-value-across-range-holder,
    .home-sector .available-rental-options-holder,
    .grey-full-with-holder {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* HOME SECTOR PAGE END */
/* OFFICE SECTOR PAGE */
.office-sector {
    hyphens: none;
}

.office-sector p {
    hyphens: none;
}

.for-back-to-work-deals-banner {
    background: #6CB7E5;
    padding: 10px 0;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.for-back-to-work-deals-banner p {
    margin: 0;
    padding: 0;
}

.for-back-to-work-deals-banner a {
    color: #fff;
    text-decoration: none;
}

.three-icon-text-holder p {
    font-size: 16px;
}

.three-icon-text-holder h4 {
    font-size: 18px;
    font-weight: bold;
}

.best-suited-products-holder {
    color: #fff;
    background: url("https://www.thewatercoolercompany.com/assets/images/TWCC-blue-banner-water-425-mobile.jpg?rdm=651EE47D21A7");
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
    box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.2)
}

.best-suited-products-holder h3 {
    color: #fff;
    text-transform: none;
}

.office-sector .btn.green-pill-button {
    background-color: #00b050;
    color: #FFF;
    border: 2px solid #00b050;
    border-radius: 30px;
    margin: 40px 0 0 0;
    max-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.office-sector .btn.green-pill-button:hover {
    background-color: #fff;
    color: #00b050;
}

.office-sector .wavy-grey-background-holder {
    margin-top: 0;
}

.office-sector #product-id-729 {
    position: relative;
}

.office-sector #product-id-729::before {
    content: url("https://www.thewatercoolercompany.com/assets/images/TWCC-sparkling-badge.svg?rdm=316AD605AD77");
    position: absolute;
    left: 50px;
    bottom: 40%;
    transform: translateY(-50%);
}

.office-sector .workplace-hydr-bottled ul li::before {
    content: url("https://www.thewatercoolercompany.com/assets/images/Tick_circle_GRN.svg");
    width: 24px;
    height: 24px;
}

.contactless-zip-flex {
    display: flex;
}

.office-sector .construction-section-fors-text-holder,
.office-sector .construction-section-lightfoot-text-holder,
.vertical-flex-center {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.everything-grey-background-holder {
    position: relative;
    z-index: 0;
}

.everything-grey-background-holder::before {
    content: "";
    background: #F4F4F4;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
}


.office--section-light-blue-wrapper {
    background: #DEE9F7;
    position: relative;
}

.office-sectior--campus-case-studie-wrapper {
    margin-top: 50px;
    padding-bottom: 50px;
}

.office--section-light-blue-wrapper::before {
    content: "";
    background: #DEE9F7;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.office-sectior--campus-case-studie-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.office-sectior--campus-case-studie-row img.negative-margin-50 {
    margin-top: -50px;
}

@media(max-width:991px) {
    .office-sectior--campus-case-studie-wrapper {
        padding-bottom: 30px;
    }

    .office-sectior--campus-case-studie-row {
        flex-direction: column;
        text-align: center;
    }
}

/* OFFICE SECTOR PAGE END */
/* EDUCATION SECTOR PAGE */
.education-sector .dark-blue-fw-background {
    color: #fff;
}

.education-sector .dark-blue-fw-background h2 {
    color: #fff;
    margin-top: 50px;
}

.education-sector .dark-blue-fw-background a.btn {
    color: #FFF;
    border-color: #FFF;
    background-color: #147c89;
}

.education-sector .dark-blue-fw-background a.btn:hover {
    color: #27374e;
    background: #FFF;
    border-color: #27374e;
}

.education-sector .everything-grey-background-holder:before {
    background: #DAEDF8;
}

.education-sector .wavy-grey-background-holder:after {
    background: url("https://www.thewatercoolercompany.com/assets/images/Waves-blu.svg") no-repeat;
}

.education-sector .last-two-case-studies .sectors-case-study-card {
    min-height: auto;
}

.education-sector .sectors-grey-bg-holder {
    padding-bottom: 30px;
}

.education-sector .sectors-grey-bg-holder::before {
    background: #f5f5f5;
}

/* EDUCATION SECTOR PAGE END */
.dark-blue-fw-background {
    position: relative;
    z-index: 0;
}

.dark-blue-fw-background::before {
    content: "";
    background: #25334A;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.products-by-id-background-holder {
    position: relative;
    z-index: 0;
}

.products-by-id-background-holder::before {
    content: "";
    background: #6CB7E5;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0.25;
}

.products-by-id-background-holder.products-by-id .product-container {
    background: #fff;
    width: 23%;
    margin: 20px 10px 20px 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .035);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.products-by-id-background-title-holder h2 {
    padding: 20px 0;
}

@media(max-width:991px) {
    .office-sector .workplace-hydr-bottled {
        flex-direction: column;
    }

    .office-sector .workplace-hydr-bottled.buy-rent-water-cooler-rental-last {
        flex-direction: column-reverse;
    }

    .products-by-id-background-holder.products-by-id .product-container {
        width: 50%;
        float: none;
        margin: 0 auto 30px auto;
    }

    .products-by-id-background-title-holder h2 {
        padding: 20px 0;
    }
}

@media(max-width:480px) {
    .products-by-id-background-holder.products-by-id .product-container {
        width: 80%;
    }
}

.orange-pill-button {
    font-family: 'Lato', sans-serif;
    background: #E66914;
    color: #fff;
    border: 2px solid #E66914;
    border-radius: 50px;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    font-size: 16px !important;
    text-transform: uppercase;
    transition: all 0.5s ease;
    height: inherit !important;
    line-height: 24px;
}

.orange-pill-button:hover,
.orange-pill-button:focus {
    background: #ff8e01;
    border: 2px solid #ff8e01;
    border-radius: 50px;
    padding: 10px 20px;
    color: #fff;
    transition: all 0.5s ease;
}

/* Checkout page mobile verison fix */
@media (max-width:576px) {
    #mainContainer #loginAccount .beta-col {
        width: 48%;
    }

    #mainContainer #loginAccount .beta-col .btn {
        padding: 0 10px;
        font-size: 11px;
    }

    #mainContainer #loginAccount .alpha-col .loginField input {
        width: 100%;
    }

    #mainContainer #loginAccount .alpha-col .submit-button .btn {
        padding: 0 10px;
        font-size: 11px;
        margin-bottom: 0;
    }
}

/* REGISTER .ASP*/
#registration0 .loginField {
    margin: 50px 0 0;
}

#registration0 .loginField label {
    margin-top: 0;
    line-height: 1.9;
}

/* REGISTER .ASP END */
/* crm-request*/
.crm-action-add .crm-add-form-group-holder {
    margin-top: 20px;
}

.crm-action-add .crm-add-form-group-holder .crm-add-input-holder input {
    width: 100%
}

@media (max-width:767px) {
    .crm-action-add .crm-add-button-holer input {
        width: 100%;
    }
}

/* crm-request END */
#mega-menu-2 .mega-menu-column ul li a,
#mega-menu-3 .mega-menu-column ul li a {
    position: relative;
}

#mega-menu-2 .mega-menu-column ul li a strong,
#mega-menu-3 .mega-menu-column ul li a strong {
    padding-left: 60px;
}

#mega-menu-2 .mega-menu-column ul li a svg,
#mega-menu-3 .mega-menu-column ul li a svg {
    width: 40px;
    height: 40px;
    fill: #ddd;
    display: inline-block;
    position: absolute;
    top: 10px;
}

#mega-menu-2 .mega-menu-column ul li a:hover svg path,
#mega-menu-3 .mega-menu-column ul li a:hover svg path {
    fill: #e50943;
}

@media(max-width:767px) {

    #top-menu-item-2-sub .mega-menu-column-short li a strong,
    #top-menu-item-3-sub .mega-menu-column-short li a strong {
        padding-left: 25px;
    }

    #top-menu-item-2-sub .mega-menu-column-short li a svg,
    #top-menu-item-3-sub .mega-menu-column-short li a svg {
        width: 25px;
        height: 18px;
        fill: #fff;
        display: inline-block;
        position: absolute;
        top: 0px;
        left: -5px
    }

    #top-menu-item-2-sub .mega-menu-column-short li a:hover svg path,
    #top-menu-item-3-sub .mega-menu-column-short li a:hover svg path {
        fill: #fff;
    }
}

.social-icons a svg {
    width: 30px;
    height: 30px;
    fill: #888;
}

.social-icons a:hover svg path {
    fill: #6cb7e5;
}

/*Star rating */
/*STAR RATING ICONS */

.stars .average-rating {
    width: 89px;
    max-width: 89px;
    height: 16px;
    max-height: 16px;
    display: inline-block;
}

.stars .average-rating.star-rate-0 {
    background: url('https://hydrate.direct/assets/images/icons/star0.svg') no-repeat;
}

.stars .average-rating.star-rate-1 {
    background: url('https://hydrate.direct/assets/images/icons/star1.svg') no-repeat;
}

.stars .average-rating.star-rate-2 {
    background: url('https://hydrate.direct/assets/images/icons/star2.svg') no-repeat;
}

.stars .average-rating.star-rate-3 {
    background: url('https://hydrate.direct/assets/images/icons/star3.svg') no-repeat;
}

.stars .average-rating.star-rate-4 {
    background: url('https://hydrate.direct/assets/images/icons/star4.svg') no-repeat;
}

.stars .average-rating.star-rate-5 {
    background: url('https://hydrate.direct/assets/images/icons/star5.svg') no-repeat;
}

.category-rent-disc {
    font-size: 13px;
}

.category-rent-disc span a {
    cursor: pointer;
}


.owl-carousel .animated {
    animation-duration: 0.3s;
}

.health-sector .products-by-id .product-container {
    width: 33.3%;
}

.health-sector .great-value-across-range-holder {
    margin-top: 300px;
}

.health-sector .video-holder {
    margin-top: -300px;
}

@media (max-width: 991px) {
    .health-sector .products-by-id .product-container {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .health-sector .products-by-id .product-container {
        width: 100%;
    }

    .health-sector .video-holder {
        margin-top: -150px;
    }

    .health-sector .great-value-across-range-holder {
        margin-top: 100px;
    }
}

/* SPECIFY PAGE */
.specify-page {
    margin-top: -36px;
}

.specify-page-header-row {
    display: flex;
}

.specify-page p {
    hyphens: none;
}

.specify-page .ibwt .steps-holder h4 {
    font-size: 22px;
    font-weight: 700;
    color: #006BB7;
}

.specify-page .ibwt .steps-holder p {
    font-size: 18px;
    color: #000;
}

.specify-page .ibwt .simple-short-form-landing-form-holder-bottom {
    margin: 0;
    color: #fff;
    text-align: center;
    padding: 40px 50px !important;
    border-radius: 14px;
    margin: 0 !important;
}

.specify-page .ibwt .simple-short-form-landing-form-holder-bottom a {
    color: #6CB8E5;
    text-decoration: none;
}

.specify-page .ibwt .simple-short-form-landing-form-holder-bottom a:hover {
    color: #6CB8E5;
}

.specify-page .ibwt .simple-short-form-landing-form-holder-bottom h3 {
    font-size: 28px;
    color: #fff;
    text-align: center;
    padding: 0px 0 10px 0;
}

.specify-page .ibwt .simple-short-form-landing-form-holder-bottom h4 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
}

.specify-page .ibwt .simple-short-form-landing-form-holder-bottom .landing-form-submit {
    width: 65% !important;
    border-radius: 30px !important;
    height: 50px !important;
}

.specify-page-header {
    position: relative;
    background: #232E44;
    z-index: 0;
    color: #fff;
    margin-bottom: 50px;
}

.specify-page-header h3 {
    font-size: 24px;
    color: #fff;
}

.specify-page-header h2 {
    font-size: 40px;
    color: #fff;
}

.specify-page-header p {
    font-size: 19px;
    color: #fff;
}

.specify-page-header .specify-page-header-image-holder {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-specify-header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 409px;
    border-left: 40px solid #147c89;
}

.specify-product-title-holder h2 {
    color: #000;
    position: relative;
    margin-bottom: 50px;
}

.specify-product-title-holder h2::before {
    content: "";
    background: #006BB7;
    width: 160px;
    height: 2px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%);
}

.specify-product-range-wrapper .specify-product-card {
    min-height: 292px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    padding: 30px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    position: relative;
    z-index: 0;
}

.specify-product-range-wrapper .specify-product-card:hover {
    text-decoration: none;
    background-color: rgba(0, 97, 169, 0.6);
}

.specify-product-range-wrapper .specify-product-card:hover::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 97, 169, 0.6);
    z-index: -1;
}

.specify-product-range-wrapper .specify-product-card h2 {
    color: #fff;
    text-shadow: 0 0 8px #000;

}

.specify-product-range-wrapper .indoor-drinking-fountains-card {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-specify-product-indoor-fountain.jpg');
}

.specify-product-range-wrapper .outdoor-drinking-fountains-card {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-specify-product-outdoor-fountain.jpg');
}

.specify-product-range-wrapper .mains-pou-water-coolers-card {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-specify-product-mains-fed.jpg');
}

.specify-product-range-wrapper .indoor-bottle-filling-stations-card {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-specify-product-indoor-filling.jpg');
}

.specify-product-range-wrapper .outdoor-bottle-filling-station-card {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-specify-product-outdoor-filling.jpg');
}

.specify-product-range-wrapper .touche-free-range-card {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-specify-product-contactless.jpg');
}

.specify-popular-brands-title-holder h2 {
    color: #000;
    position: relative;
    margin-bottom: 50px;
}

.specify-popular-brands-title-holder h2::before {
    content: "";
    background: #006BB7;
    width: 160px;
    height: 2px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%);
}

.specify-popular-brands-logos-holdor img {
    transition: transform .2s ease-in-out;
}

.specify-popular-brands-logos-holdor img:hover {
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari 3-8 */
    transform: scale(1.2);
    transition: transform .2s ease-in-out;
}

.oasis-filter-banner-holder {
    display: flex;
    background: #f4f4f4;
}

.oasis-filter-banner-holder .oasis-filter-banner-text-holder {
    display: flex;
    flex-direction: column;
    padding-left: 50px;
    justify-content: center;
    text-align: left;
    width: 100%;
    height: 100%;
}

.oasis-filter-banner-holder .oasis-filter-banner-text-holder h2 {
    font-size: 30px;
    color: #243148;
    margin-top: 0;
}

.oasis-filter-banner-holder .oasis-filter-banner-text-holder p {
    font-size: 18px;
    font-weight: bold;
    color: #243148;
}

.oasis-filter-banner-holder .oasis-filter-banner-text-holder .transparent-blue-button {
    max-width: 166px;
}

.oasis-filter-banner-holder .oasis-filter-banner-image-holder {
    padding: 0;
}

.oasis-filter-banner-holder .oasis-filter-banner-image-holder img {
    margin: 0;
}

.oasis-filter-banner-holder-BLU {
    background: #6DB7E6;
}

.oasis-filter-banner-holder-BLU .oasis-filter-banner-text-holder h2 {
    color: #fff;
}

.oasis-filter-banner-holder-BLU .oasis-filter-banner-text-holder p {
    color: #fff;
}

.oasis-filter-banner-holder-BLU .oasis-filter-banner-text-holder .transparent-white-button {
    max-width: 166px;
}

.oasis-filter-banner-holder-BLU .oasis-filter-banner-text-holder {
    padding-left: 0px;
}

.specify-solutions-sectors h2 {
    color: #000;
    position: relative;
    margin-bottom: 50px;
}

.specify-solutions-sectors h2::before {
    content: "";
    background: #006BB7;
    width: 160px;
    height: 2px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%);
}

.specify-sectors-holder .col-md-4 {
    padding-bottom: 15px;
}

.specify-sectors-holder img {
    margin-bottom: 17px;
}

.specify-drinking-experts-holder {
    display: flex;
}

.specify-drinking-experts-text-holder {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.specify-drinking-experts-text-holder img {
    max-width: 100%;
}

.specify-some-of-our-clinets h2 {
    color: #000;
    position: relative;
    margin-bottom: 50px;
}

.specify-some-of-our-clinets h2::before {
    content: "";
    background: #006BB7;
    width: 160px;
    height: 2px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%);
}

.specify-case-studies .sectors-case-study-card img {
    margin: 0;
    width: 100%;
}

.specify-case-studies .sectors-case-study-card {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    background: #f6f6f6;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 h2 {
    font-size: 30px;
    color: #28374e;
    text-transform: none;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 h3 {
    font-size: 24px;
    color: #3976BE;
    text-transform: none;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}

.blue-hr {
    height: 1px;
    width: 100%;
    background: #6DB7E6;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-form-holder::after {
    content: none;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 a {
    color: #6CB8E5 !important;
    text-decoration: none;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 a:hover {
    color: #6CB8E5 !important;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 {
    color: #fff;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 p {
    font-size: 18px;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 h4 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-transform: none;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 .simple-short-form-landing-form-holder-bottom {
    padding: 10px 130px;
    margin-top: -350px;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-heading-holder {
    margin-top: 50px;
}

.specify-page .specify-checkbox-holder {
    text-align: left;
    padding-left: 5px;
    margin-bottom: 10px;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-form-holder {
    margin-top: 400px;
}

.specify-page .specify-checkbox-holder input {
    margin-right: 5px;
}

.specify-page .specify-checkbox-holder span {
    font-size: 12px;
}

.specify-page #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-form-holder .landing-form-submit {
    width: 70%;
}

.specify-some-of-our-clinets-mobile {
    width: 100%;
    display: none;
}

@media(max-width:991px) {

    .specify-page-header {
        position: relative;
        background: #232E44;
        z-index: 0;
        color: #fff;
        margin-left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: auto;
        margin-bottom: 50px;
    }

    .specify-some-of-our-clinets-desktop {
        display: none;
    }

    .specify-some-of-our-clinets-mobile {
        display: block;
    }

    .oasis-filter-banner-holder .oasis-filter-banner-text-holder {
        padding: 30px 0;
        text-align: center;
    }

    .oasis-filter-banner-holder .oasis-filter-banner-text-holder a {
        margin: 0 auto;
    }

    .specify-drinking-experts-text-holder {
        text-align: center;
    }

    .specify-drinking-experts-text-holder img {
        margin: 0 auto;
    }

    .specify-page #buy-rent-coolers-fountains-dec-2020 #simple-short-form-landing-form-holder .landing-form-submit {
        width: 100%;
    }

    .specify-drinking-experts-holder {
        flex-direction: column;
    }

    .specify-popular-brands-logos-holdor img {
        margin-bottom: 20px;
    }

    .oasis-filter-banner-holder {
        flex-direction: column;
        margin-top: 50px;
    }

    .oasis-filter-banner-holder-BLU {
        flex-direction: column-reverse;
    }

    .specify-page {
        margin-top: 0px;
    }

    .specify-page-header-row {
        flex-direction: column-reverse;
    }

    .specify-page-header-text-holder {
        padding: 10px 15px;
        text-align: center;
    }

    .specify-page-header .specify-page-header-image-holder {
        border-left: none;
        border-bottom: 40px solid #147c89;
    }

    .specify-page .ibwt .steps-holder {
        text-align: center;
    }

    .specify-page .ibwt .steps-holder img {
        margin: 0 auto;
    }

    .specify-page .ibwt .simple-short-form-landing-form-holder-bottom {
        padding: 10px !important;
    }

    .specify-page .ibwt .simple-short-form-landing-form-holder-bottom .landing-form-submit {
        width: 100% !important;
    }
}

@media(max-width:695px) {
    .specify-page-header-image-holder {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/Bottle_Filling_Station-Specify-Banner-Mobile.jpg') !important;
        min-height: 350px !important;
    }

    .specify-page #buy-rent-coolers-fountains-dec-2020 .simple-short-form-landing-form-holder-bottom {
        padding: 10px;
    }

    .specify-page #workplace-hydr-logos {
        margin: 45px 0 0px 0;
    }
}

/* SPECIFY PAGE END */
.grey-f6-background {
    position: relative;
    z-index: 0;
    background: #f6f6f6;
}

.grey-f6-background::before {
    display: block;
    background: #f6f6f6;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

.grey-eee-background {
    position: relative;
    z-index: 0;
    background: #eee;
}

.grey-eee-background::before {
    display: block;
    background: #eee;
    content: '';
    width: 1000%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -1;
    position: absolute;
}

.transparent-blue-button {
    background: transparent;
    border: 2px solid #233148;
    color: #233148 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.transparent-blue-button:hover {
    color: #fff !important;
    background: #233148;
    border: 2px solid #233148;
    text-decoration: none;
}

.transparent-white-button {
    background: transparent;
    border: 2px solid #fff;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transparent-white-button:hover {
    color: #233148 !important;
    background: #fff;
    border: 2px solid #fff;
    text-decoration: none;
}

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

@media(max-width:991px) {

    .mobile-column,
    .equalize-height {
        flex-direction: column !important;
    }
}

.blue-line-holder {
    width: 100%;
    height: 1px;
    display: flex;
    justify-content: center;
}

.blue-line {
    width: 60%;
    height: 100%;
    background: #6DB7E6;
}

/* COLD WATER COOLERS PAGE */
.cold-water-coolers-page h2 {
    font-size: 30px;
}

.cold-water-coolers-page h3 {
    font-size: 24px;
}

.cold-water-coolers-page .products-by-id-background-holder.products-by-id .product-container {
    width: 31%;
    margin: 0;
    margin-right: 40px;
    margin-top: 40px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.cold-water-coolers-page .products-by-id-background-holder.products-by-id .product-container:last-child {
    margin-right: 0px;
}

.cold-water-coolers-page .products-by-id-background-holder.products-by-id .product-container a.btn {
    width: 157px;
    margin: 20px auto;
}

.the-core-floor-banner-holder {
    background: linear-gradient(90deg, #F9F9F9 0%, #EEEEEE 100%);
    padding: 0;
}

.the-core-floor-banner-holder h2 {
    font-size: 48px;
    color: #0271C0;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}

.the-core-floor-banner-holder h3 {
    font-size: 24px;
    color: #0271C0;
    margin: 0;
    padding-bottom: 10px;
    text-transform: none;
}

.the-core-floor-banner-holder strong {
    font-size: 20px;
}

.the-core-floor-banner-text-holder {
    padding-right: 50px;
}

.the-core-floor-banner-text-holder a {
    max-width: 157px;
}

.cwc-refreshing-water-text-holder h3 {
    text-transform: none;
}

.cwc-refreshing-water-text-holder p {
    margin-bottom: 0;
}

.cwc-refreshing-water-text-holder ul {
    padding: 0;
    list-style: none;
}

.cwc-refreshing-water-text-holder ul li {
    text-transform: none;
    padding: 35px 0 0 50px;
    position: relative;
}

.cwc-refreshing-water-text-holder ul li.truck-icon::before {
    content: "";
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-delivery-BLU.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
}

.cwc-refreshing-water-text-holder ul li.thumbs-up-icon::before {
    content: "";
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-thumbsup-BLU.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
}

.cwc-refreshing-water-text-holder ul li.tear-drop-icon::before {
    content: "";
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-sanitise-BLU.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
}

.regular-delivery-holder {
    background: #f9f9f9;
    padding: 50px;
}

.regular-delivery-holder h3 {
    color: #25334A;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;

}

.regular-delivery-holder ul li {
    font-size: 18px;
    margin-bottom: 20px;
}

.grey-border-box {
    border: 1px solid #C4C4C4;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

.cold-water-coolers-page #buy-rent-coolers-fountains-dec-2020 {
    margin-bottom: -1px;
}

.cold-water-coolers-page #buy-rent-coolers-fountains-dec-2020 .thirsty-bottom-heading-holder {
    margin-top: 0;
}

.image-mobile,
.for-pd-mobile,
.show-on-mobile {
    display: none
}

@media(max-width:768px) {
    .show-on-mobile {
        display: block;
    }

    .cold-water-coolers-page .regular-delivery-holder {
        padding: 20px 0;
    }

    .cold-water-coolers-page .regular-delivery-holder h3 {
        margin-top: 0;
    }

    .cold-water-coolers-page .regular-delivery-holder img {
        margin-bottom: 0px;
    }

    .cold-water-coolers-page .grey-full-with-holder {
        padding-top: 0;
    }

    .cold-water-coolers-page .available-rental-options-holder {
        padding-bottom: 15px;
    }

    .cold-water-coolers-page .rental-cards-holder {
        background: linear-gradient(90deg, rgba(37, 51, 74, 1) 0%, rgba(2, 113, 192, 1) 100%);
        padding-bottom: 30px;
    }

    .for-pd-mobile {
        display: block;
        padding-bottom: 50px;
    }

    .grey-border-box {
        margin-left: 15px;
        margin-right: 15px;
    }

    .image-desktop {
        display: none;
    }

    .image-mobile {
        display: block
    }

    .regular-delivery-holder {
        padding: 50px 0;
        text-align: center;
        flex-direction: column-reverse;
    }

    .regular-delivery-holder ul {
        text-align: left;
    }

    .regular-delivery-holder img {
        margin-bottom: 50px;
    }

    .cold-water-coolers-page .products-by-id-background-holder.products-by-id .product-container a.btn {
        margin: 10px auto;
    }

    .the-core-floor-banner-text-holder {
        padding: 20px 15px;
        text-align: center;
    }

    .the-core-floor-banner-text-holder a.btn {
        margin: 0 auto;
    }

    .cold-water-coolers-page h1 {
        margin-top: 30px;
    }

    .hydrated-in-heatwave-text-holder {
        text-align: center;
    }

    .hydrated-in-heatwave-text-holder a {
        margin: 0 auto;
        width: 80%;
    }

    .cold-water-coolers-page .three-points {
        max-width: 90px;
    }

    .the-core-floor-banner-holder-mobile {
        flex-direction: column-reverse !important;
    }
}

@media(max-width:991px) {
    .cold-water-coolers-page .products-by-id-background-holder.products-by-id .product-container {
        width: 80%;
        margin: 0 auto 30px auto !important;
        height: 440px;
        padding-bottom: 15px;
    }
}

/* COLD WATER COOLERS PAGE END */

.brands-we-sell .brands-images img {
    transition: transform .2s ease-in-out;
}

.brands-we-sell .brands-images img:hover {
    transform: scale(1.1);
    transition: transform .2s ease-in-out;
}

.category-id-104 button#sort-tags-reset-btn {
    display: none;
}

.product-id-1759 #listing0 #mediaBlock .savings-red-blob {
    display: none !important;
}





.polaris-spotlight {
    min-height: 427px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #000857;
    margin-top: 50px;
    margin-bottom: 50px;
    cursor: pointer;
}

.polaris-spotlight .polaris-spotlight-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 427px;
    padding-left: 25px;
}

.polaris-spotlight .polaris-spotlight-content .display-on-mobile {
    display: none;
}

.polaris-spotlight .polaris-spotlight-content h2,
.polaris-spotlight .polaris-spotlight-content p {
    color: #000857;
}

.polaris-spotlight .polaris-spotlight-content h2 {
    font-size: 38px;
}

.polaris-spotlight .polaris-spotlight-content p {
    font-size: 16px;
}

.polaris-spotlight .polaris-spotlight-content .above-title {
    font-style: italic;
    font-size: 17px;
}

.polaris-spotlight .polaris-spotlight-content .sub-heading {
    font-size: 22px;
}

.polaris-spotlight .polaris-spotlight-content .green-button {
    padding: 20px;
    width: auto;
    margin-right: 50px;
    margin-bottom: 0;
    font-size: 1.5em;
    margin-top: 25px;
}

.polaris-spotlight .polaris-spotlight-content .info-icon {
    width: 90px;
    height: 90px;
    margin-top: 20px;
}

@media (max-width: 1279px) {
    .polaris-spotlight .polaris-spotlight-content {
        justify-content: flex-start;
    }

    .polaris-spotlight .polaris-spotlight-content .green-button {
        padding: 15px !important;
        margin-right: 30px !important;
        margin-top: 10px i !important;
    }

    .polaris-spotlight .polaris-spotlight-content .info-icon {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 500px) {
    .polaris-spotlight .polaris-spotlight-content {
        min-height: auto;
        align-items: center;
        text-align: center;
        padding: 0;
    }

    .polaris-spotlight .polaris-spotlight-content .info-icon {
        display: none;
    }

    .polaris-spotlight .polaris-spotlight-content .display-on-mobile {
        display: block;
    }

    .polaris-spotlight .polaris-spotlight-content .green-button {
        margin: 20px auto !important;
        padding: 25px;
    }

    .polaris-spotlight .polaris-spotlight-content .above-title {
        margin-bottom: 15px;
    }
}

@media (max-width: 1024px) {
    .polaris-spotlight {
        background-size: cover;
        background-position: 80%;
    }
}

@media (max-width: 500px) {
    .polaris-spotlight {
        background-image: none;
        min-width: auto;
        min-height: auto;
        width: auto;
    }

    .polaris-spotlight br {
        display: none;
    }
}

.polaris-spotlight.rental-spotlight {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWDC-CaO-Rental-Banner-1210x427-221122.webp');
    margin-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

@media(min-width:991px) {
    .polaris-spotlight.rental-spotlight {
        margin-left: 0;
    }
}

.polaris-spotlight.rental-spotlight .polaris-spotlight-content {
    padding-left: 75px;
}

.polaris-spotlight.rental-spotlight h2 {
    font-size: 36px;
}

.polaris-spotlight.rental-spotlight h2,
.polaris-spotlight.rental-spotlight p {
    color: #fff;
}

.polaris-spotlight.rental-spotlight .polaris-spotlight-content .above-title {
    margin-bottom: 0;
}

.polaris-spotlight.rental-spotlight a.btn.rental-spotlight-button {
    background: #E57825;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    height: 55px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    transition: color .6s ease-in-out;
    display: inline-flex;
    align-items: center;
    margin-top: 0;
}

.polaris-spotlight.rental-spotlight a.btn.rental-spotlight-button img {
    filter: brightness(0) invert(1);
    margin-bottom: 3px;
    margin-left: 5px;
}

.polaris-spotlight.rental-spotlight a.btn.rental-spotlight-button:hover {
    background: #F2A900;
    transition: color .6s ease-in-out;
}

.build-your-rental-package-wrapper {
    color: #fff;
    position: relative;
}

.build-your-rental-package-wrapper::before {
    content: "";
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Rent-Buy-CaO-Background.jpg');
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
    background-position-x: center;
    background-repeat: no-repeat;
}

.build-your-rental-package-row {
    display: flex;
}

.build-your-rental-package-wrapper h2 {
    font-size: 36px !important;
    font-weight: bold;
    color: #fff !important;
}

#buy-rent-coolers-fountains-dec-2020 .build-your-rental-package-wrapper h3 {
    font-size: 24px;
    font-weight: bold;
    color: #fff !important;
}

.build-your-rental-package-wrapper p.visit-store-text {
    font-size: 24px;
    color: #fff !important;
}

.build-your-rental-package-wrapper .btn.orange-pill-button {
    color: #fff;
}

.build-your-rental-package-wrapper .btn.orange-pill-button img {
    filter: brightness(0) invert(1);
    margin-bottom: 3px;
    margin-left: 5px;
}

.build-your-rental-package-wrapper .build-your-rental-package-text-holder h2 {
    margin-top: 50px;
}

.build-your-rental-package-wrapper .build-your-rental-package-text-holder .btn.orange-pill-button {
    margin-bottom: 50px;
}

.build-your-rental-package-image-holder {
    display: flex;
    align-items: flex-end;
}

.build-your-rental-package-image-holder img {
    width: 100%;
}

.hide-on-desktop {
    display: none;
}



@media(max-width:991px) {
    .polaris-spotlight.rental-spotlight .polaris-spotlight-content {
        padding-left: 0;
        padding-bottom: 30px;
    }

    .hide-on-mobile {
        display: none;
    }

    .hide-on-desktop {
        display: block;
    }

    .build-your-rental-package-wrapper {
        color: #fff;
        position: relative;
    }

    .build-your-rental-package-wrapper::before {
        background: #28374E;
    }

    .build-your-rental-package-wrapper h2,
    .polaris-spotlight.rental-spotlight h2 {
        font-size: 32px !important;

    }

    #buy-rent-coolers-fountains-dec-2020 .build-your-rental-package-wrapper h3 {
        font-size: 22px;

    }

    #buy-rent-coolers-fountains-dec-2020 .build-your-rental-package-wrapper p,
    .polaris-spotlight.rental-spotlight p {
        font-size: 16px;

    }

    .build-your-rental-package-wrapper p.visit-store-text {
        font-size: 22px;

    }

    .build-your-rental-package-wrapper .btn.orange-pill-button {
        font-size: 18px !important;
    }

    .build-your-rental-package-row {
        flex-direction: column-reverse;
        text-align: center;

    }

    .build-your-rental-package-image-holder {
        padding: 0;
    }

    .polaris-spotlight.rental-spotlight {
        background: #28374E;
    }
}

#simplemodal-container {
    width: 600px !important;
    height: 530px !important;
    border: none !important;
    border-radius: 10px !important;
}

#simplemodal-container iframe {
    width: 100% !important;
    height: 530px !important;
    border-radius: 10px !important;
    padding: 30px;
}

#helppopup .header h3 {
    text-align: center;
    font-size: 18px;
    float: none;
    margin-bottom: 10px;
}

#helppopup .helpbox {
    font-size: 14px;
}

@media(max-width:600px) {
    #simplemodal-container {
        width: 300px !important;
        height: 300px !important;
        border: none !important;
    }

    #simplemodal-container iframe {
        width: 100% !important;
        height: 300px !important;
        padding: 15px;
    }
}

#category-sidebar ul li label {
    font-size: inherit;
    margin: inherit;
    padding: inherit;
    font-weight: inherit;
    margin-left: 3px;
}

#home p {
    hyphens: none;
}

#ZipCategorySlider .zip-slide-cat-item {
    background-size: 100%;
    background-repeat: no-repeat !important;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 31%;
}

#ZipCategorySlider .zip-slide-cat-item-1 {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-1-Jun22.jpg');
}

#ZipCategorySlider .zip-slide-cat-item-2 {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-2.jpg');
}

#ZipCategorySlider .zip-slide-cat-item-3 {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-3.jpg');
}

#ZipCategorySlider .zip-slide-cat-item-4 {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-4.jpg');
}

#ZipCategorySlider .owl-nav {
    margin: 0;
    position: absolute;
    top: 40%;
    width: 100%;
}

#ZipCategorySlider .owl-nav button.owl-prev,
#ZipCategorySlider .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    position: absolute;
    background-image: url('https://www.thewatercoolercompany.com/assets/images/twcc-progression-arrow.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

#ZipCategorySlider .owl-nav button.owl-prev span,
#ZipCategorySlider .owl-nav button.owl-next span {
    display: none;
}

#ZipCategorySlider .owl-nav button.owl-prev:hover,
#ZipCategorySlider .owl-nav button.owl-next:hover {
    background-color: transparent;
}

#ZipCategorySlider .owl-nav button.owl-prev {
    left: 0;
    transform: rotate(180deg);
}

#ZipCategorySlider .owl-nav button.owl-next {
    right: 0;
}

@media(max-width:991px) {
    #ZipCategorySlider .zip-slide-cat-item {
        background-size: contain;
        background-repeat: no-repeat !important;
        display: block;
        width: 100%;
        height: auto;
        padding-top: 75%;
    }

    #ZipCategorySlider .owl-nav {
        display: none;
    }

    #ZipCategorySlider .zip-slide-cat-item-1 {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-1-Jun22-Mobile.jpg');
    }

    #ZipCategorySlider .zip-slide-cat-item-2 {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-2-mobile.jpg');
    }

    #ZipCategorySlider .zip-slide-cat-item-3 {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-3-mobile.jpg');
    }

    #ZipCategorySlider .zip-slide-cat-item-4 {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Zip-Tap-Range-Category-Slide-4-mobile.jpg');
    }
}


/*Case Studies Pages */
/* use break out for containers with background images  this messes up the rows and colums */
.break-out {
    width: 100vw !important;
    position: relative;
    left: calc(-1 * (100vw - 100%) /2);
}

.case-studies-parent-wrapper p {
    hyphens: none !important;
}

.case-studies-parent-wrapper a {
    display: inline-block;
}

.case-studies-parent-wrapper h2 {
    font-size: 30px;
    color: #25334A;
    margin: 20px 0;
    text-transform: none;
}

.case-studies--header {
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    text-align: center;
    color: #fff;
    margin-top: -30px;
    height: 407px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-studies--header h1,
.case-sutties--subhead {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.case-studies--header h1 {
    color: #fff;
    margin: 20px 0 30px 0;
    font-size: 48px;
}

.case-sutties--subhead {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.21em;
    color: #C4C4C4;
    line-height: 22px;
    position: relative;
}

.case-sutties--subhead span {
    position: relative;
}

.case-sutties--subhead span::before {
    content: '';
    background-size: 100%;
    background-position: center;
    width: 16px;
    height: 18px;
    position: absolute;
    left: -23px;
    top: 3px;

}

.campus-reading-international .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/complex-ico-wht.svg');
}

.campus-reading-international.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-ReadingInternationalCampus-Header.jpg');
}

.case-studies-text-icon--section {
    display: flex;
    align-items: center;
    padding: 72px 0 90px 0;
}

.case-studies-text-icon--section img {
    border-radius: 40px;
}

.case-studies-text-icon--section-light-blue-wrapper {
    background: #DEE9F7;
    position: relative;
}

.case-studies-text-icon--section-light-blue-wrapper::before {
    content: "";
    background: #DEE9F7;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.case-studies-text-icon--section-light-blue-holder {
    padding: 50px 0;
}

.case-studies-text-icon--section-light-blue-holder img {
    margin-top: -100px;
}

.case-studies-text-icon--section-light-blue-holder ul {
    list-style: none;
    padding: 0;
}

.case-studies-text-icon--section-light-blue-holder li {
    margin-bottom: 15px;
    position: relative;
    font-size: 18px;
}

.case-studies-text-icon--section-light-blue-holder li img {
    margin: 0;
    margin-right: 10px;
}


.our-water--solution-wrapper {
    background: #F8FBFF;
    position: relative;
}

.our-water--solution-wrapper::before {
    content: "";
    background: #F8FBFF;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.our-water--solution-holder {
    padding: 70px 0;
}

.our-water--solution-wrapper .solution--card {
    background: #FFFFFF;
    border: 2px solid #CCD4DB;
    filter: drop-shadow(0px 0px 37px rgba(0, 0, 0, 0.1));
    margin-top: 20px;
}

.solution--card-row {
    display: flex;
    align-items: center;
}
.solution--card-first-col{
    align-self: flex-end;
}
.our-water--solution-wrapper .solution--card ul li {
    margin-bottom: 15px;
}

.case-studies-parent-wrapper .three-drops-wrapper {
    position: relative;
}

.case-studies-parent-wrapper .three-drops-wrapper::before {
    content: "";
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.case-studies-parent-wrapper .campus-reading-international .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-ReadingInternationalCampus-Stat-Banner.jpg');
}

.case-studies-parent-wrapper .three-drop-holder {
    padding: 50px 0;
    color: #fff;
}

.case-studies-parent-wrapper .three-drop-holder .tree-drops-heading {
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;
}

.case-studies-parent-wrapper-form-holder {
    position: relative;
    background: linear-gradient(90deg, #3993D0 0%, #6DB7E6 32.81%, #66B2E3 67.19%, #3993D0 100%);
    margin-top: 145px;
    padding-bottom: 90px;
}

.case-studies-parent-wrapper-form-holder::before {
    content: "";
    background: linear-gradient(90deg, #3993D0 0%, #6DB7E6 32.81%, #66B2E3 67.19%, #3993D0 100%);
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.case-studies-parent-wrapper #simple-short-form-landing-form-holder {
    color: #fff;
    text-align: center;
    margin-top: -100px;
    background: #1C2B40;
    border-radius: 20px;
}

.case-studies-parent-wrapper #simple-short-form-landing-form-holder h3 {
    color: #fff;
}

.case-studies-parent-wrapper #simple-short-form-landing-form-holder a,
.case-studies-parent-wrapper #simple-short-form-landing-form-holder a:hover,
.case-studies-parent-wrapper #simple-short-form-landing-form-holder a:active {
    color: #6CB8E5;
    text-decoration: none;
}

.case-studies-parent-wrapper #simple-short-form-landing-form-holder input {
    margin-bottom: 16px;
}

.case-studies-parent-wrapper #simple-short-form-landing-form-holder .landing-form-submit {
    margin-bottom: 0;
    background-color: #E66914;
    border-radius: 5px;
    font-size: 18px;
    width: 70%;
    margin-bottom: 10px;
}

.case-studies-parent-wrapper #simple-short-form-landing-form-holder .landing-form-submit:hover {
    background: #ff8e01;
}

.solution--card-row .show-desktop {
    display: block;
}

.solution--card-row .show-mobile {
    display: none !important;
}

.case-studies-parent-wrapper #simple-short-form-landing-form-holder .form-group .col-md-6 {
    padding: 0 15px;
}

.case-studies-quote-card-holder {
    background: #F4F4F4;
    padding: 50px 100px;
    margin: 50px 0;
    text-align: center;
    position: relative;
}

.case-studies-quote-card-holder::before {
    content: '';
    width: 57px;
    height: 45px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -28px;
    left: 20px;
    background-image: url('https://www.thewatercoolercompany.com/assets/images/quote-top.svg');
}

.case-studies-quote-card-holder::after {
    content: '';
    width: 57px;
    height: 45px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -28px;
    right: 20px;
    background-image: url('https://www.thewatercoolercompany.com/assets/images/quote-bottom.svg');
}

.above-form-text {
    margin: 80px 0;
}

.go-to-case-studies-wrapper {
    position: relative;
    z-index: 0;
    margin-bottom: -2px;
}

.go-to-case-studies-wrapper::before {
    content: "";
    background: #005FA7;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
}

.go-to-case-studies-holder {
    padding: 20px 0;
}

.go-to-case-studies-text {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.go-to-case-studies-holder a.btn {
    color: #fff;
    border: 2px solid #fff;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    position: relative;
}

.go-to-case-studies-holder a.btn:hover {
    color: #6cb7e5;
    border: 2px solid #6cb7e5;
    transition: all 0.3s;
}

.go-to-case-studies-holder a.btn svg {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-47%);
    right: 18px;
    transition: all 0.3s;
}

.go-to-case-studies-holder a.btn svg path {
    transition: all 0.3s;
}

.go-to-case-studies-holder a.btn:hover svg path {
    fill: #6cb7e5;
    transition: all 0.3s;
}

.our-water--solution-wrapper .solution--card .solution--card-text-wrapper {
    padding: 20px 30px 20px 0;
}

/* LORDS CASE STUDIE*/
.lords-cricket-ground.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Lords.jpg');
}

.lords-cricket-ground .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Stadium.svg');
}

.case-studies-parent-wrapper .lords-cricket-ground .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-Lords.jpg');
}

/*LORDS CASE STUDIE Ends*/

/* SPURS CASE STUDIE*/
.tottenham-hotspur-stadium.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Spurs.jpg');
}

.tottenham-hotspur-stadium .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Stadium.svg');
}

.case-studies-parent-wrapper .tottenham-hotspur-stadium .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-Spurs.jpg');
}

/* SPURS CASE STUDIE END*/
/* M AND S PAGE */
.m-and-s.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-MarksSpencer.jpg');
}

.m-and-s .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Retail.svg');
}

.case-studies-parent-wrapper .m-and-s .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-MarksSpencer.jpg');
}

/* M AND S PAGE END */

/* OCS GROUP */
.ocs-gruop.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-OCSGroup-Header.jpg');
}

.ocs-gruop .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Education.svg');
}

.case-studies-parent-wrapper .ocs-gruop .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-OCSGroup-Header2.jpg');
}

/* OCS GROUP END */

/* Emmanuel School */
.emanuel-school.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Emanuel.jpg');
}

.emanuel-school .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Education%201.svg');
}

.case-studies-parent-wrapper .emanuel-school .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-Emanuel.jpg');
}

/* Emmanuel School END */

/* university of westminster */
.university-of-westminster.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-WestminsterUniversity.jpg');
}

.university-of-westminster .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Education%201.svg');
}

.case-studies-parent-wrapper .university-of-westminster .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-University-Stat-Banner.jpg');
}

/* university of westminster END */

/* tommy hilfiger calvin klein  PAGE */
.tommy-and-klein.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-THCK.jpg');
}

.tommy-and-klein .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Retail.svg');
}

.case-studies-parent-wrapper .tommy-and-klein .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-MarksSpencer.jpg');
}

/* tommy hilfiger calvin klein  PAGE END */

/* maidenhead-library Page*/
.maidenhead-library.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Maidenhead-Library.jpg');
}

.maidenhead-library .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Public.svg');
}

.case-studies-parent-wrapper .maidenhead-library .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-Maidenhead-Library.jpg');
}

/* maidenhead-library PageEND */
/* rhs Page*/
.rhs-the-chelsea-flower-show.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-RHS.jpg');
}

.rhs-the-chelsea-flower-show .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Events.svg');
}

.case-studies-parent-wrapper .rhs-the-chelsea-flower-show .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-RHS.jpg');
}
/* rhs page end*/
/* Brighton pride Page*/
.brighton-pride.case-studies--header {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-BrightonPride.webp');
}

.brighton-pride .case-sutties--subhead span::before {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-Industry-Icon-Events.svg');
}

.case-studies-parent-wrapper .brighton-pride .three-drops-wrapper::before {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-BrightonPride.webp');
}
/* Brighton pride page end*/
@media(max-width:991px) {

        /* Brighton pride Page*/
        .brighton-pride.case-studies--header {
            background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-BrightonPride-Header-Mobile.webp');
            height: 336px;
        }
    
        .case-studies-parent-wrapper .brighton-pride .three-drops-wrapper::before {
            background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-BrightonPride-Mobile.webp');
            background-repeat: no-repeat;
        }
    
        /* Brighton pride Page end*/


    /* rhs Page*/
    .rhs-the-chelsea-flower-show.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-RHS-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .rhs-the-chelsea-flower-show .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-RHS-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /* rhs Page end*/

    /* tommy hilfiger calvin klein PAGE*/
    .maidenhead-library.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Maidenhead-Library-Mobile.jpg');
        height: 336px;
    }

    .maidenhead-library.case-studies--header h1 {
        font-size: 36px;
    }

    .case-studies-parent-wrapper .maidenhead-library .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-Maidenhead-Library-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /* tommy hilfiger calvin klein PAGE END*/
    /* tommy hilfiger calvin klein PAGE*/
    .tommy-and-klein.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-THCK-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .tommy-and-klein .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-MarksSpencer-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /* tommy hilfiger calvin klein PAGE END*/

    /* university of westminster PAGE*/
    .university-of-westminster.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-WestminsterUniversity-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .university-of-westminster .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-University-Stat-Banner-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /* university of westminster PAGE END*/

    /* Emmanuel school PAGE*/
    .emanuel-school.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Emanuel-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .emanuel-school .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-Emanuel-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /* Emmanuel school PAGE END*/

    /* OCS GROUP PAGE*/
    .m-and-s.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-OCSGroup-Header-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .m-and-s .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-OCSGroup-Header2-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /* OCS GROUP PAGE END*/
    /*  M AND S PAGE*/
    .m-and-s.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-MarksSpencer-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .m-and-s .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-MarksSpencer-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /*  M AND S PAGE END*/
    /* SPURS CASE STUDIE*/
    .tottenham-hotspur-stadium.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Spurs-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .tottenham-hotspur-stadium .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header2-Spurs-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /* SPURS CASE STUDIE END*/
    /*LORDS CASE STUDIE*/
    .lords-cricket-ground.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Header-Lords-Mobile.jpg');
        height: 336px;
    }

    .case-studies-parent-wrapper .lords-cricket-ground .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-ReadingInternationalCampus-Stat-Banner-Mobile.jpg');
        background-repeat: no-repeat;
    }

    /*LORDS CASE STUDIE end*/
    .go-to-case-studies-wrapper {
        margin-bottom: -26px;
    }

    .go-to-case-studies-holder {
        text-align: center;
    }

    .go-to-case-studies-text {
        margin-bottom: 15px;
    }

    .go-to-case-studies-holder a.btn img {
        width: 12px;
        height: 12px;
    }

    .campus-reading-international .three-drops-wrapper::before {
        background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-ReadingInternationalCampus-Stat-Banner-Mobile.jpg');
        background-repeat: no-repeat;
    }

    .case-studies-parent-wrapper #simple-short-form-landing-form-holder textarea {
        margin-top: -16px;
    }

    .case-studies-parent-wrapper .above-form-text {
        padding: 0 15px;
    }

    .solution--card-row .show-desktop {
        display: none;
    }

    .solution--card-row .show-mobile {
        display: block !important;
    }

    .case-studies-parent-wrapper img {
        max-width: 100%;
        height: auto;
    }

    .campus-reading-international.case-studies--header h1 {
        font-size: 36px;
    }

    .case-sutties--subhead span::before {
        left: 50%;
        top: 30px;
        transform: translateX(-50%);
    }

    .campus-reading-international.case-studies--header {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-ReadingInternationalCampus-Header-Mobile.jpg');
        height: 336px;
    }

    .case-studies-text-icon--section {
        flex-direction: column-reverse;
        text-align: center;
        padding: 40px 15px;
    }

    .case-studies-text-icon--section-light-blue-holder {
        padding: 80px 15px 50px 15px;
        text-align: center;
    }

    .our-water--solution-holder {
        padding: 50px 15px;
    }

    .solution--card-row {
        flex-direction: column;
    }

    .our-water--solution-wrapper .solution--card {
        padding: 0 15px;
        border: none;
        filter: none;
        background: transparent;
    }

    .our-water--solution-wrapper .solution--card .solution--card-text-wrapper {
        background: #FFFFFF;
        border: 2px solid #CCD4DB;
        margin: 0 -15px;
        padding: 0 15px;
    }

    .our-water--solution-wrapper .solution--card .solution--card-text-wrapper h2 {
        text-align: center;
    }

    .case-studies-parent-wrapper .solution--card-mobile-image-holder {
        margin: 0 -15px;
    }


    .three-drop-holder img:not(:first-child) {
        margin-top: 30px;
    }

    .case-studies-parent-wrapper #simple-short-form-landing-form-holder {
        text-align: center;
        margin-top: 50;
        border-radius: 0;
    }

    .case-studies-parent-wrapper #simple-short-form-landing-form-holder .landing-form-submit {
        border-radius: 50px;
        width: 60%;
        font-size: 18px;
    }

    .case-studies-quote-card-holder {
        padding: 50px 20px;
        margin: 50px 15px;
    }

    .case-studies-quote-card-holder::before {
        left: 50%;
        transform: translate(-50%);
    }

    .case-studies-quote-card-holder::after {
        left: 50%;
        transform: translate(-50%);
        right: auto;
    }

    .case-studies-parent-wrapper .solution--card-text-wrapper p {
        text-align: center;
    }
}

@media(max-width:393px) {
    .m-and-s .case-sutties--subhead span {
        display: block;
        width: 100%;
    }
}

p {
    hyphens: none !important;
}

/* Case studies Hub*/
.case-studies-hub-grey-wrapper {
    position: relative;
    z-index: 0;
}

.case-studies-hub-grey-wrapper::before {
    content: "";
    background: #F4F4F4;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;

}

.case-studies-hub-grey-holder {
    padding: 80px 0;
}

.case-studies-hub-header-area-wrapper {
    margin-bottom: 40px;
}

.case-studies-block {
    color: #fff;
    padding: 60px 30px;
    text-align: center;
    min-width: 358px;
    min-height: 358px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    hyphens: none !important;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    margin: 0;
    transition: all 1s linear;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
}

.case-studies-block:hover {
    transition: all 1s linear;
}

a.case-studies-block-anchor {
    text-decoration: none !important;
}

a.case-studies-block-anchor:hover {
    text-decoration: none !important;
}

.case-studies-block div.case-studie-read-more {
    color: #fff;
    text-decoration: none;
    position: relative;
    display: block;
    margin: 0;
    margin-top: 17px;
}

.case-studies-block div.case-studie-read-more img {
    width: 15px;
    height: 15px;
}

.case-studies-block-logo-holder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s linear;
}

.case-studies-block:hover .case-studies-block-logo-holder {
    top: 28%;
    transition: all .3s linear;
}

.case-studies-block-text-holder,
.case-studies-block-text-holder p,
.case-studies-block-text-holder a {
    height: 0px;
    opacity: 0;
    margin: 0;
    transition: all .5s linear;
}

.case-studies-block:hover .case-studies-block-text-holder,
.case-studies-block:hover .case-studies-block-text-holder p,
.case-studies-block:hover .case-studies-block-text-holder div.case-studie-read-more {
    height: 100%;
    opacity: 1;
    transition: all .6s linear;
}

.case-studies-light-blue-wrapper {
    position: relative;
    z-index: 0;
    color: #fff;
}

.case-studies-light-blue-wrapper::before {
    content: "";
    background: #56A3DA;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.case-studies-light-blue-holder {
    padding: 30px 0;
}

.case-studies-light-blue-holder h3 {
    color: #fff;
}

.case-studies-light-blue-wrapper a {
    color: #fff;
    text-decoration: none;
}

.case-studies-light-blue-wrapper a:hover {
    color: #fff;
    text-decoration: underline;
}

.case-studies-light-blue-wrapper a.btn {
    color: #fff;
    background: #E97300;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    border: none;
    max-width: 194px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 45px;
}

.case-studies-light-blue-wrapper a.btn:hover {
    color: #fff;
    background: #ff8e01;
    text-decoration: none;
    border: none;
}

.case-studies-block.campus-reading-international {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-Campus.jpg');

}

.case-studies-block.tottenham-hotspur {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-Spurs.jpg');
}

.case-studies-block.lords {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-Lords.jpg');
}

.case-studies-block.m-and-s {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-MS.jpg');
}

.case-studies-block.emanuel-school {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-Emanuel-School.jpg');
}

.case-studies-block.osc {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-OCS.jpg');
}

.case-studies-block.uni-of-westminster {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-Westminster-University.jpg');
}

.case-studies-block.harrods {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-Harrods.jpg');
}

.case-studies-block.tommy-hilfiger-calvin-klein {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-TKCK.jpg');
}

.case-studies-block.maidenhead-library {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Maidenhead-LibraryThumbnail.jpg');
}

.case-studies-block.rhs-the-chelsea-flower-show {
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-RHS.jpg');
}
.case-studies-block.brighton-pride{
    background: url('https://www.thewatercoolercompany.com/assets/images/TWCC-CaseStudy-2022-Hub-Thumbnail-BrightonPride.webp');
}
@media(max-width:991px) {
    .case-studies-block {
        min-width: 100%;
        margin-bottom: 26px;
    }

    .case-studies-light-blue-holder .row {
        flex-direction: column;
    }

}

/*Case studies hub end*/
/*Case Studies Pages end*/



/* Case studies slider home page  */
.home-page-case-studies-slider .item {
    position: relative;
}

.home-page-case-studies-slider .case-std-logo-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-page-case-studies-slider .case-std-logo-wrapper img {
    max-width: 250px;
    transition: all .2s ease-in-out;
}

.home-page-case-studies-slider .case-std-logo-wrapper:hover img {
    transform: scale(1.1);
    transition: all .2s ease-in-out;
}

.home-page-case-studies-slider {
    position: relative;
}

.home-page-case-studies-slider .owl-nav {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.home-page-case-studies-slider .owl-nav button.owl-prev,
.home-page-case-studies-slider .owl-nav button.owl-next {
    top: 50%;
    transform: translateY(-50%);
}

/* Case studies slider home page  End*/

.workplace-nav-btn {
    color: #0560A7 !important;
}

.workplace-nav-btn:hover {
    border-bottom: 1px solid #0560A7 !important;
}

/* solutions for all sectors spotlight */

.solutions-for-all-sectors-spotlight-wrapper {
    background: #DEE9F7;
    position: relative;
    margin-bottom: 80px;
}

.solutions-for-all-sectors-spotlight-wrapper a.btn:hover {
    background: #28374e;
    border-color: #28374e;
    color: #FFF;
}

.solutions-for-all-sectors-spotlight-wrapper h2 {
    font-size: 24px;
}

.solutions-for-all-sectors-spotlight-wrapper p {
    font-size: 18px;
    color: #000;
    ;
}

.solutions-for-all-sectors-spotlight-row {
    display: flex;
    align-items: center;
}

.p-0 {
    padding: 0 !important;
}

@media(max-width:991px) {
    .solutions-for-all-sectors-spotlight-wrapper {
        text-align: center;
    }

    .solutions-for-all-sectors-spotlight-row {
        flex-direction: column;
    }

    .solutions-for-all-sectors-spotlight-content-holder {
        padding: 50px 30px;
    }
}

/* solutions for all sectors spotlight end */


/* New home page slider styles */
.main-home-carousel {
    position: relative;
    margin-top: -21px;
}

.main-home-carousel .flex {
    display: flex;
    flex-direction: row;
}

.main-home-carousel .align-center {
    align-items: center;
}

.main-home-carousel h1,
.main-home-carousel .h1 {
    font-family: 'Lato', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #25334A;
    margin-top: 20px;
}

.main-home-carousel h2,
.main-home-carousel .h2 {
    font-family: 'Lato', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #25334A;
}

.main-home-carousel p,
.main-home-carousel .p {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
}

.main-home-carousel a.btn {
    background: #E57825;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    height: 55px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    transition: color .6s ease-in-out;
    display: inline-flex;
    align-items: center;
    margin-top: 30px;
}

.main-home-carousel a.btn:hover {
    background: #F2A900;
    transition: color .6s ease-in-out;
}

.main-home-carousel .dark h1,
.main-home-carousel .dark .h1,
.main-home-carousel .dark h2,
.main-home-carousel .dark .h2,
.main-home-carousel .dark p,
.main-home-carousel .dark .p {
    color: #fff;
}

.main-home-carousel .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%);
    text-align: left;
    padding: 0 15px;
}


.main-home-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    display: block;
}

@media (min-width: 768px) {

    .main-home-carousel .owl-dots,
    .main-home-carousel .owl-nav {
        width: 750px;
    }
}

@media (min-width: 992px) {

    .main-home-carousel .owl-dots,
    .main-home-carousel .owl-nav {
        width: 970px;
    }
}

@media (min-width: 1200px) {

    .main-home-carousel .owl-dots,
    .main-home-carousel .owl-nav {
        width: 1170px;
    }
}

.main-home-carousel .owl-nav svg path {
    stroke: white;
}

.main-home-carousel .owl-nav button {
    position: absolute;

}

.main-home-carousel .owl-nav button:hover {
    background: none !important;
}

.main-home-carousel .owl-nav button.owl-prev {
    left: -70px;
}

.main-home-carousel .owl-nav button.owl-next {
    transform: rotateY(180deg);
    right: -70px;
}

.main-home-carousel .owl-theme .owl-dots .owl-dot span {
    background: transparent;
}

.main-home-carousel .background-gradient-variation-1 {
    background: rgb(37, 51, 74);
    background: linear-gradient(90deg, rgba(37, 51, 74, 1) 0%, rgba(18, 88, 162, 1) 100%);
}

.main-home-carousel .background-gradient-variation-2 {
    background: rgb(37, 51, 74);
    background: linear-gradient(90deg, rgba(37, 51, 74, 1) 0%, rgba(0, 73, 111, 1) 50%, rgba(37, 51, 74, 1) 100%);
}

.main-home-carousel .background-grey {
    background: #f6f6f6;
}

.main-home-carousel .main-slide-img-holder {
    width: 100%;
    padding-top: 80%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-bottom: 60px;
}

.main-home-carousel .slide-1-img-holder {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2022-Slide-CulliganCoolers-01.webp');
}

.main-home-carousel .slide-2-img-holder {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2022-Slide-ZipHydroTap-02.webp');
}

.main-home-carousel .slide-3-img-holder {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2022-Slide-BFC-01%20-%20Copy.webp');
}

.main-home-carousel .slide-4-img-holder {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2023-Slide-WorkplaceNY-01.webp');
}
.main-home-carousel .slide-5-img-holder {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2024-Slide-Angel-01.webp');
}
.main-home-carousel .slide-6-img-holder {
    background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2023-BlackFriday.webp');
}
.gradient-black{
    background: radial-gradient(211.32% 35.11% at 33.23% 50%, #333 0%, #1E1E1E 100%), #DCF2FF;
  }
@media(max-width:991px) {
    .main-slide-content-wrapper {
        padding-bottom: 50px;
        padding: 0 20px 50px 20px;
    }

    .main-home-carousel .slide-1-img-holder {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2022-Slide-CulliganCoolers-02-Mobile.webp');
    }

    .main-home-carousel .slide-2-img-holder {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2022-Slide-ZipHydroTap-02-Mobile.webp');
    }

    .main-home-carousel .slide-3-img-holder {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2022-Slide-BFC-01-Mobile.jpg');
    }

    .main-home-carousel .slide-4-img-holder {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2023-Slide-WorkplaceNY-01-Mobile.webp');
    }
    .main-home-carousel .slide-5-img-holder {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2024-Slide-Angel-01-Mobile.webp');
    }
    .main-home-carousel .slide-6-img-holder {
        background-image: url('https://www.thewatercoolercompany.com/assets/images/TWCC-Hero-2023-BlackFriday-Mobile.webp');
    }
    .main-home-carousel {
        text-align: center;
        margin-top: 0;
    }

    .main-home-carousel h1,
    .main-home-carousel .h1 {
        margin-top: 50px;
    }

    .main-home-carousel .main-slide-img-wrapper {
        padding: 0;
        width: 100%;
    }

    .main-home-carousel .main-slide-img-holder {
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        padding-bottom: 0;
    }


    .main-home-carousel .flex {
        flex-direction: column;
    }

    .main-home-carousel .mobile-column-reverse {
        flex-direction: column-reverse;
    }

    .main-home-carousel .owl-nav {
        top: auto;
        transform: none;
        margin: 0;
        bottom: 135px;
    }
}

@media(max-width:776px) {

    .main-home-carousel .item h1,
    .main-home-carousel .item .h1 {
        font-size: 36px;
    }

    .main-home-carousel .item h2,
    .main-home-carousel .item .h2 {
        font-size: 28px;
    }

    .main-home-carousel .item {
        min-height: 970px;
    }

    .main-banner-home-carousel-wrapper {
        display: none;
    }
}

/* New home page slider styles  End*/
/* Home page banner slider*/
.main-banner-home-carousel-wrapper {
    background: linear-gradient(270deg, #0261A5 3.2%, #6AB5E5 96.75%, #6DB7E6 96.75%);
}

.main-banner-home-carousel-container .item {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    position: relative;
}

.main-banner-home-carousel .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    margin-top: 5px;
}

.main-banner-home-carousel .owl-nav button:hover {
    background: none !important;
}

.main-banner-home-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 10px;
}

.main-banner-home-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 10px;
    transform: rotateY(180deg);
}

@media(min-width:991px) {
    .main-banner-home-carousel-container {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
    }

    .main-banner-home-carousel-container .item:before {
        content: "";
        width: 1px;
        height: 25px;
        background: #fff;
        position: absolute;
        right: -51.5px;
    }

    .main-banner-home-carousel-container .item:last-of-type:before {
        content: none;
    }

    .main-banner-home-carousel-container .item img {
        margin-right: 5px;
    }
}

@media(max-width:991px) {
    .main-banner-home-carousel {
        position: relative;
    }

    .main-banner-home-carousel .owl-nav {
        position: absolute;
    }

    .main-banner-home-carousel-container .item {
        font-size: 22px;
        padding: 15px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .main-banner-home-carousel-container .item img {
        width: 22px;
        height: 22px;
        display: inline;
        margin-right: 5px;
    }
}

/* Home page banner slider END */
#home-page-top-white-container .products-grid img {
    border-radius: 20px;
}

#home .polaris-spotlight.rental-spotlight {
    border-radius: 20px;
}

@media(max-width:771px) {
    .owl-carousel .product-container {
        float: none;
    }
}


/* 404 START*/
#four-o-four-wrapper h1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;
    text-align: center;
    color: #0560A7;
    margin-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

#four-o-four-wrapper h1::after {
    content: '';
    width: 35%;
    height: 2px;
    background: #E5E5E5;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

#four-o-four-wrapper .four-o-four-form-wrapper {
    padding: 50px 0;
    margin-top: 50px;
    background: #eee;
}

#four-o-four-wrapper .four-o-four-form-wrapper h2 {
    margin-bottom: 30px;
}

#four-o-four-wrapper .four-o-four-form-wrapper p {
    margin-bottom: 20px;
}

#four-o-four-wrapper .four-o-four-form-wrapper input.btn {
    width: 100%;
    color: #FFF;
    background: #28374e;
    border-color: #28374e;
}

#four-o-four-wrapper .four-o-four-form-wrapper input.btn:hover {
    color: #28374e;
    background: #FFF;
    border-color: #28374e;
}

#four-o-four-wrapper .four-o-four-form-wrapper .gdpr-email-message {
    font-size: 12px;
}

@media(max-width:991px) {
    #four-o-four-wrapper .four-o-four-form-wrapper input.btn {
        margin-top: 20px;
    }
}

/* 404 END*/
@media(max-width:991px) {

    .education-case-studies-wrapper {
        text-align: center;
    }

    .education-case-studies-col {
        margin-bottom: 30px;
    }

    .education-case-studies-col a.btn {
        margin: 0 auto;
    }

}

.dark-blue-banner {
    background: #0271C0;
    color: #fff;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    padding: 10px 0;
}

.dark-radial-blue-wrapper {
    background: radial-gradient(81.33% 81.33% at 30.03% 100%, #4B5D7C 0%, #25334A 100%);
    padding: 70px 0;
    color: #fff;
}

.dark-radial-blue-wrapper h2 {
    color: #fff;
}

.education-sector .dark-radial-blue-wrapper a.btn {
    color: #FFF;
    border-color: #FFF;
    background-color: #147c89;
}

.education-sector .dark-radial-blue-wrapper a.btn:hover {
    color: #27374e;
    background: #FFF;
    border-color: #27374e;
}

.pale-blue-linear-gradient {
    background: linear-gradient(90deg, #85CAF4 2.97%, #B7E7FF 52.12%, #87CBF4 98.28%);
    padding: 50px 0;
}

.white-rounded-card {
    background: #fff;
    padding: 45px 40px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.education-sector .pale-blue-linear-gradient {
    padding-top: 0;
}

@media(max-width:991px) {
    .education-sector .pale-blue-linear-gradient .white-rounded-card {
        margin-bottom: 30px;
    }
}

/* Blog new styles */

#blog {
    background: #f1f1f1;
}

#blog .blog-header-wrapper {
    padding: 50px 0px 100px 0px;
    position: relative;
}

#blog .blog-header-wrapper:after {
    position: absolute;
    content: '';
    background: #D8D8D8;
    width: 100%;
    height: 1px;
    bottom: 50px;
}

#blog .blog-header-wrapper .blog-header-row h2 {
    color: #25334A;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

#blog .blogPost .blog-body {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
}

#blog .blogPost .post-content {
    padding: 20px 40px;
    color: #233148;
}

#blog .blogPost .post-content h2 a {
    color: #0271C0;
    text-decoration: none;
    font-size: 30px;
}

#blog .blog-readmore a {
    color: #0271C0;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

#blog .blog-categories_block {
    background: #DEE9F7;
    padding: 25px 40px;
}

#blog .blog-categories_block .menu-headers {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

#blog .blog-categories_block ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #0271C0;
}

#blog .blog-side-adv-wrapper {
    background: #25334A;
    color: #fff;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 15px;
}

#blog .blog-side-adv-wrapper .blog-adv-content {
    padding: 30px 23px;
    text-align: center;
}

#blog .blog-side-adv-wrapper .blog-adv-content .title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

#blog .blog-side-adv-wrapper .blog-adv-content a.btn {
    max-width: 60%;
    margin: 0 auto;
}

#blog .blog-pagination-wrapper {
    display: flex;
    margin: 50px 0;
    align-items: center;
}

#blog .blog-pagination-wrapper #blog-pagination-ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

#blog .blog-pagination-wrapper #blog-pagination-ul li {
    margin: 0 13px;
    cursor: pointer;
    color: #0271C0;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#blog .blog-pagination-wrapper #blog-pagination-ul li.active {
    color: #233148;
    background: #DEE9F7;

}
#blog #blog-pagination-prev,
#blog #blog-pagination-next{
    outline: none;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 17px;
    width: 30px;
    height: 30px;
}
#blog-form-holder{
    background: #f1f1f1;
    padding: 70px 0;
}
#blog-form-holder .gdpr-email-message {
    width: 56%;
    float: left;
}
#blog #go-to-page-input-label{
    margin: 0;
    padding: 0;
    color:#233148;
    font-weight: 400;
  font-size: 16px;
  margin-left: auto;
}
#blog #go-to-page-input{
    width: 45px;
    height:35px;
    margin-left: 10px;
}
#divOptionsBlock .opt-regular .label{
    text-decoration: none !important;
}
#listing0 .addToCartBlock label{
    text-decoration: none !important;
}




/* ============================
   ZIP CATEGORY 10 / 186 - PRODUCT PAGE OVERRIDES
   ============================ */

/* 1. Hide top nav links, keep "REQUEST INFORMATION" button */
body[data-maincategory="10"] ul#top-mega-menu li:not(#menu-bar-request-quote),
body[data-maincategory="186"] ul#top-mega-menu li:not(#menu-bar-request-quote) {
    display: none;
}

body[data-maincategory="10"] ul#top-mega-menu,
body[data-maincategory="186"] ul#top-mega-menu {
    min-height: 67.85px;
}

/* 2. "Now" / "Was" price labels */
body[data-maincategory="10"] .yourprice.price:before,
body[data-maincategory="186"] .yourprice.price:before {
    content: "Now ";
}

body[data-maincategory="10"] .retailprice:before,
body[data-maincategory="186"] .retailprice:before {
    content: "Was ";
    text-decoration: none;
}
body[data-maincategory="10"] .retailprice,
body[data-maincategory="186"] .retailprice {
    font-size: 0;
    text-decoration: none;
}

body[data-maincategory="10"] .retailprice::before,
body[data-maincategory="186"] .retailprice::before {
    content: "Was ";
    font-size: 17px; 
    text-decoration: none;
}

body[data-maincategory="10"] .retailprice span,
body[data-maincategory="186"] .retailprice span {
    font-size: 17px; 
     text-decoration: none;
}
/* 3. Hide the savings line entirely */
body[data-maincategory="10"] .savings,
body[data-maincategory="186"] .savings {
    display: none;
}

/* 4. Hide "Choose Options" title only, keep the dropdown */
body[data-maincategory="10"] #divOptionsBlock .header,
body[data-maincategory="186"] #divOptionsBlock .header {
    display: none;
}

/* 5. Hide quantity control, put Add to Cart + Ask an Expert side by side */
body[data-maincategory="10"] .qtybox-addcart label,
body[data-maincategory="10"] .qtybox-addcart .apQty,
body[data-maincategory="10"] .qtybox-addcart > .clear,
body[data-maincategory="186"] .qtybox-addcart label,
body[data-maincategory="186"] .qtybox-addcart .apQty,
body[data-maincategory="186"] .qtybox-addcart > .clear {
    display: none;
}

body[data-maincategory="10"] .qtybox-addcart,
body[data-maincategory="186"] .qtybox-addcart {
    display: flex;
    align-items: center;
    gap: 10px;
}

body[data-maincategory="10"] .zipRequestInfoWrap,
body[data-maincategory="186"] .zipRequestInfoWrap {
    margin: 0;
}

/* Ask an Expert button - same treatment as the nav Request Info button, hidden by default */
a.zip-request-info-btn {
    display: none;
    height: 50px;
    padding: 0 40px;
    margin: 0;
    background: #e50943;
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 13px;
}

a.zip-request-info-btn:hover {
    background: #cf0a3e;
    color: #FFF;
}

body[data-maincategory="10"] a.zip-request-info-btn,
body[data-maincategory="186"] a.zip-request-info-btn {
    display: flex;
}

/* 6. Static image caption text for all Zip products */
body[data-maincategory="10"] #imagecaptiont,
body[data-maincategory="186"] #imagecaptiont {
    font-size: 0;
    line-height: 0;
}

body[data-maincategory="10"] #imagecaptiont:before,
body[data-maincategory="186"] #imagecaptiont:before {
    content: "Over 20 years' experience";
    font-size: 17px;
    line-height: normal;
    display: inline-block;
}
body[data-maincategory="10"] .availabilityInfo,
body[data-maincategory="186"] .availabilityInfo {
    display: none !important;
}
body[data-maincategory="10"] .qtybox-addcart #Add,
body[data-maincategory="186"] .qtybox-addcart #Add,
body[data-maincategory="10"] .qtybox-addcart .zipRequestInfoWrap,
body[data-maincategory="186"] .qtybox-addcart .zipRequestInfoWrap {
    flex: none !important;
    width: calc(50% - 5px) !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

body[data-maincategory="10"] a.zip-request-info-btn,
body[data-maincategory="186"] a.zip-request-info-btn {
    width: 100% !important;
}

/* Stack on mobile */
@media (max-width: 767px) {
    body[data-maincategory="10"] .qtybox-addcart,
    body[data-maincategory="186"] .qtybox-addcart {
        flex-direction: column;
        align-items: stretch;
    }

    body[data-maincategory="10"] .qtybox-addcart #Add,
    body[data-maincategory="186"] .qtybox-addcart #Add,
    body[data-maincategory="10"] .qtybox-addcart .zipRequestInfoWrap,
    body[data-maincategory="186"] .qtybox-addcart .zipRequestInfoWrap {
        width: 100% !important;
    }
      body[data-maincategory="10"] .top-menu,
    body[data-maincategory="186"] .top-menu{
        border-bottom: none !important;
    }
    body[data-maincategory="10"] .top-menu .topbar-right,
    body[data-maincategory="186"] .top-menu .topbar-right{
        display: none !important;
    }
}
body[data-maincategory="10"] .qtybox-addcart label,
body[data-maincategory="10"] .qtybox-addcart .apQty,
body[data-maincategory="10"] .qtybox-addcart > .clear,
body[data-maincategory="186"] .qtybox-addcart label,
body[data-maincategory="186"] .qtybox-addcart .apQty,
body[data-maincategory="186"] .qtybox-addcart > .clear {
    display: none !important;
}
/* ZIP HYDROTAP - "Trusted by thousands" auto-scrolling logos banner */
#zip-trusted-logos-banner {
    position: relative;
      z-index: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 40px 0px;
    margin: 20px 0;
}

#zip-trusted-logos-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #DEE9F7;
    z-index: -1;
}

#zip-trusted-logos-banner .zip-trusted-logos-text {
    flex: 0 0 auto;
    max-width: 260px;
}

#zip-trusted-logos-banner .zip-trusted-logos-text p {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #1a1a1a;
}

#zip-trusted-logos-carousel {
    flex: 1 1 auto;
    min-width: 0;
}

#zip-trusted-logos-carousel .owl-stage-outer {
    overflow: hidden;
}

#zip-trusted-logos-carousel .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
}

#zip-trusted-logos-carousel .item img {
    max-width: 100%;
    max-height: 45px;
    width: auto;
    object-fit: contain;
}

#zip-trusted-logos-carousel .owl-nav,
#zip-trusted-logos-carousel .owl-dots {
    display: none;
}

@media (max-width: 767px) {
    #zip-trusted-logos-banner {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        padding: 20px;
    }

    #zip-trusted-logos-banner .zip-trusted-logos-text {
        max-width: 100%;
        text-align: center;
    }

    #zip-trusted-logos-carousel {
        width: 100%;
    }

    #zip-trusted-logos-carousel .item {
        height: 45px;
    }

    #zip-trusted-logos-carousel .item img {
        max-height: 36px;
    }
}