@charset "UTF-8";

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

---------------------------
STYLES - TABLE OF CONTENTS
---------------------------

General Styles

Very Top Utility
Expanding Searchbar

Main menu
Hunter Mega Menu

Header Things...

Homepage Styles
Homepage - Slick Banner Slider
Homepage - Accordion Menu
Homepage - Professionals, Homeowners, Golf
Homepage - Resources Row
Homepage - Hunter Headlines
Homepage - Site Studies

Headlines Page
Newsroom Page

Product Landing Page
Product Line Landing Page
Product Detail Page

Video Tab
Overview Tab
Models Tab
Specs Tab
Documents Tab
Accessories Tab
Photos Tab

Responsive Tables

Spec Builder

Golf
Professionals
Homeowners

Footer Social
Footer
Footer Accordion

Off-Canvas Accordion
Off-Canvas Styles

Choose a Language Modal
Choose a Language Mobile

Hamburger Icon Component



------------------
RESPONSIVE STYLES
------------------
Small Desktop Styles (768px to 1024px)
Large Desktop Styles (1024px to 1600px)
Mobile Styles (Below 768px)
Mobile Styles (Below 480px)




------------------------------
AND THEN THIS FREAK OF NATURE
------------------------------
Internet Explorer


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    Styles targeting IE10 and IE11
}

@supports (-ms-accelerator:true) {
    Styles targeting IE12 and IE13
}

@supports (-ms-ime-align:auto) {
    Styles targeting all Edge versions
}

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.node-type-photos img {
    width: auto;
}

.page_template_name {
    background-color: #fff;
    bottom: 10px;
    font-size: 12px;
    padding: 10px;
    position: absolute;
    z-index: 99999;
    display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* General Styles ---------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
    background-color: #fff;
    font-family: "Sero", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #232323;
}

a {
    color: #47abd1;
}

a:hover,
a:focus {
    color: #2ba6cb;
}

p {
    line-height: 1.8em;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #232323;
    font-weight: normal;
    text-transform: uppercase;
}

hr {
    color: #e6e6e7;
}

strong,
b {
    font-family: "Sero_bold", Arial, sans-serif;
    font-weight: normal;
    line-height: inherit;
}

header {
    background-color: #00779f;
    height: 112px;
    margin: 0 auto;
    width: 100%;
    background: url("/sites/all/themes/hunter_responsive/images/bg_header.jpg") repeat scroll 0 32px;
    background-color: rgba(0, 112, 150, 1);
    background-repeat: no-repeat;
    z-index: 1000;
}

.white {
    color: #fff;
}

/* Margins */
.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-0_5 {
    margin-top: 5px;
}

.mb-0_5 {
    margin-bottom: 5px;
}


.mt-1 {
    margin-top: 10px;
}

.mb-1 {
    margin-bottom: 10px;
}



.mt-2 {
    margin-top: 20px;
}

.mb-2 {
    margin-bottom: 20px;
}

.row.mb-2 {
    margin-bottom: 20px;
}


.mt-3 {
    margin-top: 30px;
}

.mb-3 {
    margin-bottom: 30px;
}


.mt-4 {
    margin-top: 40px;
}

.mb-4 {
    margin-bottom: 40px;
}



.mt-5 {
    margin-top: 50px;
}

.mb-5 {
    margin-bottom: 50px;
}

/* Paddings */

.pa-1 {
    padding: 10px;
}


.pa-2 {
    padding: 20px;
}

.pa-3 {
    padding: 30px;
}

.pl-1 {
    padding-left: 10px;
}

.pl-2 {
    padding-left: 20px;
}

.pr-1 {
    padding-right: 10px;
}

.pr-2 {
    padding-right: 20px;
}

.pt-0 {
    padding-top: 0px;
}

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

.pt-1 {
    padding-top: 10px;
}

.pb-1 {
    padding-bottom: 10px;
}


.pt-2 {
    padding-top: 20px;
}

.pb-2 {
    padding-bottom: 20px;
}

.pt-3 {
    padding-top: 30px;
}

.pb-3 {
    padding-bottom: 30px;
}

.pt-4 {
    padding-top: 40px;
}

.pb-4 {
    padding-bottom: 40px;
}

.pt-5 {
    padding-top: 50px;
}

.pb-5 {
    padding-bottom: 50px;
}

.pt-6 {
    padding-top: 60px;
}

.pb-6 {
    padding-bottom: 60px;
}

.pt-7 {
    padding-top: 70px;
}

.pb-7 {
    padding-bottom: 70px;
}

.pt-8 {
    padding-top: 80px;
}

.pb-8 {
    padding-bottom: 80px;
}



/* Font sizes */

.f-14 {
    font-size: 14px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-22 {
    font-size: 22px;
}

.f-24 {
    font-size: 24px;
}


.f-28 {
    font-size: 28px;
}

.f-32 {
    font-size: 32px;
}


.f-34 {
    font-size: 34px;
}

.f-36 {
    font-size: 36px;
}


.f-52 {
    font-size: 52px;
}




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


.f-1em {
    font-size: 1em;
    /* 16px */
}

.f-1_125em {
    font-size: 1.125em;
    /* 18px */
}

.f-1_25em {
    font-size: 1.25em;
    /* 20px */
}

.f-1_375em {
    font-size: 1.375em;
    /* 22px */
}

.f-1_5em {
    font-size: 1.5em;
    /* 24px */
}

.f-2em {
    font-size: 2em;
    /* 32px */
}

.f-2_25em {
    font-size: 2.25em;
    /* 36px */
}

.f-2_5em {
    font-size: 2.5em;
    /* 40px */
}

.f-3em {
    font-size: 3em;
    /* 48px */
}



@media screen and (max-width: 1080px) {

    .f-20 {
        font-size: 16px;
    }

    .f-22 {
        font-size: 18px;
    }

    .f-24 {
        font-size: 20px;
    }

    .f-28 {
        font-size: 24px;
    }

    .f-32 {
        font-size: 26px;
    }

    .f-34 {
        font-size: 28px;
    }

    .f-36 {
        font-size: 30px;
    }

    .f-52 {
        font-size: 42px;
    }
}


@media screen and (max-width: 768px) {
    .f-20 {
        font-size: 16px;
    }

    .f-22 {
        font-size: 16px;
    }

    .f-24 {
        font-size: 18px;
    }

    .f-28 {
        font-size: 20px;
    }

    .f-32 {
        font-size: 22px;
    }

    .f-34 {
        font-size: 24px;
    }

    .f-36 {
        font-size: 28px;
    }

    .f-52 {
        font-size: 32px;
    }
}




@media screen and (max-width: 580px) {

    .pt-1 {
        padding-top: 5px;
    }

    .pt-4 {
        padding-top: 20px;
    }

    .f-18 {
        font-size: 15px;
    }

    .f-20 {
        font-size: 15px;
    }

    .f-22 {
        font-size: 15px;
    }

    .f-24 {
        font-size: 16px;
    }

    .f-28 {
        font-size: 18px;
    }

    .f-32 {
        font-size: 18px;
    }

    .f-34 {
        font-size: 20px;
    }

    .f-36 {
        font-size: 22px;
    }

    .f-52 {
        font-size: 26px;
    }

    .f-1em {
        font-size: 16px;
    }

    .f-1_125em {
        font-size: 16px;
    }

    .f-1_25em {
        font-size: 18px;
    }

    .f-1_375em {
        font-size: 18px;
    }

    .f-1_5em {
        font-size: 18px;
    }

    .f-2em {
        font-size: 25px;
    }

    .f-2_25em {
        font-size: 26px;
    }

    .f-2_5em {
        font-size: 27px;
    }

    .f-3em {
        font-size: 28px;
    }

}


@media screen and (max-width: 450px) {
    .f-1em {
        font-size: 16px;
    }

    .f-1_125em {
        font-size: 16px;
    }

    .f-1_25em {
        font-size: 16px;
    }

    .f-1_375em {
        font-size: 16px;
    }

    .f-1_5em {
        font-size: 16px;
    }

    .f-2em {
        font-size: 18px;
    }

    .f-2_25em {
        font-size: 18px;
    }

    .f-2_5em {
        font-size: 20px;
    }

    .f-3em {
        font-size: 20px;
    }
}

/* Line-heights */

.lh-1 {
    line-height: 1;
}

.lh-1_5 {
    line-height: 1.5;
}

.lh-2 {
    line-height: 2;
}


.tt_none {
    text-transform: none;
}

.tt_uppercase {
    text-transform: uppercase;
}

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

.ta-left {
    text-align: left;
}

.ta-right {
    text-align: right;
}




.bg_light_gray {
    background-color: #f2f2f2;
}

/* This offsets anchor elements from the header */
:target:before {
    content: '';
    display: block;
    height: 200px;
    margin: -200px 0 0;
    position: relative;
    z-index: -1;
}

.mobile-only {
    display: none !important;
}

.show_for_desktop {
    display: block;
}

.italic {
    font-style: italic;
}

.blue {
    color: #00658a;
}

.capitalize {
    text-transform: none;
}

ul.outside {
    list-style-position: outside;
}

.page-product-line-golf-rotors header,
.page-golf header,
.golf_products header,
.page-product-line-previous-model-rotors header,
.page-product-line-previous-models header {
    background-color: #00779f;
    height: 112px;
    margin: 0 auto;
    width: 100%;
    background: url("/sites/all/themes/hunter_responsive/images/bg_header_golf.jpg") repeat scroll 0 32px;
    background-color: rgba(0, 112, 150, 1);
    background-repeat: no-repeat;
    z-index: 1000;
}

@font-face {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/fontello/fontello.eot?5154141#iefix") format("embedded-opentype"), url("/sites/all/themes/hunter_responsive/fonts/fontello/fontello.woff?5154141") format("woff"), url("/sites/all/themes/hunter_responsive/fonts/fontello/fontello.ttf?5154141") format("truetype"), url("/sites/all/themes/hunter_responsive/fonts/fontello/fontello.svg?5154141#fontello") format("svg");
}

@font-face {
    font-family: "Sero_light";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Light.eot");
}

@font-face {
    font-family: "Sero_light";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Light.woff") format("woff");
}

@font-face {
    font-family: "Sero";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Light.eot");
}

@font-face {
    font-family: "Sero";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Light.woff") format("woff");
}

@font-face {
    font-family: "Sero";
    font-style: normal;
    font-weight: bold;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Medium.woff") format("woff");
}

@font-face {
    font-family: "Sero_black";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Black.eot");
}

@font-face {
    font-family: "Sero_black";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Black.woff") format("woff");
}

@font-face {
    font-family: "Sero_bold";
    font-style: normal;
    font-weight: normal;
    src: url("/sites/all/themes/hunter_responsive/fonts/sero/SeroWebPro-Medium.woff") format("woff");
}

.sero {
    font-family: Sero;
    font-style: normal;
    font-weight: normal;
}

.sero-black {
    font-family: Sero_black;
    font-weight: normal;
}

.sero-bold {
    font-family: Sero_bold;
    font-weight: normal;
}

.sero-light {
    font-family: Sero_light;
    font-variant: normal;
}

.icon-right-open-1:before,
.icon-left-dir:before,
.icon-ok:before,
.icon-cancel:before,
.icon-up-open-1:before,
.icon-down-open:before,
.icon-right:before,
.icon-right-bold:before,
.icon-left:before,
.icon-left-bold:before,
.icon-plus-squared-1:before,
.icon-minus:before,
.icon-minus-squared-1:before,
.icon-right-dir:before,
.icon-edit:before,
.icon-chevron-left-before:before,
.icon-chevron-right-after:after,
.icon-chevron-right:before,
.icon-lock:before,
.icon-search:before,
.icon-lock-open-alt:before,
.icon-menu:before,
.icon-plus:before,
.icon-cancel-1:before,
.icon-twitter:before,
.icon-mail:before,
.icon-facebook:before,
.icon-youtube-1:before,
.icon-globe-1:before,
.icon-help-circled:before,
.product-support-button-link:before,
.icon-angle-circled-right:after,
.icon-angle-circled-right:before,
.icon-share:before,
.icon-play:before,
.icon-play-after:after,
.field-name-field-advanced-features h2:before,
.icon-globe:before,
.icon-gallery-icon:before,
.icon-to-end:before,
.icon-to-start:before,
.icon-calendar:before,
.icon-newspaper:before,
.icon-globe-2:before,
.icon-download-alt:before,
.icon-hydrawise-logo:before,
.icon-button_icc2_minus:before,
.icon-button_icc2_next:before,
.icon-button_icc2_plus:before,
.icon-button_icc2_prev:before,
.icon-button_icc2_prg:before,
.icon-down-open-after:after,
.icon-down_arrow_accordion:after,
.icon-file-pdf:before,
.icon-plus_sign:after,
.icon-link:before,
.icon-facebook-squared:before,
.icon-download-alt:before,
.icon-linkedin:before,
.icon-th-list:before,
.icon-trash:before,
.icon-print:before,
.icon-ok-circled:before,
.icon-signal:before,
.icon-docs:before,
.icon-pencil:before,
.icon-more:before,
.icon-instagram:before,
.icon-info:before {
    font-family: "fontello";
}

.icon-signal:before {
    content: '\e830';
}

.icon-trash:before {
    content: '\e82e';
}

.icon-print:before {
    content: '\e82f';
}

.icon-docs:before {
    content: '\f0c5';
}

.icon-th-list:before {
    content: '\e82d';
}

.icon-right-open-1:before {
    content: '\e800';
}

.icon-left-dir:before {
    content: '\e801';
}

.icon-ok:before {
    content: '\e802';
}

.icon-cancel:before {
    content: '\e803';
}

.icon-up-open-1:before {
    content: '\e804';
}

.icon-down-open:before {
    content: '\e805';
}

.icon-right:before,
.icon-right-bold:before {
    content: '\e806';
}

.icon-left:before,
.icon-left-bold:before {
    content: '\e807';
}

.icon-plus-squared-1:before {
    content: '\e808';
}

.icon-minus:before,
.icon-minus-squared-1:before {
    content: '\e809';
}

.icon-right-dir:before {
    content: '\e80a';
}

.icon-edit:before {
    content: '\e80b';
}

.icon-chevron-left-before:before {
    content: '\e80c';
}

.icon-chevron-right-after:after {
    content: '\e80c';
}

.icon-chevron-right:before {
    content: '\e80c';
}

.icon-lock:before {
    content: '\e80d';
}

.icon-search:before {
    content: '\e80e';
}

.icon-lock-open-alt:before {
    content: '\e80f';
}

.icon-menu:before {
    content: '\e810';
}

.icon-plus:before {
    content: '\e811';
}

.icon-cancel-1:before {
    content: '\e812';
}

.icon-twitter:before {
    content: '\e813';
}

.icon-mail:before {
    content: '\e814';
}

.icon-facebook:before {
    content: '\e815';
}

.icon-globe:before {
    content: '\e816';
}

.icon-youtube-1:before {
    content: '\e817';
}

.icon-help-circled:before {
    content: '\e818';
}

.icon-angle-circled-right:after {
    content: '\e819';
}

.icon-share:before {
    content: '\e81a';
}

.icon-play:before {
    content: '\e81b';
}

.icon-play-after:after {
    content: '\e81b';
}

.icon-globe-1:before {
    content: '\e81c';
}

.icon-gallery-icon:before {
    content: '\e81d';
}

.icon-to-end:before {
    content: '\e81e';
}

.icon-to-start:before {
    content: '\e81f';
}

.icon-calendar:before {
    content: '\e820';
}

.icon-newspaper:before {
    content: '\e821';
}

.icon-globe-2:before {
    content: '\e822';
}

.icon-hydrawise-logo:before {
    content: '\e823';
}

.icon-ok-circled:before {
    content: '\f06d';
}

.icon-pencil:before {
    content: '\e831';
}

.icon-more:before {
    content: '\e832';
}

.icon-info:before {
    content: '\e833';
}

.icon-button_icc2_minus:before {
    content: '\e824';
    color: #00658a;
    font-size: 26px;
    position: relative;
    top: 4px;
    left: 2px;
}

.icon-button_icc2_next:before {
    content: '\e825';
    color: #00658a;
    font-size: 26px;
    position: relative;
    top: 4px;
    left: 2px;
}

.icon-button_icc2_plus:before {
    content: '\e826';
    color: #00658a;
    font-size: 26px;
    position: relative;
    top: 4px;
    left: 2px;
}

.icon-button_icc2_prev:before {
    content: '\e827';
    color: #00658a;
    font-size: 26px;
    position: relative;
    top: 4px;
    left: 2px;
}

.icon-button_icc2_prg:before {
    content: '\e828';
    color: #00658a;
    font-size: 28px;
    position: relative;
    top: 4px;
    left: 2px;
}

.icon-down_arrow_accordion:after {
    content: '\e829';
}

.icon-file-pdf:before {
    content: '\f1c1';
}

.icon-plus_sign:after {
    content: '\e82a';
}

.icon-link:before {
    content: '\e82b';
}

.icon-facebook-squared:before {
    content: '\f30e';
}

.icon-download-alt:before {
    content: '\e82c';
}

.icon-linkedin:before {
    content: '\f318';
}

.icon-instagram:before {
    content: '\f32d';
}

.icon-signal:before {
    content: '\e830';
}

.download_photo {
    font-family: "fontello";
}

.comparison_chart_sidebar_link .icon-angle-circled-right:after {
    margin-left: 10px;
}

.prev-link.icon-chevron-left-before:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    position: relative;
    top: 1px;
}

.video-library-button.active:after {
    font-family: "fontello";
    content: '\e812';
    margin-left: 10px;
    font-size: 16px;
}

.chosen-container-single a.chosen-single div {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #333;
    height: 0;
    position: absolute;
    right: 10px;
    top: 16px;
    width: 0;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent none repeat scroll 0 0;
    border-left: 13px solid transparent;
}

.chosen-single>div::before {
    border-left: 1px solid #999;
    content: "";
    font-size: 69px;
    height: 45px;
    position: relative;
    right: 22px;
    top: -32px;
}

.copyright a {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
}

.reveal-modal-bg {
    z-index: 5;
}

.reveal-modal {
    z-index: 1000;
}

.front .home_slider,
.front .home_slider *,
.front .home_accordion *,
.front .home_hero_container_mobile * {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.chosen-container.chosen-with-drop .chosen-drop,
.chosen-container.chosen-container-single.chosen-container-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.back_up {
    display: none;
}

.back_up {
    background-color: #ccc;
    clear: both;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 20px 20px 16px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.back_up span {
    margin-right: 20px;
}

.back_up .icon-play:before {
    font-size: 14px;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.back_up:hover {
    background-color: #7e7c79;
    color: #fff;
}

i {
    font-style: normal;
}

.gridtablecomp img {
    width: auto;
}

.gridtablemodel img {
    width: auto;
}

.ui-widget {
    font-family: "Sero_bold", Arial, sans-serif;
}

.pilot-accordion.ui-widget {
    font-family: "Sero", Arial, sans-serif;
}

.pilot-accordion .ui-state-default,
.pilot-accordion .ui-widget-content,
.pilot-accordion .ui-widget-header {
    background: none;
}

.breadcrumbs {
    display: none;
}

h1.section_title {
    border-bottom: 1px solid #e6e6e7;
    color: #006588;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 34px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-family: "Sero_black";
}

.site_study_pgs h1.section_title {
    text-transform: none;
    font-family: "Sero";
    font-weight: bold;
    font-size: 36px;
}

.fixed {
    z-index: 999;
}

.button {
    box-shadow: none;
    border: none;
    font-family: "Sero_bold";
    font-weight: normal;
    text-transform: uppercase;
}

.button.support_library {
    display: inline-block;
    margin: 20px auto;
    width: auto;
}

button,
.button {
    background-color: #47abd1;
    box-shadow: none;
    border: none;
}

button:hover,
.button:hover {
    background-color: #2ba6cb;
}

.attribute {
    line-height: 1.5;
}

.quick-specs-parents-wrapper {
    line-height: 1.4;
}

/* Marketing Page --------------- */
.large-title {
    font-size: 4em;
    text-transform: uppercase;
}

.medium-title {
    font-size: 2em;
    text-transform: uppercase;
}

.page-node-46451 .resources,
.page-node-46506 .resources {
    color: #005a87;
    font-size: 142.85%;
    left: -50px !important;
    margin: 0 !important;
    padding-top: 30px !important;
    position: relative;
    text-transform: uppercase;
    top: 10px;
}

.page-node-46451 .hunter-misc-related-links-formatter,
.page-node-46506 .hunter-misc-related-links-formatter {
    float: left;
    margin: 0 30px 60px;
}

.page-node-46451 .hunter-misc-related-links-formatter .field-label,
.page-node-46506 .hunter-misc-related-links-formatter .field-label {
    display: none;
}

.page-node-46451 div.marketing-page-section.background-white,
.page-node-46506 div.marketing-page-section.background-white {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    font-size: 1.1em;
    line-height: 2.1em;
    padding: 40px 80px;
    max-width: 100%;
}

.field-name-field-marketing-page-section div.marketing-page-section.background-white {
    max-width: 100%;
}

.page-node-46451 div.marketing-page-section.background-white h2.title,
.page-node-46506 div.marketing-page-section.background-white h2.title {
    display: none;
}

.page-node-46451 div.marketing-page-section.background-light-gray h2.title,
.page-node-46506 div.marketing-page-section.background-light-gray h2.title {
    color: #005a87;
    font-family: "Sero_bold", arial, helvetica, sans-serif;
    font-size: 2em;
    font-weight: normal;
}

.page-node-46451 div.marketing-page-section.background-dark-gray h2.title,
.page-node-46506 div.marketing-page-section.background-dark-gray h2.title,
div.marketing-page-section.background-light-blue h2.title {
    color: #56b9da;
    font-family: "Sero_bold", arial, helvetica, sans-serif;
    font-size: 2em;
    font-weight: normal;
}

div.marketing-page-section {
    float: left;
    font-size: 1.1em;
    line-height: 2.1em;
    padding: 60px 80px;
    width: 100%;
}

div.marketing-page-section h2.title {
    font-family: pt-sans, Arial, sans-serif;
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1.2em;
    text-transform: uppercase;
}

div.marketing-page-section.background-dark-gray h2.title {
    color: #46abd1;
}

div.marketing-page-section.background-light-gray h2.title,
div.marketing-page-section.background-white h2.title {
    color: #005a87;
}

div.marketing-page-section.format-type-image-left h2.title,
div.marketing-page-section.format-type-image-right h2.title {
    margin-top: 50px;
}

div.marketing-page-section.format-type-image-left .format-style-image-no-image h2.title {
    margin-top: 0;
}

div.marketing-page-section.background-light-gray {
    background: #e8e7e3 none repeat scroll 0 0;
}

div.marketing-page-section.background-light-blue {
    background: #005a87 none repeat scroll 0 0;
}

div.marketing-page-section.background-dark-gray {
    background: #50524d none repeat scroll 0 0;
}

div.marketing-page-section.background-white {
    background: #ffffff none repeat scroll 0 0;
}

div.marketing-page-section.background-light-blue h2.title {
    color: #ffffff;
}

div.marketing-page-section.background-light-blue p,
div.marketing-page-section.background-light-blue {
    color: #ffffff;
}

div.marketing-page-section.background-dark-gray p,
div.marketing-page-section.background-dark-gray {
    color: #ffffff;
}

div.marketing-page-section.format-type-video {
    text-align: center;
}

div.marketing-page-section.format-type-image-left img {
    float: left;
    margin-right: 40px;
}

div.marketing-page-section.format-type-image-right img {
    float: right;
    margin-left: 40px;
}

div.marketing-page-section.background-light-blue a {
    color: #ffffff !important;
    text-decoration: underline;
}

div.marketing-page-section iframe {
    margin-top: 0px;
    width: 100%;
    max-width: 100%;
}

div.marketing-page-section.format-type-twocol .section-body {
    -moz-column-count: 2;
    -moz-column-gap: 40px;
}

div.marketing-page-section.format-type-twocol .section-body p {
    margin-top: 0;
}

.modified-field-html-title {
    position: absolute;
    right: 40px;
    text-align: right;
    top: 0;
}

.related-links-item {
    margin-right: 2%;
    width: 31%;
}

.related-links-item-image {
    box-shadow: 0 12px 10px -8px #9e9e9f;
}

.related-links-item img {
    width: 100%;
}

.field-name-field-related-articles .related-links-item .related-links-item-image img {
    width: 100%;
}

.field-name-field-related-articles .field-label {
    background-color: #fff;
    color: #666;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    left: 10px;
    max-width: 75%;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
}

.field-name-field-related-articles {
    border: 2px solid #cfcdcb;
    display: inline-block;
    margin-bottom: 80px;
    margin-top: 80px;
    padding: 50px 20px 20px;
    position: relative;
    width: 100%;
}

.field-name-field-related-articles .related-links-label a {
    color: #00658a;
}

.field-name-field-related-articles .related-links-label {
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 20px;
    margin-top: 20px;
    text-transform: uppercase;
}

.marketing-page-section img {
    width: auto;
}

.marketing-page-section .image_container img {
    width: 100%;
}

.modified-field-html-title h1 {
    color: #fff;
    font-size: 26px;
}

.marketing-page-section {
    display: table;
    width: 100%;
}

.marketing-page-section .image_container {
    display: table-cell;
    vertical-align: middle;
    width: 35%;
    float: none;
}

.marketing-page-section .image-left-content {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
    padding-left: 5%;
    float: none;
}

.node-marketing-page .body.field {
    background-color: #efefef;
    padding: 40px;
}

.node-marketing-page .body.field p {
    margin: 0px !important;
}

.node-type-marketing-page .menu-block-wrapper .menu {
    margin: 0;
}

.node-type-marketing-page .menu-block-wrapper.menu-name-menu-sim-menu-header {
    display: inline-block;
    margin-bottom: 10px;
}

.mp-head h1,
.mp-head h2,
.mp-head h3,
.mp-head h4 {
    color: #fff;
}

div.mp-head {
    display: inline-block;
    text-align: left;
    width: 590px;
}

.mp-head h1 {
    color: #0ec3f7;
    font-family: "Sero_bold", arial, helvetica, sans-serif;
    font-size: 55px;
    line-height: 33px;
    margin-bottom: 0;
    margin-top: 40px;
    text-transform: uppercase;
}

.mp-head h2 {
    color: #ffffff;
    font-family: "Sero", arial, helvetica, sans-serif;
    font-size: 51px;
    line-height: 50px;
    margin-bottom: 0;
    margin-top: 8px;
    text-transform: uppercase;
}

.mp-head h1 sup {
    font-size: 0.28em;
    font-weight: normal;
    left: 0;
    position: relative;
    top: -10px;
}

.mp-head h2 span {
    font-weight: normal;
    font-family: "Sero_bold", Arial, sans-serif;
}

.mp-head h4 {
    color: #ffffff;
    font-family: "Sero", arial, helvetica, sans-serif;
    font-size: 34px;
    margin-left: 260px;
    margin-top: 0;
    text-align: left;
    text-transform: none;
}

h2.line span {
    background: #fff none repeat scroll 0 0;
    color: #56b9da;
    font-family: "Sero_bold", arial, helvetica, sans-serif;
    font-size: 1.8em;
    font-variant: normal;
    padding: 0 0.8em;
    text-transform: uppercase;
    font-size: 40px;
}

h2.line::after {
    border-top: 1px solid #56b9da;
    bottom: 0;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 40%;
    width: 100%;
    z-index: -1;
}

h2.line {
    margin: 30px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

div.marketing-page-section.background-white {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    font-size: 1.1em;
    line-height: 2.1em;
    padding: 40px 80px;
    width: 100% !important;
    max-width: 100% !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Very Top Utility Bar ---------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.top_bar_1 {
    background-color: #3b3b3b;
    width: 100%;
    height: 33px;
    position: relative;
    z-index: 4;
    font-family: "Sero", Arial, sans-serif;
}

.login_link {
    color: #fff;
    float: right;
    font-size: 13px;
    padding-right: 39px;
    padding-top: 10px;
    text-transform: uppercase;
}

.utility_nav {
    float: right;
}

.top_bar_1 ul li {
    list-style: none;
    float: left;
    margin-left: 30px;
}

.clearer {
    clear: both;
}

.utility {
    padding-right: 147px;
    width: auto;
}

.chosen_language {
    color: #fff;
    font-size: 14px;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-left: 5px;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

#main-menu {
    float: right;
}

.top-bar {
    z-index: 2;
}

.top_bar_1 .inner_left {
    margin: 0 auto;
    left: 15px;
    position: absolute;
    width: 200px;
    float: left;
}

.top_bar_1 .inner_right {
    width: 750px;
    float: right;
    height: 30px;
}

.item {
    float: left;
    max-width: 100px;
}

.mobile-menu {
    display: block;
}

.top-bar #secondary-menu {
    margin-right: 0px;
}

.show-for-small .top-bar {
    height: 100%;
}

.top_bar_1 .block-menu-block {
    display: block;
    float: right;
    margin-top: 0;
    padding-top: 0;
    margin-right: 12px;
}

.top_bar_1 .inner_right .block-menu-block .menu-block-wrapper {
    display: inline-block;
}

.top_bar_1 .inner_right .block-menu-block .menu-block-wrapper a {
    color: #fff;
    font-size: 13px;
    line-height: 33px;
    text-transform: uppercase;
}

.top_bar_1 .inner_right .block-menu-block .icon-th-list:before {
    margin-right: 7px;
}

#secondary-menu a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 33px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Expanding search bar ---------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.top_search_container {
    width: auto;
    float: left;
}

.searchbox {
    position: relative;
    min-width: 26px;
    width: 0%;
    height: 26px;
    float: right;
    overflow: hidden;
    margin-top: 3px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-icon:hover {
    color: #cfcdcb;
}

.searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #dcddd8;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 20px;
    color: red;
}

.searchbox-input::-webkit-input-placeholder {
    color: #00658a;
}

.searchbox-input:-moz-placeholder {
    color: #00658a;
}

.searchbox-input::-moz-placeholder {
    color: #00658a;
}

.searchbox-input:-ms-input-placeholder {
    color: #00658a;
}

.searchbox-submit.columns {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 0;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    background: #172b3c;
}

.right-off-canvas-menu .off-canvas-inner .searchbox-submit {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 0;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    background: #172b3c;
    width: 100px;
}

.searchbox-icon {
    color: #fff;
    background: #3b3b3b;
    z-index: 90;
    font-size: 18px;
    font-family: 'fontello';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 26px;
}

.searchbox-submit {
    font-family: 'fontello';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.searchbox-icon:before,
.searchbox-submit:before {
    content: '\e80e';
    font-family: "fontello";
    margin-right: 10px;
    margin-left: 7px;
    line-height: 26px;
}

.searchbox-open {
    width: 200px;
}

.byline {
    position: absolute;
    top: 150px;
    left: 30%;
    text-align: center;
    font-size: 18px;
}

.byline a {
    text-decoration: none;
    color: #d74b4b;
}

.no-js .searchbox {
    width: 100%;
}

#search-block-form .searchbox-submit {
    background: #3b3b3b none repeat scroll 0 0;
    position: absolute;
    right: 0;
    top: -1px;
    padding-top: 1px;
    color: #fff;
    font-family: "fontello";
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

#search-block-form.searchbox-open .searchbox-submit {
    z-index: 999;
}

#search-block-form .searchbox-submit:hover {
    color: #cfcdcb;
}

.right-off-canvas-menu .searchbox-icon {
    display: none !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Main Menu ------------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.navigation_region {
    margin: 0 auto;
    max-width: 1150px;
    position: relative;
    width: 100%;
}

#main-menu {
    float: right;
}

.menu {
    list-style: none;
}

.menu li {
    float: left;
    margin-right: 20px;
}

.menu li:first-child {
    margin-left: 20px;
}

.mobile-menu .ui-widget a {
    font-family: "Sero_bold", Arial, sans-serif;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Hunter Mega Menu 2.0 -------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.megamenu-skin-minimal {
    background: none;
}

ul.megamenu-menu {
    float: right;
    list-style: outside none none;
    margin-top: 14px;
}

h2.megamenu-active a {
    border-bottom: 2px solid #fff;
    padding-bottom: 4px;
}

.megamenu-parent-title a {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs hr {
    background-color: #b6b6b6;
    border: medium none;
    color: #b6b6b6;
    height: 1px;
    margin: 7px 0 10px -1px;
    width: 90%;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs ul {
    list-style-type: none;
    margin: 0;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs td {
    padding-right: 15px;
    vertical-align: top;
    width: 170px;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs li {
    margin: 0;
    padding: 3px 0;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .mega-menu-product-line-title,
.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .mega-menu-product-line-title-small {
    font-size: 12px;
    font-family: "Sero_bold", Arial, sans-serif;
    margin: 0;
    text-shadow: 0.5px 0.5px 0 #ffffff;
    text-transform: uppercase;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs p {
    margin: 0;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .mega-menu-product-line-title-small {
    font-size: 11px;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs #rotors_menu {
    padding-top: 5px;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .mega-menu-product-line-title a {
    color: #333333;
    margin: 0;
    text-shadow: 0.5px 0.5px 0 #ffffff;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs li {
    font-size: 11px;
    text-transform: uppercase;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs li a {
    color: #333333;
    display: inline-block;
    margin: 0;
    text-shadow: 0.5px 0.5px 0 #ffffff;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs a:hover {
    color: #46abd1;
    text-decoration: none;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs {
    margin-top: 10px;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs-content {
    display: none;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs-content.active {
    display: block;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs {
    background: transparent url("/sites/all/themes/hunter/images/bg-tabs-selector.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 100%;
    margin-left: 0;
    margin-right: 10px;
    min-height: 200px;
    text-align: right;
    width: 117px;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs .active {
    color: #006588;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs li {
    padding: 0 20px 0 0;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs li,
.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs li a {
    margin: 0;
}

.block-hunter-mega-menu-hunter-mega-menu #mega_menu_tabs .tabs li a {
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 5px 10px 10px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* Mega Menu */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.megamenu-slot ul.megamenu-items {
    list-style-position: inside;
    /*this is important addition*/
    margin-right: 40px;
    float: left;
}

.megamenu-menu li .megamenu-bin .megamenu-slot.last {
    margin-right: 0;
}

/* PRODUCTS */
/* Products > Residential / Commercial Irrigation */
.megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 39%;
}

/* Products > Golf */
.megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-1 {
    width: 17%;
}

/* PROFESSIONALS */
/* Professionals > Professional Programs */
.megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 20.7%;
}

/* Professionals > Tools and calculators */
.megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1 {
    width: 20.7%;
}

/* Professionals > Design resources */
.megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-2 {
    width: 44%;
}

/* GOLF */
/* Applies to all megamenu slots in Golf */
.megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot {
    width: 21%;
}

/* HOMEOWNERS */
/* Applies to all megamenu slots in Homeowners */
.megamenu-menu li.leaf-3 .megamenu-bin .megamenu-slot {
    width: 30%;
}

.menu {
    list-style: none;
}

.menu li {
    float: left;
    margin-right: 18px;
}

.menu li:first-child {
    margin-left: 18px;
}

.top_bar_1 .inner_right .block-menu-block .menu-name-menu-hunter-sso-login-link ul li {
    margin-left: 30px;
}

.columns_container a:hover {
    text-decoration: none;
}

.megamenu-menu ul a:hover {
    text-decoration: none;
    color: #CFCDCB;
}

.navbar-overlay {
    border-bottom: 1px solid transparent;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    background-color: #106688;
    width: 100%;
    z-index: 3;
    opacity: .98;
    -webkit-transition: height 300ms ease-in-out 0s, border 0s linear 0s;
    -moz-transition: height 300ms ease-in-out 0s, border 0s linear 0s;
    -o-transition: height 300ms ease-in-out 0s, border 0s linear 0s;
    transition: height 300ms ease-in-out 0s, border 0s linear 0s;
}

.nav-container {
    margin: 0 auto;
    position: static;
    height: 80px;
}

.navigation_region .block-megamenu {
    padding: 15px 20px 10px 200px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Sero_bold", Arial, sans-serif;
}

h1.title {
    font-family: "Sero_black", Arial, sans-serif;
}

.block-hunter-mega-menu-hunter-mega-menu {
    display: none;
    left: 0;
    margin: 20px 20px 0;
    position: absolute;
    top: -20px;
    width: 920px;
    z-index: 100;
}

.block-hunter-mega-menu-hunter-mega-menu {
    display: none;
    left: 0;
    margin: 20px 20px 0;
    position: absolute;
    top: 0px;
    width: 920px;
    z-index: 100;
}

.block-hunter-mega-menu-hunter-mega-menu .block-content-inner {
    background: #cfcdcb none repeat scroll 0 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 37px;
    padding: 10px;
}

header .megamenu-menu .columns_container {
    top: -19000px;
    -webkit-transition: opacity 500ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
    -moz-transition: opacity 500ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
    -o-transition: opacity 500ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
    transition: opacity 500ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
    z-index: 3;
    width: 100%;
    left: 0px;
    opacity: 0;
    max-height: 0px;
    position: absolute;
}

header.hovering .megamenu-menu .columns_container {
    top: auto;
}

.megamenu-menu .megamenu-parent-title {
    display: inline;
    position: relative;
    z-index: 4;
}

.navigation_region {
    height: 80px;
    width: 100%;
    position: relative;
}

.megamenu-item {
    line-height: 26px;
}

.megamenu-skin-minimal .megamenu-bin {
    border: none;
    border-radius: 0;
    background: none;
}

.megamenu-parent {
    float: left;
}

.megamenu-menu .megamenu-parent {
    margin-left: 20px;
    margin-right: 40px;
    position: static;
}

.megamenu-menu li.megamenu-parent-3 {
    margin-left: 20px;
    margin-right: 0px;
    position: static;
}

/* hidden for megamenu, available in the hamburger menu */
.megamenu-menu li.megamenu-parent-4,
.megamenu-menu li.megamenu-parent-5 {
    margin: 0;
}

.megamenu-menu .megamenu-bin {
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 10000;
    padding-top: 130px;
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
}

.megamenu-menu ul a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
}

.megamenu-menu .megamenu-slot {
    margin-bottom: 0.5em;
    margin-right: 5%;
    min-height: 270px;
    width: auto;
}

.megamenu-skin-minimal .megamenu-slot-title,
.megamenu-skin-minimal .megamenu-slot-title a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    font-family: "Sero_bold", Arial, sans-serif;
    text-align: left;
    text-transform: uppercase;
}

.navigation_region .megamenu-menu .megamenu-slot-title {
    border-bottom: 1px solid #fff;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.megamenu-skin-minimal .megamenu-slot {
    border-bottom: none;
}

.megamenu-slots-columnar li.megamenu-slot {
    float: left;
    list-style: outside none none;
}

.clearfix::after,
.clearfix .inner::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: auto;
    visibility: hidden;
}

.block-menu ul li a,
.block-menu ul li .text-item {
    color: #fff;
    font-family: Arial, Helvetica, Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    padding: 11px 20px;
}

.block-menu ul li {
    display: inline;
    float: left;
    list-style: outside none none;
    position: relative;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Header things... -------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.main_logo a img.logo {
    width: 100%;
}

.tab-bar button {
    border: none;
}

#secondary-menu .menu-15 a::before {
    color: #fff;
    content: '\e80f';
    font-family: "fontello";
    font-size: 13px;
    line-height: 31px;
    text-transform: uppercase;
    margin-right: 10px;
}

#secondary-menu a:hover {
    color: #cfcdcb;
}

#secondary-menu .menu-27864 a::before {
    color: #fff;
    content: '\e80d';
    font-family: "fontello";
    font-size: 13px;
    line-height: 33px;
    text-transform: uppercase;
    margin-right: 10px;
}

.sub_header {
    background-color: #e4e1dd;
    width: 100%;
    height: 32px;
}

.sub_header_inner {
    color: #006488;
    display: block;
    font-size: 14px;
    font-family: "Sero_bold", Arial, sans-serif;
    letter-spacing: 0.4px;
    margin-left: 92px;
    line-height: 34px;
    text-transform: uppercase;
    text-align: left;
}

.off-canvas_sso_login {
    float: right;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}

.off-canvas_sso_login a {
    color: #fff;
}

.off-canvas_sso_login a:hover:before {
    color: #cfcdcb;
}

.sso_login {
    float: right;
    margin-left: 30px;
    margin-right: 20px;
}

.sso_login a {
    color: #fff;
    font-size: 13px;
    line-height: 33px;
    text-transform: uppercase;
}

.off-canvas_sso_login a:before {
    color: #fff;
    content: '\e80d';
    font-family: "fontello";
    font-size: 15px;
    line-height: 33px;
    margin-right: 10px;
    text-transform: uppercase;
}

.sso_login a:before {
    color: #fff;
    content: '\e80d';
    font-family: "fontello";
    font-size: 13px;
    line-height: 33px;
    margin-right: 10px;
    text-transform: uppercase;
}

.sso_login a:hover:before {
    color: #cfcdcb;
}

.mobile_utility .language_selector:hover,
.off-canvas_sso_login a:hover,
.off-canvas_sso_login a:hover:before {
    color: #47abd1;
}

.very_top_search input {
    margin: 0;
    padding: 0 6px;
    border: none;
}

.top_bar_1 .inner_right .block-menu-block .menu-block-wrapper li {
    margin-left: 20px;
}

.top_bar_1 a:hover {
    color: #cfcdcb;
}

.top_bar_1 .inner_right .block-menu-block .menu-block-wrapper a:hover {
    color: #cfcdcb;
}

.language_selector a.icon-globe {
    color: #fff;
    display: inline-block;
    font-size: 22px;
    margin-top: 5px;
    padding-top: 0;
    vertical-align: middle;
}

.language_selector a.icon-globe:hover {
    color: #cfcdcb;
}

.language_selector a.icon-globe:hover .chosen_language {
    color: #cfcdcb;
}

.language_selector {
    float: left;
    margin-top: 0;
}

.navigation_region .menu {
    display: inline-block;
    float: right;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 51px;
}

#secondary-menu {
    margin-right: 37px;
    display: inline-block;
    float: right;
}

#secondary-menu-links li {
    float: left;
}

#toolbar img {
    width: auto;
}

#secondary-menu #secondary-menu-links.links li {
    margin-left: 15px;
}

.translation-set-links-display {
    display: block;
}

.translation-set-links-fancy-flyout {
    display: none;
    position: absolute;
    width: 110px;
    z-index: 9999;
    float: none;
    clear: both;
    border: none;
    background: #e9e9e9;
    border-radius: 4px;
    padding: 2px 0;
}

.translation-set-links-display img {
    cursor: pointer;
}

.translation-set-links-fancy-flyout img {
    width: 16px;
    height: 11px;
    cursor: pointer;
}

.translation-set-links-language-name {
    width: 75px;
    text-align: center;
    display: inline-block;
}

.translation-set-links {
    padding: 3px 5px;
}

.translation-set-links-title {
    font-size: 11px;
    text-transform: uppercase;
    background: #e9e9e9;
    padding: 2px 10px;
    border-radius: 5px;
    font-weight: 600;
    color: #555555;
    cursor: pointer;
}

.l-messages .alert-box {
    font-weight: normal;
}

.l-messages .alert-box a {
    font-weight: bold;
    color: white;
    text-decoration: underline;
}

.alert-notice {
    border: 3px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    background: url("/sites/all/themes/hunter/images/icon-warning-32.png") no-repeat 16px center;
    margin-bottom: 20px;
    min-height: 38px;
}

.alert-notice p {
    padding: 8px 0 8px 55px;
    margin: 0;
}

.alert-notice.width-600,
.alert-notice.width-550,
.alert-notice.width-500,
.alert-notice.width-450,
.alert-notice.width-400,
.alert-notice.width-320,
.alert-notice.width-300 {
    margin: 20px auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Styles --------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.front .column,
.front .columns {
    float: left;
    position: relative;
}

.l-featured.row {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.row {
    max-width: 100%;
}

.row.l-main {
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
}

.large-12 {
    max-width: 1150px;
    position: relative;
    width: 100%;
}

.large-12.columns {
    max-width: 1150px;
    margin: 0 auto;
    float: none;
}

.main_logo {
    float: left;
    margin-left: 93px;
    margin-top: 24px;
    max-width: 137px;
    position: relative;
    z-index: 4;
}

.tagline {
    border-left: 2px solid #47abd1;
    color: #fff;
    float: left;
    font-size: 1.5em;
    font-style: italic;
    height: 37px;
    line-height: 43px;
    margin-left: 17px;
    margin-top: 22px;
    padding-left: 18px;
    position: relative;
    width: auto;
    z-index: 3;
}

.tagline .registered {
    display: inline-block;
    font-size: 9px;
    left: -2px;
    line-height: 33px;
    position: relative;
    vertical-align: top;
}

.logo {
    max-width: 200px;
}

.top-bar .toggle-topbar.menu-icon {
    left: 15px;
    margin-top: -16px;
    padding-left: 40px;
    top: 50%;
}

.front .front_user_type {
    padding-top: 5%;
    padding-bottom: 2%;
}

.front .social_row {
    margin-top: 0;
}

.social_row {
    float: none;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #7e7c79;
    margin-top: 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage - Slick Banner Slider -------------------------------------*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#slick-slideshow-field-slideshow-image {
    background-color: #333;
    width: 100%;
}

#slick-slideshow-field-slideshow-image img {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
    display: block;
}

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

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

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

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

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

.slick-prev {
    position: absolute;
    top: 40%;
    left: 20px;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.slick-next {
    position: absolute;
    right: 20px;
    top: 40%;
}

.slick-prev::before,
.slick-next::before {
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "fontello";
    font-size: 30px;
    line-height: 1;
    opacity: 0.75;
    position: relative;
    left: 20px;
}

.slick-prev::before {
    content: '\e80c';
    left: 25px;
    position: absolute;
    top: 23px;
}

.slick-next::before {
    content: '\e80c';
    right: 15px;
    position: absolute;
    top: 23px;
}

.home_slider button {
    background: rgba(42, 100, 134, 0.6) none repeat scroll 0 0;
    border: medium none;
    border-radius: 40px;
    box-shadow: none;
    color: transparent;
    height: 74px;
    width: 74px;
}

.home_hero_container .slick-dots {
    display: none;
}

.home_hero_container,
.home_hero_container_mobile {
    position: relative;
}

.home_hero_container_mobile {
    display: none;
}

/* This is so when the page first loads, it won't show all of the slides, only will show them once slider initialized! */
.home_slider {
    display: none;
}

.slider_text .registered {
    font-size: 14px;
    vertical-align: top;
}

.title_text {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.paragraph_text p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
}

.paragraph_text .learn_more {
    color: #0ec3f7;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    margin-left: 10px;
    text-transform: uppercase;
}

.paragraph_text .learn_more:after {
    content: '\e80c';
    font-family: "fontello";
    font-size: 13px;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.slider_text_container span {
    display: block;
}

.bright_blue {
    color: #0ec3f7;
}

.link_blue {
    color: #47abd1;
}

.title_text .regular_weight {
    margin: 0;
    padding: 0;
    font-family: "Sero", Arial, sans-serif;
    display: block;
}

.title_text .bold_weight {
    margin: 0;
    padding: 0;
    font-family: "Sero_bold", Arial, sans-serif;
    display: block;
}

.paragraph_text {
    max-width: 700px;
}

.slider_text_container .droplet {
    float: left;
    left: -110px;
    position: relative;
    width: auto;
}

.slider_text_container .inner {
    left: -90px;
    position: relative;
}

.slider_text_container .title_text {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 34px;
}

.paragraph_text .learn_more.for_small {
    display: none;
}

.paragraph_text .learn_more:hover,
.home_slider_mobile .paragraph_text .learn_more.for_small:hover {
    color: #47abd1;
}

/* International Homepage Image Slider ----------------------- */
.home_slider_international {
    position: relative;
}

.home_slider_international .slider_text_container {
    background: none;
    top: 30%;
    color: #fff;
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 2;
}

.home_slider_international .slider_text_container .inner {
    left: auto;
    position: relative;
}

.home_slider_international .title_text .regular_weight {
    display: block;
    float: left;
    font-family: "Sero", Arial, sans-serif;
    font-size: 44px;
    margin: 0 7px 0 0;
    padding: 0;
}

.i18n-ar .home_slider_international .title_text .regular_weight {
    margin: 0 60px 0 0;
}

.home_slider_international .title_text .bold_weight.bright_blue {
    font-size: 60px;
    margin-bottom: 12px;
}

.home_slider_international .title_text .bold_weight {
    font-size: 44px;
}

.home_slider_international .paragraph_text {
    display: inline-block;
    float: right;
    margin-top: 40px;
    max-width: none;
    text-align: right;
}

.home_slider_international .slider_text_container .title_text {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 50px;
    margin-top: 34px;
    text-transform: uppercase;
}

.home_slider_international .button_container {
    text-align: right;
}

.home_slider_international .button_container .learn_more {
    background: rgba(14, 195, 247, 0.7);
    color: #fff;
    display: inline-block;
    font-size: 21px;
    padding: 30px 60px;
    text-align: left;
    text-transform: uppercase;
    width: 67%;
    font-weight: bold;
}

.home_slider_international .button_container .learn_more:after {
    content: '\e80c';
    float: right;
    font-family: "fontello";
    font-size: 20px;
    margin-left: 10px;
    position: relative;
}

.lang-ar .home_slider_international .button_container .learn_more::after {
    content: '\e80c';
    float: left;
    font-family: "fontello";
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.lang-ar .home_slider_international .button_container .learn_more {
    background: rgba(14, 195, 247, 0.7) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    padding: 30px 60px;
    text-align: right;
    text-transform: uppercase;
    width: 67%;
}

.home_slider_international .button_container .learn_more:hover {
    background: rgba(14, 195, 247, 1);
}

.lang-ar .home_slider_international .title_text .regular_weight {
    float: right;
}

@media only screen and (max-width: 1600px) {
    .home_slider_international .button_container .learn_more {
        background: rgba(14, 195, 247, 0.7);
        color: #fff;
        display: inline-block;
        font-size: 17px;
        font-weight: bold;
        padding: 20px 40px;
        text-align: left;
        text-transform: uppercase;
        width: 67%;
    }

    .home_slider_international .button_container .learn_more::after {
        font-size: 15px;
    }

    .home_slider_international .slider_text_container .title_text {
        line-height: 36px;
        margin-bottom: 20px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .home_slider_international .title_text .bold_weight.bright_blue {
        font-size: 42px;
        margin-bottom: 0;
    }

    .home_slider_international .title_text .regular_weight {
        display: block;
        float: left;
        font-family: "Sero", Arial, sans-serif;
        font-size: 30px;
        margin: 0 7px 0 0;
        padding: 0;
    }

    .i18n-ar .home_slider_international .title_text .regular_weight {
        margin: 0 60px 0 0;
    }

    .home_slider_international .title_text .bold_weight {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .home_slider_international .button_container .learn_more {
        background: rgba(14, 195, 247, 0.7);
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        padding: 20px 40px;
        text-align: left;
        text-transform: uppercase;
        width: 75%;
    }

    .lang-ar .home_slider_international .button_container .learn_more {
        background: rgba(14, 195, 247, 0.7);
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        padding: 20px 30px;
        text-align: right;
        text-transform: uppercase;
        width: 75%;
    }
}

@media only screen and (max-width: 1000px) {
    .home_slider_international .button_container .learn_more {
        background: rgba(14, 195, 247, 0.7);
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        padding: 15px 35px;
        text-align: left;
        text-transform: uppercase;
        width: auto;
    }

    .home_slider_international .title_text .bold_weight {
        font-size: 25px;
    }

    .home_slider_international .title_text .regular_weight {
        font-size: 25px;
    }

    .home_slider_international .slider_text_container .title_text {
        line-height: 31px;
        margin-bottom: 14px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .home_slider_international .title_text .bold_weight.bright_blue {
        font-size: 34px;
        margin-bottom: 0;
    }

    .home_slider_international .button_container .learn_more::after {
        font-size: 12px;
    }

    .lang-ar .home_slider_international .button_container .learn_more {
        text-align: right;
    }
}

@media only screen and (max-width: 768px) {
    .home_slider_international .slider_text_container {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #fff;
        display: block;
        position: absolute;
        right: 0;
        top: 30%;
        width: 75%;
        z-index: 99;
        padding: 0px;
    }

    .lang-ar .home_slider_international .button_container .learn_more {
        text-align: right;
    }
}

@media only screen and (max-width: 480px) {
    .home_slider_international .title_text .bold_weight.bright_blue {
        font-size: 26px;
        margin-bottom: 0;
    }

    .home_slider_international .title_text .regular_weight {
        font-size: 17px;
    }

    .home_slider_international .title_text .bold_weight {
        font-size: 17px;
    }

    .home_slider_international .slider_text_container .title_text {
        line-height: 20px;
        margin-bottom: 14px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .home_slider_international .button_container .learn_more {
        background: rgba(14, 195, 247, 0.7);
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: bold;
        padding: 10px;
        text-align: left;
        text-transform: uppercase;
        width: auto;
    }

    .home_slider_international .button_container .learn_more::after {
        font-size: 9px;
    }

    .lang-ar .home_slider_international .button_container .learn_more {
        background: rgba(14, 195, 247, 0.7) none repeat scroll 0 0;
        color: #fff;
        display: inline-block;
        font-size: 21px;
        font-weight: bold;
        padding: 10px 20px;
        text-align: right;
        text-transform: uppercase;
        width: 67%;
    }

    .lang-ar .home_slider_international .button_container .learn_more::after {
        font-size: 15px;
        line-height: 20px;
        margin-left: 10px;
        position: relative;
    }
}

/* End of International Homepage Image Slider styles --------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Video Banner ------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.lang-zh-hans .home_hero_container .thirty_five_years {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/home_hero_chinese_bg.jpg") no-repeat scroll 0 (bottom / cover);
    height: 550px;
    overflow: hidden;
    position: relative;
}

.lang-zh-hans .home_hero_container .thirty_five_years video {
    top: -6vw;
    display: block;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.lang-zh-hans .thirty_five_years video {
    display: inline-block;
    vertical-align: baseline;
}

.lang-zh-hans .thirty_five_years video {
    -o-object-fit: contain;
    object-fit: contain;
}

.lang-zh-hans .hero_content_container {
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 4.3em;
    width: 47em;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.lt-ie10.lang-zh-hans .hero_content_container {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    left: 0;
    right: 0;
    margin: auto;
}

.lang-zh-hans .hero_content_container .inner_container {
    background: rgba(0, 0, 0, 0.67);
    height: 17.7em;
    padding: 1.4em 6em 1.4em 1.4em;
    position: relative;
}

.lang-zh-hans .celebrating {
    width: auto;
}

.lang-zh-hans .inner_container .bubble {
    bottom: -5.4em;
    max-width: 14em;
    position: absolute;
    right: -5em;
    width: 100%;
}

.lang-zh-hans .hero_content_container p {
    color: #fff;
    font-size: 1.6em;
    line-height: 1.2;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 2em;
    margin-top: 1em;
}

.lang-zh-hans .buttons_container {
    margin-top: 4em;
    width: 40em;
    z-index: 1;
}

.lang-zh-hans .hero_content_container>img {
    width: auto;
}

.lang-zh-hans .home_hero_container .buttons_container .button {
    line-height: 1.2;
    font-size: 1.1em;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

.lang-zh-hans .home_hero_container .buttons_container .button.dark_blue {
    background-color: #00516e;
    float: right;
    height: 3.45em;
    padding-bottom: 0.8em;
    padding-left: 2.8em;
    padding-top: 0.6em;
    text-align: left;
    width: 17em;
}

.lang-zh-hans .home_hero_container .buttons_container .button.dark_blue {
    padding: 1.24em;
    text-align: center;
}

.lang-zh-hans .home_hero_container .buttons_container .button.light_blue {
    background-color: #0ec3f7;
    float: left;
    height: 3.45em;
    padding: 1.24em;
    width: 17em;
}

.lang-zh-hans .home_hero_container .buttons_container .button.light_blue:hover,
.lang-zh-hans .home_hero_container .buttons_container .button.light_blue:active {
    background-color: #00B4e8;
}

.lang-zh-hans .home_hero_container .buttons_container .button.dark_blue:hover,
.lang-zh-hans .home_hero_container .buttons_container .button.dark_blue:active {
    background-color: #00425f;
}

.lang-zh-hans .home_hero_container .buttons_container .button.light_blue .italicize {
    margin-left: 2px;
}

.lang-zh-hans .home_hero_container .buttons_container .italicize.not_bold {
    font-style: italic;
    margin-left: 0;
    text-transform: none;
}

.lang-zh-hans .home_hero_container_mobile .thirty_five_years video {
    display: none;
}

@media only screen and (max-width: 1050px) {
    body.lang-zh-hans .home_hero_container .thirty_five_years {
        height: 420px;
    }

    .lang-zh-hans .hero_content_container {
        font-size: 84%;
    }

    .lang-zh-hans .hero_content_container {
        top: 3em;
    }
}

@media only screen and (max-width: 768px) {
    .lang-zh-hans .home_hero_container .thirty_five_years video {
        display: none;
    }

    .lang-zh-hans .home_hero_container_mobile .thirty_five_years {
        display: inline-block;
        height: 450px;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
        overflow: hidden;
    }

    .lang-zh-hans .hero_content_container {
        display: inline-block;
        left: 47%;
        position: absolute;
        top: 4.3em;
        -webkit-transform: translateX(-49%);
        transform: translateX(-49%);
        width: 78vw;
        z-index: 1;
    }

    .lang-zh-hans.lt-ie10 .hero_content_container {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        left: 0;
        right: 0;
        margin: auto;
    }

    .lang-zh-hans .buttons_container {
        bottom: 0;
        margin-top: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .lang-zh-hans .buttons_container .button {
        margin-bottom: 0;
    }

    .lang-zh-hans .buttons_container .button.light_blue {
        width: 50%;
        float: left;
    }

    .lang-zh-hans .buttons_container .button.dark_blue {
        width: 50%;
        float: right;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button {
        line-height: 1.2;
        font-size: 1.1em;
        -webkit-transition: background-color .5s;
        transition: background-color .5s;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.dark_blue {
        background-color: #00516e;
        float: right;
        height: 3.45em;
        padding: 1.24em;
        text-align: center;
        width: 50%;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue {
        background-color: #0ec3f7;
        float: left;
        height: 3.45em;
        padding: 1.24em;
        width: 50%;
    }

    .lang-zh-hans .inner_container .bubble {
        bottom: -8.5vw;
        max-width: 11.8em;
        position: absolute;
        right: -8vw;
        width: 22vw;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue:hover,
    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue:active {
        background-color: #00B4e8;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.dark_blue:hover,
    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.dark_blue:active {
        background-color: #00425f;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue .italicize {
        margin-left: 0px;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .italicize.not_bold {
        display: inline;
        font-style: italic;
        margin-left: 0;
        text-transform: none;
    }

    .lang-zh-hans .home_hero_container_mobile .thirty_five_years .inner_container img {
        display: block;
    }

    .lang-zh-hans .hero_content_container .inner_container {
        height: auto;
        padding: 1.4em;
    }

    .lang-zh-hans .hero_content_container p {
        padding-right: 0;
        width: 84%;
    }

    .lang-zh-hans.ios10 .home_hero_container_mobile .thirty_five_years video {
        left: -6%;
        position: relative;
        top: -6vw;
        width: 112%;
    }

    .lang-zh-hans.ios10 .home_hero_container_mobile .thirty_five_years video {
        display: inline-block;
    }
}

@media only screen and (max-width: 670px) {
    .lang-zh-hans.ios10 .home_hero_container_mobile .thirty_five_years video {
        left: -8%;
        position: relative;
        top: -6vw;
        width: 116%;
    }

    .lang-zh-hans .hero_content_container p {
        font-size: 1.4em;
        padding-right: 0;
        width: 83%;
    }

    .lang-zh-hans .home_hero_container_mobile .thirty_five_years {
        height: 72vw;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.dark_blue {
        background-color: #00516e;
        float: right;
        height: 3.45em;
        padding: 10px;
        text-align: center;
        width: 50%;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.dark_blue,
    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue {
        padding: 1.24em 0;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue {
        padding: 10px;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue .italicize {
        display: none;
        margin-left: 2px;
    }

    .lang-zh-hans .stack_this {
        display: block;
        font-family: "Sero", Arial, sans-serif;
        font-size: 0.89em;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .italicize.not_bold {
        font-size: 0.89em;
        font-style: normal;
        margin-left: 0;
        text-transform: none;
        display: block;
    }

    .lang-zh-hans .hide_this {
        display: none;
    }
}

@media only screen and (max-width: 520px) {
    .lang-zh-hans.ios10 .home_hero_container_mobile .thirty_five_years video {
        left: -47%;
        position: relative;
        top: -10vw;
        width: 194%;
    }

    .lang-zh-hans .home_hero_container_mobile .thirty_five_years {
        display: inline-block;
        height: 400px;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .lang-zh-hans .home_hero_container_mobile .thirty_five_years .inner_container {
        background: rgba(0, 0, 0, 0.67) none repeat scroll 0 0;
        height: 17.7em;
        padding: 1.6em 1.2em;
        position: relative;
    }

    .lang-zh-hans .inner_container .bubble {
        bottom: -20px;
        max-width: 11.8em;
        position: absolute;
        right: 8px;
        width: 130px;
    }

    .lang-zh-hans .hero_content_container p {
        color: #fff;
        font-size: 1.2em;
        line-height: 1.4;
        margin-bottom: 0;
        margin-top: 3em;
        padding-bottom: 0;
        padding-right: 0;
        width: 60%;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue {
        padding: 10px;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue {
        padding: 1.24em 0.4em;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.light_blue .italicize {
        display: none;
        margin-left: 2px;
    }

    .lang-zh-hans .stack_this {
        display: block;
        font-family: "Sero", Arial, sans-serif;
        font-size: 0.89em;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .button.dark_blue {
        padding: 1.24em 0.4em;
        text-align: center;
    }

    .lang-zh-hans .home_hero_container_mobile .buttons_container .italicize.not_bold {
        font-size: 0.89em;
        font-style: normal;
        margin-left: 0;
        text-transform: none;
    }

    .lang-zh-hans .hero_content_container p {
        bottom: 20px;
        font-size: 1.3em;
        line-height: 1.3;
        position: absolute;
        width: 56%;
    }
}

@media only screen and (max-width: 430px) {
    .lang-zh-hans .hide_this_430 {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .lang-zh-hans .home_hero_container_mobile .thirty_five_years .inner_container {
        height: 230px;
    }

    .lang-zh-hans .hero_content_container {
        top: 50px;
    }
}

@media only screen and (max-width: 360px) {
    .lang-zh-hans .hero_content_container p {
        font-size: 1.1em;
        width: 50%;
    }
}

/* End of Hmoepage Video Hero styles -------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - EZDS -------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Desktop -------------- */
.hero-ezds-desktop {
    background-color: rgba(0, 0, 0, 0);
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.hero-ezds-desktop .left_side {
    background-image: url("/sites/all/themes/hunter_responsive/images/ezds_left_bg.jpg");
    background-repeat: no-repeat;
    background-position: 25% 22%;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    display: table-cell;
    width: 48%;
}

.hero-ezds-desktop .right_side {
    background-color: #00658a;
    color: #fff;
    display: table-cell;
    height: 650px;
    left: 0;
    padding: 26px 46px 0;
    position: relative;
    width: 54%;
    vertical-align: middle;
}

.hero-ezds-desktop .right_side .inner {
    max-width: 625px;
}

.hero-ezds-desktop .inner_container {
    display: table;
    height: 650px;
    width: 100%;
    overflow: hidden;
}

.hero-ezds-desktop .right_side .inner2 img {
    width: 400px;
    margin-left: -3px;
}

.hero-ezds-desktop .floating_image {
    position: absolute;
    top: -16px;
    width: 310px;
    right: 40px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
}

.hero-ezds-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-ezds-desktop .right_side h1 {
    color: #fff;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 12px;
    font-weight: normal;
    font-family: "Sero", Arial, Helvetica, sans-serif;
}

.hero-ezds-desktop .right_side p:not(.caption) {
    font-size: 28px;
    line-height: 1.4;
    max-width: 550px;
    margin-bottom: 16px;
    font-style: italic;
    border-top: 3px solid;
    padding-top: 14px;
}

.hero-ezds-desktop .right_side .button {
    font-size: 20px;
    padding: 22px 46px 20px;
}

.hero-ezds-desktop p.caption {
    text-align: right;
    padding-right: 30px;
    font-size: 18px;
}

@media screen and (min-width: 1950px) {
    .hero-ezds-desktop .left_side {
        background-position: 25% 55%;
    }
}

@media screen and (max-width: 1380px) {
    .hero-ezds-desktop .right_side h1 {
        font-size: 3.1vw;
    }

    .hero-ezds-desktop .right_side p:not(.caption) {
        font-size: 2vw;
    }

    .hero-ezds-desktop .right_side .button {
        font-size: 20px;
        padding: 18px 40px 16px;
    }

    .hero-ezds-desktop .right_side .inner2 img {
        width: calc(42vw - 200px);
        margin-left: -3px;
    }
}

@media screen and (max-width: 1200px) {
    .hero-ezds-desktop .floating_image {
        width: 25vw;
        right: 20px;
        top: 0;
    }
}

@media screen and (max-width: 1010px) {
    .hero-ezds-desktop .right_side .inner2 img {
        width: 94%;
        margin: 0 auto;
        display: block;
    }

    .hero-ezds-desktop .right_side .button {
        width: 100%;
    }

    .hero-ezds-desktop p.caption {
        text-align: left;
        padding-right: 30px;
        font-size: 18px;
        line-height: 1.4;
        margin-top: 20px;
    }
}

/* Mobile */
.hero-ezds-mobile .text_container_inner {
    background-color: #00658a;
    display: block;
    padding: 4vw 7vw;
    width: 100%;
}

.hero-ezds-mobile .text_container_inner h1 {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 5.4vw;
    margin: 0 0 10px;
    text-shadow: none;
    font-weight: normal;
    font-family: "Sero", Arial, Helvetica, sans-serif;
    border-bottom: 3px solid #fff;
    padding-bottom: 12px;
    margin-bottom: 14px;
}

.hero-ezds-mobile-text p {
    color: #fff;
    font-size: 6.2vw;
    line-height: 1.4;
    margin: 0;
    font-style: italic;
}

.hero-ezds-mobile-text p.anchor {
    margin: 0;
}

.hero-ezds-mobile-text .text_container_inner p {
    max-width: 70%;
    font-size: 3.4vw;
}

.hero-ezds-mobile-text .text_container_inner p.caption {
    max-width: 100%;
    font-size: 2.4vw;
}

.hero-ezds-mobile-text .text-container img {
    width: 370px;
    margin: 20px auto;
    display: block;
}

.hero-ezds-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;
}

.hero-ezds-mobile .floating_image {
    display: block;
    height: auto;
    left: 50%;
    position: absolute;
    top: 36vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42vw;
    z-index: 1;
}

@media screen and (max-width: 480px) {
    .hero-ezds-mobile-text .text_container_inner p {
        max-width: 100%;
        font-size: 16px;
    }

    .hero-ezds-mobile-text .text_container_inner p.caption {
        max-width: 100%;
        font-size: 14px;
    }
}

/* Italian  */
/* French */
/* German */
.lang-it .hero-ezds-desktop .right_side h1,
.lang-de .hero-ezds-desktop .right_side h1,
.lang-fr .hero-ezds-desktop .right_side h1 {
    font-size: 35px;
}

.lang-it .hero-ezds-desktop .right_side .inner,
.lang-de .hero-ezds-desktop .right_side .inner,
.lang-fr .hero-ezds-desktop .right_side .inner {
    max-width: 650px;
}

.lang-it .hero-ezds-desktop .right_side .inner2 img,
.lang-de .hero-ezds-desktop .right_side .inner2 img,
.lang-fr .hero-ezds-desktop .right_side .inner2 img {
    width: 300px;
    margin-left: -3px;
}



@media screen and (max-width: 1420px) {
    .lang-it .hero-ezds-desktop .right_side .inner2 img {
        width: calc(34vw - 200px);
        margin-left: -3px;
    }
}

@media screen and (max-width: 1240px) {
    .lang-it .hero-ezds-desktop .right_side .inner2 img {
        width: 48%;
        margin: 0 auto;
        display: block;
    }

    .lang-it .hero-ezds-desktop .right_side .button {
        width: 100%;
    }

    .lang-it .hero-ezds-desktop .right_side h1 {
        font-size: 3vw;
    }

    .lang-it .hero-ezds-desktop .right_side p:not(.caption) {
        font-size: 1.5vw;
    }
}

/* Russian */
.lang-ru .hero-ezds-desktop .right_side p:not(.caption) {
    font-size: 22px;
}

.lang-ru .hero-ezds-desktop .right_side h1 {
    font-size: 36px;
}

@media screen and (max-width: 1280px) {
    .lang-ru .hero-ezds-desktop .right_side h1 {
        font-size: 2.8vw;
    }
}

@media screen and (max-width: 1010px) {
    .lang-ru .hero-ezds-desktop .right_side .inner2 img {
        width: 62%;
        margin: 0 auto;
        display: block;
    }

    .lang-ru .hero-ezds-desktop .right_side p:not(.caption) {
        font-size: 2vw;
    }
}

/* Spanish */
.lang-es .hero-ezds-desktop .right_side .inner {
    max-width: 650px;
}

.lang-es .hero-ezds-desktop .right_side .inner2 img {
    width: 245px;
    margin-left: -3px;
}

.lang-es .hero-ezds-desktop .right_side h1 {
    font-size: 40px;
}

@media screen and (max-width: 1350px) {
    .lang-es .hero-ezds-desktop .right_side h1 {
        font-size: 3vw;
    }

    .lang-es .hero-ezds-desktop .right_side p:not(.caption) {
        font-size: 1.5vw;
    }

    .lang-es .hero-ezds-desktop .right_side .inner2 img {
        width: 42%;
        margin: 0 auto;
        display: block;
    }

    .lang-es .hero-ezds-desktop .right_side .button {
        width: 100%;
    }

    .lang-es .hero-ezds-desktop p.caption {
        text-align: center;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - I-80 -------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.desktop {
    display: block;
}

.mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }
}

.hero_text_left_bubble_right {
    background-color: #00658a;
    background-image: url("/sites/default/files/hero_homepage_bg_desktop_i-80.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
}

.hero_text_left_bubble_right .inner_container {
    max-width: 1190px;
    margin: 0 auto;
    display: block;
}

.hero_text_left_bubble_right h1 {
    font-size: 2em;
    color: #fff;
    font-family: "Sero_light", Arial, sans-serif;
    padding-left: 6px;
}

.hero_text_left_bubble_right .inner_container {
    max-width: 1210px;
    margin: 0 auto;
    display: table;
    padding-top: 200px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.hero_text_left_bubble_right .bubble_1 {
    display: table-cell;
    vertical-align: bottom;
}

.hero_text_left_bubble_right .image {
    display: table-cell;
    vertical-align: bottom;
}

.hero_text_left_bubble_right .inner_container .text p {
    font-size: 3.7em;
    font-style: italic;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 0.5em;
}

.hero_text_left_bubble_right .inner_container .text {
    display: table-cell;
    vertical-align: bottom;
    width: 64%;
    padding-right: 26px;
}

.hero_text_left_bubble_right .button {
    margin-bottom: 0;
}

@media screen and (max-width: 1260px) {
    .hero_text_left_bubble_right .inner_container {
        height: 600px;
    }

    .hero_text_left_bubble_right .inner_container .text p {
        font-size: 4.7vw;
    }

    .hero_text_left_bubble_right h1 {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 900px) {
    .hero_text_left_bubble_right .inner_container {
        height: calc(600px - 5vw);
    }
}

.hero_bubble_and_text .inner_container {
    position: relative;
}

.hero_bubble_and_text .text {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 3vw;
}

.hero_bubble_and_text.mobile .button {
    margin: 0;
    width: 100%;
    font-size: 5vw;
}

.hero_bubble_and_text.mobile .text p {
    font-size: 5.6vw;
    line-height: 1.3;
    font-style: italic;
    margin-bottom: 0;
}

.hero_bubble_and_text.mobile .text h1 {
    color: #fff;
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 4.4vw;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - Catalog 37 -------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Desktop -------------- */
.hero-cat37-desktop {
    background-color: #00658a;
    background-image: url("/sites/default/files/cat37_left_bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.hero-cat37-desktop .inner_container {
    display: table;
    height: 648px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.hero-cat37-desktop .right_side {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: table;
    height: 650px;
    left: 45%;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    width: 57%;
}

.hero-cat37-desktop .right_side .inner {
    display: table-cell;
    vertical-align: middle;
}

.hero-cat37-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-cat37-desktop .right_side h1 {
    color: #fff;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 6px;
    font-weight: normal;
    font-family: "Sero", Arial, Helvetica, sans-serif;
}

.hero-cat37-desktop .right_side h1 {
    font-size: 3.1vw;
    font-style: italic;
    text-transform: none;
    line-height: 1.1;
}

.hero-cat37-desktop .right_side h1 span {
    display: block;
}

.hero-cat37-desktop .right_side p {
    font-size: 40px;
    line-height: 1.4;
    max-width: 760px;
    margin-bottom: 16px;
    font-style: normal;
}

.hero-cat37-desktop .right_side .button {
    font-size: 20px;
    padding: 22px 46px 20px;
}

.hero-cat37-desktop .right_side p.banner_copy {
    font-size: 2vw;
    padding-right: 6vw;
}

.hero-cat37-desktop .right_side .bold.blue {
    text-transform: uppercase;
    color: #4BBFEE;
    font-size: 3.4vw;
    border-bottom: 3px solid #fff;
}

/* Mobile */
.hero-cat37-mobile .text_container_inner {
    background-color: #00658a;
    display: block;
    padding: 3vw 4vw 2vw;
    width: 100%;
}

.hero-cat37-mobile .text_container_inner h1 {
    color: #fff;
    font-size: 5.7vw;
    margin: 0 0 10px;
    text-shadow: none;
    text-transform: none;
    font-weight: normal;
    font-family: "Sero", Arial, Helvetica, sans-serif;
    font-style: italic;
}

.hero-cat37-mobile-text p {
    color: #fff;
    font-size: 6.2vw;
    line-height: 1.4;
    margin: 0;
    font-style: italic;
}

.hero-cat37-mobile-text p.bold.blue {
    font-style: normal;
    color: #4BBFEE;
    text-transform: uppercase;
}

.hero-cat37-mobile-text p.anchor {
    margin: 0;
}

.hero-cat37-mobile-text .text_container_inner p {
    max-width: 100%;
}

.hero-cat37-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;
}

.hero-cat37-mobile .bubble_hcc {
    display: block;
    height: auto;
    left: 50%;
    position: absolute;
    top: 36vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42vw;
    z-index: 1;
}

@media screen and (min-width: 1500px) {
    .hero-cat37-desktop .right_side p.banner_copy {
        font-size: 30px;
        padding-right: 94px;
    }

    .hero-cat37-desktop .right_side h1 {
        font-size: 46px;
    }

    .hero-cat37-desktop .right_side .bold.blue {
        font-size: 50px;
    }
}

@media screen and (max-width: 1922px) {
    .hero-cat37-desktop {
        background-size: cover;
    }
}

@media screen and (max-width: 1200px) {

    .hero-cat37-desktop,
    .hero-cat37-desktop .right_side {
        height: 500px;
    }

    .hero-cat37-desktop .right_side .button {
        font-size: 16px;
        padding: 16px 38px 14px;
    }
}

@media screen and (max-width: 1100px) {
    .hero-cat37-desktop .right_side {
        left: 44%;
        width: 57%;
    }

    .hero-cat37-desktop .right_side p.banner_copy {
        font-size: 22px;
        padding-right: 30px;
    }

    .hero-cat37-desktop .right_side h1 {
        font-size: 36px;
    }

    .hero-cat37-desktop .right_side .bold.blue {
        font-size: 36px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Pro-HC Banner -------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hero-prohc-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/all/themes/hunter_responsive/images/Pro-HC_homepage-banner-dktp.jpg");
    background-repeat: no-repeat;
    background-position: 30% top;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

@media only screen and (max-width: 1600px) {
    .hero-prohc-desktop {
        background-position: 40% top;
    }
}

.hero-prohc-desktop .text_container {
    display: table;
    float: right;
    height: 100%;
    width: 45%;
    max-width: 900px;
    overflow: hidden;
}

.hero-prohc-desktop .text_container_inner {
    color: #fff;
    display: table-cell;
    padding-bottom: 1.2em;
    vertical-align: middle;
}

.hero-prohc-desktop h1 {
    color: #0ec3f7;
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 2.6em;
}

.hero-prohc-desktop .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #0ec3f7;
    color: #0ec3f7;
    float: right;
    font-size: 1.25em;
    margin-top: 1.5em;
    padding: 0.9em 4em;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hero-prohc-desktop p {
    font-size: 2.0em;
    line-height: 1.3em;
    margin-bottom: 0.5em;
    margin-right: 33%;
}

@media only screen and (max-width: 1900px) {
    .hero-prohc-desktop p {
        margin-right: 25%;
    }
}

@media only screen and (max-width: 1600px) {
    .hero-prohc-desktop .text_container {
        width: 45%;
    }
}

.hero-prohc-mobile-text p.anchor,
.hero-prohc-desktop p.anchor {
    line-height: 0.5;
    text-align: right;
    font-size: 1.375em;
}

.hero-prohc-mobile-text p.anchor {
    font-size: 1.125em;
}

.hero-prohc-mobile-text p.anchor a,
.hero-prohc-desktop p.anchor a {
    display: inline-block;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    color: #0ec3f7;
}

.hero-prohc-mobile-text p.anchor a:after,
.hero-prohc-desktop p.anchor a:after {
    content: '\e800';
    font-family: "fontello";
    font-size: 13px;
    margin-left: 10px;
    position: relative;
    top: -4px;
}

.hero-prohc-mobile-text p.anchor a:after {
    font-size: 9px;
}

.hero-prohc-mobile-text p.anchor a:before,
.hero-prohc-desktop p.anchor a:before {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 2px solid #0ec3f7;
    top: 0;
    width: 600px;
    right: 100%;
    margin-right: 15px;
}

.hero-prohc-mobile-text p.hammer,
.hero-prohc-desktop p.hammer {
    line-height: 0.5;
    text-align: left;
    font-size: 1.8em;
    line-height: 1em;
    overflow: hidden;
    margin-bottom: 0.3em;
}

.hero-prohc-mobile-text p {
    color: #FFF;
    font-size: 1.25em;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}

.hero-prohc-mobile-text p.hammer {
    font-size: 1.4em;
}

@media only screen and (max-width: 410px) {
    .hero-prohc-mobile-text p.hammer {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 1100px) {
    .hero-prohc-desktop p.hammer {
        font-size: 2.0em;
    }
}

.hero-prohc-mobile-text p.hammer span,
.hero-prohc-desktop p.hammer span {
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-style: italic;
    color: #0ec3f7;
}

.hero-prohc-mobile-text p.hammer span:before,
.hero-prohc-desktop p.hammer span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 2px solid #0ec3f7;
    top: 50%;
    width: 600px;
    left: 100%;
    margin-left: 15px;
    margin-right: 0;
    margin-top: -2px;
}

@media only screen and (max-width: 1425px) {
    .hero-prohc-desktop p.hammer {
        font-size: 1.6em;
    }

    .hero-prohc-desktop p {
        font-size: 1.7em;
    }

    .hero-prohc-desktop p.anchor {
        font-size: 1.1em;
    }

    .hero-prohc-desktop .text_container_inner {
        vertical-align: top;
        padding-top: 165px;
    }
}

@media only screen and (max-width: 1200px) {
    .hero-prohc-desktop {
        background-position: 50% top;
    }

    .hero-prohc-desktop .text_container {
        width: 50%;
    }

    .hero-prohc-desktop .text_container_inner {
        vertical-align: top;
        padding-top: 165px;
    }
}

@media only screen and (max-width: 1050px) {
    .hero-prohc-desktop .text_container {
        width: 55%;
    }

    .hero-prohc-desktop p {
        margin-right: 12%;
    }
}

@media only screen and (max-width: 915px) {
    .hero-prohc-desktop p.hammer {
        font-size: 1.4em;
    }

    .hero-prohc-desktop p {
        font-size: 1.5em;
    }

    .hero-prohc-desktop p.anchor {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 768px) {
    .hero-prohc-mobile {
        height: 350px;
        background-image: url("/sites/all/themes/hunter_responsive/images/Pro-HC_homepage-banner-mobile.jpg");
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: scroll;
        background-size: cover;
    }
}

@media only screen and (max-width: 570px) {
    .hero-prohc-mobile {
        background-position: 60% top;
    }
}

.hero-prohc-mobile-text {
    background: #3b3b3b;
}

.hero-prohc-mobile-text .text-container {
    margin: 0 20px;
    padding: 20px 0;
    overflow: hidden;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - HPC --------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Desktop -------------- */
.hero-hpc-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/all/themes/hunter_responsive/images/hero_homepage_hpc_desktop.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.hero-hpc-desktop .inner_container {
    height: 650px;
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.hero-hpc-desktop .text_container {
    display: table;
    float: right;
    height: 100%;
    max-width: 350px;
    overflow: hidden;
}

.hero-hpc-desktop .text_container_inner {
    color: #fff;
    display: table-cell;
    padding-bottom: 5em;
    vertical-align: middle;
    max-width: 750px;
    padding-top: 110px;
}

.hero-hpc-desktop h1 {
    color: #0ec3f7;
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 2.6em;
}

.hero-hpc-desktop .button {
    background: #47abd1 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: none;
    font-size: 16px;
    margin-top: 1em;
    padding: 1.2em 4em;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.hero-hpc-desktop p {
    font-size: 48px;
    line-height: 1.34;
    margin-bottom: 0;
}

.hero-hpc-desktop .anchor {
    margin: 0;
}

.hero-hpc-desktop .text_container_inner strong {
    font-weight: bold;
}

@media screen and (max-width: 1170px) {
    .hero-hpc-desktop {
        background-position: calc(100% + 356px) top;
    }
}

@media screen and (max-width: 980px) {
    .hero-hpc-desktop {
        height: 550px;
        background-position: 64% top;
    }

    .hero-hpc-desktop .inner_container {
        height: 550px;
    }

    .hero-hpc-desktop .text_container_inner {
        padding-top: 60px;
        padding-bottom: 3em;
    }

    .hero-hpc-desktop p {
        font-size: 43px;
        line-height: 1.3;
    }

    .hero-hpc-desktop .text_container {
        max-width: 340px;
    }
}

@media screen and (max-width: 880px) {
    .hero-hpc-desktop .text_container {
        max-width: 312px;
    }
}

/* Mobile ------------ */
.hero-hpc-mobile-text {
    background-color: #3b3b3b;
    color: #fff;
}

.hero-hpc-mobile-text p {
    font-size: 6vw;
    line-height: 1.4;
    margin: 0;
}

.hero-hpc-mobile-text p.anchor {
    margin: 0;
}

.hero-hpc-mobile-text .text_container_inner p {
    max-width: 90%;
}

.hero-hpc-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 5vw;
    padding-top: 5vw;
    width: 100%;
}

.hero-hpc-mobile .text_container_inner {
    padding: 6vw 5vw;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - CSR 2018 ---------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.home_hero_container.hero-csr18 {
    display: block !important;
    background-image: url("/sites/all/themes/hunter_responsive/images/2018_csr_bg.jpg");
    background-repeat: no-repeat;
    background-position: left 40px;
    background-attachment: scroll;
    background-size: cover;
    background-color: #00648a;
    text-align: center;
}

.home_hero_container.hero-csr18 h1 {
    color: #fff;
    padding-top: 30px;
    padding-bottom: 75px;
    font-size: 42px;
    margin: 0;
    background-image: url('/sites/all/themes/hunter_responsive/images/wedge.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
}

.home_hero_container.hero-csr18 .csr-logo {
    width: 160px;
    padding-right: 15px;
}

.home_hero_container.hero-csr18 .bright-blue {
    color: #4CBFEE;
}

.home_hero_container.hero-csr18 .report-pipe {
    color: #FBB338;
}

.home_hero_container.hero-csr18 .focus-areas {
    margin: 20px auto 120px auto;
}

.home_hero_container.hero-csr18 .focus-areas .item {
    float: none;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    margin: 0 3%;
    max-width: none;
}

.home_hero_container.hero-csr18 .focus-areas .item img {
    width: 140px;
    max-width: 100%;
    margin-bottom: 15px;
}

.home_hero_container.hero-csr18 p {
    margin: 0;
}

.home_hero_container.hero-csr18 em {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
}

.home_hero_container.hero-csr18 .button {
    background: transparent;
    color: #E4E1DD;
    font-size: 24px;
    display: inline-block;
}

.home_hero_container.hero-csr18 .button:after {
    font-family: "fontello";
    content: '\e829';
    color: #29B6F6;
    font-size: 10px;
    position: absolute;
    right: 14px;
    top: 49%;
    -moz-transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.home_hero_container.hero-csr18 .overlay-link:hover .button {
    color: #FFF;
}

@media only screen and (max-width: 1330px) {

    .home_hero_container.hero-csr18 h1,
    .home_hero_container.hero-csr18 em {
        font-size: 38px;
    }

    .home_hero_container.hero-csr18 .csr-logo {
        width: 130px;
    }
}

@media only screen and (max-width: 1150px) {

    .home_hero_container.hero-csr18 h1,
    .home_hero_container.hero-csr18 em {
        font-size: 32px;
    }

    .home_hero_container.hero-csr18 .csr-logo {
        width: 100px;
    }

    .home_hero_container.hero-csr18 {
        background-position: 10% top;
    }
}

@media only screen and (max-width: 920px) {

    .home_hero_container.hero-csr18 h1,
    .home_hero_container.hero-csr18 em {
        font-size: 24px;
    }

    .home_hero_container.hero-csr18 h1 {
        padding-bottom: 35px;
    }

    .home_hero_container.hero-csr18 .csr-logo {
        width: 130px;
    }
}

@media only screen and (max-width: 768px) {
    .home_hero_container.hero-csr18 {
        display: block !important;
        background-image: url('/sites/all/themes/hunter_responsive/images/2018_csr_bg_mobile.jpg');
        border-top: 3px solid #FFF;
    }

    .home_hero_container.hero-csr18 h1 {
        position: relative;
        padding-bottom: 75px;
    }

    .home_hero_container.hero-csr18 .csr-logo {
        position: absolute;
        bottom: -40px;
        width: 105px;
        left: 50%;
        padding: 0;
        -moz-transform: translateX(-50%) rotate(0deg);
        -webkit-transform: translateX(-50%) rotate(0deg);
        transform: translateX(-50%) rotate(0deg);
    }

    .home_hero_container.hero-csr18 .nobreak {
        display: block;
    }

    .home_hero_container.hero-csr18 .focus-areas {
        margin: 70px auto 20px auto
    }

    .home_hero_container.hero-csr18 .focus-areas .item {
        width: 100px;
        margin: 0 5%;
    }

    .home_hero_container.hero-csr18 .button {
        background: #4CBFEE;
        width: 100%;
        display: block;
        color: #fff;
        font-size: 18px;
        margin: 20px 0 0 0;
    }

    .home_hero_container.hero-csr18 .button:after {
        display: none;
    }
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - ST1700V ----------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.home_hero_container.st1700v {
    background-image: url("/sites/all/themes/hunter_responsive/images/st1700v_hero.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    background-attachment: scroll;
    background-size: cover;
    background-color: #00648a;
    text-align: center;
    height: 648px;
}

.home_hero_container.st1700v .right_side {
    float: right;
    width: 50%;
    text-align: left;
    color: white;
    padding: 60px 40px 30px 10px;
}

.home_hero_container.st1700v .right_side h1 {
    text-transform: none;
    border-bottom: 1px solid white;
    color: #fff;
    font-size: 3em;
    line-height: 1.3em;
    font-weight: normal;
    font-family: "Sero", Arial, Helvetica, sans-serif;
}

.home_hero_container.st1700v .right_side p {
    font-size: 1.6em;
    line-height: 1.3em;
}

.lang-en-gb .home_hero_container.st1700v .right_side .inner {
    max-width: 510px;
}

@media screen and (max-width: 1140px) {
    .home_hero_container.st1700v .right_side h1 {
        font-size: 2.5em;
    }
}

@media screen and (max-width: 980px) {
    .home_hero_container.st1700v .right_side h1 {
        font-size: 2.3em;
    }

    .home_hero_container.st1700v .right_side p {
        font-size: 1.2em;
        line-height: 1.6em;
    }
}

@media screen and (max-width: 768px) {
    .home_hero_container_mobile.st1700v .inner_container {
        background: #00648a;
        padding: 30px;
    }

    .home_hero_container_mobile.st1700v h1 {
        color: #fff;
        font-size: 1.7em;
        line-height: 1.3em;
        font-weight: normal;
        font-family: "Sero", Arial, Helvetica, sans-serif;
        margin: 0;
        position: static;
        text-align: left;
        text-shadow: none;
        width: auto;
    }

    .home_hero_container_mobile.st1700v .button {
        width: 100%;
        text-align: center;
        margin: 0;
    }

}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - MP815 ------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.home_hero_container sup {
    font-size: 50%;
    top: -0.65em;
}

.home_hero_container_mobile sup {
    font-size: 50%;
    top: -0.65em;
}

/* Desktop -------------- */
.hero-mp815-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/mp815_left_bg.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.hero-mp815-desktop .inner_container {
    display: table;
    height: 100%;
    width: 100%;
}

.hero-mp815-desktop .bubble_mp815 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    left: 38%;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
}

.hero-acc2-decoder-desktop .left_side {
    display: table-cell;
    position: relative;
    width: 40%;
}

.hero-mp815-desktop .right_side {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/mp815_right_bg.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: table;
    height: 650px;
    left: 38%;
    padding-left: 256px;
    padding-right: 40px;
    position: relative;
    width: 62%;
}

/* Arabic tweaks */
.lang-ar .hero-mp815-desktop .right_side {
    left: auto;
}

.lang-ar .hero-mp815-desktop .inner_container {
    display: block;
}

.hero-mp815-desktop .right_side .inner {
    display: table-cell;
    vertical-align: middle;
}

.hero-mp815-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-mp815-desktop .right_side h1 {
    color: #fff;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.hero-mp815-desktop .right_side p {
    font-size: 40px;
    line-height: 1.4;
    max-width: 760px;
    margin-bottom: 16px;
}

.hero-mp815-desktop .right_side .button {
    font-size: 20px;
    padding: 22px 46px 20px;
}

.lang-ar .node-product .bullet-list {
    border-left: medium none;
}

.lang-ar #block-product-quick-specs {
    border-left: none;
}

@media screen and (max-width: 768px) {
    .lang-ar #block-product-quick-specs {
        border-left: none;
    }
}

@media screen and (max-width: 480px) {
    .lang-ar .node-product .bullet-list {
        border-right: medium none;
        left: auto;
        margin: 20px 0 80px;
        padding-left: 18px;
        padding-top: 0;
        right: 0;
        width: 100%;
    }

    .lang-ar .field-group-htabs-wrapper {
        margin-left: auto;
        margin-right: -5%;
        width: 110%;
    }

    .lang-ar .node-product .horizontal-tabs ul.horizontal-tabs-list li {
        text-align: right;
    }

    .node-advanced-feature img {
        width: auto;
    }

    body:not(.lang-en).lang-ar .field-name-field-product-tag-line h3 {
        margin-top: 10px;
        padding: 0 10px 10px;
        position: relative;
        top: auto;
        width: 100%;
    }

    .lang-ar #block-product-quick-specs {
        border-right: none;
    }

    .lang-ar #block-product-quick-specs {
        border-left: none;
    }

    .lang-ar #block-product-product-main-image img {
        margin-left: auto;
        margin-right: -5%;
        max-width: 110%;
        padding: 0;
        width: 110%;
    }
}

/* Mobile */
.hero-mp815-mobile .text_container_inner {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/acc2_decoder_mobile_text_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 26vw 5vw 6vw;
    width: 100%;
}

.hero-mp815-mobile .text_container_inner h1 {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 5.5vw;
    margin: 0 0 10px;
    text-shadow: none;
}

.hero-mp815-mobile-text p {
    color: #fff;
    font-size: 4.7vw;
    line-height: 1.4;
    margin: 0;
}

.hero-mp815-mobile-text p.anchor {
    margin: 0;
}

.hero-mp815-mobile-text .text_container_inner p {
    max-width: 100%;
}

.hero-mp815-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;
}

.hero-mp815-mobile .bubble_mp815 {
    display: block;
    height: auto;
    left: 50%;
    position: absolute;
    top: 36vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42vw;
    z-index: 1;
}

@media screen and (max-width: 1780px) {
    .hero-mp815-desktop .bubble_mp815 {
        width: 25.6vw;
    }

    .hero-mp815-desktop .right_side {
        padding-left: 14.3vw;
    }

    .hero-mp815-desktop .right_side p {
        font-size: 2.2vw;
    }

    .hero-mp815-desktop .right_side h1 {
        font-size: 2.6vw;
    }
}

@media screen and (max-width: 1200px) {

    .hero-mp815-desktop,
    .hero-mp815-desktop .right_side {
        height: 500px;
    }

    .hero-mp815-desktop .right_side .button {
        font-size: 16px;
        padding: 16px 38px 14px;
    }
}

.field-group-htabs-wrapper {
    clear: both;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - HDL --------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Desktop -------------- */
.hero-hdl-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/hdl_left_bg.jpg");
    background-repeat: no-repeat;
    background-position: 25% top;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.hero-hdl-desktop .inner_container {
    display: table;
    height: 100%;
    width: 100%;
}

.hero-hdl-desktop .bubble_hdl {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    left: 38%;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
}

.hero-acc2-decoder-desktop .left_side {
    display: table-cell;
    position: relative;
    width: 40%;
}

.hero-hdl-desktop .right_side {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/mp815_right_bg.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: table;
    height: 650px;
    left: 38%;
    padding-left: 256px;
    padding-right: 40px;
    position: relative;
    width: 62%;
}

/* Arabic tweaks */
.lang-ar .hero-hdl-desktop .right_side {
    left: auto;
}

.lang-ar .hero-hdl-desktop .inner_container {
    display: block;
}

.hero-hdl-desktop .right_side .inner {
    display: table-cell;
    vertical-align: middle;
}

.hero-hdl-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-hdl-desktop .right_side h1 {
    color: #fff;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 6px;
}

.hero-hdl-desktop .right_side p {
    font-size: 40px;
    line-height: 1.4;
    max-width: 760px;
    margin-bottom: 16px;
    font-style: italic;
}

.hero-hdl-desktop .right_side .button {
    font-size: 20px;
    padding: 22px 46px 20px;
}

/* Mobile */
.hero-hdl-mobile .text_container_inner {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/acc2_decoder_mobile_text_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 6vw 5vw;
    width: 100%;
}

.hero-hdl-mobile .text_container_inner h1 {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 5.5vw;
    margin: 0 0 10px;
    text-shadow: none;
}

.hero-hdl-mobile-text p {
    color: #fff;
    font-size: 4.7vw;
    line-height: 1.4;
    margin: 0;
    font-style: italic;
}

.hero-hdl-mobile-text p.anchor {
    margin: 0;
}

.hero-hdl-mobile-text .text_container_inner p {
    max-width: 100%;
}

.hero-hdl-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;
}

.hero-hdl-mobile .bubble_hdl {
    display: block;
    height: auto;
    left: 50%;
    position: absolute;
    top: 36vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42vw;
    z-index: 1;
}

@media screen and (max-width: 1780px) {
    .hero-hdl-desktop .bubble_hdl {
        width: 25.6vw;
    }

    .hero-hdl-desktop .right_side {
        padding-left: 14.3vw;
    }

    .hero-hdl-desktop .right_side p {
        font-size: 2.2vw;
    }

    .hero-hdl-desktop .right_side h1 {
        font-size: 2.6vw;
    }
}

@media screen and (max-width: 1200px) {

    .hero-hdl-desktop,
    .hero-hdl-desktop .right_side {
        height: 500px;
    }

    .hero-hdl-desktop .right_side .button {
        font-size: 16px;
        padding: 16px 38px 14px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - HCC --------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Desktop -------------- */
.hero-hcc-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/all/themes/hunter_responsive/images/hcc_left_bg.jpg");
    background-repeat: no-repeat;
    background-position: 25% top;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.hero-hcc-desktop .inner_container {
    display: table;
    height: 100%;
    width: 100%;
}

.hero-hcc-desktop .bubble_hcc {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    left: 43%;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
}

.hero-acc2-decoder-desktop .left_side {
    display: table-cell;
    position: relative;
    width: 40%;
}

.hero-hcc-desktop .right_side {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/mp815_right_bg.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: table;
    height: 650px;
    left: 43%;
    padding-left: 256px;
    padding-right: 40px;
    position: relative;
    width: 62%;
}

/* Arabic tweaks */
.lang-ar .hero-hcc-desktop .right_side {
    left: auto;
}

.lang-ar .hero-hcc-desktop .inner_container {
    display: block;
}

.hero-hcc-desktop .right_side .inner {
    display: table-cell;
    vertical-align: middle;
}

.hero-hcc-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-hcc-desktop .right_side h1 {
    color: #fff;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 6px;
    font-weight: normal;
    font-family: "Sero", Arial, Helvetica, sans-serif;
}

.hero-hcc-desktop .right_side p {
    font-size: 40px;
    line-height: 1.4;
    max-width: 760px;
    margin-bottom: 16px;
    font-style: italic;
}

.hero-hcc-desktop .right_side .button {
    font-size: 20px;
    padding: 22px 46px 20px;
}

/* Mobile */
.hero-hcc-mobile .text_container_inner {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/acc2_decoder_mobile_text_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 6vw 5vw;
    width: 100%;
}

.hero-hcc-mobile .text_container_inner h1 {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 4.5vw;
    margin: 0 0 10px;
    text-shadow: none;
    font-weight: normal;
    font-family: "Sero", Arial, Helvetica, sans-serif;
}

.hero-hcc-mobile-text p {
    color: #fff;
    font-size: 6.2vw;
    line-height: 1.4;
    margin: 0;
    font-style: italic;
}

.hero-hcc-mobile-text p.anchor {
    margin: 0;
}

.hero-hcc-mobile-text .text_container_inner p {
    max-width: 100%;
}

.hero-hcc-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;
}

.hero-hcc-mobile .bubble_hcc {
    display: block;
    height: auto;
    left: 50%;
    position: absolute;
    top: 36vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42vw;
    z-index: 1;
}

.hero-hcc-desktop .bubble_hcc {
    width: 25.6vw;
}

.hero-hcc-desktop .right_side {
    padding-left: 14.3vw;
}

.hero-hcc-desktop .right_side p {
    font-size: 2.9vw;
}

.hero-hcc-desktop .right_side h1 {
    font-size: 1.6vw;
}

@media screen and (max-width: 1200px) {

    .hero-hcc-desktop,
    .hero-hcc-desktop .right_side {
        height: 500px;
    }

    .hero-hcc-desktop .right_side .button {
        font-size: 16px;
        padding: 16px 38px 14px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage Banner - ACC2 Decoder ------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Desktop -------------- */
.hero-acc2-decoder-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/hero_homepage_acc2_decoder_desktop.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: scroll;
    background-size: cover;
    height: 648px;
    position: relative;
    margin-bottom: 16px;
}

.hero-acc2-decoder-desktop img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    left: 50%;
    padding-left: 20px;
    padding-right: 20px;
}

.blue_bar_bg {
    background: rgba(0, 101, 138, 0.8) none repeat scroll 0 0;
    height: 340px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hero-acc2-decoder-desktop .blue_bar_bg .left_side {
    display: table-cell;
    position: relative;
    width: 50%;
}

.hero-acc2-decoder-desktop .inner_container {
    display: table;
    height: 100%;
    margin: 0 auto;
    max-width: 1700px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.hero-acc2-decoder-desktop .blue_bar_bg .left_side {
    display: table-cell;
    width: 44%;
    position: relative;
}

.hero-acc2-decoder-desktop .blue_bar_bg .right_side {
    color: #fff;
    display: table-cell;
    padding-left: 3%;
    padding-right: 4%;
    vertical-align: middle;
    width: 56%;
}

.hero-acc2-decoder-desktop .blue_bar_bg .inner_container .right_side h1 {
    color: #fff;
    font-size: 46px;
    margin: 0;
}

.hero-acc2-decoder-desktop .right_side a.button {
    font-size: 20px;
    margin-top: 14px;
    padding: 20px 44px 19px;
    margin-bottom: 0;
}

/* Other langs */
body:not(.lang-en) .hero-acc2-decoder-desktop .blue_bar_bg .inner_container .right_side h1 {
    font-size: 2.6vw;
    line-height: 1.2;
}

body:not(.lang-en) .hero-acc2-decoder-desktop .blue_bar_bg .right_side {
    padding-right: 20px;
}

.lang-ru .blue_bar_bg {
    height: 380px;
}

@media screen and (min-width: 1770px) {
    body:not(.lang-en) .hero-acc2-decoder-desktop .blue_bar_bg .inner_container .right_side h1 {
        font-size: 42px;
    }

    body:not(.lang-en) .hero-acc2-decoder-desktop .blue_bar_bg .right_side p {
        font-size: 36px;
        line-height: 1.4;
        margin: 0;
    }
}

@media screen and (max-width: 1380px) {
    .hero-acc2-decoder-desktop .blue_bar_bg .inner_container .right_side h1 {
        color: #fff;
        font-size: 3.3vw;
        margin: 0;
    }
}

@media screen and (max-width: 1100px) {
    .lang-ru .blue_bar_bg {
        height: 320px;
    }

    .blue_bar_bg {
        height: 300px;
    }

    .hero-acc2-decoder-desktop .right_side a.button {
        font-size: 18px;
        padding: 16px 42px 15px;
    }
}

@media screen and (max-width: 1920px) {
    .hero-acc2-decoder-desktop .blue_bar_bg .right_side p {
        font-size: 2vw;
        line-height: 1.5;
        margin: 0;
    }
}

@media screen and (min-width: 1921px) {
    .hero-acc2-decoder-desktop .blue_bar_bg .right_side p {
        font-size: 39px;
        line-height: 1.5;
        margin: 0;
    }
}

/* Mobile ------------ */
.hero-acc2-decoder-mobile-text {
    background-color: #00658a;
    color: #fff;
}

.hero-acc2-decoder-mobile .text_container_inner h1 {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 6.3vw;
    margin: 0 0 10px;
    text-shadow: none;
}

.hero-acc2-decoder-mobile-text p {
    font-size: 5.5vw;
    line-height: 1.4;
    margin: 0;
}

.hero-acc2-decoder-mobile-text p.anchor {
    margin: 0;
}

.hero-acc2-decoder-mobile-text .text_container_inner p {
    max-width: 100%;
}

.hero-acc2-decoder-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;
}

.hero-acc2-decoder-mobile .text_container_inner {
    padding: 6vw 5vw;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/default/files/acc2_decoder_mobile_text_bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
}

@media screen and (max-width: 530px) {
    .hero-acc2-decoder-mobile .button {
        font-size: 4.5vw;
        padding-bottom: 5vw;
        padding-top: 5vw;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage ACC2 Banner ---------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hero-acc2-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/all/themes/hunter_responsive/images/hero_homepage_acc2_desktop.jpg");
    background-repeat: no-repeat;
    background-position: 30% top;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.lang-zh-hans .hero-acc2-desktop {
    background-image: url("/sites/all/themes/hunter_responsive/images/hero_homepage_acc2_desktop_chinese.jpg");
}

.hero-acc2-desktop .inner_container {
    height: 650px;
    margin: 0 auto;
    max-width: 1580px;
    position: relative;
}

.hero-acc2-desktop .acc2_controller {
    position: absolute;
    width: 33.56em;
    /* 537px/16px */
    bottom: -5%;
    left: 0;
}

.hero-acc2-desktop .acc2_bubble {
    bottom: 1%;
    left: 33%;
    position: absolute;
    width: 240px;
}

@media screen and (max-width: 1780px) {
    .hero-acc2-desktop .inner_container {
        max-width: 1400px;
    }

    .hero-acc2-desktop .text_container_inner {
        padding-right: 2em;
    }
}

@media screen and (max-width: 1400px) {
    .hero-acc2-desktop .text_container {
        width: 50%;
        font-size: 90%;
    }
}

@media screen and (max-width: 1100px) {
    .hero-acc2-desktop .text_container {
        font-size: 80%;
        width: 60%;
    }

    .hero-acc2-desktop {
        background-position: 40% top;
    }
}

@media screen and (max-width: 900px) {
    .hero-acc2-desktop .text_container {
        font-size: 70%;
    }
}

.hero-acc2-desktop .text_container {
    display: table;
    float: right;
    height: 100%;
    max-width: 900px;
    overflow: hidden;
}

.hero-acc2-desktop .text_container_inner {
    color: #fff;
    display: table-cell;
    padding-bottom: 5em;
    vertical-align: middle;
    max-width: 750px;
}

.hero-acc2-desktop h1 {
    color: #0ec3f7;
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 2.6em;
}

.hero-acc2-desktop .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #0ec3f7;
    color: #0ec3f7;
    float: right;
    font-size: 1.25em;
    margin-top: 1.5em;
    padding: 0.9em 4em;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hero-acc2-desktop p {
    font-size: 2.25em;
    /* 36px/16px */
    line-height: 1.2;
    margin-bottom: 0.5em;
}

@media only screen and (min-width: 1920px) {

    .hero-acc2-desktop,
    .hero-acc2-desktop .inner_container {
        height: 33.8vw;
    }
}

.hero-acc2-mobile-text p.anchor,
.hero-acc2-desktop p.anchor {
    line-height: 0.5;
    text-align: right;
    font-size: 1.375em;
}

.hero-acc2-mobile-text p.anchor {
    font-size: 1.125em;
}

.hero-acc2-mobile-text p.anchor a,
.hero-acc2-desktop p.anchor a {
    display: inline-block;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    color: #0ec3f7;
}

.hero-acc2-mobile-text p.anchor a:after,
.hero-acc2-desktop p.anchor a:after {
    content: '\e800';
    font-family: "fontello";
    font-size: 13px;
    margin-left: 10px;
    position: relative;
    top: -4px;
}

.hero-acc2-mobile-text p.anchor a:after {
    font-size: 9px;
}

.hero-acc2-mobile-text p.anchor a:before,
.hero-acc2-desktop p.anchor a:before {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 2px solid #0ec3f7;
    top: 0;
    width: 600px;
    right: 100%;
    margin-right: 15px;
}

.hero-acc2-mobile-text p.hammer,
.hero-acc2-desktop p.hammer {
    line-height: 0.5;
    text-align: left;
    font-size: 2.625em;
    /* 42px/16px */
    line-height: 1em;
    overflow: hidden;
    margin-bottom: 0.3em;
    text-transform: uppercase;
}

.hero-acc2-mobile-text p {
    color: #FFF;
    font-size: 1.25em;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}

.hero-acc2-mobile-text p.hammer {
    font-size: 1.4em;
}

.hero-acc2-mobile-text p.hammer span,
.hero-acc2-desktop p.hammer span {
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-style: italic;
    color: #0ec3f7;
}

.hero-acc2-mobile-text p.hammer span:before,
.hero-acc2-desktop p.hammer span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 2px solid #0ec3f7;
    top: 50%;
    width: 600px;
    left: 100%;
    margin-left: 15px;
    margin-right: 0;
    margin-top: -2px;
}

.home_hero_container_mobile h1 {
    color: #47abd1;
    font-size: 9vw;
    margin-top: 1.5em;
    position: static;
    text-align: left;
    text-shadow: 2px 2px 2px #000;
    width: 100%;
    font-family: "Sero_black", Arial, sans-serif;
}

.lang-zh-hans .home_hero_container_mobile h1 {
    position: absolute;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .hero-acc2-mobile {
        height: auto;
    }

    .hero-acc2-mobile-text p.anchor {
        margin-top: 1.4em;
    }
}

@media only screen and (max-width: 570px) {
    .hero-acc2-mobile {
        background-position: 60% top;
    }
}

.hero-acc2-mobile-text {
    background: #3b3b3b;
}

.hero-acc2-mobile-text .text-container {
    margin: 0 20px;
    padding: 20px 0;
    overflow: hidden;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage ICC2 Banner -------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hero_icc2_desktop {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/hero_homepage_icc2_desktop.jpg") no-repeat scroll right (top / cover);
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.hero_icc2_desktop .bubble img {
    width: auto;
    max-width: 100%;
}

.hero_icc2_desktop .bubble {
    bottom: -55px;
    display: inline-block;
    position: absolute;
    right: 33.5em;
}

.hero_icc2_desktop .text_container {
    display: table;
    float: right;
    height: 100%;
    width: 710px;
    overflow: hidden;
}

.hero_icc2_desktop .text_container_inner {
    color: #fff;
    display: table-cell;
    padding-bottom: 1.2em;
    padding-left: 5em;
    padding-right: 5.2em;
    vertical-align: middle;
}

.hero_icc2_desktop h1 {
    color: #0ec3f7;
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 2.6em;
}

.hero_icc2_desktop .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #0ec3f7;
    color: #0ec3f7;
    float: right;
    font-size: 1.25em;
    margin-top: 1.5em;
    padding: 0.9em 4em;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hero_icc2_desktop .button:hover,
.hero_icc2_mobile .button:hover {
    background-color: #0ec3f7;
    color: #fff;
}

.hero_icc2_desktop .text_container_inner p {
    font-size: 1.5em;
    line-height: 1.5;
}

.lang-es .hero_icc2_desktop .text_container_inner p,
.lang-it .hero_icc2_desktop .text_container_inner p,
.lang-fr .hero_icc2_desktop .text_container_inner p,
.lang-pt .hero_icc2_desktop .text_container_inner p,
.lang-de .hero_icc2_desktop .text_container_inner p,
.lang-tr .hero_icc2_desktop .text_container_inner p,
.lang-ru .hero_icc2_desktop .text_container_inner p,
.lang-ar .hero_icc2_desktop .text_container_inner p {
    font-size: 2.5em;
}

.emphasize {
    border-bottom: 1px solid;
    font-family: "Sero_bold", Arial, sans-serif;
    font-style: italic;
    line-height: 1;
    padding-bottom: 5px;
}

/* Animation styles ------------------ */
.hero_icc2_desktop .chunk {
    display: block;
    line-height: 1;
    position: relative;
    -webkit-animation: first_chunk ease-out 2.5s;
    /* Chrome, Safari, Opera */
    -moz-animation: first_chunk ease-out 2.5s;
    -o-animation: first_chunk ease-out 2.5s;
    -ms-animation: first_chunk ease-out 2.5s;
    animation: first_chunk ease-out 2.5s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
}

.hero_icc2_desktop .chunk_2 {
    position: relative;
    -webkit-animation: second_chunk ease-out 2.5s;
    /* Chrome, Safari, Opera */
    -moz-animation: second_chunk ease-out 2.5s;
    -o-animation: second_chunk ease-out 2.5s;
    -ms-animation: second_chunk ease-out 2.5s;
    animation: second_chunk ease-out 2.5s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes first_chunk {
    0% {
        left: -460px;
    }

    20% {
        left: -460px;
    }

    30% {
        left: 0px;
    }

    50% {
        left: 0px;
    }

    100% {
        left: 0px;
    }
}

@keyframes first_chunk {
    0% {
        left: -460px;
    }

    20% {
        left: -460px;
    }

    30% {
        left: 0px;
    }

    50% {
        left: 0px;
    }

    100% {
        left: 0px;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes second_chunk {
    0% {
        right: -630px;
    }

    35% {
        right: -630px;
    }

    50% {
        right: 0px;
    }

    100% {
        right: 0px;
    }
}

@keyframes second_chunk {
    0% {
        right: -630px;
    }

    35% {
        right: -630px;
    }

    5% {
        right: -630px;
    }

    50% {
        right: 0px;
    }

    100% {
        right: 0px;
    }
}

/* Arabic ----------------- */
.lang-ar .chunk {
    display: block;
    line-height: 1;
    position: relative;
    -webkit-animation: first_chunk_ar ease-out 2.5s;
    /* Chrome, Safari, Opera */
    -moz-animation: first_chunk_ar ease-out 2.5s;
    -o-animation: first_chunk_ar ease-out 2.5s;
    -ms-animation: first_chunk_ar ease-out 2.5s;
    animation: first_chunk_ar ease-out 2.5s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
}

.lang-ar .chunk_2 {
    position: relative;
    /* right: -630px;
    */
    -webkit-animation: second_chunk_ar ease-out 2.5s;
    /* Chrome, Safari, Opera */
    -moz-animation: second_chunk_ar ease-out 2.5s;
    -o-animation: second_chunk_ar ease-out 2.5s;
    -ms-animation: second_chunk_ar ease-out 2.5s;
    animation: second_chunk_ar ease-out 2.5s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes first_chunk_ar {
    0% {
        right: -460px;
    }

    20% {
        right: -460px;
    }

    30% {
        right: 0px;
    }

    50% {
        right: 0px;
    }

    100% {
        right: 0px;
    }
}

@keyframes first_chunk_ar {
    0% {
        right: -460px;
    }

    20% {
        right: -460px;
    }

    30% {
        right: 0px;
    }

    50% {
        right: 0px;
    }

    100% {
        right: 0px;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes second_chunk_ar {
    0% {
        left: -630px;
    }

    35% {
        left: -630px;
    }

    50% {
        left: 0px;
    }

    100% {
        left: 0px;
    }
}

@keyframes second_chunk_ar {
    0% {
        left: -630px;
    }

    35% {
        left: -630px;
    }

    5% {
        left: -630px;
    }

    50% {
        left: 0px;
    }

    100% {
        left: 0px;
    }
}

/* END Arabic -------------- */
.bubble {
    animation: bounce 2.5s;
    -webkit-animation: bounce 2.5s;
    -moz-animation: bounce 2.5s;
    -o-animation: bounce 2.5s;
    -ms-animation: bounce 2.5s;
}

@keyframes bounce {
    0% {
        transform: scaleX(0) scaleY(0);
    }

    75% {
        transform: scaleX(0) scaleY(0);
    }

    85% {
        transform: scaleX(1.2) scaleY(1.2);
    }

    91% {
        transform: scaleX(0.9) scaleY(0.9);
    }

    100% {
        transform: scaleX(1) scaleY(1);
    }
}

@-moz-keyframes animationFrames {
    0% {
        -moz-transform: scaleX(0) scaleY(0);
    }

    75% {
        -moz-transform: scaleX(0) scaleY(0);
    }

    85% {
        -moz-transform: scaleX(1.2) scaleY(1.2);
    }

    91% {
        -moz-transform: scaleX(0.9) scaleY(0.9);
    }

    100% {
        -moz-transform: scaleX(1) scaleY(1);
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: scaleX(0) scaleY(0);
    }

    75% {
        -webkit-transform: scaleX(0) scaleY(0);
    }

    85% {
        -webkit-transform: scaleX(1.2) scaleY(1.2);
    }

    91% {
        -webkit-transform: scaleX(0.9) scaleY(0.9);
    }

    100% {
        -webkit-transform: scaleX(1) scaleY(1);
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform: scaleX(0) scaleY(0);
    }

    75% {
        -o-transform: scaleX(0) scaleY(0);
    }

    85% {
        -o-transform: scaleX(1.2) scaleY(1.2);
    }

    91% {
        -o-transform: scaleX(0.9) scaleY(0.9);
    }

    100% {
        -o-transform: scaleX(1) scaleY(1);
    }
}

@media only screen and (max-width: 1366px) {
    .hero_icc2_desktop {
        background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/hero_homepage_icc2_desktop.jpg") no-repeat scroll right (top / cover);
        height: 512px;
        position: relative;
    }

    .hero_icc2_desktop .text_container {
        display: table;
        float: right;
        font-size: 85%;
        height: 100%;
        width: 576px;
    }

    .hero_icc2_desktop .bubble {
        bottom: -44px;
        display: inline-block;
        position: absolute;
        right: 26.5em;
        width: 230px;
    }
}

@media only screen and (max-width: 768px) {
    .hero_icc2_mobile {
        background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/hero_homepage_icc2_desktop.jpg") no-repeat scroll 15% (top / cover);
        display: block;
        height: 450px;
        position: relative;
        width: 100%;
    }

    .hero_icc2_mobile .text_container {
        color: #fff;
        display: table;
        height: 100%;
        margin: 0 auto;
        max-width: 540px;
        padding: 1em;
        position: relative;
        width: 100%;
        z-index: 9;
    }

    .hero_icc2_mobile:after {
        background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .text_container_inner {
        display: table-cell;
        vertical-align: middle;
    }

    .hero_icc2_mobile h1 {
        color: #0ec3f7;
        font-family: "Sero_light", Arial, sans-serif;
        font-size: 2.5em;
        text-shadow: 1px 1px 5px #000;
        line-height: 1.5;
    }

    .hero_icc2_mobile .button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 2px solid #0ec3f7;
        color: #0ec3f7;
        float: right;
        font-size: 1.25em;
        margin-top: 1.5em;
        padding: 0.8em 3em;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .hero_icc2_mobile .text_container_inner p {
        font-size: 1.5em;
        line-height: 1.5;
        text-shadow: 2px 2px 2px #000;
    }

    .lang-es .hero_icc2_mobile .text_container_inner p,
    .lang-it .hero_icc2_mobile .text_container_inner p,
    .lang-fr .hero_icc2_mobile .text_container_inner p,
    .lang-pt .hero_icc2_mobile .text_container_inner p,
    .lang-de .hero_icc2_mobile .text_container_inner p,
    .lang-tr .hero_icc2_mobile .text_container_inner p,
    .lang-ru .hero_icc2_mobile .text_container_inner p,
    .lang-ar .hero_icc2_mobile .text_container_inner p {
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 580px) {
    .hero_icc2_mobile .text_container {
        font-size: 80%;
        max-width: 452px;
        padding: 2em;
    }

    .hero_icc2_mobile {
        background-position: 24% top;
    }
}

@media only screen and (max-width: 460px) {
    .hero_icc2_mobile .text_container {
        font-size: 70%;
        max-width: 370px;
        padding: 1em;
    }

    .hero_icc2_mobile .text_container_inner p {
        font-size: 1.7em;
    }

    .lang-es .hero_icc2_mobile .text_container_inner p,
    .lang-it .hero_icc2_mobile .text_container_inner p,
    .lang-fr .hero_icc2_mobile .text_container_inner p,
    .lang-pt .hero_icc2_mobile .text_container_inner p,
    .lang-de .hero_icc2_mobile .text_container_inner p,
    .lang-tr .hero_icc2_mobile .text_container_inner p,
    .lang-ru .hero_icc2_mobile .text_container_inner p,
    .lang-ar .hero_icc2_mobile .text_container_inner p {
        font-size: 2.5em;
    }

    .hero_icc2_mobile {
        background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/hero_homepage_icc2_desktop.jpg") no-repeat scroll 38% (top / cover);
        display: block;
        height: 400px;
        position: relative;
        width: 100%;
    }

    .hero_icc2_mobile .button {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 380px) {
    .hero_icc2_mobile .text_container {
        font-size: 66%;
        padding: 1em;
        max-width: 344px;
    }

    .bold_for_tiny {
        font-family: "Sero_bold", Arial, sans-serif;
    }
}

@media only screen and (max-width: 350px) {
    .hero_icc2_mobile .text_container {
        font-size: 60%;
    }

    .hero_icc2_mobile {
        background-position: 38% top;
    }
}

/* CSR homepage --------------------- */
.home_slider_mobile.csr-2015 {
    background: #703F1F url("/sites/default/files/2015-CSR-Homepage-Hero.jpg") no-repeat;
}

.home_slider.csr-2015 h2,
.home_slider_mobile.csr-2015 h2 {
    font-size: 1.3em;
    color: #FFFFFF;
    font-weight: normal;
    font-family: "sero", Arial, Helvetica, sans-serif;
    text-transform: none;
    margin-bottom: 0;
}

.home_slider.csr-2015 h2 {
    margin-top: 0.5em;
}

.home_slider.csr-2015 a.action-button,
.home_slider_mobile.csr-2015 a.action-button {
    margin-top: 0.5em;
    font-weight: bold;
    opacity: 0.8;
    background: #0ec3f7;
}

.home_slider.csr-2015 a.action-button:hover,
.home_slider_mobile.csr-2015 a.action-button:hover {
    opacity: 1;
}

.home_slider.csr-2015 a.action-button:after {
    margin-left: 3.5em;
}

.home_slider_mobile.csr-2015 h2 {
    font-size: 0.85em;
}

.home_slider.csr-2015 p,
.home_slider_mobile.csr-2015 p {
    color: #ffffff;
    font-weight: normal;
    text-transform: none;
    font-size: 0.55em;
    line-height: 1.6em;
}

.home_slider_mobile.csr-2015 .action-button {
    width: 100%;
    position: relative;
    line-height: 2em;
    width: 90%;
    max-width: none;
    margin: 0 5% 0;
    font-size: 19px;
}

.home_slider_mobile.csr-2015 .action-button:after {
    position: absolute;
    right: 10px;
    top: 8px;
}

.home_slider.csr-2015 .container {
    width: 46%;
    position: absolute;
    top: 20px;
    left: 40px;
}

.home_slider_mobile.csr-2015 .container {
    width: 100%;
    position: static;
}

.home_slider.csr-2015 .container .inner {
    left: 0;
}

.home_slider_mobile.csr-2015 .container .inner {
    padding: 15px 25px;
}

.home_slider.csr-2015 .container .title_text {
    margin-top: 0;
}

.home_slider.csr-2015 .csr-infographic {
    position: absolute;
    width: 850px;
    height: auto;
    top: 65%;
    left: 60%;
    margin-left: -425px;
    margin-top: -180px;
}

.home_slider_mobile.csr-2015 .csr-infographic {
    display: none;
}

.home_slider.csr-2015 .caption {
    position: absolute;
    bottom: 10px;
    left: 40px;
    color: #e6e6e6;
}

.home_slider_mobile.csr-2015 .caption {
    display: none;
    color: #e6e6e6;
}

.home_slider.csr-2015 .caption p {
    font-size: 0.7em;
    color: #ffffff;
}

@media only screen and (max-width: 1900px) {
    .home_slider.csr-2015 h2 {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 1760px) {
    .home_slider.csr-2015 h2 {
        font-size: 1.0em;
    }
}

@media only screen and (max-width: 1650px) {
    .home_slider.csr-2015 .csr-infographic {
        width: 700px;
        margin-left: -350px;
    }
}

@media only screen and (max-width: 1520px) {
    .home_slider.csr-2015 h2 {
        font-size: 0.8em;
    }

    .home_slider.csr-2015 .container p {
        font-size: 0.47em;
    }
}

@media only screen and (max-width: 1350px) {
    .home_slider.csr-2015 .csr-infographic {
        left: 65%;
    }

    .home_slider.csr-2015 .csr-infographic {
        margin-top: -13%;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1051px) {
    .home_slider.csr-2015 .csr-infographic {
        left: auto;
        width: 600px;
        right: 50px;
        margin-top: -12% !important;
    }
}

@media only screen and (max-width: 1250px) {
    .home_slider.csr-2015 h2 {
        font-size: 0.7em;
    }

    .home_slider.csr-2015 .container p {
        font-size: 0.4em;
    }

    .home_slider.csr-2015 .csr-infographic {
        margin-top: -14%;
    }
}

@media only screen and (max-width: 1050px) {
    .home_slider.csr-2015 h2 {
        font-size: 0.5em;
    }

    .home_slider.csr-2015 .container p {
        font-size: 0.38em;
    }

    .home_slider.csr-2015 .csr-infographic {
        top: auto;
        left: auto;
        bottom: 30px;
        right: 50px;
        width: 45%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 950px) {
    .home_slider.csr-2015 .caption {
        display: none;
    }
}

@media only screen and (max-width: 768px) and (min-width: 500px) {
    .home_slider_mobile.csr-2015 .caption {
        display: block;
    }

    .home_slider_mobile.csr-2015 .csr-infographic {
        display: block;
        width: 80%;
        margin-left: 10%;
    }

    .home_slider_mobile.csr-2015 .caption {
        padding: 15px 25px;
    }

    .home_slider_mobile.csr-2015 a.action-button {
        padding: 12px 14px 7px 14px;
        line-height: 1em;
        margin-top: 0;
    }

    .home_slider_mobile.csr-2015 a.action-button:after {
        top: 0;
    }
}

@media only screen and (max-width: 500px) {
    .home_slider_mobile.csr-2015 a.action-button {
        margin-bottom: 25px;
    }
}

/* Homepage HC Hero ---------------------------------------------------- */
.home_slider.hc_launch {
    display: block;
    position: relative;
    color: #fff;
}

.home_slider.hc_launch h2 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 2.2vw;
    margin: 0 0 0.7vw;
}

.home_slider.hc_launch .container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home_slider.hc_launch .three_main_points_container {
    position: absolute;
    top: 11%;
    width: 100%;
}

.home_slider.hc_launch .three_main_points_container .main_point {
    float: left;
    height: 6.2em;
    width: 33.3%;
}

.home_slider.hc_launch .main_point .manage,
.home_slider.hc_launch .main_point .service {
    margin-left: 10%;
}

.home_slider.hc_launch .main_point>div {
    font-size: 0.8vw;
    text-align: center;
    width: 45%;
    padding-top: 2px;
}

.lang-ar .home_slider.hc_launch .main_point>div {
    float: left;
}

.home_slider.hc_launch .main_text {
    bottom: 0;
    display: table;
    height: 13vw;
    padding: 0.5em 4em 0;
    position: absolute;
    width: 66%;
}

.home_slider.hc_launch .main_text h2 {
    color: #0ec3f7;
    font-size: 2.1vw;
    margin: 0;
    text-transform: none;
    font-family: "Sero_black", Arial, sans-serif;
}

.home_slider.hc_launch .sub_heading {
    font-family: "Sero", Arial, sans-serif;
    font-size: 2.2vw;
    font-weight: normal;
    margin: 0.3em 0 1vw;
    padding: 0;
    text-transform: none;
}

.home_slider.hc_launch .description_text_and_button_container .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #0ec3f7;
    display: inline;
    font-size: 0.9em;
    margin-bottom: 0;
    margin-left: 1.5em;
    margin-right: 0;
    padding: 0;
}

.home_slider.hc_launch .description_text_and_button_container .button:after {
    font-family: 'fontello';
    content: '\e80c';
    font-size: 0.7em;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.home_slider.hc_launch .description_text_and_button_container>p {
    font-size: 1.2vw;
    line-height: 1.5;
}

.home_slider.hc_launch .main_text_inner {
    display: table-cell;
    vertical-align: middle;
}

.show_for_tablet {
    display: none;
}

.home_slider.hc_launch .not_bold {
    margin-left: 2px;
}

.home_slider.hc_launch a.overlay_link,
.home_slider_mobile.hc_launch a.overlay_link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

@media only screen and (max-width: 1300px) {
    .home_slider.hc_launch .sub_heading {
        font-family: "Sero", Arial, sans-serif;
        font-size: 2.2vw;
        font-weight: normal;
        margin: 0 0 1vw;
        padding: 0;
        text-transform: none;
    }
}

@media only screen and (max-width: 1050px) {
    .home_slider.hc_launch .show_for_tablet {
        display: block;
    }

    .home_slider.hc_launch .show_for_desktop {
        display: none;
    }

    .main_point span {
        display: none;
    }

    .home_slider.hc_launch .three_main_points_container .main_point {
        float: left;
        height: 5vw;
        width: 33.3%;
    }

    .home_slider.hc_launch .main_point>div {
        display: table-cell;
        font-size: 0.8vw;
        padding-right: 15vw;
        padding-top: 1.1vw;
        text-align: center;
        vertical-align: middle;
    }

    .lang-ar .home_slider.hc_launch .main_point>div {
        padding-right: 0;
    }

    .home_slider.hc_launch .main_point .service {
        padding-left: 10%;
    }

    .lang-ar .home_slider.hc_launch .main_point .service {
        padding-right: 10%;
    }

    .home_slider.hc_launch .main_point .manage {
        padding-left: 12%;
    }

    .lang-ar .home_slider.hc_launch .main_point .manage {
        padding-right: 12%;
    }
}

@media only screen and (max-width: 768px) {
    .home_hero_container_mobile .inner_container .show_for_tiny {
        display: none;
    }

    .show_for_tablet {
        display: block;
    }

    .home_slider_mobile.hc_launch .hand {
        display: none;
    }

    .home_slider_mobile.hc_launch .three_main_points_container {
        font-size: 1.6vw;
        position: absolute;
        top: 15%;
        width: 100%;
        line-height: 1.2;
    }

    .home_slider_mobile.hc_launch .three_main_points_container .save {
        padding-top: 1.2vw;
    }

    .home_slider_mobile p {
        line-height: 1.2;
    }

    .home_slider_mobile.hc_launch {
        color: #fff;
    }

    .home_slider_mobile.hc_launch .three_main_points_container .main_point {
        float: left;
        height: 5vw;
        margin-right: 1%;
        padding: 1vw;
        width: 32.3%;
    }

    .home_slider_mobile.hc_launch .main_point .manage,
    .home_slider_mobile.hc_launch .main_point .service {
        margin-left: 1vw;
    }

    .home_slider_mobile.hc_launch .main_text {
        bottom: 0;
        display: table;
        height: 14vw;
        padding: 0 2em;
        position: absolute;
        width: 90%;
    }

    .home_slider_mobile.hc_launch .main_text h2 {
        color: #0ec3f7;
        font-family: "Sero_black", Arial, sans-serif;
        font-size: 2.4vw;
        margin: 0;
        text-transform: none;
    }

    .home_slider_mobile.hc_launch .sub_heading {
        font-family: "Sero", Arial, sans-serif;
        font-size: 2.6vw;
        font-weight: normal;
        margin: 0 0 1vw;
        padding: 0;
        text-transform: none;
    }

    .home_slider_mobile.hc_launch .main_text h2 .not_bold {
        margin-left: 2px;
    }

    .home_slider_mobile.hc_launch .description_text_and_button_container .button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #0ec3f7;
        display: inline;
        font-size: 1.1em;
        margin-bottom: 0;
        margin-left: 1.5em;
        margin-right: 0;
        padding: 0;
        position: relative;
        top: 2px;
    }

    .home_slider_mobile.hc_launch .description_text_and_button_container .button:after {
        font-family: 'fontello';
        content: '\e80c';
        font-size: 0.75em;
        margin-left: 10px;
        position: relative;
        top: -1px;
    }

    .home_slider_mobile.hc_launch .main_point .manage,
    .home_slider_mobile.hc_launch .main_point .save {
        margin-right: 11vw;
    }

    .home_slider_mobile.hc_launch .main_point .service {
        margin-left: 7vw;
        margin-right: 7vw;
    }

    .home_slider_mobile .main_text_inner {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    .home_slider_mobile .description_text_and_button_container {
        font-size: 1.7vw;
    }

    .home_slider_mobile .description_text_and_button_container>p {
        line-height: 1.3;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 500px) {
    .home_hero_container_mobile .inner_container .show_for_tablet {
        display: none;
    }

    .home_hero_container_mobile .inner_container .show_for_tiny {
        display: block;
    }

    .home_hero_container_mobile .container {
        display: none;
    }

    .home_slider_mobile .tiny_text {
        color: #fff;
        font-size: 5vw;
        left: 16vw;
        position: absolute;
        top: 11vw;
        width: 69vw;
    }

    .home_slider_mobile .tiny_text h2 {
        color: #fff;
        font-size: 7vw;
        line-height: 1;
        text-transform: none;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    }

    .lang-ar .home_slider_mobile .tiny_text h2 {
        font-size: 6vw;
    }

    .home_slider_mobile .tiny_text .not_bold {
        margin-left: 4px;
    }

    .home_slider_mobile .introducing {
        font-style: italic;
        margin: 0;
    }

    .home_slider_mobile .tiny_button.button {
        margin-top: 9.4vw;
        padding: 3vw 14vw 3vw 10vw;
        font-size: 4.5vw;
        background: rgba(14, 195, 247, 0.8);
    }

    .home_slider_mobile .tiny_button.button:hover {
        background: rgba(14, 195, 247, 1);
    }

    .lang-ar .home_slider_mobile .tiny_button.button {
        float: left;
    }

    .home_slider_mobile.hc_launch .hand {
        bottom: 0;
        display: block;
        position: absolute;
        right: 0;
        width: 38.5vw;
        z-index: 99;
    }
}

/* International HC banners ----------------------- */
.home_slider.int.hc_launch .three_main_points_container {
    position: absolute;
    top: 11%;
    width: 100%;
}

.home_slider.int.hc_launch .three_main_points_container .main_point {
    float: left;
    height: 5vw;
    width: 33.3%;
}

.home_slider.int.hc_launch .main_point>div {
    display: table-cell;
    font-size: 0.8vw;
    padding-right: 14vw;
    padding-top: 1.1vw;
    text-align: center;
    vertical-align: middle;
}

.home_slider.int.hc_launch h2 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 2.2vw;
    margin: 0 0 0.7vw;
}

.lang-fr .home_slider.int.hc_launch h2 {
    font-size: 2vw;
}

.home_slider.int.hc_launch .main_point .manage {
    padding-left: 12%;
}

.home_slider.int.hc_launch .main_point .service {
    padding-left: 10%;
}

.home_slider.int.hc_launch .main_text h2 {
    color: #0ec3f7;
    font-family: "Sero_black", Arial, sans-serif;
    font-size: 2.1vw;
    margin: 0;
    text-transform: none;
}

.home_slider.int.hc_launch .main_text {
    bottom: 0;
    display: table;
    height: 11vw;
    padding: 0.5em 4em 0;
    position: absolute;
    width: 94%;
}

.home_slider.int.hc_launch .description_text_and_button_container .button {
    margin-left: 0;
}

.home_slider.int.hc_launch .main_point .save {
    padding-left: 0.7vw;
}

/* Spanish style tweaks */
.page-node-47681 .home_slider.hc_launch .service {
    margin-left: 5%;
    width: 52%;
}

.page-node-47681 .home_slider_mobile.hc_launch .main_point .service {
    margin-left: 6vw;
    margin-right: 5vw;
}

/* Italian style tweaks */
.page-node-195 .home_slider.hc_launch .sub_heading {
    font-size: 2vw;
    line-height: 1;
}

/* Turkish style tweaks */
.page-node-64396 .hydrawise_contractor_page_banner h2 {
    font-size: 2vw;
}

/* Arabic style tweaks */
.page-node-62481 .hydrawise_contractor_page_banner .main_point .manage,
.page-node-62481 .hydrawise_contractor_page_banner .main_point .service,
.page-node-62481 .hydrawise_contractor_page_banner .main_point .save {
    margin-right: 12%;
    margin-left: 0;
}

@media only screen and (max-width: 1050px) {
    .page-node-62481 .hydrawise_contractor_page_banner .main_point .service {
        padding-right: 10%;
        padding-left: 0;
    }

    .page-node-62481 .hydrawise_contractor_page_banner .main_point>div {
        display: table-cell;
        font-size: 0.8vw;
        padding-left: 15vw;
        padding-right: 4vw;
        padding-top: 1.1vw;
        text-align: center;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 768px) {
    .home_slider_mobile.int.hc_launch .three_main_points_container {
        position: absolute;
        top: 18%;
        width: 100%;
    }

    .home_slider_mobile.int.hc_launch .main_text {
        width: 98%;
    }

    .home_slider_mobile.int.hc_launch .description_text_and_button_container .button {
        margin-left: 0;
    }

    .home_slider_mobile.int.hc_launch .three_main_points_container {
        font-size: 2.4vw;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .home_slider_mobile.int.hc_launch .three_main_points_container .save {
        padding-top: 0;
    }

    .home_slider_mobile.int .tiny_button.button {
        padding: 3vw 16vw 3vw 0vw;
        width: 65vw;
    }

    .home_slider_mobile.int.hc_launch .three_main_points_container .main_point {
        float: left;
        font-family: "Sero_black";
        font-size: 2vw;
        height: 5vw;
        margin-right: 1%;
        padding: 1.4vw 1vw;
        width: 32.3%;
    }

    .home_slider_mobile.int.hc_launch .three_main_points_container div {
        text-align: center;
    }
}

/* New Homepage Drip Hero --------------------------------------------- */
.home_slider.drip_launch .container {
    position: absolute;
    right: 21.5%;
    top: 6em;
    width: 42em;
}

.home_slider.drip_launch .title_text {
    color: #fff;
    font-size: 1.8em;
    line-height: 1.5em;
    margin-bottom: 0;
    text-transform: none;
}

.home_slider.drip_launch .intro_text {
    font-size: 1.63em;
    font-style: italic;
    line-height: 1.5;
    margin: 0;
}

.home_slider.drip_launch .title_text h2 {
    color: #fff;
    font-size: 1.7em;
    line-height: 1;
    margin: 0;
}

.home_slider.drip_launch .button {
    background: rgba(71, 171, 209, 0.8);
    float: right;
    font-size: 0.7em;
    padding-left: 5em;
    padding-right: 5em;
}

.home_slider.drip_launch .button:hover {
    background: rgba(71, 171, 209, 1);
}

.home_slider.drip_launch .supplemental_text {
    margin-bottom: 0.7em;
    padding-bottom: 0;
}

.home_slider.drip_launch .lower_left_caption {
    background: rgba(154, 111, 92, 0.6);
    bottom: 0;
    left: 0;
    position: absolute;
}

.home_slider.drip_launch .lower_left_caption p {
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 0.6em 0.5em 0.4em;
    text-transform: uppercase;
}

.home_slider.drip_launch .lower_left_caption p strong {
    text-transform: none;
}

@media only screen and (max-width: 1800px) {
    .home_slider.drip_launch {
        font-size: 90%;
    }

    .home_slider.drip_launch .container {
        position: absolute;
        right: 23em;
        top: 6em;
        width: 42em;
    }
}

@media only screen and (max-width: 1590px) {
    .home_slider.drip_launch {
        font-size: 80%;
    }

    .home_slider.drip_launch .container {
        position: absolute;
        right: 22em;
        top: 6em;
        width: 42em;
    }
}

@media only screen and (max-width: 1410px) {
    .home_slider.drip_launch {
        font-size: 70%;
    }

    .home_slider.drip_launch .container {
        position: absolute;
        right: 21em;
        top: 6em;
        width: 42em;
    }
}

@media only screen and (max-width: 1220px) {
    .home_slider.drip_launch {
        font-size: 60%;
    }

    .home_slider.drip_launch .container {
        position: absolute;
        right: 18em;
        top: 6em;
        width: auto;
    }

    .home_slider.drip_launch .button {
        font-size: 0.9em;
        padding-left: 4em;
        padding-right: 4em;
    }
}

@media only screen and (max-width: 1030px) {
    .home_slider.drip_launch {
        font-size: 50%;
    }

    .home_slider.drip_launch .container {
        position: absolute;
        right: 20em;
        top: 6em;
        width: auto;
    }
}

@media only screen and (max-width: 865px) {
    .home_slider.drip_launch {
        font-size: 44%;
    }

    .home_slider.drip_launch .container {
        position: absolute;
        right: 15em;
        top: 6em;
        width: auto;
    }
}

/* Mobile version */
.home_slider_mobile.drip_launch .container {
    left: 7.5%;
    position: absolute;
    top: 1em;
}

.home_slider_mobile.drip_launch .container_2 {
    position: absolute;
    right: 30px;
    top: 8em;
    width: 21.5em;
    text-align: right;
}

.home_slider_mobile.drip_launch .title_text {
    color: #fff;
    font-size: 2em;
    line-height: 1.5em;
    margin-bottom: 0;
    text-transform: none;
}

.home_slider_mobile.drip_launch .intro_text {
    font-size: 0.84em;
    font-style: italic;
    line-height: 1.8;
    margin: 0;
}

.home_slider_mobile.drip_launch .title_text h2 {
    color: #fff;
    font-size: 0.88em;
    line-height: 1;
    margin: 0;
}

.home_slider_mobile.drip_launch .button {
    background: rgba(71, 171, 209, 0.8);
    float: right;
    font-size: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
    margin-top: 1.2em;
}

.home_slider_mobile.drip_launch .button:hover {
    background: rgba(71, 171, 209, 1);
}

.home_slider_mobile.drip_launch .supplemental_text {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home_slider_mobile.drip_launch .lower_left_caption {
    background: rgba(154, 111, 92, 0.6);
    bottom: 0;
    left: 0;
    position: absolute;
}

.home_slider_mobile.drip_launch .lower_left_caption p {
    color: #fff;
    font-size: 0.9em;
    margin: 0;
    padding: 0.6em 0.5em 0.4em;
    text-transform: uppercase;
}

.home_slider_mobile.drip_launch .lower_left_caption p strong {
    text-transform: none;
}

@media only screen and (max-width: 700px) {
    .home_slider_mobile.drip_launch {
        font-size: 90%;
    }
}

@media only screen and (max-width: 635px) {
    .home_slider_mobile.drip_launch {
        font-size: 80%;
    }
}

@media only screen and (max-width: 570px) {
    .home_slider_mobile.drip_launch {
        font-size: 70%;
    }
}

@media only screen and (max-width: 500px) {
    .home_slider_mobile.drip_launch .intro_text {
        font-size: 0.84em;
        font-style: italic;
        line-height: 1.5;
        margin: 0;
    }

    .home_hero_container_mobile .inner_container img {
        display: none;
    }

    .home_hero_container_mobile .home_slider_mobile.drip_launch {
        display: block;
        height: 360px;
        background: #703F1F url("/sites/default/files/homepage_hero_mobile_drip.jpg") no-repeat scroll 0 (0 / cover);
    }

    .home_slider_mobile.drip_launch .container {
        height: 240px;
        margin: 0 auto;
        padding: 1em 0;
        position: static;
        width: 90%;
    }

    .home_slider_mobile.drip_launch .title_text {
        color: #fff;
        font-size: 3.2em;
        line-height: 1.5em;
        margin-bottom: 0;
        text-transform: none;
    }

    .home_slider_mobile.drip_launch .inner_container {
        height: 360px;
    }

    .home_slider_mobile.drip_launch .lower_left_caption p {
        color: #fff;
        font-size: 1.2em;
        margin: 0;
        padding: 0.4em 0.3em 0.2em;
        text-transform: uppercase;
    }

    .home_slider_mobile.drip_launch .lower_left_caption {
        bottom: 0;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
    }

    .home_slider_mobile.drip_launch .container_2 {
        bottom: 1em;
        left: 0;
        position: static;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .home_slider_mobile.drip_launch .container_2 p.supplemental_text {
        display: none;
    }

    .home_slider_mobile.drip_launch .button {
        background: rgba(71, 171, 209, 0.8) none repeat scroll 0 0;
        float: none;
        font-size: 1.5em;
        margin-top: 1.2em;
        padding-left: 0;
        padding-right: 0;
        width: 80%;
    }
}

@media only screen and (max-width: 480px) {
    .home_slider_mobile.drip_launch .title_text {
        color: #fff;
        font-size: 3em;
        line-height: 1.5em;
        margin-bottom: 0;
        text-transform: none;
    }
}

@media only screen and (max-width: 450px) {
    .home_slider_mobile.drip_launch .title_text {
        color: #fff;
        font-size: 2.6em;
        line-height: 1.5em;
        margin-bottom: 0;
        text-transform: none;
    }
}

@media only screen and (max-width: 390px) {
    .home_slider_mobile.drip_launch .title_text {
        color: #fff;
        font-size: 2.4em;
        line-height: 1.8em;
        margin-bottom: 0;
        text-transform: none;
    }

    .home_slider_mobile.drip_launch .intro_text {
        line-height: 2;
    }
}

@media only screen and (max-width: 360px) {
    .home_slider_mobile.drip_launch .title_text {
        color: #fff;
        font-size: 2.2em;
        line-height: 1.8em;
        margin-bottom: 0;
        text-transform: none;
    }

    .home_slider_mobile.drip_launch .intro_text {
        line-height: 2;
    }
}

@media only screen and (max-width: 330px) {
    .home_slider_mobile.drip_launch .title_text {
        color: #fff;
        font-size: 2em;
        line-height: 1.8em;
        margin-bottom: 0;
        text-transform: none;
    }
}

/* PRB Slide styles ------------------------------------------------ */
.home_slider.prb_slide .slider_text_container {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 10%;
    color: #fff;
    display: block;
    left: 0;
    position: absolute;
    width: 39%;
    z-index: 2;
}

.home_slider.prb_slide .slider_text_container .inner {
    left: 0;
    position: relative;
    padding: 30px 30px 30px 70px;
}

.home_slider.prb_slide .title_text .regular_weight {
    display: inline;
    font-family: "Sero", Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 36px;
}

.home_slider.prb_slide .title_text .regular_weight.blue {
    font-size: 35px;
}

.home_slider.prb_slide .slider_text_container .title_text {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 16px;
    margin-top: 0;
    text-transform: uppercase;
}

.home_slider.prb_slide .title_text .bold_weight {
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 32px;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 1670px) {
    .home_slider.prb_slide .title_text .bold_weight {
        font-size: 29px;
    }

    .home_slider.prb_slide .title_text .regular_weight {
        font-size: 26px;
        line-height: 34px;
    }

    .home_slider.prb_slide .title_text .regular_weight.blue {
        font-size: 29px;
    }
}

@media only screen and (max-width: 1500px) {
    .home_slider.prb_slide .title_text .bold_weight {
        font-size: 26px;
        line-height: 28px;
    }

    .home_slider.prb_slide .title_text .regular_weight.blue {
        font-size: 26px;
        line-height: 28px;
    }

    .home_slider.prb_slide .slider_text_container .inner {
        left: 0;
        padding: 30px 20px 30px 50px;
        position: relative;
    }

    .paragraph_text .learn_more {
        position: relative;
        top: 1px;
    }
}

@media only screen and (max-width: 1200px) {
    .home_slider.prb_slide .slider_text_container .inner {
        left: 0;
        padding: 20px 20px 25px 40px;
        position: relative;
    }
}

@media only screen and (max-width: 1000px) {
    .home_slider.prb_slide .paragraph_text p {
        display: none;
    }

    .home_slider.prb_slide .paragraph_text .learn_more.for_small {
        display: block;
        float: right;
    }

    .home_slider.prb_slide .slider_text_container .title_text {
        margin-bottom: 0;
    }

    .home_slider.prb_slide .slider_text_container .inner {
        left: 0;
        padding: 20px 20px 20px 40px;
        position: relative;
    }

    .home_slider.prb_slide .paragraph_text .learn_more.for_small {
        display: block;
        float: right;
        margin-bottom: 20px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 900px) {
    .home_slider.prb_slide .title_text .bold_weight {
        font-size: 22px;
        line-height: 21px;
    }

    .home_slider.prb_slide .title_text .regular_weight {
        font-size: 18px;
        line-height: 38px;
    }
}

@media only screen and (max-width: 768px) {
    .home_slider_mobile.prb_slide .slider_text_container {
        left: 0;
    }

    .home_slider_mobile.prb_slide .slider_text_container .inner {
        left: 0;
        padding: 20px;
        position: relative;
        width: 110%;
    }

    .home_slider_mobile.prb_slide .slider_text_container .title_text {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 0;
        margin-top: 0;
        text-transform: uppercase;
    }

    .home_slider_mobile.prb_slide .paragraph_text .learn_more.for_small {
        color: #fff;
        display: inline-block;
        font-size: 15px;
        margin: 0;
        text-align: right;
        width: 90%;
    }

    .home_slider_mobile.prb_slide .slider_text_container .title_text .regular_weight {
        font-size: 14px;
        line-height: 26px;
        text-transform: uppercase;
    }

    .home_slider_mobile.prb_slide .slider_text_container {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        bottom: 10%;
        color: #fff;
        display: block;
        position: absolute;
        right: 0;
        width: 46%;
        z-index: 2;
    }

    .home_slider_mobile.prb_slide .slider_text_container .title_text .regular_weight.blue {
        display: inline;
        font-size: 22px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .home_slider_mobile.prb_slide .paragraph_text p {
        color: #0ec3f7;
        display: inline-block;
        font-size: 18px;
        margin-bottom: 12px;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 630px) {
    .home_slider_mobile.prb_slide .slider_text_container .title_text {
        font-size: 18px;
        line-height: 20px;
        text-transform: uppercase;
    }

    .home_slider_mobile.prb_slide .paragraph_text p {
        color: #0ec3f7;
        display: inline-block;
        font-size: 16px;
        margin-bottom: 12px;
        margin-top: 3px;
    }
}

@media only screen and (max-width: 550px) {
    .home_slider_mobile.prb_slide .paragraph_text p {
        color: #0ec3f7;
        display: none;
        font-size: 16px;
        margin-bottom: 12px;
        margin-top: 3px;
    }

    .home_slider_mobile.prb_slide .slider_text_container .title_text .regular_weight.blue {
        display: inline;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
    }

    .home_slider_mobile .paragraph_text .learn_more.for_small {
        color: #fff;
        display: block;
        font-size: 15px;
        margin-top: 10px;
        text-align: right;
    }

    .home_slider_mobile.prb_slide .slider_text_container .inner {
        left: 0;
        padding: 0;
        position: relative;
        width: 110%;
    }

    .home_slider_mobile.prb_slide .slider_text_container {
        padding: 20px;
    }

    .home_slider_mobile.prb_slide .slider_text_container .inner {
        width: auto;
    }

    .home_slider_mobile.prb_slide .paragraph_text .learn_more.for_small {
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .home_slider_mobile.prb_slide .slider_text_container {
        padding: 12px;
    }
}

/* END of PRB slide styles ----------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage SIM 2017 Banner ------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hero-sim-2017-desktop {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/all/themes/hunter_responsive/images/hero_homepage_sim_desktop.jpg");
    background-position: 64% top;
    background-repeat: repeat-x;
    background-size: auto;
    height: 650px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}

.hero-sim-2017-desktop .banner_link {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.hero-sim-2017-desktop .inner_container {
    display: table;
    float: none;
    height: 650px;
    margin: 0 auto;
    max-width: 1830px;
    padding-left: 2em;
    padding-right: 2em;
    position: relative;
    width: 100%;
}

.hero-sim-2017-desktop .main_text_container {
    height: 200px;
    margin-top: 60px;
    max-width: 39vw;
    color: #00658a;
    overflow: hidden;
    position: absolute;
}

.hero-sim-2017-desktop .main_text_container p {
    font-style: italic;
    font-size: 1.33vw;
    line-height: 1.2;
    margin-bottom: 0;
}

.hero-sim-2017-desktop .main_text_container p.anchor {
    font-style: normal;
    position: relative;
}

.hero-sim-2017-desktop .captions_container {
    height: 600px;
    max-width: 1140px;
    position: absolute;
    right: -324px;
    top: -22px;
    width: 100%;
}

.hero-sim-2017-desktop .mp_rotator_pic {
    bottom: 0;
    position: absolute;
    right: 0;
}

.caption.rotor {
    left: 616px;
    position: absolute;
    top: 192px;
}

.caption.arc_ring {
    left: 488px;
    position: absolute;
    top: 298px;
}

.caption.spring {
    left: 300px;
    position: absolute;
    top: 398px;
}

.caption.nozzle {
    left: 70px;
    position: absolute;
    top: 506px;
}

.hero-sim-2017-desktop .hammer:after {
    border-top: 2px solid #0EC3F7;
    content: "";
    left: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    width: 600px;
}

.hero-sim-2017-desktop p.anchor {
    display: table;
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 0.5;
    margin-top: 26px;
    text-align: right;
    text-transform: uppercase;
}

.hero-sim-2017-desktop p.anchor a:before {
    border-bottom: 2px solid #0ec3f7;
    content: "";
    height: 5px;
    margin-right: 15px;
    position: absolute;
    right: 100%;
    top: 0;
    width: 600px;
}

.hero-sim-2017-desktop p.anchor a:after {
    content: '\e800';
    font-family: "fontello";
    font-size: 13px;
    margin-left: 10px;
    position: relative;
    top: -4px;
}

.hero-sim-2017-desktop .hammer {
    color: #00658a;
    display: table;
    font-style: italic;
    line-height: 1em;
    margin-bottom: 14px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    padding-right: 18px;
}

.hero-sim-2017-desktop h1 {
    font-style: italic;
    font-size: 2.68vw;
    margin-bottom: 0;
    color: #00658a;
    line-height: 1;
    font-weight: bold;
}

.exploded_view {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
    padding-top: 38px;
}

.exploded_view_container {
    max-width: 1080px;
    width: 100%;
}

.caption_name::after {
    content: "-";
    padding-left: 5px;
}

@media screen and (max-width: 1749px) {
    .exploded_view_and_captions_container {
        background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/exploded_view.png") no-repeat scroll center (76% / contain);
        height: 600px;
        width: 100%;
        margin: 26px auto 0;
        max-width: 1100px;
        position: relative;
        transform: none;
    }
}

@media screen and (min-width: 1750px) {
    .hero-sim-2017-desktop h1 {
        font-size: 48px;
    }

    .hero-sim-2017-desktop .main_text_container p {
        font-size: 24px;
    }

    .hero-sim-2017-desktop .main_text_container {
        max-width: 700px;
    }

    .hero-sim-2017-desktop {
        background-position: center top;
    }

    .exploded_view_and_captions_container {
        background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/exploded_view.png") no-repeat scroll center (76% / contain);
        height: 600px;
        margin: 24px auto 0;
        max-width: 1100px;
        position: relative;
        transform: none;
        width: 1106px;
    }
}

.hammer sup {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 10px;
    top: -15px;
}

.captions_container .caption {
    border-left: 4px solid #4bbfee;
    font-size: 0.875em;
    max-width: 270px;
    padding-left: 8px;
}

.caption_name {
    float: left;
    font-family: "Sero_bold", Arial, sans-serif;
    margin: 0 6px 0 0;
}

.caption p {
    line-height: 1.4;
    margin-bottom: 0;
}

@media screen and (max-width: 1590px) {
    .hero-sim-2017-desktop .main_text_container {
        margin-top: 4%;
    }

    .exploded_view_and_captions_container {
        height: 600px;
        margin: 26px 26% 0 auto;
        width: 100%;
    }

    .exploded_view_and_captions_container {
        max-width: 840px;
        position: relative;
        top: 2%;
        transform: none;
    }

    .hero-sim-2017-desktop .captions_container {
        height: 600px;
        max-width: 1140px;
        position: absolute;
        right: -195px;
        top: -36px;
        width: 100%;
    }

    .caption.spring {
        left: 288px;
        position: absolute;
        top: 408px;
    }

    .caption.arc_ring {
        left: 462px;
        position: absolute;
        top: 314px;
    }

    .caption.rotor {
        left: 578px;
        position: absolute;
        top: 218px;
    }
}

@media screen and (max-width: 1460px) {
    .exploded_view_and_captions_container {
        max-width: 800px;
        position: relative;
        top: 2%;
        transform: none;
    }

    .hero-sim-2017-desktop .captions_container {
        height: 600px;
        max-width: 1140px;
        position: absolute;
        right: -182px;
        top: -36px;
        width: 100%;
    }

    .caption.spring {
        left: 274px;
        position: absolute;
        top: 410px;
    }

    .caption.arc_ring {
        left: 446px;
        position: absolute;
        top: 316px;
    }

    .caption.rotor {
        left: 555px;
        position: absolute;
        top: 228px;
    }
}

@media screen and (max-width: 1240px) {
    .hero-sim-2017-desktop .main_text_container {
        margin-top: 5%;
    }

    .exploded_view_and_captions_container {
        max-width: 740px;
        position: relative;
        top: 2%;
        transform: none;
    }

    .exploded_view_and_captions_container {
        height: 600px;
        margin: 26px 22% 0 auto;
        width: 100%;
    }

    .captions_container p:not(.caption_name) {
        display: none;
    }

    .caption_name::after {
        content: "";
        padding-left: 0;
    }

    .caption_name {
        font-size: 1.4em;
    }

    .captions_container .caption {
        border: none;
    }

    .captions_container .caption::before {
        border-bottom: 1px solid #0ec3f7;
        color: red;
        content: "";
        left: -16px;
        position: absolute;
        top: 11px;
        width: 18px;
    }

    .caption.nozzle {
        left: 90px;
        position: absolute;
        top: 480px;
    }

    .caption.spring {
        left: 276px;
        position: absolute;
        top: 392px;
    }

    .caption.arc_ring {
        left: 414px;
        position: absolute;
        top: 312px;
    }

    .caption.rotor {
        left: 518px;
        position: absolute;
        top: 228px;
    }
}

@media screen and (max-width: 1080px) {
    .exploded_view_and_captions_container {
        background-position: center 92%;
        height: 650px;
        margin-top: 0;
        max-width: 608px;
        top: 0;
        margin-right: 30%;
    }

    .captions_container {
        display: none;
    }
}

@media screen and (max-width: 830px) {
    .exploded_view_and_captions_container {
        max-width: 520px;
    }
}

@media screen and (max-width: 1200px) {
    .hero-sim-2017-desktop h1 {
        font-size: 32px;
    }

    .hero-sim-2017-desktop .main_text_container p {
        font-size: 16px;
    }

    .hero-sim-2017-desktop p.anchor {
        font-size: 24px;
    }

    .hero-sim-2017-desktop .main_text_container {
        max-width: 100%;
        width: 460px;
    }
}

@media screen and (max-width: 920px) {
    .exploded_view_container {
        bottom: 50px;
        max-width: 906px;
        position: absolute;
        top: auto;
        transform: translateY(0px);
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .hero-sim-2017-mobile .banner_link {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 99;
    }

    .hero-sim-2017-mobile-text {
        background-color: #3b3b3b;
        color: #fff;
    }

    .hero-sim-2017-mobile-text .text-container {
        margin: 0 5%;
        overflow: hidden;
        padding: 32px 0 22px;
    }

    .hero-sim-2017-mobile .text_container_inner {
        display: table-cell;
        vertical-align: middle;
    }

    .hero-sim-2017-mobile h1 {
        color: #fff;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 6.35vw;
        font-style: italic;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 1.4vw;
        margin-top: 0;
        position: relative;
        text-align: left;
        text-shadow: none;
    }

    .hero-sim-2017-mobile .hammer {
        color: #0EC3F7;
        display: table;
        font-style: italic;
        line-height: 1em;
        margin-bottom: 14px;
        padding-right: 18px;
        position: relative;
        text-align: left;
        text-transform: capitalize;
    }

    .hero-sim-2017-mobile .hammer:after {
        border-top: 2px solid #0ec3f7;
        content: "";
        left: 100%;
        position: absolute;
        right: 0;
        top: 50%;
        width: 600px;
    }

    .hero-sim-2017-mobile .text_container p {
        font-style: italic;
        line-height: 1.2;
        margin-bottom: 0;
    }

    .hero-sim-2017-mobile p.anchor {
        display: table;
        float: right;
        font-weight: bold;
        line-height: 0.5;
        margin-top: 18px;
        text-align: right;
        text-transform: uppercase;
        font-style: normal;
        position: relative;
    }

    .hero-sim-2017-mobile p.anchor a:before {
        border-bottom: 2px solid #0ec3f7;
        content: "";
        height: 5px;
        margin-right: 15px;
        position: absolute;
        right: 100%;
        top: 33%;
        width: 600px;
    }

    .hero-sim-2017-mobile p.anchor a:after {
        content: '\e800';
        font-family: "fontello";
        font-size: 3.2vw;
        margin-left: 10px;
        position: relative;
        top: -3px;
    }

    .hero-sim-2017-mobile .text_container_inner p {
        font-size: 4.6vw;
        line-height: 1.5;
        margin-bottom: 0;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage CSR Banner ----------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hero-csr-desktop {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/sites/all/themes/hunter_responsive/images/hero_homepage_CSR_desktop.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    margin-bottom: 16px;
}

.banner_link {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.hero-csr-desktop .inner_container {
    height: 650px;
    margin: 0 auto;
    max-width: 1580px;
    position: relative;
}

.hero-csr-desktop .inner_container .text_container {
    padding-top: 5.2em;
}

.hero-csr-desktop .text_container_inner {
    margin: 0 auto;
    max-width: 1100px;
    width: auto;
    text-align: center;
}

.hero-csr-desktop .text_container_inner h2 {
    color: #fff;
    margin: 0;
    line-height: 1.2;
    margin-bottom: 1.2em;
}

.hero-csr-desktop .text_container_inner h2 .not_bold {
    display: block;
    font-size: 36px;
    font-style: italic;
}

.hero-csr-desktop .text_container_inner ul {
    margin: 0 auto;
    max-width: 680px;
}

.hero-csr-desktop .large-block-grid-3>li {
    padding: 0 2.1em;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
}

.hero-csr-desktop .large-block-grid-3>li span {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

.hero-csr-desktop .learn_more {
    color: #4cbfee;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 44px auto 0;
    text-transform: uppercase;
    width: 200px;
}

.hero-csr-desktop .learn_more:hover {
    color: #3DB0DF;
}

.hero-csr-desktop .learn_more span:after {
    content: '\e829';
    float: right;
    font-family: "fontello";
    font-size: 8px;
    bottom: 14px;
    margin-left: 10px;
    position: relative;
    right: -12px;
    -moz-transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.hero-csr-desktop .learn_more span:after {
    bottom: 14px;
    content: "";
    float: right;
    font-family: "fontello";
    font-size: 8px;
    margin-left: 10px;
    position: relative;
    right: -12px;
    transform: translateY(-50%) rotate(-90deg);
}

.hero-csr-desktop .learn_more img {
    height: 110px;
    width: 120px;
}

.hero-csr-desktop .learn_more span {
    display: block;
    margin: 15px;
}

@media screen and (min-width: 1920px) {

    .hero-csr-desktop,
    .hero-csr-desktop .inner_container {
        height: 34vw;
    }

    .hero-csr-desktop .learn_more {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 1vw;
    }

    .hero-csr-desktop .inner_container .text_container {
        padding-top: 4.5vw;
    }
}

@media screen and (min-width: 2250px) {
    .hero-csr-desktop .learn_more {
        bottom: 2vw;
    }

    .hero-csr-desktop .inner_container .text_container {
        padding-top: 5.5vw;
    }
}

@media screen and (max-width: 1080px) {
    .make_block {
        display: block;
    }

    .hero-csr-desktop .text_container_inner h2 {
        font-size: 50px;
        margin: 0 0 4%;
    }

    .hero-csr-desktop .inner_container .text_container {
        padding-top: 3em;
    }
}

@media screen and (max-width: 768px) {
    .hero-csr-mobile {
        background-color: rgba(0, 0, 0, 0);
        background-image: url("/sites/all/themes/hunter_responsive/images/hero_homepage_CSR_mobile.jpg");
        background-repeat: no-repeat;
        background-position: center 100%;
        background-attachment: scroll;
        background-size: cover;
        height: 116vw;
        position: relative;
    }

    .hero-csr-mobile .learn_more {
        color: #4cbfee;
        display: block;
        font-size: 4.5vw;
        font-weight: bold;
        margin: 12vw auto 0;
        text-transform: uppercase;
        width: 100%;
    }

    .hero-csr-mobile .learn_more:hover {
        color: #3DB0DF;
    }

    .hero-csr-mobile .learn_more span:after {
        content: '\e829';
        float: none;
        font-family: "fontello";
        font-size: 1.6vw;
        bottom: 0.2vw;
        display: inline-block;
        margin-left: 2vw;
        position: relative;
        right: 0px;
        -moz-transform: translateY(-50%) rotate(-90deg);
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }

    .hero-csr-mobile .text_container_inner h2 {
        color: #fff;
        font-size: 6.4vw;
        line-height: 1.2;
        margin: 0 0 10vw;
        padding-top: 10vw;
    }

    .hero-csr-mobile .text_container_inner h2 .not_bold {
        display: block;
        font-size: 0.8em;
        font-style: italic;
    }

    .hero-csr-mobile .text_container_inner ul {
        display: inline-block;
        margin: 0 auto;
        width: 100%;
    }

    .hero-csr-mobile .large-block-grid-3>li {
        color: #fff;
        font-size: 4vw;
        padding: 0 5%;
        text-transform: uppercase;
        width: 33.3%;
    }

    .hero-csr-mobile .large-block-grid-3>li span {
        display: block;
        margin-top: 10px;
        font-weight: bold;
    }

    .hero-csr-mobile .inner_container .text_container {
        padding-top: 2.2em;
    }

    .hero-csr-mobile .text_container_inner {
        margin: 0 auto;
        display: block;
        width: auto;
        text-align: center;
    }

    .hero-csr-mobile .learn_more img {
        height: auto;
        width: 18vw;
    }

    .hero-csr-mobile .learn_more span {
        display: block;
        margin: 4vw 0;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .hero-csr-mobile .learn_more {
        margin: 10.5vw auto 0;
    }
}


/* Responsive Styles only for homepage image slider --------------------- */
@media only screen and (max-width: 1500px) {
    .slider_text_container .droplet {
        float: left;
        left: -81px;
        position: relative;
        width: 160px;
    }

    .slider_text_container .inner {
        left: -60px;
        position: relative;
    }

    .paragraph_text p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 0;
    }

    .paragraph_text {
        max-width: none;
    }

    .slider_text_container .title_text {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 9px;
        margin-top: 28px;
        text-transform: uppercase;
    }

    .paragraph_text .learn_more {
        color: #0ec3f7;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 14px;
        margin-left: 7px;
        text-transform: uppercase;
    }

    .paragraph_text .learn_more::after {
        content: '\e80c';
        font-family: "fontello";
        font-size: 9px;
        margin-left: 10px;
        position: relative;
        top: -2px;
    }
}

@media only screen and (max-width: 1100px) {
    .slider_text_container .droplet {
        float: left;
        left: -61px;
        position: relative;
        width: 120px;
    }

    .slider_text_container .inner {
        left: -45px;
        position: relative;
    }

    .slider_text_container .title_text {
        font-size: 26px;
        line-height: 29px;
        margin-bottom: 8px;
        margin-top: 20px;
        text-transform: uppercase;
    }

    .paragraph_text p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0;
    }

    .slider_text_container .title_text {
        font-size: 23px;
        line-height: 25px;
        margin-bottom: 8px;
        margin-top: 20px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 900px) {
    .slider_text_container .title_text {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 20px;
        text-transform: uppercase;
    }

    .paragraph_text .learn_more.for_small {
        display: block;
    }

    .paragraph_text p {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .slider_text_container .droplet {
        float: left;
        left: -64px;
        position: relative;
        width: 126px;
    }
}

/* End of responsive styles for homepage image slider ----------------- */
/* MP Kill Page 2018 ---------------------------------- */
#mp_marketing_page_container .social_container {
    width: 246px;
    display: inline-flex;
    justify-content: space-around;
    align-items: flex-start;
    position: absolute;
    right: 0;
    bottom: 16px;
}

#mp_marketing_page_container .social_button_container {
    width: 33%;
}

@media screen and (max-width: 480px) {
    #mp_marketing_page_container .social_container {
        width: 210px;
        display: inline-flex;
        justify-content: space-around;
        align-items: flex-start;
        position: absolute;
        right: 0;
        bottom: 8px;
    }
}

#mp_marketing_page_container .hero {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/mp_kill/bg_hero_mp_kill_page.jpg") no-repeat scroll 50% 64% / 136%;
    height: 550px;
    width: 100%;
    position: relative;
}

#mp_marketing_page_container .heading_container {
    background-color: #00658a;
    padding: 20px;
    text-align: center;
}

#mp_marketing_page_container .section_inner {
    max-width: 1160px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

#mp_marketing_page_container .heading_container h1 {
    color: #fff;
    font-size: 3em;
    line-height: 1.2;
    margin: 0;
    text-transform: none;
}

#mp_marketing_page_container h1 sup {
    font-family: "Sero", Arial, sans-serif;
    font-size: 0.35em;
    left: -.4em;
    top: -1em;
}

#mp_marketing_page_nav {
    background-color: #fff;
    display: inline-block;
    padding: 22px 20px 16px 20px;
    width: 100% !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#mp_marketing_page_nav.scroll-to-fixed-fixed {
    padding: 13px 17px;
    box-shadow: 2px 2px 6px #e6e6e6;
    z-index: 5 !important;
}

#mp_marketing_page_nav>ul {
    margin: 0 auto;
    max-width: 1200px;
}

#mp_marketing_page_nav li {
    float: left;
    list-style: outside none none;
    text-align: center;
    width: 25%;
}

#mp_marketing_page_nav li:not(:last-child) {
    border-right: 2px solid #ccc;
}

#mp_marketing_page_nav a {
    font-size: 1.37em;
    text-transform: uppercase;
}

#mp_marketing_page_container .intro_text {
    margin: 0 auto;
    max-width: 1160px;
    padding: 2.4em 1.25em 1.25em;
}

#mp_marketing_page_container .intro_text p {
    font-size: 1.75em;
    line-height: 1.6;
    margin-bottom: 0.625em;
}

#mp_marketing_page_container .section_inner>h3 {
    font-size: 1.875em;
    font-style: italic;
    text-transform: none;
}

#mp_marketing_page_container .paragraph_title {
    color: #47abd1;
    font-size: 1.37em;
    font-weight: bold;
    margin: 0;
}

#mp_marketing_page_container p {
    font-size: 1.37em;
    line-height: 1.6;
    margin-bottom: 2.2em;
}

#mp_marketing_page_container .bg_blue {
    background-color: #00658a;
    color: #fff;
}

#mp_marketing_page_container .bg_gray {
    background-color: #F4F4F4;
}

#mp_marketing_page_container .list_box {
    border-radius: 5px;
    box-shadow: 2px 2px 3px #e7e7e7;
    padding: 0 0 20px;
}

#mp_marketing_page_container .list_box h4 {
    background-color: #00658a;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 1.37em;
    padding: 16px 14px 14px;
    text-align: center;
    margin-bottom: 26px;
}

#mp_marketing_page_container .list_box>img {
    display: block;
    margin: 0 auto;
}

#mp_marketing_page_container section#smarter_choices .list_box_info .left_side {
    font-weight: bold;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 30%;
    background: rgba(0, 0, 0, 0) url("/sites/default/files/mp_kill/bg_drop.png") no-repeat scroll center;
    background-size: contain;
    padding: 0;
    color: #fff;
    float: none;
}

#mp_marketing_page_container section#smarter_choices .list_box_info .left_side.var {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/mp_kill/bg_drop_2.png") no-repeat scroll center;
    background-size: contain;
}

#mp_marketing_page_container section#smarter_choices .list_box_info .right_side {
    display: table-cell;
    width: 70%;
    float: none;
}

#mp_marketing_page_container .list_box_info {
    display: table;
    height: 110px;
    width: 100%;
}

#mp_marketing_page_container .list_box_info .right_side ul li {
    list-style: none;
}

#mp_marketing_page_container .list_box_info .right_side ul li:before {
    content: '•';
    color: #00658a;
}

#mp_marketing_page_container .list_box_info .right_side>p {
    color: #00658a;
    font-weight: bold;
}

#mp_marketing_page_container .list_box_info .right_side>ul {
    margin: 8px 0 0;
}

#mp_marketing_page_container .list_box_info .units {
    border-top: 1px solid;
    display: inline;
    padding-top: 4px;
}

#mp_marketing_page_container .left_side:not(.var) .measurement {
    margin-top: 20px;
}

#mp_marketing_page_container section .list_box_info .right_side p {
    display: table-cell;
    line-height: 1.5;
    margin: 0;
    vertical-align: middle;
    font-size: 1em;
}

#mp_marketing_page_container .list_box_info .right_side ul li::before {
    color: #47abd1;
    content: "•";
    display: table-cell;
    font-size: 30px;
    line-height: 0;
    padding-right: 4px;
    vertical-align: middle;
}

#mp_marketing_page_container h2.line span {
    font-size: 1.66em;
}

#mp_marketing_page_container .white {
    color: #fff;
}

#mp_marketing_page_container section#smarter_choices .left_side {
    display: block;
    float: left;
    width: 46%;
    padding-right: 0;
}

#mp_marketing_page_container section#smarter_choices .right_side {
    display: block;
    float: right;
    width: 46%;
}

#mp_marketing_page_container .sub_section.soil_intake.bg_gray {
    padding-bottom: 30px;
    padding-top: 30px;
}

#mp_marketing_page_container .sub_section {
    padding-bottom: 3.5em;
    padding-top: 2.2em;
}

#mp_marketing_page_container p.image_heading {
    font-size: 1.37em;
    font-weight: bold;
    margin-bottom: 12px;
}

#mp_marketing_page_container h2.line {
    margin-bottom: 0;
}

#mp_marketing_page_container #faster_installation ul li img {
    display: block;
    margin: 0 auto 16px;
    width: 56px;
}

#mp_marketing_page_container #faster_installation ul li {
    text-align: center;
}

#mp_marketing_page_container #faster_installation ul li .bold_it {
    margin: 0;
    max-width: 100%;
    text-transform: none;
}

#mp_marketing_page_container #faster_installation ul li p {
    font-size: 1em;
    margin: 0 auto;
    max-width: 246px;
}

#mp_marketing_page_container #faster_installation ul {
    margin-bottom: 2.875em;
    margin-top: 4.125em;
}

#mp_marketing_page_container #faster_installation table td {
    border: 1px solid #ccc;
}

#mp_marketing_page_container #faster_installation table .align_right {
    text-align: right;
}

#mp_marketing_page_container #faster_installation table tr td {
    font-size: 1.125em;
    font-weight: bold;
}

#mp_marketing_page_container #faster_installation table tr th {
    font-style: italic;
    padding: 1em;
    font-size: 1.37em;
    font-weight: bold;
    border-bottom: none;
}

#mp_marketing_page_container #faster_installation table tr:nth-child(2) {
    background-color: #f1f1f1;
}

#mp_marketing_page_container table .bg_gray {
    background-color: #555;
    color: #fff;
}

#mp_marketing_page_container table .bg_blue,
#mp_marketing_page_container table .bg_gray {
    font-size: 20px !important;
    padding: 0.875em;
}

#mp_marketing_page_container .sample_yards>div {
    float: left;
    width: 50%;
}

#mp_marketing_page_container .sample_yards p.image_heading {
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    margin: 0;
}

#mp_marketing_page_container .image_container>img {
    display: block;
    margin: 0 auto;
    width: 300px;
}

#mp_marketing_page_container .sample_yards .image_container {
    border: 1px solid #ccc;
}

#mp_marketing_page_container .sample_yards {
    margin-top: 60px;
}

#mp_marketing_page_container #faster_installation .sub_section.bg_gray .arc .images_container .left_side {
    background: url("/sites/default/files/mp_kill/arc_adjustment_hand.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 60% 50%;
}

#mp_marketing_page_container #faster_installation .sub_section.bg_gray .radius .images_container .left_side {
    background: url("/sites/default/files/mp_kill/radius_adjustment_hand.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 66% 50%;
}

#mp_marketing_page_container #faster_installation .images_container .left_side {
    display: block;
    float: left;
    height: 400px;
    width: calc(100% - 380px);
    margin-right: 20px;
    padding: 0;
}

#mp_marketing_page_container #faster_installation .arc {
    margin-bottom: 50px;
}

#mp_marketing_page_container #faster_installation .arc p:not(.paragraph_title),
#mp_marketing_page_container #faster_installation .radius p:not(.paragraph_title) {
    margin-bottom: 20px;
}

#mp_marketing_page_container #easy_retrofit .section_inner h3:first-of-type {
    margin-bottom: 34px;
    margin-top: 36px;
}

#mp_marketing_page_container #easy_retrofit .left_side {
    display: block;
    float: left;
    padding: 0;
    width: 49%;
}

#mp_marketing_page_container #easy_retrofit .right_side {
    display: block;
    float: right;
    width: 49%;
}

#mp_marketing_page_container #easy_retrofit .image_caption {
    font-size: 16px;
    font-style: italic;
    margin-top: 6px;
}

#mp_marketing_page_container .sub_section.bg_black {
    background-color: #000;
    color: #fff;
}

#mp_marketing_page_container .dont_believe_the_hype {
    font-size: 2em;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 0;
    margin-top: 1em;
}

#mp_marketing_page_container .dont_believe_the_hype .green {
    font-style: italic;
    color: #008A4B;
    font-weight: bold;
}

#mp_marketing_page_container #proven_reliability .left_side img {
    border: 2px solid #ccc;
}

#mp_marketing_page_container #proven_reliability .left_side {
    width: 48%;
    padding: 0;
    display: block;
    float: left;
}

#mp_marketing_page_container #proven_reliability .right_side {
    width: 48%;
    padding: 0;
    display: block;
    float: right;
}

#mp_marketing_page_container #proven_reliability .right_side video {
    width: 100%;
}

#mp_marketing_page_container #proven_reliability p.image_caption {
    text-align: center;
    margin-top: 14px;
    display: inline-block;
    float: none;
    clear: both;
    width: 100%;
    font-size: 16px;
    margin-bottom: 0;
}

#mp_marketing_page_container #proven_reliability h2.line {
    margin-bottom: 30px;
}

#mp_marketing_page_container .soil_intake_container p {
    font-family: "Sero", Arial, sans-serif;
    font-size: 1em;
}

#smarter_choices .ui-accordion .ui-state-default,
#smarter_choices .ui-accordion .ui-widget-content #smarter_choices .ui-accordion .ui-state-default,
#smarter_choices .ui-accordion .ui-widget-header #smarter_choices .ui-accordion .ui-state-default {
    background: #f4f4f4 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #00658a;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 22px;
    line-height: 1.4;
    margin: 0 0 2px;
    padding: 0;
    text-transform: none;
}

#smarter_choices .ui-accordion .ui-widget-content {
    background: none;
    border: none;
}

#smarter_choices .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

#smarter_choices .ui-accordion .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

#smarter_choices .ui-accordion .ui-accordion-header:after {
    font-family: "fontello";
    content: '\e829';
    color: #ccc;
    font-size: 13px;
    position: absolute;
    right: 32px;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#smarter_choices .ui-accordion .ui-accordion-header.ui-accordion-header-active:after {
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform-origin: 50% 50%;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
    -moz-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#smarter_choices .ui-accordion-content p {
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
}

#smarter_choices .ui-accordion .ui-accordion-content {
    overflow: auto;
}

#mp_marketing_page_container .sub_section.soil_intake_container {
    padding-bottom: 20px;
    padding-top: 24px;
}

#mp_marketing_page_container .soil_intake_container .small-5 {
    padding-right: 100px;
}

#mp_marketing_page_container .soil_intake_container .row {
    margin-top: 50px;
}

#mp_marketing_page_container .soil_intake_container .large-5 {
    padding-right: 8%;
}

#mp_marketing_page_container .square_bullet {
    display: inline-block;
}

#mp_marketing_page_container span.square:before {
    content: '\025AA';
    display: inline-block;
    font-size: 80px;
    line-height: 16px;
    vertical-align: middle;
    margin-top: 5px;
}

#mp_marketing_page_container .square.dark_gray {
    color: #ABA8A6;
}

#mp_marketing_page_container .square.gray {
    color: #C5C2C1;
}

#mp_marketing_page_container .square.light_gray {
    color: #E9E7E7;
}

#mp_marketing_page_container span.circle:before {
    content: '\02022';
    display: inline-block;
    font-size: 80px;
    line-height: 16px;
    vertical-align: middle;
}

#mp_marketing_page_container .circle_and_text>p {
    margin-left: 42px;
}

#mp_marketing_page_container span.circle {
    display: inline;
    float: left;
    margin-top: 6px;
}

#mp_marketing_page_container .circle.blue {
    color: #47abd1;
}

#mp_marketing_page_container .circle.green {
    color: #BBD539;
}

#mp_marketing_page_container p.caption {
    margin-bottom: 6px;
}

#mp_marketing_page_container #proven_reliability .sub_section:not(.bg_gray) .lazyframe[data-vendor="youtube"]:after {
    background: none;
}

.page-node-82022 .add_this_and_language .block-addthis-addthis .content a,
.page-node-82176 .add_this_and_language .block-addthis-addthis .content a,
.page-node-82276 .add_this_and_language .block-addthis-addthis .content a {
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 200px;
}

#proven_reliability .youtube-video.js-ready {
    top: -4vw;
}

@media screen and (min-width: 1400px) {
    #proven_reliability .youtube-video.js-ready {
        top: -50px;
    }
}

@media screen and (max-width: 768px) {
    #proven_reliability .youtube-video.js-ready {
        top: -6vw;
    }
}

#proven_reliability .youtube-video {
    position: absolute;
    width: 100%;
    z-index: 4;
}

#proven_reliability .close-video-player {
    background: #4cc0ef none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: normal;
    height: 50px;
    line-height: 53px;
    position: absolute;
    right: -16px;
    text-align: center;
    text-transform: uppercase;
    top: -20px;
    width: 50px;
    z-index: 5;
}

#proven_reliability .video_and_play_container {
    position: relative;
    margin-bottom: 30px;
}

#easy_retrofit .youtube-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#proven_reliability .youtube-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#proven_reliability .youtube-video2 iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#proven_reliability .sub_section.bg_black .section_inner {
    position: relative;
}

#proven_reliability .sub_section.bg_black .section_inner.cover:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 1);
}

#proven_reliability .sub_section.bg_gray {
    padding-top: 3em;
    text-align: center;
}

.outer_video_container {
    border: 1px solid red;
    display: block;
    max-width: 980px;
    position: relative;
    margin: 0 auto;
}

#mp_marketing_page_container .for_mobile_table {
    display: none;
}

#mp_marketing_page_container .for_desktop_table {
    display: table;
}

.lazyframe[data-vendor="youtube"] {
    background-color: #000000;
}

#mp_marketing_page_container p.no_margin {
    margin: 0;
}

#proven_reliability .lazyframe.lazyframe--loaded {
    background-position: center center;
    background-size: contain;
}

.megamenu-menu ul a.mp_kill_page_link {
    display: inline-block;
    line-height: 1.3;
}

#smarter_choices:before,
#faster_installation:before,
#easy_retrofit:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 60px;
    margin-top: -60px;
}

#proven_reliability:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 46px;
    margin-top: -46px;
}

@media screen and (max-width: 768px) {

    #smarter_choices:before,
    #faster_installation:before,
    #easy_retrofit:before {
        content: '';
        display: block;
        position: relative;
        width: 0;
        height: 2px;
        margin-top: -2px;
    }

    #proven_reliability:before {
        content: '';
        display: block;
        position: relative;
        width: 0;
        height: 4px;
        margin-top: -4px;
    }

    #mp_marketing_page_nav+div {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    #mp_marketing_page_container {
        font-size: 80%;
    }
}

@media screen and (max-width: 1000px) {
    #mp_marketing_page_container .square_bullet {
        display: block;
    }

    #mp_marketing_page_container #faster_installation table tr th,
    #mp_marketing_page_container table .bg_blue,
    #mp_marketing_page_container table .bg_gray {
        padding: 14px;
    }

    #mp_marketing_page_container table .bg_blue,
    #mp_marketing_page_container table .bg_gray {
        font-size: 18px !important;
    }

    #mp_marketing_page_nav a {
        font-size: 1.2em;
        text-transform: uppercase;
    }
}

@media screen and (max-width: 768px) {
    #mp_marketing_page_container .for_mobile_table {
        display: table;
    }

    #mp_marketing_page_container .for_desktop_table {
        display: none;
    }

    #mp_marketing_page_container .soil_intake_chart {
        margin-top: 40px;
    }

    #mp_marketing_page_nav {
        display: none;
    }

    #mp_marketing_page_container h2.line span {
        font-size: 1em;
        padding-left: 20px;
        padding-right: 20px;
    }

    #mp_marketing_page_container h2.line {
        margin-bottom: 0;
        border-bottom: 1px solid #47abd1;
        padding-bottom: 20px;
        line-height: 1;
    }

    #mp_marketing_page_container {
        font-size: 70%;
    }

    #mp_marketing_page_container .list_box {
        font-size: 140%;
    }

    #mp_marketing_page_container #faster_installation ul li p {
        font-size: 1.5em;
        max-width: 420px;
    }

    #mp_marketing_page_container #faster_installation ul li img {
        display: block;
        margin: 0 auto 16px;
        width: 90px;
    }

    #mp_marketing_page_container #faster_installation ul li {
        text-align: center;
        margin-bottom: 3em;
    }

    #mp_marketing_page_container section#faster_installation .images_container .right_side {
        padding: 0;
        width: 50%;
    }

    #mp_marketing_page_container #faster_installation .sub_section.bg_gray .arc .images_container .left_side,
    #mp_marketing_page_container #faster_installation .sub_section.bg_gray .radius .images_container .left_side {
        background: none;
    }

    #mp_marketing_page_container #faster_installation .images_container .left_side {
        width: 50%;
        margin-right: 0;
        height: auto;
    }

    #mp_marketing_page_container section#smarter_choices .right_side,
    #mp_marketing_page_container section#smarter_choices .left_side {
        padding: 0;
    }

    #mp_marketing_page_container h2.line span {
        font-size: 1em;
        padding-left: 0;
        padding-right: 0;
    }

    #mp_marketing_page_container h2.line {
        padding-left: 20px;
        padding-right: 20px;
    }

    #mp_marketing_page_container #proven_reliability h2.line {
        margin-bottom: 0;
    }

    #smarter_choices .ui-accordion-content p {
        font-size: 1.2em;
    }

    #mp_marketing_page_container .soil_intake_container .large-5 {
        padding: 0;
    }

    #mp_marketing_page_container .soil_intake_container .large-7 {
        padding: 0;
    }

    #mp_marketing_page_container #easy_retrofit .right_side {
        padding: 0;
    }

    #smarter_choices .ui-accordion .ui-accordion-content {
        padding: 0;
    }

    #mp_marketing_page_container .soil_intake_container .row {
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
    }

    #smarter_choices .ui-accordion .ui-widget-content {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 600px) {
    #mp_marketing_page_container .soil_intake_container .ui-accordion .ui-accordion-content {
        overflow: auto;
        padding: 0;
    }

    #smarter_choices .ui-accordion .ui-accordion-header:after {
        content: '';
    }

    #smarter_choices .ui-accordion-content p {
        font-size: 1.2em;
    }

    #mp_marketing_page_container section#smarter_choices .left_side,
    #mp_marketing_page_container section#smarter_choices .right_side {
        padding: 0;
    }

    #mp_marketing_page_container .hero {
        height: 360px;
    }

    #mp_marketing_page_container .paragraph_title {
        font-size: 1.5em;
        margin: 20px 0 0;
    }
}

@media screen and (max-width: 480px) {
    #mp_marketing_page_container #easy_retrofit .left_side {
        display: block;
        float: left;
        padding: 0;
        width: 100%;
    }

    #mp_marketing_page_container #easy_retrofit .right_side {
        width: 100%;
    }

    #mp_marketing_page_container #proven_reliability .left_side {
        display: block;
        float: left;
        padding: 0;
        width: 100%;
    }

    #mp_marketing_page_container #proven_reliability .right_side {
        display: block;
        float: right;
        margin-top: 20px;
        padding: 0;
        width: 100%;
    }

    #mp_marketing_page_container section#smarter_choices .left_side {
        display: block;
        float: left;
        width: 100%;
    }

    #mp_marketing_page_container section#smarter_choices .right_side {
        display: block;
        float: right;
        margin-top: 40px;
        width: 100%;
    }

    #mp_marketing_page_container .sample_yards>div {
        float: left;
        width: 100%;
    }

    #mp_marketing_page_container .sample_yards>div:nth-of-type(2) {
        margin-top: 20px;
    }

    #mp_marketing_page_container h2.line span {
        font-size: 0.85em;
    }

    #mp_marketing_page_container table .bg_blue,
    #mp_marketing_page_container table .bg_gray {
        font-size: 15px !important;
    }

    #mp_marketing_page_container #top .section_inner {
        padding-left: 0;
        padding-right: 0;
    }

    #mp_marketing_page_container .heading_container h1 {
        font-size: 2.2em;
    }

    #mp_marketing_page_container .intro_text p {
        font-size: 1.5em;
    }

    #mp_marketing_page_container h2.line {
        margin-top: 20px;
    }

    #mp_marketing_page_container .intro_text p {
        font-size: 1.5em;
        line-height: 1.6;
        margin-bottom: 0.625em;
    }
}

@media screen and (max-width: 420px) {
    #mp_marketing_page_container .list_box {
        font-size: 130%;
    }

    #mp_marketing_page_container .hero {
        background-size: cover;
    }
}

@media screen and (max-width: 380px) {
    #mp_marketing_page_container #faster_installation table tr td {
        font-size: 1em;
    }

    #mp_marketing_page_container #faster_installation table tr th,
    #mp_marketing_page_container table .bg_blue,
    #mp_marketing_page_container table .bg_gray {
        padding: 8px;
    }
}

/* Sidebar banner for MP Kill page */
.sidebar_mp_kill_banner.mobile {
    display: none;
}

.sidebar_mp_kill_banner {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/bg_mp_kill_sidebar_banner.jpg") no-repeat scroll center;
    height: 276px;
    margin-bottom: 2em;
    position: relative;
}

.sidebar_mp_kill_banner.dripline_calculator {
    background-image: url("/sites/all/themes/hunter_responsive/images/bg_drip_cal_sidebar_banner.png");
    background-position: center 13px;
}

.sidebar_mp_kill_banner.dripline_calculator .heading_container h2 .bold_it {
    font-size: 16px;
}

.sidebar_mp_kill_banner .heading_container {
    background-color: #00658a;
    padding: 10px;
}

.sidebar_mp_kill_banner .heading_container h2 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 1.4vw;
    line-height: 1.2;
    margin: 0;
    text-align: center;
    text-transform: none;
}

.sidebar_mp_kill_banner .heading_container h2 .bold_it {
    display: block;
    font-size: 1.8vw;
}

.sidebar_mp_kill_banner .button {
    font-family: "Sero", Arial, sans-serif;
    text-transform: none;
}

.sidebar_mp_kill_banner .button .bold_it {
    text-transform: none;
}

.sidebar_mp_kill_banner .button.bottom {
    bottom: 14px;
    left: 50%;
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85%;
}

@media screen and (min-width: 1160px) {
    .sidebar_mp_kill_banner .heading_container h2 {
        font-size: 16px;
    }

    .sidebar_mp_kill_banner .heading_container h2 .bold_it {
        font-size: 21px;
    }
}

@media screen and (max-width: 1010px) {
    .sidebar_mp_kill_banner .button .bold_it {
        display: block;
        margin-top: 4px;
    }

    .sidebar_mp_kill_banner .button.bottom {
        padding: 8px;
    }
}

@media screen and (max-width: 768px) {
    .page-node-272 .add_this_and_language {
        margin-top: 0;
    }

    .sidebar_mp_kill_banner.mobile .button {
        margin: 0;
    }

    .sidebar_mp_kill_banner.mobile .button.bottom {
        display: none;
    }

    .sidebar_mp_kill_banner.mobile .heading_container {
        background-color: #00658a;
        float: right;
        height: 100%;
        padding: 10px;
        width: 50%;
    }

    .sidebar_mp_kill_banner.mobile {
        display: block;
        background: rgba(0, 0, 0, 0) url("/sites/default/files/bg_mp_kill_sidebar_banner.jpg") no-repeat scroll -25vw -20vw / 104% auto;
        height: 210px;
        margin-bottom: 2em;
        position: relative;
    }

    .sidebar_mp_kill_banner.dripline_calculator.mobile {
        background-image: url("/sites/all/themes/hunter_responsive/images/bg_drip_cal_sidebar_banner.png");
    }

    .sidebar_mp_kill_banner.mobile .heading_container {
        display: table;
    }

    .sidebar_mp_kill_banner.mobile .heading_container>div {
        display: table-cell;
        vertical-align: middle;
    }

    .sidebar_mp_kill_banner.mobile .heading_container h2 {
        font-size: 22px;
        margin-bottom: 18px;
    }

    .sidebar_mp_kill_banner.mobile .heading_container h2 .bold_it {
        font-size: 25px;
    }

    .sidebar_mp_kill_banner.mobile .button.bottom {
        width: 80%;
        font-size: 18px;
        padding: 14px;
    }

    .sidebar_mp_kill_banner.mobile .button .bold_it {
        display: inline-block;
        margin-top: 0;
    }
}

@media screen and (max-width: 580px) {
    .sidebar_mp_kill_banner.mobile .heading_container h2 {
        font-size: 20px;
    }

    .sidebar_mp_kill_banner.mobile .heading_container h2 .bold_it {
        font-size: 23px;
    }

    .sidebar_mp_kill_banner.mobile .button.bottom {
        font-size: 16px;
        padding: 12px;
    }

    .sidebar_mp_kill_banner.mobile {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/bg_mp_kill_sidebar_banner.jpg") no-repeat scroll -25vw -16vw / 104% auto;
        height: 210px;
        margin-bottom: 2em;
        position: relative;
    }

    .sidebar_mp_kill_banner.dripline_calculator.mobile {
        background-image: url("/sites/all/themes/hunter_responsive/images/bg_drip_cal_sidebar_banner.png");
    }
}

@media screen and (max-width: 500px) {
    .sidebar_mp_kill_banner.mobile .heading_container {
        display: block;
        height: auto;
        text-align: center;
        width: 100%;
    }

    .sidebar_mp_kill_banner.mobile {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/bg_mp_kill_sidebar_banner.jpg") no-repeat scroll center;
        height: 270px;
        margin-bottom: 2em;
        position: relative;
    }

    .sidebar_mp_kill_banner.dripline_calculator.mobile {
        background-image: url("/sites/all/themes/hunter_responsive/images/bg_drip_cal_sidebar_banner.png");
    }

    .sidebar_mp_kill_banner.mobile .heading_container .button {
        display: none;
    }

    .sidebar_mp_kill_banner.mobile .heading_container>div {
        display: block;
        vertical-align: middle;
    }

    .sidebar_mp_kill_banner.mobile .heading_container h2 {
        font-size: 20px;
        margin: 0;
    }

    .sidebar_mp_kill_banner.mobile .button.bottom {
        display: block;
        bottom: 14px;
        left: 50%;
        margin: 0;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage - Accordion Menu ----------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.home_accordion {
    display: none;
}

.block-menu-block.home_middle_menu {
    width: 100%;
}

.home_accordion .menu li:first-child {
    margin-left: 0;
}

.home_accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    margin-top: -8px;
    position: absolute;
    right: 15px;
    left: inherit;
    top: 50%;
}

.home_accordion .block .menu-accordion>div>ul>li>a.ui-accordion-header-active {
    background-color: #202020;
}

.home_accordion .ui-state-default .ui-icon:before {
    font-family: "fontello";
    content: '\e811';
    color: #fff;
}

.home_accordion .ui-state-active .ui-icon:before {
    font-family: "fontello";
    content: '\e812';
    color: #fff;
}

.home_accordion .ui-state-active .ui-icon {
    background-image: none;
}

.home_accordion .ui-state-default .ui-icon {
    background-image: none;
}

.home_accordion .ui-icon {
    text-indent: 0px;
}

.home_accordion .block .menu-accordion ul>li a {
    border-bottom: 1px solid #fff;
}

.home_accordion .block .menu-accordion ul li.menu-mlid-18641,
.home_accordion .block .menu-accordion ul li.menu-mlid-1094 {
    display: none;
}

.block .menu-accordion * {
    /*background: transparent none repeat scroll 0 0;
    */
    border: medium none;
    border-radius: 0;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.ui-accordion .ui-accordion-content {
    top: 0;
}

.sidebar-first-inner,
.sidebar-first .block-menu-block .gutter,
.sidebar-first .block-menu-block .content .block-content-inner,
.region-sidebar-first .block.block-menu-block .inner {
    margin: 0;
    padding: 0;
}

.home_accordion .block .menu-accordion a {
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
}

.home_accordion .block .menu-accordion ul>li>a {
    background: #47abd1 none repeat scroll 0 0;
}

.home_accordion .block .menu-accordion>div>ul>li>a {
    background: #00658a none repeat scroll 0 0;
}

.home_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li a {
    color: #fff;
    font-size: 13px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.home_accordion .block .menu-accordion ul,
.home_accordion .block .menu-accordion ul>li,
.home_accordion .block .menu-accordion ul>li a,
.home_accordion .block .menu-accordion ul>li>ul,
.home_accordion .block .menu-accordion ul>li>ul>li,
.home_accordion .block .menu-accordion ul>li>ul>li a {
    display: block;
    width: 100%;
}

.home_accordion .block .menu-accordion ul>li a {
    padding: 9px 0;
}

.home_accordion .block .menu-accordion ul>li a {
    border-bottom: 1px solid #003458;
    border-top: 1px solid #3681a5;
}

.home_accordion .block .menu-accordion>div>ul>li a {
    padding: 14px 5%;
}

.home_accordion .block .menu-accordion>div>ul>li>ul>li a {
    padding: 14px 10%;
}

.home_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li a {
    padding: 14px 14%;
}

.home_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li a {
    padding: 14px 18%;
}

.home_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 40%;
    padding-right: 5%;
}

.home_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 35%;
    padding-right: 5%;
}

.home_accordion .block .menu-accordion a.active,
.home_accordion .block .menu-accordion a.active:hover {
    background-color: #47abd1;
    color: #fff;
}

.home_accordion .block .menu-accordion a:hover {
    background-color: #65b8da;
    color: #ffffff;
}

.home_accordion a.ui-accordion-header-active {
    background-color: #2ba6cb;
}

.home_accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active {
    background-color: #2ba6cb;
}

.home_accordion .block .menu-accordion li.active-trail,
.home_accordion .block .menu-accordion li.active {
    position: relative;
}

.home_accordion .block .menu-accordion li.active-trail::after {
    content: url("/sites/all/themes/hunter/images/bg-menu-accordion-active-trail.png");
    position: absolute;
    right: 8px;
    top: 8px;
}

.home_accordion .block .menu-accordion li.active::after {
    content: url("/sites/all/themes/hunter/images/bg-menu-accordion-active.png");
    height: 11px;
    margin-top: -12px;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 8px;
}

.home_accordion .block .menu-accordion ul>li ul li a {
    border-bottom: 1px solid #2d91b7;
    border-top: 1px solid #65c9ef;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage - Professionals, Homeowners and Golf --------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.block-views-latest-news-block {
    display: none;
}

.front .front_user_type h2 {
    color: #fff;
    font-size: 22px;
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
    background-color: #00658a;
    padding: 10px;
    margin-bottom: .7em;
}

.front_user_type h2 a {
    color: #fff;
}

.front_user_type p {
    color: #3b3b3b;
    font-size: 18px;
    line-height: 32px;
    margin-top: 30px;
    padding-left: 3px;
    padding-right: 3px;
}

.user_type_link_container:hover h2 {
    background-color: #055372;
}

/* For other language pages that only have 2 boxes instead of three, keeps them centered */
.large-block-grid-2.front_user_type {
    margin: 0 auto;
    max-width: 800px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage - Resources Row ------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.resources_row_outer {
    background-color: #cfcdcb;
    width: 100%;
}

.resources_row {
    color: #3b3b3b;
    padding-top: 40px;
    padding-bottom: 50px;
}

.resources_row .columns {
    text-align: center;
}

.resources_row img {
    max-width: 110px;
}

.resources_row p {
    margin: 0 25px;
    text-align: left;
}

.resources_row a:focus {
    color: #aca9a7;
}

.icon_resources {
    background: url("../images/icon_resources.png");
    background-repeat: no-repeat;
    background-size: 116px 116px;
    width: 100%;
    height: 116px;
    background-position: center center;
    display: block;
    padding-top: 170px;
    margin-bottom: 50px;
    color: #3b3b3b;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
}

.icon_videos {
    background: url("../images/icon_videos.png");
    background-repeat: no-repeat;
    background-size: 116px 116px;
    width: 100%;
    height: 116px;
    background-position: center center;
    display: block;
    padding-top: 170px;
    margin-bottom: 50px;
    color: #3b3b3b;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
}

.icon_tools {
    background: url("../images/icon_tools.png");
    background-repeat: no-repeat;
    background-size: 116px 116px;
    width: 100%;
    height: 116px;
    background-position: center center;
    display: block;
    padding-top: 170px;
    margin-bottom: 50px;
    color: #3b3b3b;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
}

.icon_resources:hover {
    background: url("../images/icon_resources_hover.png");
    background-repeat: no-repeat;
    background-size: 116px 116px;
    width: 100%;
    height: 116px;
    background-position: center center;
    display: block;
    padding-top: 170px;
    margin-bottom: 50px;
    color: #aca9a7;
}

.icon_resources:hover h3 {
    color: #aca9a7;
}

.icon_resources:after {
    content: url("../images/icon_resources_hover.png");
    display: none;
}

.icon_videos:hover {
    background: url("../images/icon_videos_hover.png");
    background-repeat: no-repeat;
    background-size: 116px 116px;
    width: 100%;
    height: 116px;
    background-position: center center;
    display: block;
    padding-top: 170px;
    margin-bottom: 50px;
    color: #aca9a7;
}

.icon_video:focus,
.icon_videos:active {
    color: #aca9a7;
}

.icon_videos:hover h3 {
    color: #aca9a7;
}

.icon_videos:after {
    content: url("../images/icon_videos_hover.png");
    display: none;
}

.icon_tools:hover {
    background: url("../images/icon_tools_hover.png");
    background-repeat: no-repeat;
    background-size: 116px 116px;
    width: 100%;
    height: 116px;
    background-position: center center;
    display: block;
    padding-top: 170px;
    margin-bottom: 50px;
    color: #aca9a7;
}

.icon_tools:hover h3 {
    color: #aca9a7;
}

.icon_tools:after {
    content: url("../images/icon_tools_hover.png");
    display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage - Hunter Headlines --------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hunter_headlines_row {
    background-color: #fff;
    position: relative;
    width: 100%;
}

.hunter_headlines_row h2 {
    text-transform: uppercase;
    color: #006588;
    margin-top: 50px;
    margin-bottom: 40px;
}

.not_bold {
    font-weight: normal;
    font-family: "Sero", Arial, sans-serif;
}

.hunter_headlines_row .inner {
    margin: 0 auto;
    max-width: 1150px;
    width: 100%;
    padding-bottom: 50px;
    position: relative;
}

.hunter_headlines_row h3 {
    font-size: 18px;
    color: #006588;
}

.hunter_headlines_row a {
    color: #006588;
}

.hunter_headlines_row a:hover {
    color: #47abd1;
}

.hunter_headlines_row .views-field.views-field-body {
    color: #444;
    line-height: 24px;
    margin-bottom: 16px;
}

.hunter_headlines_row .read_all {
    background-color: #006588;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    font-family: "Sero_bold", Arial, sans-serif;
    height: auto;
    padding: 14px 18px 10px;
    text-transform: uppercase;
    width: 43%;
}

.hunter_headlines_row .read_all:hover {
    background-color: #2ba6cb;
    color: #fff;
}

.read_all .icon-chevron-right {
    float: right;
}

.hunter_headlines_row .headlines_body {
    line-height: 26px;
}

.hunter_headlines_row .views-row {
    border-bottom: 1px solid #cfcdcb;
    clear: both;
    display: inline-block;
    margin-bottom: 50px;
    padding-bottom: 50px;
    width: 100%;
}

.hunter_headlines_row .views-row.views-row-3 {
    border-bottom: none;
    padding-bottom: 0;
}

.hunter_headlines_row .left_part {
    border: 2px solid #cfcdcb;
    float: left;
    height: auto;
    width: 180px;
    margin-right: 30px;
}

.hunter_headlines_row .right_part {
    display: inline;
    max-width: 800px;
}

.hunter_headlines_row .right_part_inner {}

.hunter_headlines_row .headlines_title {
    font-size: 18px;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 20px;
    margin-top: 12px;
}

.hunter_headlines_row .right_part .icon-chevron-right:before {
    content: "→";
    color: #00658a;
    margin-left: 10px;
}

.hunter_headlines_row .right_part .icon-chevron-right:after {
    content: none;
}

.hunter_headlines_row .headlines_read_all {
    font-family: "Sero_bold", Arial, sans-serif;
}

.hunter_headlines_row .headlines_read_all {
    float: right;
    font-family: "Sero_bold", Arial, sans-serif;
    width: 110px;
    margin-top: 15px;
}

.hunter_headlines_row .read_all.bottom {
    display: none;
}

.hunter_headlines_row .read_all.top {
    width: auto;
    color: #00658a;
    display: block;
    float: right;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: inherit;
    height: auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 37px;
    background: none;
}

.hunter_headlines_row .read_all.top:after {
    content: "→";
    color: #00658a;
    margin-left: 10px;
    font-family: Arial, sans-serif;
}

.hunter_headlines_row .read_all.top:hover {
    color: #47abd1;
}

.hunter_headlines_row .read_all.top:hover:after {
    color: #47abd1;
}

.hunter_headlines_row .headlines_read_all:hover a,
.hunter_headlines_row .headlines_read_all:hover .icon-chevron-right:before {
    color: #47abd1;
}

.hunter_headlines_row .read_all .icon-chevron-right {
    position: relative;
    top: -2px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homepage - Site Studies ------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.site_studies_row {
    background-color: #47abd1;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.site_studies_row .inner {
    margin: 0 auto;
    max-width: 1150px;
    padding-bottom: 50px;
    width: 100%;
}

.site_studies_row h2 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
}

.site_studies_row .left_part h2 {
    display: none;
}

.site_studies_row .left_part {
    float: left;
    width: 50%;
}

.site_studies_row .right_part {
    float: left;
    width: 50%;
    position: relative;
}

.site_studies_row .right_part img {
    opacity: 0;
}

.site_studies_row .site_studies_title a {
    color: #006588;
    font-size: 24px;
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 30px;
}

.site_studies_row .site_studies_body {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    margin: 30px 0 40px;
}

.site_studies_read_all {
    position: relative;
}

.site_studies_row .site_studies_read_all a {
    background-color: #006588;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    font-family: "Sero_bold", Arial, sans-serif;
    height: auto;
    padding: 14px 18px 10px;
    text-transform: uppercase;
    width: 100%;
    border: 1px solid #00658a;
}

.site_studies_row .site_studies_read_all a:after {
    font-family: "fontello";
    content: '\e80c';
    position: absolute;
    right: 18px;
}

.site_studies_row .site_studies_read_all a:hover {
    background-color: #2ba6cb;
    border: 1px solid #fff;
    color: #fff;
}

.site_studies_row .site_studies_read_more a {
    color: #006588;
    font-family: "Sero_bold", Arial, sans-serif;
}

.site_studies_row .site_studies_read_more a:after {
    content: "→";
    font-family: Arial;
    margin-left: 10px;
}

.lang-ar .site_studies_read_all .icon-chevron-right {
    color: #fff;
    display: inline;
    font-size: 14px;
    left: 16px;
    position: absolute;
    top: 13px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.site_studies_read_more {
    float: right;
    margin: 10px 0;
    width: auto;
}

.site_studies_read_more a {
    color: #006588;
}

.site_studies_row .right_part_inner {
    bottom: 0;
    height: 260px;
    left: 0;
    margin: auto 15px auto 80px;
    max-width: 495px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.site_studies_title {
    margin-bottom: 20px;
}

.front h2 {
    font-size: 50px;
}

#block-views-site-studies-block-2 .view-display-id-block_2 .view-content .views-row {
    display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Full-Width Page --------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.node-type-basic-full-width-page main .large-12.columns {
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
}

.node-type-basic-full-width-page .row.l-main {
    max-width: 100%;
}

.node-type-basic-full-width-page main .large-12.columns h1.section_title {
    display: none;
}

.node-type-basic-full-width-page .social_row {
    margin-top: 0px;
}

.hydrawise_contractor_button_mobile {
    display: none;
}

.sidebar_hydrawise_contractor_button {
    background: url("/sites/default/files/homepage_hero_phone_hc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    height: 220px;
    position: relative;
}

.sidebar_hydrawise_contractor_button a.overlay_link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.sidebar_hydrawise_contractor_button .inner_container .show_for_tiny {
    display: block;
    z-index: 10;
}

.sidebar_hydrawise_contractor_button .tiny_text {
    color: #fff;
    font-size: 1em;
    left: 1em;
    position: absolute;
    top: 1em;
    right: 1em;
}

.sidebar_hydrawise_contractor_button .tiny_text h2 {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2;
    text-transform: none;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.sidebar_hydrawise_contractor_button .tiny_text .not_bold {
    margin-left: 4px;
}

.sidebar_hydrawise_contractor_button .introducing {
    font-style: italic;
    margin: 0;
}

.sidebar_hydrawise_contractor_button .tiny_button.button {
    background: rgba(14, 195, 247, 0.8) none repeat scroll 0 0;
    font-size: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 10px 16px 8px;
}

.sidebar_hydrawise_contractor_button .tiny_button.button:hover {
    background: rgba(14, 195, 247, 1);
}

.sidebar_hydrawise_contractor_button .hand {
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    width: 6em;
    z-index: 11;
    bottom: 0;
}

@media only screen and (max-width: 1060px) {
    .sidebar_hydrawise_contractor_button .tiny_button.button {
        padding: 10px 0 8px;
    }

    .sidebar_hydrawise_contractor_button .inner_container img.show_for_tiny {
        display: block;
        visibility: hidden;
        z-index: 10;
    }

    .sidebar_hydrawise_contractor_button {
        height: 339px;
        margin-bottom: 2em;
        background-color: #edeceb;
        border: 1px solid #cfcdcb;
    }

    .sidebar_hydrawise_contractor_button .tiny_button.button {
        width: 100%;
        margin-top: 1em;
    }

    .sidebar_hydrawise_contractor_button .tiny_text h2 {
        font-size: 1.2em;
        line-height: 1.2;
        text-transform: none;
    }
}

@media only screen and (max-width: 768px) {
    .hydrawise_contractor_button_mobile {
        display: block;
        background: url("/sites/default/files/hydrawise_contractor_mobile_image.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom right;
        position: relative;
    }

    .hydrawise_contractor_button_mobile {
        border: 1px solid #ccc;
        margin: 0 auto 2em;
        padding: 1em;
        text-align: left;
        width: 87%;
    }

    .hydrawise_contractor_button_mobile h5 {
        color: #fff;
        font-size: 1.4em;
        margin-right: 6em;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    }

    .hydrawise_contractor_button_mobile .hand {
        bottom: 0;
        display: block;
        position: absolute;
        right: 0;
        width: 7em;
        z-index: 11;
        bottom: 0;
    }

    .hydrawise_contractor_button_mobile .button {
        bottom: 0;
        margin: 0;
        position: relative;
        width: 45%;
        background: rgba(14, 195, 247, 0.8) none repeat scroll 0 0;
    }

    .hydrawise_contractor_button_mobile a.overlay_link {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999;
    }
}

@media only screen and (max-width: 480px) {
    .hydrawise_contractor_button_mobile {
        width: 100%;
    }

    .hydrawise_contractor_button_mobile h5 {
        color: #fff;
        font-size: 1.2em;
        margin-right: 6em;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    }

    .hydrawise_contractor_button_mobile .button {
        width: auto;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Hydrawise Contractor Page ----------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hydrawise_contractor_page_title {
    text-align: center;
    color: #006588;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 34px;
    text-transform: uppercase;
    font-family: "Sero_black", Arial, sans-serif;
    font-weight: normal;
}

.hydrawise_contractor_page_title .not_bold {
    font-family: "Sero", Arial, sans-serif;
    font-weight: normal;
    margin-left: 4px;
}

.hunter_headlines_row .right_part .icon-chevron-right::before {
    color: #00658a;
    content: "→";
    margin-left: 10px;
}

.try_now_container .learn_more a {
    color: #00658a;
}

.try_now_container .learn_more:hover a,
.try_now_container .learn_more:hover .icon-chevron-right:before {
    color: #47abd1;
}

.try_now_container .learn_more .icon-chevron-right:before {
    color: #00658a;
    content: "→";
    margin-left: 10px;
}

.try_now_container .learn_more {
    margin-top: 1.6em;
}

/* Top Banner -------------------- */
.hydrawise_contractor_page_banner {
    display: block;
    position: relative;
    color: #fff;
}

.hydrawise_contractor_page_banner h2 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 2.2vw;
    margin: 0;
}

.hydrawise_contractor_page_banner .container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hydrawise_contractor_page_banner .three_main_points_container {
    position: absolute;
    top: 23.5%;
    width: 100%;
}

.hydrawise_contractor_page_banner .three_main_points_container .main_point {
    float: left;
    height: 6.2em;
    width: 33.3%;
}

.hydrawise_contractor_page_banner .main_point .manage,
.hydrawise_contractor_page_banner .main_point .service {
    margin-left: 10%;
}

.hydrawise_contractor_page_banner .main_point>div {
    font-size: 0.8vw;
    text-align: center;
    width: 45%;
    padding-top: 2px;
}

.hydrawise_contractor_page_banner .main_text {
    bottom: 0;
    display: table;
    padding: 0.8vw;
    position: absolute;
    text-align: center;
    width: 100%;
}

.hydrawise_contractor_page_banner .main_text h2 {
    color: #fff;
    font-size: 1.95vw;
    margin: 0;
    text-transform: none;
    font-family: "Sero_black", Arial, sans-serif;
}

.hydrawise_contractor_page_banner .sub_heading {
    font-family: "Sero", Arial, sans-serif;
    font-size: 2.2vw;
    font-weight: normal;
    margin: 0.3em 0 1vw;
    padding: 0;
    text-transform: none;
}

.hydrawise_contractor_page_banner .description_text_and_button_container .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #0ec3f7;
    display: inline;
    font-size: 0.9em;
    margin-bottom: 0;
    margin-left: 1.5em;
    margin-right: 0;
    padding: 0;
}

.hydrawise_contractor_page_banner .description_text_and_button_container .button:after {
    font-family: 'fontello';
    content: '\e80c';
    font-size: 0.7em;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.hydrawise_contractor_page_banner .description_text_and_button_container>p {
    font-size: 1.2vw;
    line-height: 1.5;
}

.hydrawise_contractor_page_banner .main_text_inner {
    display: table-cell;
    vertical-align: middle;
}

.hydrawise_contractor_page_banner .not_bold {
    margin-left: 2px;
}

.hydrawise_contractor_page_banner a.overlay_link,
.hydrawise_contractor_page_banner.mobile a.overlay_link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.hydrawise_contractor_page_banner_mobile {
    display: none;
}

.for_mobile {
    display: none;
}

.for_mobile_flex {
    display: none;
}

.no_bold {
    font-family: "Sero", Arial, sans-serif;
    font-weight: normal;
}

.feature_title h2.line .no_bold {
    font-family: "Sero", Arial, sans-serif;
    font-weight: normal;
    padding: 0;
}

.feature_title h2.line>div {
    color: #000;
    font-family: "Sero_bold", arial, helvetica, sans-serif;
    font-size: 40px;
    font-variant: normal;
    text-transform: uppercase;
}

.features_title>h2 {
    margin: 0;
    padding: 0;
}

.feature_title h2.line span {
    color: #000;
    font-family: "Sero_black", Arial, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

.feature_title h2.line span span {
    font-size: inherit;
}

.feature_title h2.line::after {
    border-top: 1px solid #000;
}

.feature_title h2.line {
    margin: 1.6em auto 1.3em;
    width: 80%;
    max-width: 1150px;
}

section .left_side {
    display: table-cell;
    padding-right: 4%;
    width: 32%;
}

section .right_side {
    display: table-cell;
    width: 28%;
    vertical-align: middle;
}

section .left_side p,
section .right_side p {
    margin: 0;
}

h2.line span.no_pad {
    padding: 0;
}

.bg_image.for_small {
    display: none;
}

/* Section - Intro -------------------- */
section.intro {
    display: table;
    font-size: 100%;
    padding: 6em 4em 5em;
}

.pre_heading {
    font-size: 1.7em;
    font-style: italic;
    line-height: 1.5;
}

section.intro .left_side {
    display: table-cell;
    padding-right: 4%;
    width: 70%;
}

section.intro .right_side {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}

section .left_side h2 {
    font-size: 2.85em;
    font-weight: bold;
    margin-bottom: 0.8em;
    line-height: 1.2;
}

.section-hydrawise-wifi-contractor section p {
    font-size: 1.4em;
}

section .try_now_container p {
    font-size: 1em;
}

section.intro .left_side p {
    margin-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
    section.intro .left_side p {
        font-size: 1.1em;
    }
}

.intro .no_bold {
    font-style: italic;
    text-transform: none;
}

.intro .try_now_container {
    background: none;
    float: left;
    padding: 0;
    margin-top: 2em;
}

.intro .left_side .try_now_container p {
    margin-bottom: 0;
}

.intro .try_now_container .hydrawise_button {
    background: #fff url("/sites/default/files/logo_hydrawise_100x121.png") no-repeat scroll 1.2em 0.4em / 1.4em auto;
    border: 4px solid #e6e6e7;
    color: #00658a;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    height: auto;
    margin: 0 auto;
    max-width: 580px;
    padding: 0.8em 1.8em 0.7em 3.5em;
    text-transform: uppercase;
    width: 100%;
}

.intro .try_now_container .hydrawise_button:hover {
    border: 4px solid #ccc;
}

/* Section - Video -------------------- */
.video_section {
    background-color: #7ba2b6;
    padding: 0 15%;
    text-align: center;
}

.video_container {
    margin: 0 auto;
    max-width: 1280px;
}

/* Section - Improve Your Bottom Line -------------------- */
section.improve {
    position: relative;
}

section.improve .left_side {
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 37%;
}

section.improve .left_side p {
    text-align: left;
    font-size: 1.6vw;
}

/* Section - Give Them What They Want -------------------- */
section.give {
    position: relative;
}

section.give .left_side {
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.give .left_side p {
    text-align: left;
    font-size: 1.6vw;
}

/* Section - Contractor Dashboard -------------------- */
.contractor_management_features_title {
    background-color: #f1f1f1;
    border-bottom: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 1.4em;
    font-style: italic;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 1.4em 1.4em 1.2em;
    text-align: center;
}

.contractor_management_features_title h2 {
    color: #00658a;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

section.contractor {
    position: relative;
}

section.contractor .right_side {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.contractor .right_side p {
    text-align: right;
    font-size: 1.6vw;
}

/* Section - Avoid Costly Visits -------------------- */
section.avoid {
    position: relative;
}

section.avoid .left_side {
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.avoid .left_side p {
    text-align: left;
    font-size: 1.6vw;
}

/* Section - Flow Monitoring -------------------- */
section.flow {
    position: relative;
}

section.flow .right_side {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.flow .right_side p {
    text-align: right;
    font-size: 1.6vw;
}

/* Section - Detect Faulty Wiring -------------------- */
section.detect {
    position: relative;
}

section.detect .right_side {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.detect .right_side p {
    text-align: right;
    font-size: 1.6vw;
}

/* Section - Customize Permissions -------------------- */
section.customize {
    position: relative;
}

section.customize .left_side {
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.customize .left_side p {
    text-align: left;
    font-size: 1.6vw;
}

/* Section - Quote -------------------- */
.quote_symbol {
    left: 4.5%;
    position: absolute;
    top: -18px;
}

.quote_container {
    background-color: #e7e4e4;
    color: #3b3b3b;
    padding: 4em 3em 5em;
}

.quote_container .about_quote {
    margin: 0 auto;
    max-width: 1246px;
    position: relative;
}

.quote_container .about_quote h4 {
    font-size: 1.8em;
    font-style: italic;
    text-transform: none;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 1208px;
    padding: 0 74px;
    font-weight: bold;
}

.quote_container .about_quote p {
    font-size: 1.3em;
    font-style: italic;
    line-height: 2;
    margin: 0 auto;
    max-width: 1208px;
    padding: 0 70px;
}

.quote_container .about_quote p.quote_by {
    font-style: normal;
    margin: 0.2em 0 0;
    padding: 0 26px;
    text-align: right;
}

/* Section - Try Now CTA -------------------- */
.try_now_container {
    background-color: #00658a;
    text-align: center;
    padding: 2.7em;
}

.try_now_container p {
    margin: 0;
    padding: 0;
}

.try_now_container .hydrawise_button {
    background: #fff url("/sites/default/files/logo_hydrawise_100x121.png") no-repeat scroll 1.2em 0.4em / 1.4em auto;
    border: 4px solid #e6e6e7;
    color: #00658a;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    height: auto;
    margin: 0 auto;
    max-width: 480px;
    padding: 0.8em 1em 0.7em 2.8em;
    text-transform: uppercase;
    width: 100%;
}

.try_now_container .hydrawise_button:hover {
    border: 4px solid #ccc;
}

/* Section - Additional Software Features -------------------- */
.feature_title.smaller h2.line span {
    font-size: 1em;
}

.additional_software_features {
    margin: 0 auto;
    max-width: 1150px;
}

.additional_software_features .inner {
    border: 1px solid #e6e6e7;
    padding: 1.2em 1.3em;
}

.additional_software_features .inner p {
    font-size: 1em;
}

.additional_software_features .inner_top_border {
    border-bottom: 10px solid #0ec3f7;
    height: 10px;
}

.feature_title.smaller {
    margin-top: 4em;
}

.icon_and_title_container {
    display: table;
    margin-bottom: 1.5em;
}

.icon_and_title_container h5 {
    color: #00658a;
    display: table-cell;
    vertical-align: middle;
}

.icon_and_title_container svg {
    float: left;
    height: auto;
    margin-right: 1.2em;
    max-width: 65px;
}

/* Section - Try a Free Demo Today -------------------- */
.try_demo_container {
    border: 10px solid #f1f1f1;
    color: #00658a;
    margin: 1.3em auto 3em;
    max-width: 1150px;
    padding: 1.6em 3em;
}

.try_demo_container h3 {
    color: #00658a;
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 2.2em;
    font-weight: normal;
    text-transform: none;
}

.try_demo_container a {
    font-family: "Sero_bold", Arial, sans-serif;
    font-weight: bold;
    margin-left: 8px;
}

.contractor_dashboard .bg_image.for_small,
.avoid_costly_visits .bg_image.for_small,
.flow_monitoring .bg_image.for_small,
.detect_faulty_wiring .bg_image.for_small {
    display: none;
}

.mobile_section_bg_container {
    display: none;
}

/* Mobile Styles - Contractor Page -------------------- */
@media only screen and (max-width: 1300px) {
    .hydrawise_contractor_page_banner .sub_heading {
        font-family: "Sero", Arial, sans-serif;
        font-size: 2.2vw;
        font-weight: normal;
        margin: 0 0 1vw;
        padding: 0;
        text-transform: none;
    }
}

@media only screen and (max-width: 1200px) {
    section.intro {
        display: table;
        font-size: 82%;
        padding: 6em 4em;
    }

    .additional_software_features {
        padding: 0 20px;
    }

    .try_demo_container {
        margin: 1.3em 20px 3em;
        max-width: 1110px;
        padding: 1.6em 3em;
    }
}

@media only screen and (max-width: 1050px) {
    .contractor_management_features_title h2 {
        color: #00658a;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.7em;
    }

    .hydrawise_contractor_page_banner .three_main_points_container .main_point {
        float: left;
        height: 5vw;
        width: 33.3%;
    }

    .hydrawise_contractor_page_banner .main_point>div {
        display: table-cell;
        font-size: 0.8vw;
        padding-right: 15vw;
        padding-top: 8px;
        text-align: center;
        vertical-align: middle;
    }

    .hydrawise_contractor_page_banner .main_point>div {
        display: table-cell;
        font-size: 0.8vw;
        padding-right: 15vw;
        padding-top: 1.1vw;
        text-align: center;
        vertical-align: middle;
    }

    .hydrawise_contractor_page_banner .main_point .service {
        padding-left: 10%;
    }

    .hydrawise_contractor_page_banner .main_point .manage {
        padding-left: 12%;
    }

    .bg_image.for_desktop {
        display: block;
        height: auto;
        max-width: 1050px;
        position: absolute;
        width: 1050px;
    }

    section.improve .bg_image.for_desktop {
        right: 0;
    }

    section.give .bg_image.for_desktop {
        left: 0;
    }

    section.contractor .bg_image.for_desktop {
        right: 0;
    }

    section.avoid .bg_image.for_desktop {
        left: 0;
    }

    section.flow .bg_image.for_desktop {
        right: 0;
    }

    section.detect .bg_image.for_desktop {
        right: 0;
    }

    section.customize .bg_image.for_desktop {
        left: 0;
    }

    section.contractor {
        height: 356px;
        position: relative;
    }

    section.contractor .right_side {
        font-size: 1em;
        position: absolute;
        right: 5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 304px;
    }

    section.contractor .right_side p {
        font-size: 1em;
        text-align: right;
    }

    section.improve {
        height: 356px;
        position: relative;
    }

    section.improve .left_side {
        width: 304px;
    }

    section.improve .left_side p {
        font-size: 1em;
        text-align: left;
    }

    section.give {
        height: 356px;
        position: relative;
    }

    section.give .left_side {
        width: 304px;
    }

    section.give .left_side p {
        font-size: 1em;
        text-align: left;
    }

    section.avoid {
        height: 356px;
        position: relative;
    }

    section.avoid .left_side {
        width: 304px;
    }

    section.avoid .left_side p {
        font-size: 1em;
        text-align: left;
    }

    section.flow {
        height: 356px;
        position: relative;
    }

    section.flow .right_side {
        font-size: 1em;
        position: absolute;
        right: 5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 304px;
    }

    section.flow .right_side p {
        font-size: 1em;
        text-align: right;
    }

    section.detect {
        height: 356px;
        position: relative;
    }

    section.detect .right_side {
        width: 304px;
    }

    section.detect .right_side p {
        font-size: 1em;
        text-align: right;
    }

    section.customize {
        height: 356px;
        position: relative;
    }

    section.customize .left_side {
        width: 304px;
    }

    section.customize .left_side p {
        font-size: 1em;
        text-align: left;
    }
}

@media only screen and (max-width: 980px) {
    section .left_side h2 {
        font-size: 2.15em;
    }
}

@media only screen and (max-width: 768px) {
    .try_now_container .learn_more {
        margin-bottom: 1.2em;
    }

    .mobile_section_bg_container {
        display: block;
    }

    .intro .for_mobile {
        display: none;
    }

    .bg_image.for_small {
        display: block;
    }

    .bg_image.for_desktop {
        display: none;
    }

    .intro .left_side .for_small {
        float: right;
        width: 50%;
    }

    .hydrawise_contractor_page_title {
        border-bottom: 1px solid #ccc;
        font-size: 6vw;
        line-height: 1.2;
        margin: 0.6em 4% 0;
        padding-bottom: 3vw;
        text-align: left;
    }

    .hydrawise_contractor_page_title .not_bold {
        font-size: 5vw;
    }

    section .pre_heading {
        font-size: 1.5em;
        font-style: italic;
    }

    section .left_side h2 {
        font-size: 2em;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 1.2em;
    }

    .hydrawise_contractor_page_title .not_bold {
        display: block;
        margin-left: 0;
    }

    section.intro .left_side {
        display: block;
        padding: 0;
        width: 100%;
    }

    .contractor .bg_image.for_small,
    .avoid .bg_image.for_small,
    .flow .bg_image.for_small,
    .detect .bg_image.for_small {
        display: block;
    }

    .contractor_management_features_title {
        margin-bottom: 0;
    }

    .feature_title.smaller {
        display: block;
    }

    /* Top Banner (768) -------------------- */
    .hydrawise_contractor_page_banner {
        display: none;
    }

    .hydrawise_contractor_page_banner_mobile {
        display: block;
    }

    .hydrawise_contractor_page_banner_mobile .inner_container .show_for_tiny {
        display: none;
    }

    .hydrawise_contractor_page_banner_mobile .show_for_tablet {
        display: block;
    }

    .hydrawise_contractor_page_banner_mobile .hand {
        display: none;
    }

    .hydrawise_contractor_page_banner_mobile .three_main_points_container {
        font-size: 1.6vw;
        position: absolute;
        top: 15%;
        width: 100%;
        line-height: 1.2;
    }

    .hydrawise_contractor_page_banner_mobile .three_main_points_container .save {
        padding-top: 1.2vw;
    }

    .hydrawise_contractor_page_banner_mobile p {
        line-height: 1.2;
    }

    .hydrawise_contractor_page_banner_mobile {
        color: #fff;
        position: relative;
    }

    .hydrawise_contractor_page_banner_mobile .three_main_points_container .main_point {
        float: left;
        height: 5vw;
        margin-right: 1%;
        padding: 1vw;
        width: 32.3%;
    }

    .hydrawise_contractor_page_banner_mobile .main_point .manage,
    .hydrawise_contractor_page_banner_mobile .main_point .service {
        margin-left: 1vw;
    }

    .hydrawise_contractor_page_banner_mobile .main_text {
        bottom: 0;
        display: table;
        height: 14vw;
        padding: 0 2em;
        position: absolute;
        width: 90%;
    }

    .hydrawise_contractor_page_banner_mobile .main_text h2 {
        color: #fff;
        font-family: "Sero_black", Arial, sans-serif;
        font-size: 3.3vw;
        margin: 0;
        text-transform: none;
    }

    .hydrawise_contractor_page_banner_mobile .sub_heading {
        font-family: "Sero", Arial, sans-serif;
        font-size: 2.6vw;
        font-weight: normal;
        margin: 0 0 1vw;
        padding: 0;
        text-transform: none;
    }

    .hydrawise_contractor_page_banner_mobile .main_text h2 .not_bold {
        margin-left: 2px;
    }

    .hydrawise_contractor_page_banner_mobile .description_text_and_button_container .button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #0ec3f7;
        display: inline;
        font-size: 1.1em;
        margin-bottom: 0;
        margin-left: 1.5em;
        margin-right: 0;
        padding: 0;
        position: relative;
        top: 2px;
    }

    .hydrawise_contractor_page_banner_mobile .description_text_and_button_container .button:after {
        font-family: 'fontello';
        content: '\e80c';
        font-size: 0.75em;
        margin-left: 10px;
        position: relative;
        top: -1px;
    }

    .hydrawise_contractor_page_banner_mobile .main_point .manage,
    .hydrawise_contractor_page_banner_mobile .main_point .save {
        margin-right: 11vw;
    }

    .hydrawise_contractor_page_banner_mobile .main_point .service {
        margin-left: 7vw;
        margin-right: 7vw;
    }

    .hydrawise_contractor_page_banner_mobile .main_text_inner {
        display: table-cell;
        float: none;
        text-align: center;
        vertical-align: middle;
    }

    .hydrawise_contractor_page_banner_mobile .description_text_and_button_container {
        font-size: 1.7vw;
    }

    .hydrawise_contractor_page_banner_mobile .description_text_and_button_container>p {
        line-height: 1.3;
        margin-bottom: 0;
    }

    .feature_title {
        display: none;
    }

    section .left_side,
    section .right_side {
        padding: 8% 6% 9%;
    }

    section {
        position: relative;
    }

    .mobile_section_bg_container {
        display: block;
        height: 56vw;
        overflow: hidden;
        position: relative;
        text-align: center;
    }

    .mobile_section_bg_container img {
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        min-height: 200px;
        min-width: 560px;
        position: absolute;
        right: -9999px;
        top: -9999px;
    }

    .mobile_section_bg_container h2 {
        color: #fff;
        display: block;
        font-family: "Sero_black", Arial, sans-serif;
        font-size: 6vw;
        padding-left: 1em;
        padding-right: 1em;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        z-index: 9;
    }

    /* Section - Intro (768) -------------------- */
    section.intro {
        display: table;
        font-size: 100%;
        padding: 4%;
    }

    .for_mobile {
        display: block;
        width: 100%;
    }

    .for_mobile_flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .for_mobile_flex.row {
        padding-left: 20px;
        padding-right: 20px;
    }

    .for_mobile_flex.row.align_items_center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    section.intro .right_side {
        display: none;
    }

    section.intro .left_side {
        display: block;
        width: 100%;
    }

    section p {
        font-size: 1em;
    }

    section h2 {
        font-size: 3em;
    }

    .intro .try_now_container .hydrawise_button {
        background: #fff url("/sites/default/files/logo_hydrawise_100x121.png") no-repeat scroll 1.2em 0.4em / 1.4em auto;
        border: 4px solid #e6e6e7;
        color: #00658a;
        display: block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 1.8em;
        font-weight: bold;
        height: auto;
        margin: 0 auto;
        max-width: 480px;
        padding: 0.8em 1em 0.7em 2.8em;
        text-transform: uppercase;
        width: 100%;
    }

    .intro .try_now_container .hydrawise_button:hover {
        border: 4px solid #ccc;
    }

    .intro .try_now_container {
        float: none;
    }

    /* Section - Video (768) -------------------- */
    .video_section {
        padding: 0;
    }

    /* Section - Improve Your Bottom Line (768) -------------------- */
    section.improve {
        height: auto;
    }

    section.improve .left_side {
        display: block;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
    }

    section.improve .left_side .no_bold {
        display: inline;
    }

    section.improve .left_side h3 {
        margin-bottom: 1em;
        margin-top: 1.1em;
        font-size: 5vw;
    }

    section.improve .left_side {
        padding: 10% 6%;
    }

    /* Section - Give Them What They Want (768) -------------------- */
    section.give {
        height: auto;
    }

    section.give .left_side {
        display: block;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
    }

    section.give .left_side .no_bold {
        display: inline;
    }

    section.give .left_side h3 {
        margin-bottom: 1em;
        margin-top: 1.1em;
        font-size: 5vw;
    }

    section.give .left_side {
        padding: 10% 6%;
    }

    /* Section - Contractor Dashboard (768) -------------------- */
    .contractor .for_desktop.bg_image {
        display: none;
    }

    section.contractor {
        height: auto;
    }

    section.contractor .right_side {
        display: block;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
        padding: 10% 6%;
    }

    section.contractor .right_side p {
        text-align: left;
    }

    .contractor_management_features_title h2 {
        font-size: 5.5vw;
    }

    /* Section - Avoid Costly Visits (768) -------------------- */
    .avoid .for_desktop.bg_image {
        display: none;
    }

    section.avoid {
        height: auto;
    }

    section.avoid .left_side {
        display: block;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
    }

    section.avoid .left_side p {
        text-align: left;
    }

    /* Section - Flow Monitoring (768) -------------------- */
    .flow .for_desktop.bg_image {
        display: none;
    }

    section.flow {
        height: auto;
    }

    section.flow .right_side {
        display: block;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
        padding: 10% 6%;
    }

    section.flow .right_side p {
        text-align: left;
    }

    /* Section - Detect Faulty Wiring (768) -------------------- */
    .detect .for_desktop.bg_image {
        display: none;
    }

    section.detect {
        height: auto;
    }

    section.detect .right_side {
        display: block;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
        padding: 10% 6%;
    }

    section.detect .right_side p {
        text-align: left;
    }

    /* Section - Customize Permissions (768) -------------------- */
    .customize .for_desktop.bg_image {
        display: none;
    }

    section.customize {
        height: auto;
    }

    section.customize .left_side {
        display: block;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
    }

    section.customize .left_side p {
        text-align: left;
    }

    /* Section - Quote (768) -------------------- */
    /* Section - Try Now CTA (768) -------------------- */
    /* Section - Additional Software Features (768) -------------------- */
    h2.line::after {
        display: none;
    }

    .feature_title.smaller {
        margin-top: 0;
    }

    h2.line span {
        padding: 0;
    }

    .additional_software_features .inner {
        margin-bottom: 1em;
    }

    .quote_container {
        font-size: 80%;
        padding: 3em 2em;
    }

    .quote_container .about_quote p {
        padding: 0;
        line-height: 1.8;
    }

    .quote_container .about_quote h4 {
        line-height: 1.5;
        padding: 0;
        margin-bottom: 0.5em;
    }

    .quote_symbol {
        left: -2.5%;
        position: absolute;
        top: 9%;
    }

    .quote_container .about_quote p.quote_by {
        display: none;
    }

    /* Section - Try a Free Demo Today (768) -------------------- */
    .try_demo_container h3 {
        text-align: center;
    }

    .try_demo_container a {
        display: block;
        margin-left: 0;
    }

    .try_demo_container {
        border: 5px solid #f1f1f1;
        margin: 1.3em 20px 3em;
        max-width: 1110px;
        padding: 1em;
    }

    /* Section - Try Now CTA #2 (768) -------------------- */
    .try_now_container {
        padding: 1.3em;
    }
}

@media only screen and (max-width: 600px) {
    .hydrawise_contractor_page_banner_mobile {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    section .pre_heading {
        font-size: 1em;
        font-style: italic;
    }

    section.intro .left_side h2 {
        font-size: 6vw;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 1.2em;
    }
}

@media only screen and (max-width: 500px) {
    .hydrawise_contractor_page_title {
        font-size: 7vw;
        margin: 1em 4% 0;
    }

    section.improve .left_side h3 {
        font-size: 6vw;
        margin-bottom: 1em;
        margin-top: 1.1em;
    }

    section .pre_heading {
        font-size: 4.3vw;
        font-style: italic;
        margin-bottom: 0.5em;
    }

    .contractor_management_features_title {
        padding: 1.4em 1em 1.2em;
    }

    .try_now_container .hide_for_tiny {
        display: inline;
    }

    .try_now_container {
        font-size: 73%;
    }
}

@media only screen and (max-width: 480px) {
    .hydrawise_contractor_page_banner_mobile {
        display: none;
    }

    section.improve .left_side p,
    section.give .left_side p,
    section.contractor .right_side p,
    section.avoid .left_side p,
    section.flow .right_side p,
    section.detect .right_side p,
    section.customize .left_side p {
        font-size: 0.8em;
    }

    .hydrawise_contractor_page_title {
        line-height: 1.2;
    }

    .mobile_section_bg_container h2 {
        font-size: 1.8em;
        padding-left: 2em;
        padding-right: 2em;
    }
}

@media only screen and (max-width: 360px) {
    .try_now_container .hide_for_tiny {
        display: none;
    }

    .intro .try_now_container .hydrawise_button {
        padding: 0.8em 1em 0.7em 1.8em;
    }

    .try_now_container .hydrawise_button {
        padding: 0.8em 1em 0.7em 1.8em;
    }

    .contractor_management_features_title h2 {
        font-size: 6.5vw;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Contractors Page -------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Change node id when this goes live! */
.page-node-74041 h1.section_title {
    border-bottom: medium none;
    margin-bottom: 0;
}

.page-node-74041 .large-8.pull-4.main.columns {
    padding-right: 0.9375em;
    width: 71%;
}

.page-node-74041 .large-4.push-8.columns {
    padding-left: 0;
    padding-right: 0.9375em;
    width: 29%;
}

.page-node-74041 .large-8.pull-4.pull-4 {
    left: auto;
    right: 29%;
}

.page-node-74041 .large-4.push-8.push-8 {
    left: 71%;
    padding-top: 95px;
    right: auto;
}

.hpp_login_box {
    border: 10px solid #f1f1f1;
    padding: 20px;
    text-align: center;
}

.hpp_login_box img {
    margin-bottom: 20px;
    max-width: 176px;
}

.hpp_login_box a.button {
    background-color: #47abd1;
    font-size: 22px;
    margin: 0;
    padding: 16px;
    width: 100%;
}

.hpp_login_box a.button:hover {
    background-color: #2BA6CB;
}

.hpp_login_box p {
    font-style: italic;
    line-height: 1.2;
    margin-bottom: 12px;
}

.heading_hero.contractors {
    display: table;
    height: 300px;
    left: 0;
    margin: 0 auto 18px;
    max-width: 1150px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}

.heading_hero.contractors .heading_hero_bg {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/heading_hero_bg_contractors.jpg") no-repeat scroll center;
    height: 300px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.heading_hero.contractors .hero_content {
    display: table-cell;
    vertical-align: middle;
}

.heading_hero.contractors .hero_content h1 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 42px;
    line-height: 1.3;
    padding: 0 6%;
    text-align: center;
    text-transform: none;
}

.block_this {
    display: block;
}

.contractors_page_container .accordion_columns div a {
    color: #47abd1;
    display: block;
    line-height: 1.8;
}

.contractors_page_container .accordion_columns div a:hover {
    color: #389CC2;
}

.contractors_page_container .accordion_columns .accordion_1 div a {
    line-height: 1.3;
    margin-bottom: 1em;
}

.contractors_page_container .accordion_columns.first_cols li.accordion_col .inner_column_container_outer {
    border-color: #e6e6e7 #e6e6e7 #00658a;
    border-style: solid;
    border-width: 1px 1px 10px 1px;
    display: inline-block;
    width: 100%;
}

.contractors_page_container .accordion_columns.first_cols li.accordion_col .inner_column_container_outer .inner_column_container {
    border: none;
}

.contractors_page_container .first_cols .inner_column_container {
    min-height: 470px;
    padding: 6px 18px 18px;
    width: 100%;
}

.contractors_page_container .inner_column_container {
    border-top: 1px solid #e6e6e7;
    border-right: 1px solid #e6e6e7;
    border-left: 1px solid #e6e6e7;
    border-bottom: 10px solid #00658a;
    min-height: 560px;
    padding: 6px 18px 18px;
    width: 100%;
}

.contractors_page_container .accordion_columns.first_cols .inner_column_container {
    min-height: 270px;
}

.contractors_page_container .accordion_columns.first_cols .column_heading {
    background-color: #f7f7f7;
    padding: 10px 10px 10px 20px;
}

.contractors_page_container .accordion_columns.first_cols .column_heading h3 {
    color: #00658a;
    margin-bottom: 0;
    padding-bottom: 0;
}

.contractors_page_container .accordion_columns {
    margin-bottom: 0;
}

.contractors_page_container .accordion_columns .large-block-grid-2>li {
    padding: 0 0.25em 1.25em;
    width: 50%;
}

.contractors_page_container .accordion_columns .column_heading h2 {
    /*border-bottom: 1px solid #e6e6e7;
    */
    color: #00658a;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 0.8em;
}

.contractors_page_container .accordion_columns .column_heading .not_bold {
    display: block;
    text-transform: none;
    margin-left: 0;
}

.contractors_page_container .accordion_columns.first_cols h2 {
    color: #00658a;
}

.contractors_page_container .heading_with_line {
    display: inline-block;
    padding: 0;
    position: relative;
    width: 100%;
    font-weight: bold;
}

.contractors_page_container .heading_with_line:after {
    border-bottom: 2px solid #00658a;
    content: "";
    margin-left: 8px;
    margin-right: 40px;
    position: absolute;
    top: 0.875em;
    /* 21px/24px */
    width: 100%;
}

.contractors_page_container .accordion_columns.first_cols h2 .not_bold {
    text-transform: capitalize;
    display: block;
    margin-left: 0;
    line-height: 1;
}

.contractors_page_container .accordion_columns.first_cols h2 {
    border: 1px solid #e6e6e7;
    margin-bottom: 7px;
    overflow: hidden;
    padding: 28px 15px 8px;
}

.contractors_page_container .heading_inner_container {
    display: block;
    overflow: hidden;
}

.contractors_page_container .accordion_columns .accordion_col .inner_column_container h4,
.contractors_page_container .accordion_columns .accordion_col .inner_column_container h3 {
    font-size: 20px;
}

.contractors_page_container .accordion_columns .ui-state-default,
.contractors_page_container .accordion_columns .ui-widget-content,
.contractors_page_container .accordion_columns .ui-state-default,
.contractors_page_container .accordion_columns .ui-widget-header,
.contractors_page_container .accordion_columns .ui-state-default {
    background: none;
    border-bottom: none;
    border-top: 1px solid #e6e6e7;
    border-right: none;
    border-left: none;
    border-radius: 0;
    color: #47abd1;
    font-family: "Sero_light", Arial, sans-serif;
    text-transform: none;
    padding: 0.9em 0.5em 0.7em 0.7em;
}

.contractors_page_container .accordion_columns.first_cols .ui-state-default:first-child,
.contractors_page_container .accordion_columns.first_cols .ui-widget-content:first-child,
.contractors_page_container .accordion_columns.first_cols .ui-state-default:first-child,
.contractors_page_container .accordion_columns.first_cols .ui-widget-header:first-child,
.contractors_page_container .accordion_columns.first_cols .ui-state-default:first-child {
    border-top: none;
}

.contractors_page_container .accordion_columns .just_a_line {
    border-top: 1px solid #e6e6e7;
}

.contractors_page_container .callout_column a.inner {
    color: inherit;
    display: block;
}

.contractors_page_container .accordion_columns .ui-widget-content {
    background: none;
    border: none;
}

.contractors_page_container .accordion_columns .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

.contractors_page_container .accordion_columns .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

.contractors_page_container .accordion_columns .ui-accordion-header:after {
    color: #ccc;
    float: right;
    font-family: "fontello";
    content: '\e829';
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 42%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contractors_page_container .accordion_columns .accordion_col .inner_column_container .ui-accordion-header {
    padding-right: 45px;
}

.contractors_page_container .accordion_columns ul.small-block-grid-1.large-block-grid-3 li,
.contractors_page_container .three_callouts_container.small-block-grid-1.large-block-grid-3 li {
    padding: 0 0.2em;
}

.contractors_page_container .accordion_faq {
    padding: 0 0.2em 1em;
    position: relative;
}

.contractors_page_container .accordion_columns .ui-accordion-header-active:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.contractors_page_container .accordion_columns ul,
.contractors_page_container ul.three_callouts_container {
    margin: 0 -0.25em;
}

.contractors_page_container .accordion_columns .ui-accordion .ui-accordion-content {
    padding: 1.5em 1em 1em;
}

.contractors_page_container .ui-accordion-content p {
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
    color: #3b3b3b;
}

.contractors_page_container .ui-accordion-content p a {
    font-family: "Sero_bold", Arial, sans-serif;
    display: inline;
    text-transform: none;
    margin-left: 0.4em;
    color: #47abd1;
}

.contractors_page_container section.faq .ui-accordion-content p a {
    margin-left: 0;
    font-family: "Sero", Arial, sans-serif;
}

.contractors_page_container section:not(.faq) .ui-accordion-content p a:after {
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
}

.contractors_page_container a.with_arrow:after {
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
}

.contractors_page_container .hunters_highlights {
    border: 10px solid #f4f4f4;
    display: inline-block;
    margin: 4em -1em 0;
    padding: 0 0.8em 1em;
    width: 103%;
}

.contractors_page_container .above_stroke {
    background-color: #fff;
    color: #00658a;
    display: inline;
    left: 1em;
    padding: 0.6em;
    position: relative;
    top: -0.8em;
}

.contractors_page_container .above_stroke .not_bold {
    margin-left: 0;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}

.contractors_page_container .social_heading_facebook {
    background-color: #00658a;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 3px 7px 2px;
}

.contractors_page_container .social_heading_twitter {
    background-color: #47abd1;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 3px 7px 2px;
}

.contractors_page_container .block-views-latest-news-block-2 h2.block-title {
    display: none;
}

.contractors_page_container #block-views-latest-news-block-2 .view-latest-news.view-display-id-block_2 .views-field-field-featured-image {
    border: 2px solid #e6e6e7;
    float: left;
    height: auto;
    margin-right: 0.6em;
    width: 40%;
}

.contractors_page_container .view-display-id-block_2 .view-content h3 {
    float: right;
    font-size: 1em;
    text-transform: none;
    width: 56%;
    line-height: 1.3;
}

.contractors_page_container .view-display-id-block_2 .view-content .views-row {
    /*border-bottom: 1px solid #e6e6e7;
    */
    display: inline-block;
    margin-bottom: 1.4em;
    padding-bottom: 2em;
}

.contractors_page_container .view-display-id-block_2 .view-content .views-row.views-row-last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.contractors_page_container .highlights_heading {
    color: #00658a;
    font-size: 1.1em;
    margin-bottom: 1em;
    margin-top: 0.9em;
}

.contractors_page_container .view-display-id-block_2 .views-row {
    position: relative;
}

.contractors_page_container .view-display-id-block_2 .views-row:after {
    border-bottom: 1px solid #e6e6e7;
    bottom: 0;
    content: "";
    display: block;
    left: 18%;
    position: absolute;
    width: 66%;
}

.contractors_page_container .view-display-id-block_2 .views-row.views-row-last:after {
    border-bottom: none;
}

.contractors_page_container .hunters_highlights .small-block-grid-1.large-block-grid-3>li {
    padding: 0 1.5em;
}

.contractors_page_container #twitter-widget-0 {
    border: 1px solid #e6e6e7 !important;
}

.contractors_page_container .contact_distributor_container {
    background-color: #f7f7f7;
    font-size: 18px;
    padding: 1.6em 1.4em 1.2em;
}

.contact_distributor_container .contact_a_rep.button {
    float: right;
    line-height: 0.8;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 48px;
    width: auto;
}

.contact_distributor_container .contact_a_rep .icon-right-open-1 {
    font-size: 14px;
    margin-left: 54px;
    position: absolute;
    right: 20px;
    top: 38px;
}

.contact_distributor_container h3 {
    font-style: italic;
    margin-bottom: 6px;
    text-transform: none;
}

.contact_distributor_container p {
    line-height: 1.5;
    margin-bottom: 0;
}

.facebook_block .social_heading_facebook {
    background-color: #3b5998;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 7px 9px 4px;
}

.facebook_block {
    background-color: #f7f7f7;
    margin-top: 16px;
    padding: 10px 10px 4px;
}

.facebook_block h2.block-title {
    color: #00658a;
    font-size: 18px;
    margin-bottom: 0;
}

.hunter_headlines_sidebar {
    border: 1px solid #e6e6e7;
    margin-top: 16px;
}

.hunter_headlines_sidebar h2.block-title {
    background-color: #f7f7f7;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 6px 10px 4px;
}

.hunter_headlines_sidebar h2.block-title a {
    color: #00658a;
}

.hunter_headlines_sidebar .view-latest-news .views-field.views-field-field-featured-image {
    border: 2px solid #e6e6e7;
    float: left;
    height: auto;
    margin-right: 0.6em;
    width: 40%;
}

.hunter_headlines_sidebar .content .content {
    padding: 20px 10px;
}

.hunter_headlines_sidebar .view-latest-news .view-content h3 {
    float: right;
    font-size: 0.9em;
    line-height: 1.3;
    text-transform: none;
    width: 56%;
}

.hunter_headlines_sidebar .view-latest-news .view-content .views-row {
    /*border-bottom: 1px solid #e6e6e7;
    */
    display: inline-block;
    margin-bottom: 1.4em;
    padding-bottom: 2em;
}

.hunter_headlines_sidebar .view-latest-news .view-content .views-row.views-row-last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.hunter_headlines_sidebar .view-latest-news .views-row {
    position: relative;
}

.hunter_headlines_sidebar .view-latest-news .views-row:after {
    border-bottom: 1px solid #e6e6e7;
    bottom: 0;
    content: "";
    display: block;
    left: 18%;
    position: absolute;
    width: 66%;
}

.hunter_headlines_sidebar .view-latest-news .views-row.views-row-last:after {
    border-bottom: none;
}

.contractors_page_container .accordion_columns .accordion_1 div a {
    line-height: 1.3;
    margin-bottom: 1em;
}

.contractors_page_container .accordion_columns .ui-accordion div a {
    font-family: "Sero_bold", Arial, sans-serif;
}

.contractors_page_container .ui-accordion-content p a {
    font-family: "Sero_bold", Arial, sans-serif;
    display: inline;
    text-transform: none;
    margin-left: 0.4em;
    color: #47abd1;
}

.contractors_page_container section .ui-accordion-content p a:after {
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
}

.no_margin {
    margin: 0;
}

.contractors_page_container .ui-accordion-content p a.no_margin {
    margin: 0;
}

@media only screen and (max-width: 1120px) {
    .heading_hero.contractors .hero_content h1 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1050px) {
    .contractors_page_container .inner_column_container {
        min-height: 660px;
    }
}

@media only screen and (max-width: 1020px) {
    .hunter_headlines_sidebar .view-latest-news .views-field.views-field-field-featured-image {
        float: left;
        height: auto;
        margin-right: 0;
        width: 100%;
    }

    .hunter_headlines_sidebar .view-latest-news .view-content h3 {
        width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .contractors_page_container .accordion_columns.first_cols .inner_column_container {
        min-height: 320px;
    }
}

@media only screen and (max-width: 768px) {
    .show_for_tablet .hpp_login_box {
        margin-bottom: 20px;
    }

    .page-node-74041 .facebook_block {
        margin-top: 0;
    }

    .page-node-74041 .large-8.pull-4.main.columns {
        padding-right: 0;
        width: 100%;
    }

    .page-node-74041 .large-8.pull-4.pull-4 {
        left: auto;
        right: auto;
    }

    .page-node-74041 .large-4.push-8.push-8 {
        left: auto;
        padding-top: 100px;
        right: auto;
    }

    .page-node-74041 .large-4.push-8.columns {
        padding-left: auto;
        padding-right: auto;
        width: 100%;
    }

    .page-node-74041 .large-4.push-8.columns .hpp_login_block {
        display: none;
    }

    .contractors_page_container .accordion_columns .large-block-grid-2>li {
        padding: 0 0.25em 1.25em;
        width: 100%;
    }

    .contractors_page_container .accordion_columns ul,
    .contractors_page_container ul.three_callouts_container {
        margin: 0 -0.25em;
    }

    .page-node-74041 .large-8.pull-4.main.columns {
        padding-right: 0.9375em;
        width: 100%;
    }

    .hunter_headlines_sidebar .view-latest-news .views-field.views-field-field-featured-image {
        border: 2px solid #e6e6e7;
        float: left;
        height: auto;
        margin-right: 0.6em;
        width: 40%;
    }

    .hunter_headlines_sidebar .content .content {
        padding: 20px 10px;
    }

    .hunter_headlines_sidebar .view-latest-news .view-content h3 {
        float: right;
        font-size: 0.9em;
        line-height: 1.3;
        text-transform: none;
        width: 56%;
    }

    .contractors_page_container .accordion_columns.first_cols h2 {
        font-size: 1.5em;
        padding-bottom: 10px;
        padding-top: 20px;
    }

    .contractors_page_container .accordion_columns.first_cols .inner_column_container,
    .contractors_page_container .accordion_columns .inner_column_container {
        min-height: 0;
    }

    .contact_distributor_container .contact_a_rep.button {
        width: 100%;
    }

    .page-node-74041 .large-4.push-8.columns {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .heading_hero.contractors .hero_content h1 {
        font-size: 30px;
    }

    .contractors_page_container .inner_column_container {
        padding-top: 16px;
    }

    .contact_distributor_container .contact_a_rep .icon-right-open-1 {
        position: absolute;
        right: 20px;
        top: 38px;
    }

    .page-node-74041 .large-4.push-8.push-8 {
        padding-top: 16px;
    }

    .contractors_page_container .accordion_columns .accordion_col .inner_column_container h4,
    .contractors_page_container .accordion_columns .accordion_col .inner_column_container h3 {
        font-size: 18px;
    }

    .contractors_page_container .heading_hero.contractors {
        margin-left: -6%;
        width: 112%;
    }

    .hunter_headlines_sidebar .view-latest-news .view-content h3 {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 480px) {
    .hunter_headlines_sidebar .view-latest-news .view-content h3 {
        font-size: 1em;
    }
}

@media only screen and (max-width: 400px) {
    .hunter_headlines_sidebar .view-latest-news .view-content h3 {
        width: 100%;
    }

    .hunter_headlines_sidebar .view-latest-news .views-field.views-field-field-featured-image {
        margin-right: 0;
        width: 100%;
    }

    .contact_distributor_container .contact_a_rep .icon-right-open-1 {
        margin-left: 20px;
    }

    .contact_distributor_container .contact_a_rep.button {
        line-height: 1;
    }

    .contact_distributor_container .contact_a_rep .icon-right-open-1 {
        bottom: 15px;
        top: auto;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Designers Page ---------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.node-type-basic-page-with-hero .large-3.push-9.columns {
    padding-right: 0;
}

.node-type-basic-page-with-hero .large-9.pull-3.columns {
    padding-left: 0;
}

@media only screen and (max-width: 1174px) {
    .node-type-basic-page-with-hero .large-3.push-9.columns {
        padding-right: 0.9375em;
    }

    .node-type-basic-page-with-hero .large-9.pull-3.columns {
        padding-left: 0.9375em;
    }

    .node-type-basic-page-with-hero h1.section_title {
        padding-left: 20px;
    }
}

.node-type-basic-page-with-hero h2.block-title {
    background-color: #00658a;
    color: #fff;
    font-size: 20px;
    padding: 10px 16px 8px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.2;
    font-family: "Sero_bold", Arial, sans-serif;
    position: relative;
}

.node-type-basic-page-with-hero h2.block-title a {
    color: #fff;
}

.node-type-basic-page-with-hero h1.section_title {
    margin-left: auto;
    margin-right: auto;
    max-width: 1150px;
    margin-bottom: 0;
    border: none;
    padding-bottom: 16px;
}

.designers_page_container {
    margin: 0 auto;
    max-width: 1150px;
}

.heading_hero.designers {
    display: table;
    height: 300px;
    left: 0;
    margin: 0 auto 32px;
    max-width: 1150px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}

.heading_hero.designers .heading_hero_bg {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/heading_hero_bg_designers.jpg") no-repeat scroll 80% 62% / 124% auto;
    height: 300px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.heading_hero.designers .hero_content {
    display: table-cell;
    vertical-align: middle;
}

.heading_hero.designers .hero_content h1 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 42px;
    padding: 0 8%;
    text-align: center;
    text-transform: none;
    line-height: 1.3;
}

.designers_anchors li {
    text-align: center;
}

.designers_anchors ul li {
    width: 22%;
}

.designers_anchors ul li.wider {
    width: 34%;
}

.designers_anchors svg {
    color: #47abd1;
    display: block;
    fill: #47abd1;
    height: 80px;
    margin: 0 auto;
    position: relative;
    width: 80px;
}

.designers_anchors a:hover svg {
    color: #00658a;
    fill: #00658a;
}

.designers_anchors a:hover {
    color: #00658a;
}

.designers_anchors li {
    float: left;
    list-style: outside none none;
}

.designers_page_container .intro_blurb {
    display: inline-block;
    margin-top: 50px;
}

.anchor_links_nav .anchor_label {
    display: inline-block;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 10px;
}

.block.external_links {
    margin-top: 32px;
}

.block.external_links .content {
    border-bottom: 1px solid #cfcdcb;
    border-left: 1px solid #cfcdcb;
    border-right: 1px solid #cfcdcb;
    padding: 20px;
}

.block.external_links .menu {
    display: inline-block;
}

.block.external_links p {
    font-size: 15px;
    line-height: 1.5;
}

.block.external_links li {
    font-size: 15px;
    margin: 0 0 12px;
}

.quote_container_sidebar {
    background-color: #f1f1f1;
    color: #666666;
    padding: 40px 20px 0;
    position: relative;
}

.quote_container_sidebar .quote_author {
    float: right;
}

.designers_page_container h2 {
    border-bottom: 1px solid #ccc;
    color: #00658a;
    font-family: "Sero", Arial, sans-serif;
    font-size: 36px;
    margin-bottom: 32px;
    padding-bottom: 16px;
    text-transform: none;
}

.designers_page_container .anchor_links_nav {
    margin-bottom: 50px;
}

.resource_item {
    display: inline-block;
    margin-bottom: 30px;
}

.resource_item a {
    display: block;
    font-size: 20px;
    margin-bottom: 8px;
    text-transform: uppercase;
    line-height: 1.2;
}

.resource_item a .icon-chevron-right:before {
    color: #47abd1;
    content: "→";
    margin-left: 10px;
}

.resource_item .view_all {
    display: inline;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 13px;
    margin-left: 8px;
    text-transform: uppercase;
}

.quote_container_sidebar .quote_symbol {
    left: 10px;
    position: absolute;
    top: 9px;
    width: 120px;
}

.quote_container_sidebar p {
    font-style: italic;
}

.quote_container_sidebar a {
    font-family: "Sero_bold", Arial, sans-serif;
}

.view-display-id-designer_page_site_studies li .inner_container {
    overflow: hidden;
    position: relative;
}

.view-display-id-designer_page_site_studies li .inner_container .title {
    font-family: "Sero", Arial, sans-serif;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    display: table;
    font-size: 15px;
    height: 80px;
    line-height: 20px;
    padding: 12px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
}

.view-display-id-designer_page_site_studies li .inner_container .title span {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.view-display-id-designer_page_site_studies li .inner_container .read_more_slider {
    background: rgba(43, 197, 245, 0.8) none repeat scroll 0 0;
    bottom: -80px;
    display: table;
    font-size: 15px;
    height: 80px;
    line-height: 20px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.view-display-id-designer_page_site_studies li .inner_container .read_more_slider a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.view-display-id-designer_page_site_studies li .inner_container .read_more_slider a:after {
    content: "→";
    font-family: Arial;
    margin-left: 10px;
}

.marketing-resources_pgs main #site_studies img {
    width: 100%;
}

@media only screen and (max-width: 420px) {
    .view-display-id-designer_page_site_studies ul.small-block-grid-2 li {
        width: 100%;
    }
}

.designers_page_container #site_studies {
    margin-bottom: 40px;
}


#block-webform-client-block-94311 form {
    background: rgba(0, 101, 138, 1) url("/sites/default/files/bg_designers_form.jpg") no-repeat scroll 95% -90px / 126% auto;
    padding: 40px;
    float: left;
}

#block-webform-client-block-94311 fieldset {
    border: none;
    margin: 0;
    padding: 0 2.5em 0 2.5em;
    float: left;
    width: 50%;
}

@media (max-width: 768px) {
    #block-webform-client-block-94311 fieldset {
        width: 100%;
    }

    #block-webform-client-block-94311 textarea {
        height: 300px !important;
    }
}

#block-webform-client-block-94311 .form-item.webform-component--header {
    margin-top: 0;
}

#block-webform-client-block-94311 label {
    color: #cccccc;
    font-family: "Sero", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

#block-webform-client-block-94311 textarea {
    height: 550px;
    width: 100% !important;
}


#block-webform-client-block-94311 .webform-component--left-side--content,
#block-webform-client-block-94311 .webform-component--right-side--content {
    display: none;
}

#block-webform-client-block-94311 .webform-client-form .secondary.form-submit {
    margin: 2.5em;
    width: 30%;
    display: block;
    float: right;
}

.designers_form #WebToLeadForm.signup-form .required,
.designers_form #WebToLeadForm.signup-form label {
    display: inline-block;
    margin-top: 0;
}

.designers_form .chosen-container {
    display: inline-block;
    font-size: 13px;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

.designers_form .chosen-container .chosen-drop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #aaa #aaa;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    left: -9999px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1010;
}

.designers_form .chosen-container-single .chosen-single {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #d6d6d6);
    background-position: 0 -10px;
    background-repeat: repeat-x;
    background-size: 100% 60px;
    border-color: #bbbbbb #bbbbbb #939393;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #444;
    display: block;
    height: inherit;
    line-height: 24px;
    overflow: hidden;
    padding: 3px 0 3px 8px;
    position: relative;
    text-decoration: none;
    transition: all 0.1s linear 0s;
    white-space: nowrap;
}

.designers_form .chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.designers_form .chosen-container-single .chosen-drop {
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}

.designers_form .chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1010;
}

.designers_form .chosen-container .chosen-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
}

.designers_form .chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
}

.designers_form .chosen-container-active .chosen-single:hover {
    border: none;
}

.designers_form .chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item;
}

.designers_form .chosen-container .chosen-results li {
    display: none;
    line-height: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 6px 8px;
}

.designers_form .chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.designers_form #WebToLeadForm .error-message {
    color: #ff0000;
    display: inline-block;
    padding: 10px;
}

@media only screen and (max-width: 480px) {
    .designers_form {
        background-image: none;
        background-color: #00658a;
        display: inline-block;
        padding: 40px;
        width: 100%;
    }
}

.designers_form .webform-client-form .form-item label {
    color: #cccccc;
    font-family: "Sero", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.designers_form .secondary.form-submit {
    margin-bottom: 0;
    margin-top: 12px;
    width: 100%;
}

.designers_form select {
    border: none;
    margin: 0;
    padding: 8px;
}

.node-type-basic-page-with-hero .designers_form h2.block-title {
    border: medium none;
    color: #b7e2f7;
    font-family: "Sero", Arial, sans-serif;
    font-size: 34px;
    line-height: 1;
    margin: 0 16px 10px;
    padding: 0;
    text-transform: none;
}

.designers_form .form-item {
    margin-bottom: 2em;
    margin-top: 2em;
}

.designers_form input {
    border: none;
    box-shadow: none;
}

.designers_form .left_side {
    width: 50%;
    float: left;
}

.designers_form .right_side {
    width: 50%;
    float: right;
}

.designers_form #WebToLeadForm .right_side textarea {
    height: 550px;
    width: 100% !important;
}

.designers_form .form_intro_text p {
    color: #ccc;
    font-size: 18px;
    font-style: italic;
    line-height: 1.5;
}

.form_intro_text {
    margin: 0 16px 30px;
}

.find_a_contractor.block .bold_italic {
    color: #666;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: 16px;
}

.find_a_contractor.block .content {
    border: 1px solid #cfcdcb;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.contact_a_contractor.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #47abd1;
    padding: 0;
    text-align: left;
    margin-bottom: 0;
}

.contact_a_contractor .not_bold {
    display: block;
    line-height: 1.4;
    margin: 0 0 6px;
    text-transform: none;
}

.contact_a_contractor .icon-right-open-1 {
    font-size: 14px;
    margin-left: 14px;
    position: relative;
    top: -1px;
}

.resource_desktop #designers_form {
    margin-bottom: 100px;
}

#contact_a_rep .resource_desktop .section_heading_container {
    display: none;
}

.tiny_right_arrow {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/down_arrow_light_blue.png") no-repeat scroll center (center / 12px) auto;
    content: " ";
    display: inline-block;
    height: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center 0;
    transform-origin: center center 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 20px;
}

div.external_links .collapsiblockCollapsed a,
div.external_links .collapsiblock a {
    background: none;
}

.resource_mobile {
    display: none;
    -webkit-transition: opacity 0.35s ease 0s;
    transition: opacity 0.35s ease 0s;
}

.block-webform-client-block-66946 {
    margin-bottom: 100px;
}

.contact_a_contractor.button:hover {
    color: #2ba6cb;
}

.node-type-basic-page-with-hero .designers_form h2.block-title {
    background: none;
}

@media only screen and (max-width: 1016px) {
    .heading_hero.designers .hero_content h1 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 768px) {
    .heading_hero.designers .hero_content h1 {
        font-size: 30px;
    }

    .designers_form .left_side {
        width: 100%;
        float: left;
        padding: 0;
    }

    .designers_form .right_side {
        width: 100%;
        float: right;
        padding: 0;
    }

    .designers_form .right_side textarea {
        height: auto;
    }

    .node-type-basic-page-with-hero .designers_form h2.block-title {
        margin: 0 0px 10px;
    }

    .form_intro_text {
        margin: 0;
    }

    section#contact_a_rep {
        margin-bottom: 20px;
    }

    .block.external_links {
        margin-top: 1px;
    }

    .quote_container_sidebar {
        background-color: #fff;
        margin-bottom: 20px;
    }

    div.external_links .collapsiblock a:after {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/down_arrow_white.png") no-repeat scroll center (center / 24px) auto;
        content: " ";
        height: 30px;
        position: absolute;
        right: 20px;
        width: 30px;
        top: 6px;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: all .5s;
        -moz-transform-origin: center center;
        -webkit-transform-origin: center center;
        -o-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    div.external_links .collapsiblockCollapsed a:after {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/down_arrow_white.png") no-repeat scroll center (center / 24px) auto;
        content: " ";
        position: absolute;
        right: 20px;
        top: 6px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .5s;
        -moz-transform-origin: center center;
        -webkit-transform-origin: center center;
        -o-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    .block-webform-client-block-66946 {
        margin-bottom: 10px;
    }

    .find_a_contractor.block .bold_italic {
        display: none;
    }

    .find_a_contractor.block .content {
        border: medium none;
        margin-bottom: 30px;
        margin-top: 40px;
        padding: 0;
    }

    .contact_a_contractor.button {
        background: #47abd1 none repeat scroll 0 0;
        color: #fff;
        display: inline-block;
        margin-bottom: 0;
        padding: 10px 15px;
        text-align: left;
        width: 100%;
    }

    .contact_a_contractor.button:hover {
        background-color: #2ba6cb;
        color: #fff;
    }

    .resource_desktop #designers_form {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .designers_page_container .anchor_links_nav .anchor_label {
        font-size: 16px;
    }
}

@media only screen and (max-width: 570px) {
    .node-type-basic-page-with-hero .designers_form h2.block-title {
        display: inline-block;
        font-size: 26px;
        line-height: 1.2;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 480px) {
    .designers_form {
        padding: 20px;
    }

    .block.external_links {
        margin-left: -5%;
        width: 110%;
    }

    .node-type-basic-page-with-hero .external_links h2.block-title {
        padding-left: 8%;
        padding-right: 8%;
    }

    div.external_links .collapsiblockCollapsed a:after {
        right: 8%;
    }

    div.external_links .collapsiblock a:after {
        right: 8%;
    }

    .heading_hero.designers {
        height: 200px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .heading_hero.designers .heading_hero_bg {
        height: 200px;
    }

    .designers_page_container .anchor_links_nav {
        margin-bottom: 0;
    }

    .heading_hero.designers .hero_content h1 {
        font-size: 26px;
    }

    .designers_page_container .intro_blurb {
        display: none;
    }

    .resource_mobile {
        display: block;
    }

    .resource_desktop {
        display: none;
    }

    /* Special treatment for Contact section */
    #contact_a_rep .resource_desktop {
        display: block;
        margin-left: -5%;
        width: 110%;
    }

    #contact_a_rep .resource_desktop .section_heading_container {
        display: table;
        margin-bottom: 1px;
        padding: 10px 2px;
        width: 100%;
    }

    #contact_a_rep .resource_desktop .section_heading_container .section_icon {
        display: table-cell;
        float: none;
        vertical-align: middle;
        width: 100px;
    }

    .designers_page_container #contact_a_rep .resource_desktop h2 {
        padding: 2px 0 0;
    }

    #contact_a_rep.folded .resource_desktop #designers_form {
        height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 20px;
    }

    .resource_desktop #designers_form {
        margin-bottom: 0;
    }

    .designers_anchors {
        display: none;
    }

    .unfolded .resource_mobile .resource_list {
        height: auto;
        opacity: 1;
        padding: 30px 20px;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }

    .folded .resource_mobile .resource_list {
        height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0px 20px;
    }

    .designers_page_container .section_heading_container svg {
        color: #47abd1;
        display: block;
        fill: #47abd1;
        height: 60px;
        margin: 0 auto;
        position: relative;
        width: 60px;
    }

    .section_icon {
        float: left;
    }

    .designers_page_container h2 {
        border-bottom: none;
    }

    .section_heading_container {
        background-color: #f1f1f1;
    }

    .resource_mobile .section_heading_container {
        display: table;
        margin-bottom: 1px;
        padding: 10px 2px;
        width: 100%;
    }

    .resource_mobile .section_heading_container .section_icon {
        display: table-cell;
        float: none;
        vertical-align: middle;
        width: 100px;
    }

    .designers_page_container h2 {
        border-bottom: medium none;
        display: table-cell;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        color: #47abd1;
        font-size: 22px;
    }

    .designers_page_container .resource_mobile h2 {
        padding: 2px 0 0;
    }

    .resource_mobile {
        display: block;
        margin-left: -5%;
        width: 110%;
    }

    .designers_page_container #site_studies {
        margin-bottom: 0;
    }

    .expand_arrow {
        background: rgba(0, 0, 0, 0) url("/sites/default/files/down_arrow_light_blue.png") no-repeat scroll center (center / 24px) auto;
        content: " ";
        display: table-cell;
        height: 50px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center center 0;
        transform-origin: center center 0;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        vertical-align: middle;
        width: 80px;
    }

    .section.unfolded .expand_arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: center center 0;
        transform-origin: center center 0;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    #contact_a_rep.unfolded .resource_mobile .resource_list {
        height: auto;
        opacity: 1;
        padding: 0;
    }

    .block.external_links .content {
        border: none;
    }
}

@media only screen and (max-width: 380px) {
    .heading_hero.designers .hero_content h1 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 360px) {
    .block.external_links {
        margin-left: -6%;
        width: 112%;
    }

    .resource_mobile {
        display: block;
        margin-left: -6%;
        width: 112%;
    }
}

@media only screen and (max-width: 350px) {
    .designers_page_container h2 {
        font-size: 18px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Distributor's Page ------------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.distributors_page_container {
    margin: 0 auto;
    max-width: 1150px;
}

@media only screen and (max-width: 400px) {
    .distributors_page_container {
        width: 104%;
        margin: 0 -2%;
    }
}

.heading_hero.distributors {
    display: table;
    height: 300px;
    left: 0;
    margin: 0 auto 32px;
    max-width: 1150px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}

.heading_hero.distributors .heading_hero_bg {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter_responsive/images/heading_hero_bg_distributors.jpg") no-repeat scroll 80% 22% / 124% auto;
    height: 300px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.heading_hero.distributors .hero_content {
    display: table-cell;
    vertical-align: middle;
}

.heading_hero.distributors .hero_content h1 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 42px;
    padding: 0 8%;
    text-align: center;
    text-transform: none;
    line-height: 1.3;
}

.block_this {
    display: block;
}

.distributors_page_container .accordion_columns div a {
    color: #47abd1;
    display: block;
    line-height: 1.8;
}

.distributors_page_container .accordion_columns div a:hover {
    color: #389CC2;
}

.distributors_page_container .accordion_columns .accordion_1 div a {
    line-height: 1.3;
    margin-bottom: 1em;
}

.distributors_page_container li.featured_video a {
    display: block;
    font-family: "Sero_bold", arial, sans-serif;
    margin-bottom: 0.4em;
    margin-top: 1em;
}

.distributors_page_container .inner_column_container {
    border-top: 1px solid #e6e6e7;
    border-right: 1px solid #e6e6e7;
    border-left: 1px solid #e6e6e7;
    border-bottom: 10px solid #00658a;
    min-height: 356px;
    padding: 18px;
}

.distributors_page_container .accordion_columns {
    margin-bottom: 1.8em;
}

.distributors_page_container .accordion_columns .column_heading h2 {
    /*border-bottom: 1px solid #e6e6e7;
    */
    color: #00658a;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 0.8em;
}

.distributors_page_container .accordion_columns .column_heading .not_bold {
    display: block;
    text-transform: none;
    margin-left: 0;
}

.distributors_page_container .accordion_columns .ui-state-default,
.distributors_page_container .accordion_columns .ui-widget-content .distributors_page_container .accordion_columns .ui-state-default,
.distributors_page_container .accordion_columns .ui-widget-header .distributors_page_container .accordion_columns .ui-state-default {
    background: none;
    border-bottom: none;
    border-top: 1px solid #e6e6e7;
    border-right: none;
    border-left: none;
    border-radius: 0;
    color: #47abd1;
    font-family: "Sero_light", Arial, sans-serif;
    text-transform: none;
    padding: 0.9em 0.5em 0.7em 0.7em;
}

.distributors_page_container .accordion_columns .just_a_line {
    border-top: 1px solid #e6e6e7;
}

.distributors_page_container .callout_column a.inner {
    color: inherit;
    display: block;
}

/*.distributors_page_container .accordion_columns .ui-state-default.last, .distributors_page_container .accordion_columns .ui-widget-content .distributors_page_container .accordion_columns .ui-state-default.last, .distributors_page_container .accordion_columns .ui-widget-header.last .distributors_page_container .accordion_columns .ui-state-default.last{
     border-bottom: 1px solid #e6e6e7;
}
 */
.distributors_page_container .accordion_columns .ui-widget-content {
    background: none;
    border: none;
}

.distributors_page_container .accordion_columns .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

.distributors_page_container .accordion_columns .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

.distributors_page_container .accordion_columns .ui-accordion-header:after {
    font-family: "fontello";
    content: '\e829';
    color: #ccc;
    font-size: 10px;
    float: right;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: relative;
    top: 4px;
}

.distributors_page_container .accordion_columns ul.small-block-grid-1.large-block-grid-3 li,
.distributors_page_container .three_callouts_container.small-block-grid-1.large-block-grid-3 li {
    padding: 0 0.2em;
}

.distributors_page_container .accordion_faq {
    padding: 0 0.2em 1em;
    position: relative;
}

.distributors_page_container .accordion_columns .ui-accordion-header-active:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.distributors_page_container .accordion_columns ul,
.distributors_page_container ul.three_callouts_container {
    margin: 0 -1.1em;
}

.distributors_page_container .accordion_columns .ui-accordion .ui-accordion-content {
    padding: 1.5em 1em 1em;
}

.distributors_page_container .ui-accordion-content p {
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
}

.distributors_page_container .ui-accordion-content p a {
    font-family: "Sero_bold", Arial, sans-serif;
    display: inline;
    text-transform: none;
    margin-left: 0.4em;
    color: #47abd1;
}

.distributors_page_container section.faq .ui-accordion-content p a {
    margin-left: 0;
    font-family: "Sero", Arial, sans-serif;
}

.distributors_page_container section:not(.faq) .ui-accordion-content p a:after {
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
}

.distributors_page_container .ui-accordion-content a.mailto {
    text-transform: none;
    margin-left: 0;
}

.distributors_page_container .ui-accordion-content a.mailto:after {
    content: "";
}

.distributors_page_container section.faq .square,
.distributors_page_container section.faq .triangle {
    position: relative;
    top: -1px;
    width: auto;
}

.distributors_page_container a.with_arrow:after {
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
}

.distributors_page_container li.featured_video a.with_arrow {
    float: right;
    margin-top: 0;
    padding-top: 0;
}

.distributors_page_container .callout_column .inner {
    background-color: #f4f4f4;
    padding: 1em 0.2em;
}

.distributors_page_container .callout_column .inner:hover {
    background-color: #D7D7D8;
}

.distributors_page_container .callout_column p {
    margin-bottom: 0;
    line-height: 1.3;
}

.distributors_page_container .callout_column .innermost {
    margin: 0 auto;
    max-width: 300px;
}

.distributors_page_container .callout_column h4 {
    font-size: 1.3em;
    text-align: center;
    text-transform: none;
}

.distributors_page_container .hunters_highlights {
    border: 10px solid #f4f4f4;
    display: inline-block;
    margin: 4em -1em 0;
    padding: 0 0.8em 1em;
    width: 103%;
}

.distributors_page_container .above_stroke {
    background-color: #fff;
    color: #00658a;
    display: inline;
    left: 1em;
    padding: 0.6em;
    position: relative;
    top: -0.8em;
}

.distributors_page_container .above_stroke .not_bold {
    margin-left: 0;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}

.distributors_page_container .social_heading_facebook {
    background-color: #3b5998;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 3px 7px 2px;
}

.distributors_page_container .social_heading_twitter {
    background-color: #4099FF;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 3px 7px 2px;
}

.distributors_page_container .block-views-latest-news-block-2 h2.block-title {
    display: none;
}

.distributors_page_container #block-views-latest-news-block-2 .view-latest-news.view-display-id-block_2 .views-field-field-featured-image {
    border: 2px solid #e6e6e7;
    float: left;
    height: auto;
    margin-right: 0.6em;
    width: 40%;
}

.distributors_page_container .view-display-id-block_2 .view-content h3 {
    float: right;
    font-size: 1em;
    text-transform: none;
    width: 56%;
    line-height: 1.3;
}

.distributors_page_container .view-display-id-block_2 .view-content .views-row {
    display: inline-block;
    margin-bottom: 1.4em;
    padding-bottom: 2em;
}

.distributors_page_container .view-display-id-block_2 .view-content .views-row.views-row-last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.distributors_page_container .highlights_heading {
    color: #00658a;
    font-size: 1.1em;
    margin-bottom: 1em;
    margin-top: 0.9em;
}

.distributors_page_container .view-display-id-block_2 .views-row {
    position: relative;
}

.distributors_page_container .view-display-id-block_2 .views-row:after {
    border-bottom: 1px solid #e6e6e7;
    bottom: 0;
    content: "";
    display: block;
    left: 18%;
    position: absolute;
    width: 66%;
}

.distributors_page_container .view-display-id-block_2 .views-row.views-row-last:after {
    border-bottom: none;
}

.distributors_page_container .hunters_highlights .small-block-grid-1.large-block-grid-3>li {
    padding: 0 1.5em;
}

.distributors_page_container #twitter-widget-0 {
    border: 1px solid #e6e6e7 !important;
}

@media only screen and (max-width: 768px) {
    .distributors_page_container #twitter-widget-0 {
        border: none !important;
    }

    .distributors_page_container .twitter_button {
        float: left;
        margin-bottom: 20px;
        margin-right: 10px;
        position: relative;
        top: -3px;
        width: 90px;
    }

    .distributors_page_container .for_small.facebook_button {
        float: left;
        margin-right: 10px;
    }
}

.distributors_page_container .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.distributors_page_container .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.distributors_page_container h3.light_blue {
    color: #47abd1;
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 0.8em;
    margin-top: 1.4em;
    text-transform: none;
}

.distributors_page_container .featured_video p {
    font-size: 1em;
    line-height: 1.4;
}

@media only screen and (max-width: 1150px) {
    .distributors_page_container .hunters_highlights {
        width: 100%;
        margin: 2.6em 0 0;
    }

    .distributors_page_container .accordion_columns ul,
    .distributors_page_container ul.three_callouts_container {
        margin: 0;
    }

    .distributors_page_container .callout_column .inner {
        padding: 1em;
        min-height: 140px;
    }
}

@media only screen and (max-width: 960px) {
    .distributors_page_container .callout_column .inner {
        padding: 1em;
        min-height: 170px;
    }

    .heading_hero.distributors .heading_hero_bg {
        background-size: 164% auto;
    }
}

@media only screen and (max-width: 930px) {
    .distributors_page_container .view-display-id-block_2 .view-content h3 {
        font-size: 0.9em;
        width: 54%;
    }
}

@media only screen and (max-width: 800px) {
    .distributors_page_container .callout_column .inner {
        padding: 1em;
        min-height: 190px;
    }
}

@media only screen and (max-width: 768px) {
    .distributors_page_container .callout_column .inner {
        min-height: 0;
    }

    .distributors_page_container .accordion_columns ul.small-block-grid-1.large-block-grid-3 li,
    .distributors_page_container .three_callouts_container.small-block-grid-1.large-block-grid-3 li {
        padding: 0.2em;
    }

    .distributors_page_container .hunters_highlights {
        margin: 3.6em 0 0;
        width: 100%;
    }

    .distributors_page_container .view-display-id-block_2 .view-content h3 {
        font-size: 1.2em;
        width: 54%;
    }

    .distributors_page_container .callout_column .inner {
        padding: 1em;
    }

    .distributors_page_container .callout_column .innermost {
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }

    .distributors_page_container .above_stroke {
        background-color: #fff;
        color: #00658a;
        display: inline;
        font-size: 2em;
        left: 0.5em;
        padding: 0.6em;
        position: relative;
        top: -0.7em;
    }

    .distributors_page_container .highlights_heading {
        margin-top: 2em;
    }

    .distributors_page_container .highlights_heading.first {
        margin-top: 1em;
    }

    .heading_hero.distributors .heading_hero_bg {
        background-size: 204% auto;
    }
}

@media only screen and (max-width: 580px) {
    .heading_hero.distributors .heading_hero_bg {
        background-size: 254% auto;
    }
}

@media only screen and (max-width: 480px) {
    .distributors_page_container .view-display-id-block_2 .view-content h3 {
        font-size: 1em;
        width: 54%;
    }

    .distributors_page_container .above_stroke {
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 400px) {
    .distributors_page_container #block-views-latest-news-block-2 .view-latest-news.view-display-id-block_2 .views-field-field-featured-image {
        width: 100%;
        margin-right: 0;
    }

    .distributors_page_container .view-display-id-block_2 .view-content h3 {
        font-size: 1em;
        width: 100%;
    }

    .distributors_page_container .hunters_highlights {
        border: 6px solid #f4f4f4;
        padding: 0 0.2em 0.3em;
    }
}

@media only screen and (max-width: 390px) {
    .distributors_page_container .above_stroke {
        font-size: 1.4em;
    }
}

/* FAQ -------------------------------- */
.distributors_page_container .faq {
    border: 10px solid #f4f4f4;
    display: inline-block;
    margin: 4.4em -1em 7em;
    padding: 0 0.8em;
    width: 103%;
}

@media only screen and (max-width: 1150px) {
    .distributors_page_container .faq {
        width: 100%;
        margin: 4.4em 0 7em;
        padding: 0 0.8em;
    }
}

.distributors_page_container .accordion_faq .ui-state-default,
.distributors_page_container .accordion_faq .ui-widget-content .distributors_page_container .accordion_faq .ui-state-default,
.distributors_page_container .accordion_faq .ui-widget-header .distributors_page_container .accordion_faq .ui-state-default {
    background: none;
    border: none;
    background-color: #f4f4f4;
    border-radius: 0;
    color: #000;
    font-family: "Sero_light", Arial, sans-serif;
    text-transform: none;
    padding: 0.8em 2em;
    font-size: 1em;
    margin: 0 0 2px;
    line-height: 1.4;
}

.distributors_page_container .accordion_faq .ui-widget-content {
    background: none;
    border: none;
}

.distributors_page_container .accordion_faq .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

.distributors_page_container .accordion_faq .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

.distributors_page_container .accordion_faq .ui-accordion-header:after {
    font-family: "fontello";
    content: '\e829';
    color: #ccc;
    font-size: 13px;
    position: absolute;
    right: 32px;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.distributors_page_container .accordion_faq .ui-accordion-header.ui-accordion-header-active:after {
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform-origin: 50% 50%;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
    -moz-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

@media only screen and (max-width: 1120px) {
    .distributors_page_container .inner_column_container {
        min-height: 384px;
    }
}

@media only screen and (max-width: 1016px) {
    .heading_hero.distributors .hero_content h1 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 880px) {
    .distributors_page_container .inner_column_container {
        font-size: 88%;
    }

    .distributors_page_container .inner_column_container {
        min-height: 346px;
    }
}

@media only screen and (max-width: 768px) {
    .heading_hero.distributors .hero_content h1 {
        font-size: 30px;
    }

    .distributors_page_container .inner_column_container {
        font-size: 100%;
    }

    .distributors_page_container .accordion_faq .ui-state-default,
    .distributors_page_container .accordion_faq .ui-widget-content .distributors_page_container .accordion_faq .ui-state-default,
    .distributors_page_container .accordion_faq .ui-widget-header .distributors_page_container .accordion_faq .ui-state-default {
        padding: 0.8em 3.2em 0.8em 0.8em;
    }

    .distributors_page_container .accordion_faq .ui-accordion-header:after {
        position: absolute;
        right: 22px;
        top: 50%;
        -moz-transform: translateY(-50%) rotate(0deg);
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    .distributors_page_container .inner_column_container {
        min-height: 0;
    }
}

@media only screen and (max-width: 580px) {
    .heading_hero.distributors .block_this {
        display: inline;
    }
}

@media only screen and (max-width: 480px) {
    .heading_hero.distributors {
        height: 200px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .heading_hero.distributors .heading_hero_bg {
        height: 200px;
    }

    .heading_hero.distributors .hero_content h1 {
        font-size: 26px;
    }

    .distributors_page_container .accordion_columns {
        margin-top: 1em;
    }
}

@media only screen and (max-width: 400px) {
    .distributors_page_container .ui-accordion .ui-accordion-content {
        padding: 1em;
    }

    .distributors_page_container .faq {
        border: 6px solid #f4f4f4;
        padding: 0 0.2em;
    }

    .distributors_page_container .accordion_faq {
        padding: 0 0.2em 0.3em;
    }

    .distributors_page_container .inner_column_container {
        min-height: 0;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Grow to Go Pages -------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Hide all customer type specific content until page loads */
.for_contractors,
.for_distributors,
.for_specifiers,
.for_ewing {
    display: none;
}

.for_distributors_and_contractors {
    display: none;
}

.for_distributors_and_contractors.visible {
    display: block;
}

span.for_distributors_and_contractors.visible {
    display: inline-block;
}

.for_contractors.visible,
.for_distributors.visible,
.for_specifiers.visible {
    display: block;
}

span.for_contractors.visible,
span.for_distributors.visible,
span.for_specifiers.visible {
    display: inline-block;
}

#grow_to_go_landing_page .smooth_scroll_links li.for_distributors_and_contractors {
    display: none;
}

#grow_to_go_landing_page .smooth_scroll_links li.for_distributors_and_contractors.visible {
    display: inline-block;
}

.button.fx_orange {
    background-color: #EE7623;
}

section .left_side.for_contractors,
section .left_side.for_distributors,
section .left_side.for_specifiers {
    display: none;
}

section .left_side.for_contractors.visible,
section .left_side.for_distributors.visible,
section .left_side.for_specifiers.visible {
    display: table-cell;
    vertical-align: middle;
}

.for_contractors.mobile,
.for_distributors.mobile,
.for_specifiers.mobile {
    display: none;
}

.for_contractors.desktop.visible,
.for_distributors.desktop.visible,
.for_specifiers.desktop.visible {
    display: block;
}

span.for_contractors.desktop.visible,
span.for_distributors.desktop.visible,
span.for_specifiers.desktop.visible {
    display: inline-block;
}

@media screen and (max-width: 768px) {

    .for_contractors.mobile.visible,
    .for_distributors.mobile.visible,
    .for_specifiers.mobile.visible {
        display: block;
    }

    span.for_contractors.mobile.visible,
    span.for_distributors.mobile.visible,
    span.for_specifiers.mobile.visible {
        display: inline-block;
    }

    .for_contractors.desktop.visible,
    .for_distributors.desktop.visible,
    .for_specifiers.desktop.visible {
        display: none;
    }
}

/* Hero ------------------- */
svg#grow_to_go_logo {
    width: 436px;
    height: auto;
    margin-top: 2em;
}

@-webkit-keyframes animateSun {
    0% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    100% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
}

svg#grow_to_go_logo #sun {
    -webkit-transform-origin: 80px 70px;
    -ms-transform-origin: 80px 70px;
    transform-origin: 80px 70px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    /*-- Add animation --*/
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-name: animateSun;
    animation-name: animateSun;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

svg#grow_to_go_logo:hover #palm_tree {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: shake 0.82s cubic-bezier(0.2, 0.07, 0.1, 0.77) both;
    animation: shake 0.82s cubic-bezier(0.2, 0.07, 0.1, 0.77) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-animation-delay: .075s;
    animation-delay: .075s;
}

@-webkit-keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0) rotate(-1deg);
        transform: translate3d(-1px, 0, 0) rotate(-1deg);
    }

    20%,
    80% {
        -webkit-transform: translate3d(1px, 0, 0) rotate(0deg);
        transform: translate3d(1px, 0, 0) rotate(0deg);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-1px, 0, 0) rotate(-1deg);
        transform: translate3d(-1px, 0, 0) rotate(-1deg);
    }

    40%,
    60% {
        -webkit-transform: translate3d(1px, 0, 0) rotate(0deg);
        transform: translate3d(1px, 0, 0) rotate(0deg);
    }
}

@keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0) rotate(-1deg);
        transform: translate3d(-1px, 0, 0) rotate(-1deg);
    }

    20%,
    80% {
        -webkit-transform: translate3d(1px, 0, 0) rotate(0deg);
        transform: translate3d(1px, 0, 0) rotate(0deg);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-1px, 0, 0) rotate(-1deg);
        transform: translate3d(-1px, 0, 0) rotate(-1deg);
    }

    40%,
    60% {
        -webkit-transform: translate3d(1px, 0, 0) rotate(0deg);
        transform: translate3d(1px, 0, 0) rotate(0deg);
    }
}

svg#grow_to_go_logo #the_plane {
    opacity: 1;
}

svg#grow_to_go_logo:hover #the_plane {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.8) translate3d(150px, -10px, 0);
    transform: scale(0.8) translate3d(150px, -10px, 0);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#grow_to_go_landing_page section#hero {
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
}

#grow_to_go_landing_page .smooth_scroll_links {
    background-color: #333;
    display: block;
    width: 100%;
    padding: 14px 10px 16px;
}

#grow_to_go_landing_page .smooth_scroll_links ul {
    list-style: none;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

#grow_to_go_landing_page .smooth_scroll_links li {
    display: inline-block;
    border-right: 1px solid #fff;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    line-height: 1.2;
}

#grow_to_go_landing_page .smooth_scroll_links li:last-of-type {
    border-right: none;
}

#grow_to_go_landing_page .smooth_scroll_links li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

#grow_to_go_landing_page .title_bar_solid {
    width: 100%;
    padding: 26px 110px 20px;
    background-color: #2BA6CB;
    text-align: center;
    margin-top: 40px;
}

#grow_to_go_landing_page .title_bar_solid h2 {
    margin: 0;
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
}

#grow_to_go_landing_page section#hero .inner_container {
    height: 744px;
    position: relative;
}

#grow_to_go_landing_page section#hero .inner {
    z-index: 2;
    position: absolute;
    max-width: 1150px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

#grow_to_go_landing_page section#hero .growtogo-ewing-logo-inner,
#grow_to_go_landing_page section#hero .growtogo-horizon-logo-inner {
    z-index: 2;
    position: relative;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

#grow_to_go_landing_page section#hero .growtogo-ewing-logo-inner #growtogo-ewing-logo,
#grow_to_go_landing_page section#hero .growtogo-horizon-logo-inner #growtogo-horizon-logo {
    max-width: 1150px;
    width: 50%;
    margin-top: 2em;
}

#grow_to_go_landing_page.ewing .vacation_dude,
#grow_to_go_landing_page.horizon .vacation_dude {
    right: 50px !important;
    z-index: 3;
}

#grow_to_go_landing_page.ewing section#hero .inner,
#grow_to_go_landing_page.horizon section#hero .inner {
    z-index: 4;
}

@media (max-width: 1600px) {

    #grow_to_go_landing_page.ewing .vacation_dude,
    #grow_to_go_landing_page.horizon .vacation_dude {
        right: 20px !important;
    }
}

@media (max-width: 1500px) {

    #grow_to_go_landing_page.ewing .vacation_dude,
    #grow_to_go_landing_page.horizon .vacation_dude {
        right: -20px !important;
    }
}

@media (max-width: 1300px) {

    #grow_to_go_landing_page.ewing .vacation_dude,
    #grow_to_go_landing_page.horizon .vacation_dude {
        right: -50px !important;
    }
}

@media screen and (max-width: 1100px) {

    #grow_to_go_landing_page.ewing section#hero .growtogo-ewing-logo-inner #growtogo-ewing-logo,
    #grow_to_go_landing_page.horizon section#hero .growtogo-horizon-logo-inner #growtogo-horizon-logo {
        width: 60%;
    }
}

@media (max-width: 980px) {

    #grow_to_go_landing_page.ewing section#hero .growtogo-ewing-logo-inner #growtogo-ewing-logo,
    #grow_to_go_landing_page.horizon section#hero .growtogo-horizon-logo-inner #growtogo-horizon-logo {
        width: 75%;
    }
}

#grow_to_go_landing_page.ewing section#hero .growtogo-ewing-logo-inner #growtogo-ewing-logo-mobile,
#grow_to_go_landing_page.horizon section#hero .growtogo-horizon-logo-inner #growtogo-horizon-logo-mobile {
    display: none;
}

@media (max-width: 500px) {

    #grow_to_go_landing_page.ewing section#hero .growtogo-ewing-logo-inner #growtogo-ewing-logo,
    #grow_to_go_landing_page.horizon section#hero .growtogo-horizon-logo-inner #growtogo-horizon-logo {
        display: none;
    }

    #grow_to_go_landing_page.ewing section#hero .growtogo-ewing-logo-inner #growtogo-ewing-logo-mobile,
    #grow_to_go_landing_page.horizon section#hero .growtogo-horizon-logo-inner #growtogo-horizon-logo-mobile {
        display: block;
        max-height: 350px;
        padding: 20px 0;
    }

    #grow_to_go_landing_page.ewing .title_bar_solid h2,
    #grow_to_go_landing_page.horizon .title_bar_solid h2 {
        font-size: 18px !important;
    }
}

#grow_to_go_landing_page.ewing th.ewing {
    background: #88c659;
}

#grow_to_go_landing_page.horizon th.horizon {
    background: #00a160;
}

#grow_to_go_landing_page.ewing td.ewing,
#grow_to_go_landing_page.horizon td.horizon {
    color: #88c659;
    font-weight: bold;
}

#grow_to_go_landing_page.horizon td.horizon {
    color: #00a160;
}

.ewing_background_shade {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.vacation_dude {
    position: absolute;
    right: 10vw;
    bottom: -100px;
}

@-webkit-keyframes fade-out {
    30% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }
}

@keyframes fade-out {
    30% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }
}

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

ul.bg_slider li {
    list-style: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 0;
    opacity: 1;
    /*-- Add animation --*/
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-image: url(/sites/default/files/banner_bg_grow_to_go_alaskan_cruise.jpg);
}

ul.bg_slider li:nth-child(2) {
    opacity: 0;
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-image: url(/sites/default/files/banner_bg_grow_to_go_barbados.jpg);
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

ul.bg_slider li:nth-child(3) {
    opacity: 0;
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-image: url(/sites/default/files/banner_bg_grow_to_go_ski_trip.jpg);
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}

ul.bg_slider li:nth-child(4) {
    opacity: 0;
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-image: url(/sites/default/files/banner_bg_grow_to_go_tokyo.jpg);
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}

@media screen and (max-width: 768px) {
    ul.bg_slider li {
        background-image: url(/sites/default/files/banner_bg_mobile_grow_to_go_alaskan_cruise.jpg);
        background-position: right bottom;
    }

    ul.bg_slider li:nth-child(2) {
        background-image: url(/sites/default/files/banner_bg_mobile_grow_to_go_barbados.jpg);
        background-position: left bottom;
    }

    ul.bg_slider li:nth-child(3) {
        background-image: url(/sites/default/files/banner_bg_mobile_grow_to_go_ski_trip.jpg);
        background-position: left bottom;
    }

    ul.bg_slider li:nth-child(4) {
        background-image: url(/sites/default/files/banner_bg_mobile_grow_to_go_tokyo.jpg);
        background-position: left bottom;
    }
}

.underline {
    text-decoration: underline;
}

#grow_to_go_landing_page section .left_side {
    width: 50%;
}

#grow_to_go_landing_page section .right_side {
    width: 35%;
}




#grow_to_go_landing_page section#growth_tools .left_side {
    width: 50%;
    display: table;
    float: left;
    padding-right: 0;
    border-bottom: 1px solid #ccc;
}

#grow_to_go_landing_page section#growth_tools .right_side {
    width: 50%;
    display: table;
    float: right;
    margin-top: 0;
}

#growth_tools img.centered {
    display: block;
    margin: 0 auto;
}

#growth_tools .button.centered {
    padding: 16px 40px 14px;
    width: 200px;
    margin: 0 auto 60px;
    display: block;
}


@media screen and (max-width: 768px) {
    #grow_to_go_landing_page section#growth_tools .left_side {
        width: 100%;

    }

    #grow_to_go_landing_page section#growth_tools .right_side {
        width: 100%;

    }

    #growth_tools .large-3.columns img {
        width: 360px;
        margin: 0 auto;
        display: block;
        margin-bottom: 40px;
    }
}


#grow_to_go_landing_page section .left_side h2 {
    font-size: 28px;
}

#grow_to_go_landing_page section#ways_to_win ul li {
    margin-bottom: 1em;
    list-style-position: outside;
    margin-left: 22px;
}

#grow_to_go_landing_page ul li p {
    display: inline;
    line-height: 1.5;
}

#grow_to_go_landing_page table a.button {
    padding: 10px 12px 8px !important;
    margin: 0 !important;
}

#grow_to_go_landing_page .pinned {
    border-right: none !important;
    border-left: none !important;
}

#grow_to_go_landing_page section#growth_tools .left_side p {
    margin-bottom: 1.25em;
}

#grow_to_go_landing_page .custom_dropdown_container {
    background-color: #E4E1DD;
    border-radius: 5px;
    text-align: center;
    padding: 36px 20px;
}

#growth_tools .button {
    padding: 14px 20px 22px;
}

/* Custom dropdown */
#grow_to_go_landing_page .custom_dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    width: 90%;
}

#grow_to_go_landing_page .custom_dropdown select {
    background-color: #fff;
    color: #333;
    font-size: 22px;
    padding: .5em;
    padding-right: 30%;
    border: 0;
    margin: 0;
    border-radius: 3px;
    text-indent: 15px;
    text-overflow: '';
    /*Hiding the select arrow for firefox*/
    -moz-appearance: none;
    /*Hiding the select arrow for chrome*/
    -webkit-appearance: none;
    /*Hiding the select arrow default implementation*/
    appearance: none;
}

/*Hiding the select arrow for IE10*/
#grow_to_go_landing_page .custom_dropdown select::-ms-expand {
    display: none;
}

#grow_to_go_landing_page .custom_dropdown::before,
#grow_to_go_landing_page .custom_dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

#grow_to_go_landing_page .custom_dropdown::after {
    /* Custom dropdown arrow */
    font-family: 'fontello';
    content: "\e804";
    height: 1em;
    font-size: 22px;
    line-height: 1;
    right: 13%;
    top: 50%;
    margin-top: -.5em;
    color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#grow_to_go_landing_page .custom_dropdown::before {
    /* Custom dropdown arrow cover */
    width: 30%;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
    background-color: #EE7623;
}

#grow_to_go_landing_page .custom_dropdown select[disabled] {
    color: rgba(0, 0, 0, 0.25);
}

#grow_to_go_landing_page section {
    margin: 0 auto;
    max-width: 1150px;
    padding: 30px 20px;
}

#grow_to_go_landing_page .ui-accordion .ui-state-default,
#grow_to_go_landing_page .ui-accordion .ui-widget-content #grow_to_go_landing_page .ui-accordion .ui-state-default,
#grow_to_go_landing_page .ui-accordion .ui-widget-header #grow_to_go_landing_page .ui-accordion .ui-state-default {
    background: none;
    border: none;
    background-color: #f4f4f4;
    border-radius: 0;
    color: #000;
    font-family: "Sero_light", Arial, sans-serif;
    text-transform: none;
    padding: 0.8em 2em;
    font-size: 1em;
    margin: 0 0 2px;
    line-height: 1.4;
}

#grow_to_go_landing_page .ui-accordion .ui-widget-content {
    background: none;
    border: none;
}

#grow_to_go_landing_page .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

#grow_to_go_landing_page .ui-accordion .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

#grow_to_go_landing_page .ui-accordion .ui-accordion-header:after {
    font-family: "fontello";
    content: '\e829';
    color: #ccc;
    font-size: 13px;
    position: absolute;
    right: 32px;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#grow_to_go_landing_page .ui-accordion .ui-accordion-header.ui-accordion-header-active:after {
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform-origin: 50% 50%;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
    -moz-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#grow_to_go_landing_page .ui-accordion-content p {
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
}

#grow_to_go_landing_page .beside_stroke {
    position: relative;
    overflow: hidden;
    color: #47abd1;
    text-transform: none;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 0;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.dark_blue {
    color: #00658a;
}

#grow_to_go_landing_page .little_plane {
    width: 70px;
    height: auto;
    margin-bottom: 30px;
    margin-top: 2em;
}

#grow_to_go_landing_page .icon-link:before {
    margin-right: 15px;
    font-size: 30px;
}

#grow_to_go_landing_page .card .bottom {
    border-left: 1px solid #EAEDF3;
    border-right: 1px solid #EAEDF3;
    border-bottom: 1px solid #EAEDF3;
    border-radius: 0 0 5px 5px;
    padding: 20px;
    min-height: 250px;
}

#grow_to_go_landing_page section .card p {
    font-size: 14px;
    color: #9EA0A5;
}

#grow_to_go_landing_page .card h4 {
    margin-top: 0;
    text-transform: none;
    font-size: 18px;
}

#grow_to_go_landing_page .beside_stroke:after {
    background-color: #e6e6e7;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0.8em;
    margin-right: -100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
    top: 0;
}

#grow_to_go_landing_page section#terms {
    margin-bottom: 2em;
}

#grow_to_go_landing_page #terms ul {
    list-style-position: inside;
}

#grow_to_go_landing_page .ui-widget-content.ui-accordion-content a {
    color: #47abd1;
}

#grow_to_go_landing_page .ui-widget-content.ui-accordion-content a:hover {
    color: #2ba6cb;
}

#grow_to_go_landing_page #raffle_dates .bold_it {
    text-transform: none;
    font-size: 18px;
    margin-bottom: 6px;
    line-height: 1.4;
}

/* Tables --------------------------- */
#grow_to_go_landing_page table {
    border: none;
}

#grow_to_go_landing_page table tbody {
    border-top: none;
    border-left: 1px solid #e2e2e1;
}

#grow_to_go_landing_page table td,
#grow_to_go_landing_page table th {
    text-align: center;
}

#grow_to_go_landing_page table th {
    width: 15%;
}

#grow_to_go_landing_page table .bg_gray td {
    background-color: #E4E1DD;
    font-weight: bold;
}

#grow_to_go_landing_page table td:not(:nth-child(9)) {
    border-right: 1px solid #e2e2e1;
}

#grow_to_go_landing_page table td {
    border-bottom: 1px solid #e2e2e1;
    margin: 0;
    padding: 0.6em 0.8em;
}

#grow_to_go_landing_page table th {
    background-color: #00658a;
    color: #fff;
    font-size: 0.9em;
    padding: 1em 0.4em 0.8em;
    text-align: center;
    border-bottom: none;
    border-top: none;
}

#grow_to_go_landing_page table th:not(:last-child) {
    border-right: 1px solid #e2e2e1;
}

#grow_to_go_landing_page table {
    background: none;
    font-size: 1.1em;
}

#grow_to_go_landing_page table td.divider_text {
    background-color: #f7f7f7;
    border-bottom: 3px solid #bfe7f9;
    border-top: 3px solid #bfe7f9;
    color: #00658a;
    font-size: 1.3125em;
    /* 21px/16px */
    font-weight: bold;
    border-right: none;
    padding: 0.6em 0.6em 0.5em;
}

#grow_to_go_landing_page .beside_stroke .bolder {
    font-family: "Sero_bold", Arial, sans-serif;
}

#grow_to_go_landing_page #ways_to_win ul {
    list-style-position: inside;
}

#grow_to_go_landing_page #ways_to_win li {
    font-size: 20px;
    line-height: 2.2;
}

#grow_to_go_landing_page section p {
    font-size: 22px;
}

#grow_to_go_landing_page section .left_side p {
    margin-bottom: 0;
}

@media screen and (max-width: 890px) {
    #grow_to_go_landing_page section .left_side p {
        margin-bottom: 1.25em;
    }
}

#grow_to_go_landing_page ul.headings li .heading_text {
    border-bottom: 1px solid #a5edff;
    border-top: 1px solid #a5edff;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    height: 74px;
    line-height: 1.3;
    padding-bottom: 10px;
    padding-top: 10px;
}

#grow_to_go_landing_page .bottom_info p {
    font-size: 22px;
    line-height: 1.4;
    margin: 0;
    color: #fff;
}

.enter_container .inner_container ul:last-of-type {
    margin-bottom: 10px;
}

#grow_to_go_landing_page .margin_top {
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 0;
}

#grow_to_go_landing_page section#contractor_promotion {
    margin-top: 6em;
}





#grow_to_go_landing_page #growth_tools .for_specifiers.cad_docs .button {
    margin: 0;
    width: 100%;
    background: none;
    border: 1px solid #ccc;
    padding: 10px;
    color: #000;
    display: table;
}

#grow_to_go_landing_page #growth_tools .for_specifiers .button svg,
#grow_to_go_landing_page #growth_tools .for_specifiers .button span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#grow_to_go_landing_page #growth_tools .for_specifiers .button span {
    width: 70%;
    text-transform: none;
    padding-right: 14px;
}

#grow_to_go_landing_page #growth_tools .for_specifiers .button svg {
    margin-right: 10px;
}


#grow_to_go_landing_page section#growth_tools .for_specifiers .left_side h2 {
    font-weight: normal;
}

#grow_to_go_landing_page section#growth_tools .for_specifiers .beside_stroke {
    margin-bottom: 30px;
}

#grow_to_go_landing_page section#growth_tools .for_specifiers .beside_stroke.orange {
    color: #EE7623;
}

.vacation_dude {
    z-index: 1;
}

.smooth_scroll_links ul {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1810px) {
    .vacation_dude {
        right: 50px;
    }
}

@media screen and (max-width: 1570px) {
    #grow_to_go_landing_page .smooth_scroll_links ul {
        max-width: 1150px;
    }
}

@media screen and (max-width: 1300px) {
    #grow_to_go_landing_page nav ul li a {
        font-size: 22px;
    }

    #grow_to_go_landing_page section p {
        font-size: 18px;
    }

    #grow_to_go_landing_page #ways_to_win li {
        font-size: 18px;
        line-height: 2.2;
    }

    #grow_to_go_landing_page section .left_side {
        vertical-align: middle;
    }
}

@media screen and (max-width: 1200px) {
    #grow_to_go_landing_page .smooth_scroll_links {
        max-width: 100%;
    }

    #grow_to_go_landing_page .title_bar_solid {
        width: 90%;
        margin: 40px auto 0;
    }

    #grow_to_go_landing_page .title_bar_solid h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1250px) {
    #grow_to_go_landing_page .vacation_dude {
        display: none;
    }

    #grow_to_go_landing_page .smooth_scroll_links ul {
        max-width: 900px;
        text-align: center;
    }

    #grow_to_go_landing_page section#contractor_promotion {
        margin-top: 2em;
    }
}

@media screen and (max-width: 1060px) {
    #grow_to_go_landing_page .custom_dropdown select {
        text-indent: 0;
    }
}

@media screen and (max-width: 950px) {
    .horizontal_scroll_table_container {
        border: 2px solid #e4e4e4;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }

    .horizontal_scroll_table_container table {
        width: 100%;
        display: table;
    }
}

@media screen and (max-width: 890px) {
    #grow_to_go_landing_page section .left_side {
        width: 100%;
    }

    #grow_to_go_landing_page section .right_side {
        width: 100%;
        display: block;
        margin-top: 2em;
    }
}

@media screen and (max-width: 768px) {
    #grow_to_go_landing_page #ways_to_win li {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    #grow_to_go_landing_page .icon-link {
        padding: 10px 10px 14px;
    }

    #grow_to_go_landing_page .beside_stroke {
        margin-top: 0.5em;
        font-size: 1.8em;
    }

    #grow_to_go_landing_page .smooth_scroll_links {
        display: none;
    }

    .enter_container .inner_container h2 {
        font-size: 44px;
    }

    #grow_to_go_landing_page section {
        margin-bottom: 0;
    }

    #grow_to_go_landing_page section {
        padding: 20px;
    }

    #grow_to_go_landing_page section#terms {
        margin-bottom: 1em;
    }

    #grow_to_go_landing_page section#raffle_dates {
        padding-top: 0;
    }

    #grow_to_go_landing_page section#hero {
        margin-bottom: 0em;
    }

    #grow_to_go_landing_page section#contractor_promotion {
        margin-top: 1em;
    }

    #grow_to_go_landing_page section#hero .inner_container {
        height: 540px;
    }

    #grow_to_go_landing_page .title_bar_solid {
        padding: 30px;
        background: rgba(43, 166, 203, 0.9);
    }

    #grow_to_go_landing_page .title_bar_solid h2 {
        font-size: 30px;
    }

    #grow_to_go_landing_page .button.large {
        width: 100%;
    }

    #grow_to_go_landing_page table .business_quarter {
        width: 8%;
    }

    #grow_to_go_landing_page .horizontal_scroll_table_container {
        display: none;
    }

    #grow_to_go_landing_page section {
        margin-bottom: 1em;
    }

    #grow_to_go_landing_page table.table_grow_tools {
        border-top: none;
        border-bottom: none;
        font-size: 100%;
    }

    #grow_to_go_landing_page table.table_grow_tools td {
        padding: 0.6em 0.8em;
    }

    #grow_to_go_landing_page table.table_grow_tools .bigger {
        font-size: 1em;
    }

    #grow_to_go_landing_page table.table_grow_tools th {
        font-size: 0.9em;
    }

    #grow_to_go_landing_page table.table_grow_tools th {
        padding: 0.8em 1em;
    }

    #grow_to_go_landing_page table.table_grow_tools .bigger {
        font-size: 0.9em;
    }

    #grow_to_go_landing_page .ui-accordion .ui-state-default,
    #grow_to_go_landing_page .ui-accordion .ui-widget-content #grow_to_go_landing_page .ui-accordion .ui-state-default,
    #grow_to_go_landing_page .ui-accordion .ui-widget-header #grow_to_go_landing_page .ui-accordion .ui-state-default {
        padding: 0.8em 3.2em 0.8em 0.8em;
    }

    #grow_to_go_landing_page .ui-accordion .ui-accordion-header::after {
        position: absolute;
        right: 22px;
        top: 50%;
        -moz-transform: translateY(-50%) rotate(0deg);
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    #grow_to_go_landing_page .ui-accordion .ui-accordion-content {
        padding: 1em;
    }

    #grow_to_go_landing_page section .left_side,
    section .right_side {
        padding: 0;
    }
}

@media screen and (max-width: 660px) {
    svg#grow_to_go_logo {
        width: 360px;
        height: auto;
        margin-top: 3em;
    }
}

@media screen and (max-width: 420px) {

    #grow_to_go_landing_page .title_bar_solid h2 {
        font-size: 24px;
    }

}

@media screen and (max-width: 480px) {
    svg#grow_to_go_logo {
        width: 320px;
        height: auto;
        margin-top: 3em;
    }

    #grow_to_go_landing_page .beside_stroke {
        border-bottom: 1px solid #dfdfdf;
        font-size: 1.6em;
        margin-bottom: 20px;
        padding-bottom: 4px;
    }

    #grow_to_go_landing_page .beside_stroke:after {
        display: none;
    }

    #grow_to_go_landing_page .bottom_info p {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    #grow_to_go_landing_page section p {
        font-size: 16px;
    }

    #grow_to_go_landing_page #ways_to_win li {
        font-size: 16px;
        line-height: 2;
    }

    #grow_to_go_landing_page #growth_trip_prizes .large-block-grid-4.small-block-grid-2 li {
        width: 100%;
    }

    #grow_to_go_landing_page .card .bottom {
        min-height: 0;
    }
}

@media screen and (max-width: 400px) {
    #grow_to_go_landing_page section p {
        font-size: 16px;
    }

    #grow_to_go_landing_page #ways_to_win li {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    #grow_to_go_landing_page section p.intro {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 48px;
    }

    #grow_to_go_landing_page .custom_dropdown select {
        font-size: 18px;
    }
}









#growth_tools .left_side img,
#growth_tools .right_side img {
    display: block;
    margin: 0 auto;
}

#growth_tools .left_side .button,
#growth_tools .right_side .button {
    padding: 16px 40px 14px;
    width: 200px;
    margin: 0 auto 60px;
    display: block;
}


/* Growth Tool: Email Campaign ---------------- */
#grow_to_go_email_campaign_page section {
    margin: 0 auto;
    max-width: 1150px;
    padding: 30px 20px;
}

#grow_to_go_email_campaign_page h1.section_title.show {
    color: #006588;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e7;
    display: block;
}

#grow_to_go_email_campaign_page #hero img {
    width: 100%;
    margin-bottom: 3em;
}

@media screen and (max-width: 520px) {
    #grow_to_go_email_campaign_page h1.section_title.show {
        font-size: 32px;
        margin-top: 0;
    }

    #grow_to_go_email_campaign_page #hero img {
        margin-bottom: 2em;
    }
}

#grow_to_go_email_campaign_page p {
    font-size: 18px;
    line-height: 2;
}

#grow_to_go_email_campaign_page #hero p {
    font-size: 24px;
}

@media screen and (max-width: 768px) {
    #grow_to_go_email_campaign_page #hero p {
        font-size: 18px;
    }
}

#grow_to_go_email_campaign_page .beside_stroke {
    position: relative;
    overflow: hidden;
    color: #47abd1;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 0;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 1em;
}

#grow_to_go_email_campaign_page ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

#grow_to_go_email_campaign_page ol li {
    counter-increment: my-awesome-counter;
    border-bottom: 1px solid #eaedf3;
    text-transform: none;
    font-family: "Sero_light", Arial, sans-serif;
    font-style: normal;
    display: table;
}

#grow_to_go_email_campaign_page ol li .num::before {
    content: counter(my-awesome-counter) " ";
    color: #47abd1;
    font-weight: bold;
    border: 1px solid #eaedf3;
    padding: 6px 6px 2px 6px;
    width: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    background-color: #fbfbfd;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-style: normal;
}

#grow_to_go_email_campaign_page .num {
    display: table-cell;
    vertical-align: top;
}

#grow_to_go_email_campaign_page .inner_list_item {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

#grow_to_go_email_campaign_page .note {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 0;
}

#grow_to_go_email_campaign_page .ui-accordion-content .note {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 8px;
    text-transform: none;
    font-style: normal;
    font-size: 17px;
}

#grow_to_go_email_campaign_page p.small_text {
    font-size: 14px;
    text-transform: none;
    font-style: normal;
}

#grow_to_go_email_campaign_page #email_campaign_form {
    background-color: #F2F2F2;
    padding: 40px 20px;
    max-width: 100%;
}

#grow_to_go_email_campaign_page #email_campaign_form .inner_container {
    max-width: 1150px;
    margin: 0 auto;
}

#email_campaign_form .block-webform h2.block-title {
    display: none;
}

#grow_to_go_email_campaign_page p.footnote {
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

#grow_to_go_email_campaign_page .multi-step-form {
    border-bottom: 1px solid #ccc;
    border-top: none;
    margin-bottom: 2em;
}

#grow_to_go_email_campaign_page .form-item,
#grow_to_go_email_campaign_page .form-actions {
    margin-top: 1em;
    margin-bottom: 1.6em;
}

#grow_to_go_email_campaign_page .form-item input {
    border-radius: 4px;
    padding: 10px 14px 7px 14px;
    height: 42px;
}

#grow_to_go_email_campaign_page .form-item select {
    height: 40px;
    padding: 5px 8px;
}

#grow_to_go_email_campaign_page .webform-client-form .form-item label {
    font-weight: normal;
    margin-bottom: 7px;
    color: #a6a8ac;
    text-transform: uppercase;
    font-size: 12px;
}

#grow_to_go_email_campaign_page .form-type-checkbox {
    display: table;
}

#grow_to_go_email_campaign_page .webform-client-form .form-item.form-type-checkbox label {
    text-transform: none;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    display: table-cell;
    padding-left: 10px;
}

#grow_to_go_email_campaign_page .form-item .description {
    margin-top: 1em;
    line-height: 1.4;
}

#grow_to_go_email_campaign_page .form-item input.form-file {
    padding: 5px 0;
    height: auto;
    margin-bottom: 10px;
}

#grow_to_go_email_campaign_page .form-item input.form-checkbox {
    display: table-cell;
}

#grow_to_go_email_campaign_page .webform-submit {
    float: right;
}

#grow_to_go_email_campaign_page .form-submit:not(.webform-submit) {
    width: 100%;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
}

#grow_to_go_email_campaign_page .ui-accordion .ui-state-default,
#grow_to_go_email_campaign_page .ui-accordion .ui-widget-header #grow_to_go_email_campaign_page .ui-accordion .ui-state-default {
    background: none;
    border: none;
    background-color: #f4f4f4;
    border-radius: 0;
    color: #47abd1;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
    padding: 12px 20px 10px;
    font-size: 28px;
    margin: 0 0 2px;
    line-height: 1.4;
    font-style: italic;
}

#grow_to_go_email_campaign_page .ui-accordion .ui-widget-content #grow_to_go_email_campaign_page .ui-accordion .ui-state-default {
    font-family: "Sero_light", Arial, sans-serif;
    text-transform: none;
}

#grow_to_go_email_campaign_page .ui-accordion .ui-widget-content {
    background: none;
    border: none;
}

#grow_to_go_email_campaign_page .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

#grow_to_go_email_campaign_page .ui-accordion .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

#grow_to_go_email_campaign_page .ui-accordion .ui-accordion-header:after {
    font-family: "fontello";
    content: '\e829';
    color: #47abd1;
    font-size: 13px;
    position: absolute;
    right: 32px;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-style: normal;
}

#grow_to_go_email_campaign_page .ui-accordion .ui-accordion-header.ui-accordion-header-active:after {
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform-origin: 50% 50%;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
    -moz-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#grow_to_go_email_campaign_page .ui-accordion-content p {
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
}

#grow_to_go_email_campaign_page #how_it_works {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 0;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
    #how_it_works .ui-accordion .ui-accordion-content {
        padding: 20px;
    }
}

h3.underlined {
    border-bottom: 1px solid #E4E1DD;
    color: #00658a;
    padding-bottom: 12px;
    margin-bottom: 1.7em;
}

#grow_to_go_email_campaign_page .form-type-radios .form-item {
    margin-bottom: 16px;
    border-bottom: 1px solid #E4E1DD;
    padding-bottom: 12px;
}

a.preview_link {
    margin-left: 23px;
    text-decoration: underline;
    font-size: 14px;
}

#grow_to_go_email_campaign_page .webform-client-form .form-type-radios .form-item label {
    text-transform: none;
    font-size: 14px;
    color: #000;
    padding-left: 5px;
}

#grow_to_go_email_campaign_page .form-type-radios .form-item input {
    height: 22px;
}

#grow_to_go_email_campaign_page .webform-client-form .form-type-radios .form-item label a {
    display: block;
    text-decoration: underline;
    padding-left: 23px;
    margin-top: 6px;
}

#grow_to_go_email_campaign_page .webform-client-form .form-type-radios .form-item label p {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    padding-left: 23px;
    margin: 0;
}

#grow_to_go_email_campaign_page .download-sample {
    font-size: 14px;
    margin-left: 15px;
    position: relative;
}

#grow_to_go_email_campaign_page .download-sample.icon-angle-circled-right:after {
    position: absolute;
    left: -15px;
    bottom: 1px;
    color: #47abd1;
}

#grow_to_go_email_campaign_page .webform-component--upload-contact-list {
    margin-bottom: 0;
}

#grow_to_go_email_campaign_page .block-webform.contextual-links-region {
    position: static;
}

#grow_to_go_email_campaign_page .reveal-modal {
    z-index: 1000;
    position: fixed;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    max-height: 90vh;
    padding: 20px 30px;
}

#grow_to_go_email_campaign_page .reveal-modal h2 {
    border-bottom: 1px solid #E4E1DD;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

#grow_to_go_email_campaign_page .reveal-modal li img {
    max-width: 100%;
    max-height: 60vh;
    display: block;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/* Zoom email template image on hover */
/*#grow_to_go_email_campaign_page .reveal-modal li img:hover{
     position: relative;
     -webkit-transform: scale(1.75);
     -ms-transform: scale(1.75);
     -o-transform: scale(1.75);
     transform: scale(1.75);
     z-index: 1001;
}
*/
.mobile-reveal-slider {
    display: none;
}

.mobile-reveal-slider .slick-slide {
    text-align: center;
}

.mobile-reveal-slider .slick-slide img {
    max-height: 70vh;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .mobile-reveal-slider .slick-slide img {
        max-height: 50vh;
        display: block;
        margin: 0 auto;
    }
}

.mobile-reveal-slider button {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: transparent;
    height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
}

.mobile-reveal-slider .slick-prev {
    left: -30px;
}

.mobile-reveal-slider .slick-next {
    right: -30px;
}

#grow_to_go_email_campaign_page .reveal-modal li {
    text-align: center;
}

#grow_to_go_email_campaign_page .reveal-modal li img {
    margin: 0 auto;
}

.mobile-reveal-slider .slick-prev::before {
    content: '\e800';
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.mobile-reveal-slider .slick-next::before {
    content: '\e800';
    left: 50%;
    right: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.mobile-reveal-slider .slick-prev::before,
.mobile-reveal-slider .slick-next::before {
    font-size: 22px;
    color: #ccc;
}

#grow_to_go_email_campaign_page .reveal-modal .description {
    width: 100%;
    display: block;
    margin-top: 1em;
    line-height: 1.5;
}

.column h3.underlined {
    margin-bottom: 1em;
}

.section-growth-tool-email-campaign .reveal-modal-bg {
    z-index: 999;
}

@media screen and (max-width: 768px) {
    .mobile-reveal-slider {
        display: block;
    }

    #grow_to_go_email_campaign_page .reveal-modal {
        z-index: 1000;
        position: fixed;
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        max-height: 90vh !important;
        overflow: scroll;
    }

    #grow_to_go_email_campaign_page .reveal-modal h2 {
        font-size: 20px;
    }
}

/* Specifier Page */
#grow_to_go_specifier_page #social_snippets iframe#first {
    height: 480px;
    width: 400px;
}

#grow_to_go_specifier_page #social_snippets iframe#second {
    height: 480px;
    width: 400px;
}

#grow_to_go_specifier_page #social_snippets iframe#third {
    height: 480px;
    width: 400px;
}

#grow_to_go_specifier_page #social_snippets iframe#fourth {
    height: 480px;
    width: 400px;
}

#grow_to_go_specifier_page .post_container {
    margin-bottom: 60px;
    text-align: center;
}

#grow_to_go_specifier_page section {
    margin: 0 auto;
    max-width: 1150px;
    padding: 30px 20px;
}

#grow_to_go_specifier_page a.twitter-share-button {
    background-color: #1da1f2;
    width: auto;
    display: table;
    text-align: center;
    color: #fff;
    padding: 12px 26px 10px;
    border-radius: 5px;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    margin: 0 auto;
    float: none;
}

#grow_to_go_specifier_page a.twitter-share-button:before {
    font-family: "fontello";
    content: '\e813';
    margin-right: 10px;
}

@media screen and (max-width: 850px) {
    #grow_to_go_specifier_page #social_snippets iframe#first {
        width: 300px;
        height: 490px;
    }

    #grow_to_go_specifier_page #social_snippets iframe#second {
        width: 300px;
        height: 490px;
    }

    #grow_to_go_specifier_page #social_snippets iframe#third {
        width: 300px;
        height: 440px;
    }

    #grow_to_go_specifier_page #social_snippets iframe#fourth {
        width: 300px;
        height: 440px;
    }
}

@media screen and (max-width: 640px) {
    #grow_to_go_specifier_page #social_snippets ul.large-block-grid-2 li {
        width: 100%;
    }
}

@media screen and (max-width: 1050px) {
    #grow_to_go_specifier_page #social_snippets ul.large-block-grid-4 li {
        width: 50%;
    }

    /*    #grow_to_go_specifier_page #social_snippets iframe {
        height: calc(510px - 2vw);
    }*/
}

/*@media screen and (max-width: 560px) {
    #grow_to_go_specifier_page #social_snippets ul.large-block-grid-4 li {
        width: 100%;
    }
}*/




/* Grow to Go - Q3 Photo Repo */

#grow_to_go_3_promos_form_page.gtg-q3 {
    background-image: url('/sites/all/themes/hunter_responsive/images/gtg_q3_form_intro.png');
    background-repeat: no-repeat;
    background-position: top right;
}

#grow_to_go_3_promos_form_page.gtg-q3 .webform-component-fieldset {
    float: left;
    width: 47%;
    border: none;
}

#grow_to_go_3_promos_form_page.gtg-q3 .webform-component-fieldset.webform-component--project-information {
    margin-left: 6%;
}

#grow_to_go_3_promos_form_page.gtg-q3 .webform-component .form-managed-file button {
    display: none;
}

#grow_to_go_3_promos_form_page.gtg-q3 .webform-component-file .description {
    display: none;
}

#grow_to_go_3_promos_form_page.gtg-q3 .webform-component-file input:after {
    content: 'Files must be 5MB or less (JPG, PNG)';
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #656769;
}

#grow_to_go_3_promos_form_page.gtg-q3 #email_campaign_form {
    background: #f7f7f7;
}

#grow_to_go_3_promos_form_page.gtg-q3 .form-item select {
    background: #FFF;
}

#grow_to_go_3_promos_form_page.gtg-q3 .webform-client-form .form-item label {
    color: #656769;
    font-size: 14px;
}

@media screen and (max-width: 960px) {
    #grow_to_go_3_promos_form_page.gtg-q3 {
        background: transparent;
    }
}

@media screen and (max-width: 768px) {
    #grow_to_go_3_promos_form_page.gtg-q3 .webform-component-fieldset {
        float: none;
        width: 100%;
        margin: 0 !important;
    }

}


/* Grow to Go - CAD Form page ------------------------------------*/


#grow_to_go_3_promos_form_page section {
    margin: 0 auto;
    max-width: 1150px;
    padding: 30px 20px;
}

.centered.max_540.small-12.large-12.columns {
    max-width: 540px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

#grow_to_go_3_promos_form_page h1.section_title.show {
    color: #006588;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e7;
    display: block;
}

#grow_to_go_3_promos_form_page #hero img {
    width: 100%;
    margin-bottom: 3em;
}

@media screen and (max-width: 520px) {
    #grow_to_go_3_promos_form_page h1.section_title.show {
        font-size: 32px;
        margin-top: 0;
    }

    #grow_to_go_3_promos_form_page #hero img {
        margin-bottom: 2em;
    }
}

#grow_to_go_3_promos_form_page p {
    font-size: 18px;
    line-height: 2;
}

#grow_to_go_3_promos_form_page #hero p {
    font-size: 24px;
}

@media screen and (max-width: 768px) {
    #grow_to_go_3_promos_form_page #hero p {
        font-size: 18px;
    }
}

#grow_to_go_3_promos_form_page .beside_stroke {
    position: relative;
    overflow: hidden;
    color: #47abd1;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 0;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 1em;
}

#grow_to_go_3_promos_form_page ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

#grow_to_go_3_promos_form_page ol li {
    counter-increment: my-awesome-counter;
    border-bottom: 1px solid #eaedf3;
    text-transform: none;
    font-family: "Sero_light", Arial, sans-serif;
    font-style: normal;
    display: table;
}

#grow_to_go_3_promos_form_page ol li .num::before {
    content: counter(my-awesome-counter) " ";
    color: #47abd1;
    font-weight: bold;
    border: 1px solid #eaedf3;
    padding: 6px 6px 2px 6px;
    width: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    background-color: #fbfbfd;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-style: normal;
}

#grow_to_go_3_promos_form_page .num {
    display: table-cell;
    vertical-align: top;
}

#grow_to_go_3_promos_form_page .inner_list_item {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

#grow_to_go_3_promos_form_page .note {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 0;
}

#grow_to_go_3_promos_form_page .ui-accordion-content .note {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 8px;
    text-transform: none;
    font-style: normal;
    font-size: 17px;
}

#grow_to_go_3_promos_form_page p.small_text {
    font-size: 14px;
    text-transform: none;
    font-style: normal;
}

#grow_to_go_3_promos_form_page #email_campaign_form {
    background-color: #F2F2F2;
    padding: 40px 20px;
    max-width: 100%;
}

#grow_to_go_3_promos_form_page #email_campaign_form .inner_container {
    max-width: 1150px;
    margin: 0 auto;
}

#email_campaign_form .block-webform h2.block-title {
    display: none;
}

#grow_to_go_3_promos_form_page p.footnote {
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

#grow_to_go_3_promos_form_page .multi-step-form {
    border-bottom: 1px solid #ccc;
    border-top: none;
    margin-bottom: 2em;
}

#grow_to_go_3_promos_form_page .form-item,
#grow_to_go_3_promos_form_page .form-actions {
    margin-top: 1em;
    margin-bottom: 1.6em;
}

#grow_to_go_3_promos_form_page .form-item input {
    border-radius: 4px;
    padding: 10px 14px 7px 14px;
    height: 42px;
}

#grow_to_go_3_promos_form_page .form-item select {
    height: 40px;
    padding: 5px 8px;
}

#grow_to_go_3_promos_form_page .webform-client-form .form-item label {
    font-weight: normal;
    margin-bottom: 7px;
    color: #a6a8ac;
    text-transform: uppercase;
    font-size: 12px;
}

#grow_to_go_3_promos_form_page .form-type-checkbox {
    display: table;
}

#grow_to_go_3_promos_form_page .webform-client-form .form-item.form-type-checkbox label {
    text-transform: none;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    display: table-cell;
    padding-left: 10px;
}

#grow_to_go_3_promos_form_page .form-item .description {
    margin-top: 1em;
    line-height: 1.4;
}

#grow_to_go_3_promos_form_page .form-item input.form-file {
    padding: 5px 0;
    height: auto;
    margin-bottom: 10px;
}

#grow_to_go_3_promos_form_page .form-item input.form-checkbox {
    display: table-cell;
}

#grow_to_go_3_promos_form_page .webform-submit {
    float: none;
    width: 100%;
}

#grow_to_go_3_promos_form_page .form-submit:not(.webform-submit) {
    width: 100%;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
}

#grow_to_go_3_promos_form_page .ui-accordion .ui-state-default,
#grow_to_go_3_promos_form_page .ui-accordion .ui-widget-header #grow_to_go_3_promos_form_page .ui-accordion .ui-state-default {
    background: none;
    border: none;
    background-color: #f4f4f4;
    border-radius: 0;
    color: #47abd1;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
    padding: 12px 20px 10px;
    font-size: 28px;
    margin: 0 0 2px;
    line-height: 1.4;
    font-style: italic;
}

#grow_to_go_3_promos_form_page .ui-accordion .ui-widget-content #grow_to_go_3_promos_form_page .ui-accordion .ui-state-default {
    font-family: "Sero_light", Arial, sans-serif;
    text-transform: none;
}

#grow_to_go_3_promos_form_page .ui-accordion .ui-widget-content {
    background: none;
    border: none;
}

#grow_to_go_3_promos_form_page .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

#grow_to_go_3_promos_form_page .ui-accordion .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

#grow_to_go_3_promos_form_page .ui-accordion .ui-accordion-header:after {
    font-family: "fontello";
    content: '\e829';
    color: #47abd1;
    font-size: 13px;
    position: absolute;
    right: 32px;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-style: normal;
}

#grow_to_go_3_promos_form_page .ui-accordion .ui-accordion-header.ui-accordion-header-active:after {
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform-origin: 50% 50%;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
    -moz-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#grow_to_go_3_promos_form_page .ui-accordion-content p {
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
}

#grow_to_go_3_promos_form_page #how_it_works {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 0;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
    #how_it_works .ui-accordion .ui-accordion-content {
        padding: 20px;
    }
}

h3.underlined {
    border-bottom: 1px solid #E4E1DD;
    color: #00658a;
    padding-bottom: 12px;
    margin-bottom: 1.7em;
}

#grow_to_go_3_promos_form_page .form-type-radios .form-item {
    margin-bottom: 16px;
    border-bottom: 1px solid #E4E1DD;
    padding-bottom: 12px;
}

a.preview_link {
    margin-left: 23px;
    text-decoration: underline;
    font-size: 14px;
}

#grow_to_go_3_promos_form_page .webform-client-form .form-type-radios .form-item label {
    text-transform: none;
    font-size: 14px;
    color: #000;
    padding-left: 5px;
}

#grow_to_go_3_promos_form_page .form-type-radios .form-item input {
    height: 22px;
}

#grow_to_go_3_promos_form_page .webform-client-form .form-type-radios .form-item label a {
    display: block;
    text-decoration: underline;
    padding-left: 23px;
    margin-top: 6px;
}

#grow_to_go_3_promos_form_page .webform-client-form .form-type-radios .form-item label p {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    padding-left: 23px;
    margin: 0;
}

#grow_to_go_3_promos_form_page .download-sample {
    font-size: 14px;
    margin-left: 15px;
    position: relative;
}

#grow_to_go_3_promos_form_page .download-sample.icon-angle-circled-right:after {
    position: absolute;
    left: -15px;
    bottom: 1px;
    color: #47abd1;
}

#grow_to_go_3_promos_form_page .webform-component--upload-contact-list {
    margin-bottom: 0;
}

#grow_to_go_3_promos_form_page .block-webform.contextual-links-region {
    position: static;
}

#grow_to_go_3_promos_form_page .reveal-modal {
    z-index: 1000;
    position: fixed;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    max-height: 90vh;
    padding: 20px 30px;
}

#grow_to_go_3_promos_form_page .reveal-modal h2 {
    border-bottom: 1px solid #E4E1DD;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

#grow_to_go_3_promos_form_page .reveal-modal li img {
    max-width: 100%;
    max-height: 60vh;
    display: block;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/* Zoom email template image on hover */
/*#grow_to_go_3_promos_form_page .reveal-modal li img:hover{
     position: relative;
     -webkit-transform: scale(1.75);
     -ms-transform: scale(1.75);
     -o-transform: scale(1.75);
     transform: scale(1.75);
     z-index: 1001;
}
*/
.mobile-reveal-slider {
    display: none;
}

.mobile-reveal-slider .slick-slide {
    text-align: center;
}

.mobile-reveal-slider .slick-slide img {
    max-height: 70vh;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .mobile-reveal-slider .slick-slide img {
        max-height: 50vh;
        display: block;
        margin: 0 auto;
    }
}

.mobile-reveal-slider button {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: transparent;
    height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
}

.mobile-reveal-slider .slick-prev {
    left: -30px;
}

.mobile-reveal-slider .slick-next {
    right: -30px;
}

#grow_to_go_3_promos_form_page .reveal-modal li {
    text-align: center;
}

#grow_to_go_3_promos_form_page .reveal-modal li img {
    margin: 0 auto;
}

.mobile-reveal-slider .slick-prev::before {
    content: '\e800';
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.mobile-reveal-slider .slick-next::before {
    content: '\e800';
    left: 50%;
    right: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.mobile-reveal-slider .slick-prev::before,
.mobile-reveal-slider .slick-next::before {
    font-size: 22px;
    color: #ccc;
}

#grow_to_go_3_promos_form_page .reveal-modal .description {
    width: 100%;
    display: block;
    margin-top: 1em;
    line-height: 1.5;
}

.column h3.underlined {
    margin-bottom: 1em;
}

.section-growth-tool-email-campaign .reveal-modal-bg {
    z-index: 999;
}

@media screen and (max-width: 768px) {
    .mobile-reveal-slider {
        display: block;
    }

    #grow_to_go_3_promos_form_page .reveal-modal {
        z-index: 1000;
        position: fixed;
        top: 50% !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        max-height: 90vh !important;
        overflow: scroll;
    }

    #grow_to_go_3_promos_form_page .reveal-modal h2 {
        font-size: 20px;
    }
}

section#growth_tools .irrigation-certificates h2,
section#growth_tools .lighting-certificates h2,
section#growth_tools .new-modules h2 {
    font-style: normal;
    margin-top: 1.6em;
}

section#growth_tools .irrigation-certificates h2 {
    color: #00648a;
}

section#growth_tools .new-modules h2 {
    color: #00648a;
}

section#growth_tools .lighting-certificates h2 {
    color: #ee7623;
}

section#growth_tools .irrigation-certificates ul,
section#growth_tools .lighting-certificates ul,
section#growth_tools .new-modules ul {
    list-style: none;
}

section#growth_tools .irrigation-certificates ul a,
section#growth_tools .lighting-certificates ul a,
section#growth_tools .new-modules ul a {
    display: block;
    font-size: 1.2em;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 10px;
    color: #fff !important;
    margin: 10px 0;
}

section#growth_tools .new-modules ul a {
    padding: 10px 16px 7px;
}

section#growth_tools .irrigation-certificates ul a,
section#growth_tools .new-modules ul a {
    background: #00648a;
}

section#growth_tools .irrigation-certificates ul a:hover,
section#growth_tools .new-modules ul a:hover {
    background: #47abd1;
}

section#growth_tools .lighting-certificates ul a {
    background: #ee7623;
}

section#growth_tools .lighting-certificates ul a:hover {
    background: #003c58;
}

section#growth_tools .irrigation-certificates img,
section#growth_tools .lighting-certificates img {
    width: 46px;
    height: auto;
    margin-right: 10px;
}

section#growth_tools .table_grow_tools {
    margin-top: 5em;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Headlines Page ---------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.view-display-id-news_related_products img,
.view-display-id-news_related_articles img {
    width: auto;
    min-width: 180px;
    min-height: 180px;
}

.node-news .field-name-field-featured-image img {
    width: auto;
}

.view-latest-news.view-display-id-news_related_products .views-row,
.view-latest-news.view-display-id-news_related_articles .views-row {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.view-latest-news.view-display-id-news_related_articles .views-row {
    position: relative;
}

.node-type-news .large-9.pull-3.main.columns {
    float: right;
    position: relative;
}

.view-latest-news .views-field.views-field-field-featured-image {
    float: left;
    height: 185px;
    margin-right: 20px;
    width: 330px;
}

.page-headlines .view-latest-news .views-row:after,
.page-headlines .view-latest-news .views-row .inner::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: auto;
    visibility: hidden;
}

.page-headlines .view-latest-news .right_part {
    display: inline;
    max-width: 800px;
}

.page-headlines .view-latest-news .left_part {
    border: 1px solid #cfcdcb;
    float: left;
    height: auto;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 20%;
    min-width: 200px;
}

.page-headlines .view-latest-news .views-row {
    border-bottom: 1px solid #e6e6e7;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.page-headlines .view-latest-news .views-row.views-row-1 {
    padding-top: 24px;
}

.page-headlines .view-latest-news .headlines_title {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 22px;
}

.page-headlines .view-latest-news .headlines_body {
    line-height: 22px;
    font-size: 16px;
}

.page-headlines .view-latest-news .headlines_date strong {
    font-family: "Sero_bold", Arial, sans-serif;
}

.page-headlines .view-latest-news .headlines_date {
    font-size: 14px;
}

.page-headlines .view-latest-news .headlines_read_all {
    float: right;
    font-family: "Sero_bold", Arial, sans-serif;
    width: 110px;
}

.page-headlines .view-latest-news .headlines_read_all a {
    color: #006588;
}

.page-headlines .view-latest-news .headlines_read_all:hover a,
.page-headlines .view-latest-news .headlines_read_all:hover .icon-chevron-right:before {
    color: #47abd1;
}

.page-headlines .view-latest-news .right_part .icon-chevron-right:before {
    color: #006588;
    content: "→";
    margin-left: 10px;
}

.node-type-news h1.section_title {
    border-bottom: 1px solid #e6e6e7;
    color: #333;
    font-family: "Sero", Arial, sans-serif;
    font-size: 32px;
    margin-bottom: 16px;
    margin-top: 54px;
    text-transform: none;
    padding-bottom: 10px;
}

.block-views-latest-news-sidebar-block {
    margin-top: 30px;
    margin-bottom: 10px;
}

.view-latest-news-sidebar .views-row {
    border-bottom: 1px solid #e6e6e7;
    margin-bottom: 30px;
}

.view-latest-news-sidebar .views-field-title {
    font-family: "Sero_bold", Arial, sans-serif;
}

.block-views-latest-news-cat-list {
    margin-top: 40px;
    margin-bottom: 30px;
}

.block-views-latest-news-cat-list .view-header strong {
    font-family: "Sero_bold", Arial, sans-serif;
}

.block-views-latest-news-cat-list .view-header {
    float: left;
    margin-right: 10px;
}

.field-name-field-news-date.field-type-date {
    font-size: 14px;
    margin-bottom: 25px;
}

#block-views-ffafb2b88dcbe9aaab2e009cce856f1f h2.block-title {
    font-size: 22px;
}

.view-display-id-news_related_products .views-field.views-field-title,
.view-display-id-news_related_articles .views-field.views-field-title {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 10px;
}

.view-display-id-news_related_products .views-field-field-beauty-shot-images,
.view-display-id-news_related_articles .views-field-field-beauty-shot-images {
    max-width: 120px;
}

.view-latest-news-sidebar .views-row.views-row-last {
    border-bottom: none;
}

.view-latest-news-sidebar .field-content.sidebar_teaser_title {
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.view-display-id-cat_list .view-content .views-row {
    float: left;
    margin-left: 10px;
}

.block-views-latest-news-cat-list {
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 40px;
    width: 100%;
}

.node-type-news .field-name-field-featured-image.field-type-image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.view-latest-news-sidebar .field-content.sidebar_teaser_body {
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 20px;
}

.node-type-news ul {
    list-style-position: inside;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Newsroom Page ----------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.section-newsroom .view-latest-news .views-field.views-field-field-featured-image {
    display: none;
}

.view-display-id-newsroom_page .view-content {
    clear: both;
}

#corporate_div #img_frame150 {
    float: left;
    margin-right: 3%;
    max-width: 150px;
    width: 22%;
}

#img_frame150 h4 {
    font-size: 12px;
}

.section-newsroom .field-content {
    line-height: 24px;
}

.view-display-id-newsroom_page .view-id-latest_news h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.block.block-views.contextual-links-region.block-views-ffafb2b88dcbe9aaab2e009cce856f1f {
    display: inline-block;
    margin: 70px 0;
    width: 100%;
}

#block-views-latest_news-block .views-field-nothing.read-more {
    float: right;
    font-family: "Sero_bold", Arial, sans-serif;
    width: 110px;
}

#block-views-latest_news-block .views-field-nothing.read-more {
    color: #006588;
}

#block-views-latest_news-block .views-field-nothing.read-more:after {
    color: #006588;
    content: "→";
    margin-left: 10px;
    font-family: Arial;
}

.views-field-nothing.read-more:after {
    color: #006588;
    content: "→";
    margin-left: 10px;
    font-family: Arial;
}

.section-newsroom .view-display-id-newsroom_page .view-header>div.view {
    float: left;
    margin: 0 5% 90px 0;
    width: 28%;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    line-height: 1.4;
    margin-bottom: 0.625em;
}

.view-latest-news.view-display-id-newsroom_page .views-row {
    margin-bottom: 30px;
}

#corporate_div img {
    width: auto;
}

.section-resource-guide .horizontal-rule-title,
.section-resource-guide .hunter-resource-display-row {
    display: none;
}

.section-newsroom h1.title {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 40px;
    margin-bottom: 50px;
    margin-top: 52px;
    padding-bottom: 10px;
}

/* News Article ---------------------- */
.node-type-news .field-name-field-news-date.field-type-date .date-display-single:before {
    font-family: 'fontello';
    content: '\e820';
    margin-right: 10px;
    color: #ccc;
    font-size: 20px;
    position: relative;
    top: 1px;
}

.node-type-news .field-name-field-news-date.field-type-date .field-label {
    display: none;
}

.page-headlines .view-latest-news .headlines_date strong {
    display: none;
}

.page-headlines .view-display-id-latest_news_page .date-display-single::before {
    color: #ccc;
    content: '\e820';
    font-family: "fontello";
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.node-type-news .field-name-field-news-date.field-type-date {
    margin-bottom: 60px;
}

.node-type-news .block-views-latest-news-cat-list {
    display: inline-block;
    float: right;
    margin-bottom: 0;
    margin-top: 5px;
    width: auto;
    font-size: 13px;
}

.node-type-news .block-views-latest-news-cat-list .view-header {
    float: left;
    margin-right: 0;
    text-transform: uppercase;
}

.node-type-news .block-views-latest-news-cat-list .view-content {
    width: auto;
    float: left;
}

.block-views-latest-news-sidebar-block .block-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #cfcdcb;
    border-top: 5px solid #cfcdcb;
    color: #00658a;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-top: 15px;
    width: 100%;
    font-family: "Sero_bold", Arial, sans-serif;
}

.block-views-latest-news-sidebar-block .view_all_headlines {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 3px solid #cfcdcb;
    border-top: 1px solid #cfcdcb;
    color: #00658a;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 15px;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-bottom: 18px;
    padding-left: 10px;
    padding-top: 16px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}

.block-views-latest-news-sidebar-block .field-content.sidebar_teaser_date {
    display: none;
}

.block-views-latest-news-sidebar-block .view_all_headlines:after {
    content: '→';
    margin-left: 10px;
    font-family: Arial;
}

.block-views-latest-news-sidebar-block .block-title a {
    color: #00658a;
}

.block-views-latest-news-sidebar-block .sidebar_teaser_title a {
    text-transform: none;
}

.node-type-news .node-news .body p {
    font-size: 16px !important;
}

.node-type-news .horizontal-rule-title {
    clear: both;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}

.node-type-news .horizontal-rule-title h2 {
    background-color: #fff;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 10px 20px 20px 0;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

.view-display-id-news_related_products .thumb_title,
.view-display-id-news_related_articles .views-field-title {
    background: rgba(31, 73, 94, 0.7) none repeat scroll 0 0;
    bottom: 0;
    display: table;
    height: 80px;
    line-height: 20px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.view-display-id-news_related_articles .views-field-title a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.view-display-id-news_related_products .thumb,
.view-display-id-news_related_articles .field-image {
    border: 3px solid #cfcdcb;
    position: relative;
}

.block.block-views.block-views-ffafb2b88dcbe9aaab2e009cce856f1f {
    margin-top: 80px;
}

.section-news .large-9.pull-3.main.columns {
    padding-right: 3em;
}

.section-newsroom .view-display-id-newsroom_page .view-header .views-row {
    border-top: 1px solid #e6e6e7;
    margin-bottom: 15px;
    padding-top: 15px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Product Landing Page ---------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.view-product-landing-page li.views-row:hover .product_name a {
    background-color: #47abd1;
}

h1.section_title {
    color: #006588;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 34px;
    text-transform: uppercase;
}

h2.sub_title {
    border-bottom: 1px solid #e6e6e7;
    border-top: 1px solid #e6e6e7;
    color: #47abd1;
    font-size: 22px;
    padding: 6px 0 4px 0;
    text-transform: uppercase;
    margin-bottom: 40px;
    font-family: "Sero", Arial, sans-serif;
}

.product_name {
    text-align: center;
}

.product_name a {
    background-color: #00658a;
    color: #fff;
    display: table-cell;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 10px;
    text-transform: uppercase;
    vertical-align: middle;
}

.product_name span.field-content {
    display: table;
    height: 100%;
    width: 100%;
}

.view-product-landing-page .large-block-grid-4>li {
    padding: 0 1em 4em;
}

.view-product-landing-page [class*="block-grid-"] {
    display: block;
    margin: 0 -1em;
    padding: 0;
}

.page-golf-product-line .large-block-grid-4>li {
    padding: 0 1em 4em;
}

.page-golf-product-line [class*="block-grid-"] {
    display: block;
    margin: 0 -1em;
    padding: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Product Line Landing Page ----------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.lang-zh-hans .view-product-landing-page li.views-row-13 {
    display: none;
}

.view-product-line-landing-page .product_line_landing_thumb img {
    width: 100%;
}

h1.product_line_title {
    border-bottom: 1px solid #e6e6e7;
    color: #00658a;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 34px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.view-product-line-landing-page .large-block-grid-4>li {
    padding: 0 1em 4em;
}

.view-product-line-landing-page [class*="block-grid-"] {
    display: block;
    margin: 0 -1em;
    padding: 0;
}

.view-product-line-landing-page .attachment.attachment-before {
    display: inline-block;
    margin-bottom: 30px;
}

.page-golf-product-line .attachment.attachment-before {
    display: inline-block;
    margin-bottom: 30px;
}

.view-product-line-landing-page .attachment.attachment-after p.related-links-label {
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 20px;
    margin-top: 20px;
    text-transform: uppercase;
}

.view-product-line-landing-page .attachment.attachment-after p.related-links-label a {
    color: #00658a;
}

.view-product-line-landing-page .view-content {
    /*padding-bottom: 100px;
    */
}

.product_line_quick_specs {
    background-color: #f6f4f1;
    border-bottom: 3px solid #47abd1;
    padding-bottom: 10px;
    padding-top: 20px;
}

.product_line_quick_specs .item-list ul {
    list-style: none;
}

.product_line_quick_specs .quick-specs-parents-wrapper .term-parent {
    float: left;
}

.product_line_name a {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
    display: block;
    padding: 10px;
}

.product_line_quick_specs li {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 14px;
}

.product_line_quick_specs .quick-specs-parents-wrapper {
    margin-bottom: 0;
}

.product_line_quick_specs .item-list ul li {
    margin: 0 1.2em 1em;
    padding: 0;
}

.product_line_comparison_button {
    border-bottom: 3px solid #cfcdcb;
    border-top: 5px solid #cfcdcb;
    color: #cfcdcb;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    margin: 20px 0 40px;
    text-transform: uppercase;
    width: 100%;
}

.product_line_comparison_button .chart_icon {
    width: auto;
    margin-right: 15px;
    float: left;
}

.product_line_comparison_button .inner_text {
    color: #cfcdcb;
    float: left;
    font-size: 18px;
    margin-top: 11px;
}

.product_line_comparison_button .inner_link {
    float: left;
    padding-top: 17px;
    padding-bottom: 14px;
}

.product_line_comparison_button .inner_link a {
    margin-left: 10px;
    margin-right: 10px;
    line-height: 30px;
}

.product_line_comparison_button .inner_container {
    display: block;
    padding: 15px 0;
}

.comparison_chart_icon_and_label {
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    float: left;
    width: 100%;
}

.related-links-item {
    float: left;
}

.hunter-misc-related-links-formatter h2 {
    background-color: #fff;
    display: inline-block;
    font-size: 20px;
    left: 10px;
    max-width: 75%;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    top: -17px;
    color: #666;
}

.hunter-misc-related-links-formatter {
    border: 2px solid #cfcdcb;
    display: inline-block;
    padding: 50px 20px 20px;
    position: relative;
    width: 100%;
    margin-bottom: 80px;
    margin-top: 40px;
}

.view-product-line-landing-page .attachment-after .hunter-misc-related-links-formatter .related-links-item img {
    width: 100%;
}

.view-product-line-landing-page .attachment-after .related-links-item {
    margin-right: 2%;
    width: 31%;
}

.view-product-line-landing-page .attachment-after .related-links-item-image {
    box-shadow: 0 12px 10px -8px #9e9e9f;
}

.view-product-line-landing-page .attachment-after .related-links-item:nth-of-type(3) {
    margin-right: 0;
}

.view-product-line-landing-page li.views-row {
    min-height: 420px;
}

.product_line_name {
    background-color: #00658a;
    /*padding: 10px;
    */
    text-align: center;
    display: table;
    width: 100%;
}

.page-product-line-rotors .view-product-line-landing-page-attachment .views-field-name {
    background-color: #00658a;
    display: table;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.page-product-line-rotors .view-product-line-landing-page-attachment .views-field-name a {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.product_line_name_inner {
    /*display: table-cell;
     vertical-align: middle;
    */
}

/* .product_line_landing_thumb{
     margin: 20px auto;
     max-width: 150px;
}
 */
.product_line_landing_thumb {
    text-align: center;
    border-left: 1px solid #edeceb;
    border-right: 1px solid #edeceb;
    border-top: 1px solid #edeceb;
}

.product_line_landing_thumb img {
    /*margin: 0 0 20px 0;
     max-width: 150px;
    */
    margin: 0;
}

.page-product-line-nozzles .product_line_landing_thumb img,
.page-product-line-rotors .product_line_landing_thumb img,
.page-product-line-micro-irrigation .product_line_landing_thumb img,
.page-product-line-central-control .product_line_landing_thumb img {
    margin: 0;
    max-width: none;
}

.page-product-line-nozzles .product_line_landing_thumb,
.page-product-line-rotors .product_line_landing_thumb,
.page-product-line-micro-irrigation .product_line_landing_thumb,
.page-product-line-central-control .product_line_landing_thumb {
    border: none;
}

.related-links-item-image img {
    width: auto;
}

.view-product-landing-page li.views-row .product_name a:hover {
    background-color: #47abd1;
}

.view-product-line-landing-page li.views-row .product_line_name a:hover {
    background-color: #47abd1;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Product Detail Page ----------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Large main for product page, to accomodate My List */

body.node-type-product .row.l-main {
    max-width: 1350px;
}

@media (max-width: 1300px) {
    .product-right-sidebar {
        display: none;
    }

    body.node-type-product .row.l-main .large-10.main.columns {
        width: 100%;
    }

    body.node-type-product .row.l-main {
        max-width: 1150px;
    }
}

.product-right-sidebar .translation-set-links-title {
    font-size: 14px;
}

.product-right-sidebar .translation-set-links-title.icon-globe::before {
    font-size: 25px;
}

.product-right-sidebar .block-addthis-addthis .content .icon-share::before {
    font-size: 18px;
    margin-left: 5px;
}

.product-right-sidebar .block-addthis-addthis .content a {
    font-size: 14px;
}

.product-right-sidebar .comparison_chart_sidebar_link h3 {
    font-size: 15px;
}

/* Adding styles for hydrawise access button Live HC page - page-node-55236 Live Hydrawise Software page - page-node-56461 */
.button_apple {
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-right: 8px;
    width: 135px;
}

.button_google {
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-right: 0px;
    width: 135px;
}

.specs_hydrawise_button {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/logo_hydrawise_100x121.png") no-repeat scroll 18px 10px / 30px auto;
    border: 2px solid #7bb43f;
    color: #00658a;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 22px;
    padding: 15px 25px 11px 59px;
    text-transform: uppercase;
    width: 278px;
}

.specs_hydrawise_button:hover {
    border: 2px solid #bcd639;
    color: #055372;
}

.hydrawise_access_button_block,
#block-product-app-store-buttons {
    float: left;
    margin-top: 16px;
    margin-right: 15px;
    padding: 0;
    width: auto;
}

.hydrawise_access_button_block p {
    margin: 0;
    padding: 0;
}

.centralus_button_block {
    float: left;
    margin-top: 16px;
    padding: 10px 0;
    width: auto;
}

.centralus_button_block p {
    margin: 0;
    padding: 0;
}

.hydrawise_button {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/logo_hydrawise_100x121.png") no-repeat scroll 10px 5px / 25px auto;
    border: 2px solid #7bb43f;
    color: #00658a;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    padding: 9px 14px 6px 44px;
    text-transform: uppercase;
}

.hydrawise_button:hover {
    border: 2px solid #bcd639;
    color: #055372;
}

.centralus_button {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/logo_centralus_90.png") no-repeat scroll 18px 12px / 30px auto;
    border: 2px solid #47abd1;
    color: #00658a;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    padding: 15px 25px 11px 59px;
    text-transform: uppercase;
}

.centralus_button:hover {
    border: 2px solid #00658a;
    color: #055372;
}

@media screen and (max-width: 530px) {

    .page-node-85466 #block-product-product-main-image img,
    .page-node-84083 #block-product-product-main-image img {
        margin-left: -5%;
        max-width: 110%;
        padding: 0;
        width: 110%;
    }

    .page-node-85466 .related-product-wrapper,
    .page-node-84083 .related-product-wrapper {
        box-shadow: none;
    }

    .page-node-85466 #block-product-product-main-image .content,
    .page-node-84083 #block-product-product-main-image .content {
        border: none;
    }

    .centralus_button {
        font-size: 16px;
    }

    .page-node-85466 .product-support-button-link,
    .page-node-84083 .product-support-button-link {
        float: right;
        color: #000;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
    }

    .page-node-85466 .product-support-button-link::before,
    .page-node-84083 .product-support-button-link::before {
        display: inline-block;
        font-size: 25px;
        margin-top: -4px;
        padding-right: 11px;
        vertical-align: middle;
    }

    .page-node-85466 #block-hunter-misc-product-support a,
    .page-node-84083 #block-hunter-misc-product-support a {
        background-color: #3b3b3b;
        color: #fff;
        margin-top: 0;
        padding: 12px 24px 10px 20px;
        text-align: right;
        width: 100%;
        min-height: 40px;
    }

    .centralus_button {
        padding: 6px 25px 11px 59px;
    }

    /* Centralus product page - support button */
    .page-node-85466 #block-hunter-misc-product-support,
    .page-node-84083 #block-hunter-misc-product-support {
        float: right;
        margin-right: -6%;
        margin-left: 0;
        margin-top: 0;
        padding: 0;
        width: 56%;
    }

    /* Centralus product page - Centralus log in button */
    .page-node-85466 .centralus_button_block,
    .page-node-84083 .centralus_button_block {
        float: left;
        margin-left: -6%;
        margin-top: 0;
        padding: 0;
        width: 56%;
    }

    .centralus_button_block .content a.centralus_button {
        background-position: 18px 7px;
        background-size: 22px auto;
        height: 41px;
        padding-left: 48px;
    }
}

/* 480 styles */
@media only screen and (max-width: 480px) {
    .hydrawise_button:before {
        font-size: 25px;
        margin-top: -3px;
    }

    .hydrawise_access_button_block p {
        font-size: 0;
        line-height: 0;
    }

    .hydrawise_access_button_block .content a.hydrawise_button {
        background-position: 16px 5px;
        background-size: 22px auto;
        height: 41px;
        padding-left: 46px;
    }

    .page-node-55236 #block-hunter-misc-product-support,
    .page-node-56461 #block-hunter-misc-product-support,
    .page-node-55251 #block-hunter-misc-product-support,
    .page-node-57181 #block-hunter-misc-product-support,
    .page-node-56706 #block-hunter-misc-product-support,
    .page-node-56646 #block-hunter-misc-product-support,
    .page-node-56651 #block-hunter-misc-product-support,
    .page-node-56656 #block-hunter-misc-product-support,
    .page-node-56661 #block-hunter-misc-product-support {
        /* German - HC product page */
        float: right;
        margin-right: -6%;
        margin-left: 0;
        margin-top: 0;
        padding: 0;
        width: 56%;
    }

    .page-node-55236 .hydrawise_access_button_block,
    .page-node-56461 .hydrawise_access_button_block,
    .page-node-55251 .hydrawise_access_button_block,
    .page-node-57181 .hydrawise_access_button_block,
    .page-node-56706 .hydrawise_access_button_block,
    .page-node-56646 .hydrawise_access_button_block,
    .page-node-56651 .hydrawise_access_button_block,
    .page-node-56656 .hydrawise_access_button_block,
    .page-node-56661 .hydrawise_access_button_block {
        /* German - HC product page */
        float: left;
        margin-left: -6%;
        margin-top: 0;
        padding: 0;
        width: 56%;
    }

    .hydrawise_access_button_block .content a {
        color: #00658a;
        margin-top: 0;
        padding: 11px 10px 10px 9%;
        text-align: left;
        width: 100%;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        float: right;
    }
}

@media only screen and (max-width: 530px) {
    .centralus_button .hide_for_tiny {
        display: none;
    }
}

@media only screen and (max-width: 460px) {
    .hide_for_tiny {
        display: none;
    }
}

.page-node-55651 .dimension-chart .product-model,
.page-node-55536 .dimension-chart .product-model {
    margin-top: 0;
}

/* We will now show addThis and Language buttons in footer area when in Desktop view */
.add_this_and_language .block.block-addthis.block-addthis-addthis,
.add_this_and_language .block.block-translation-set-links.block-translation-set-links-translation-set-links {
    display: inline-block;
}

/* New styles for desktop view of translate and share buttons ------------ */
.block.block-addthis.block-addthis-addthis {
    display: block;
    float: right;
    width: 50%;
}

.add_this_and_language .translation-set-links-title:hover {
    background-color: #e6e6e7;
    border-color: #fff;
}

.add_this_and_language .block-addthis .icon-share:hover {
    background-color: #e6e6e7;
    border-color: #fff;
}

.add_this_and_language .translation-set-links-title {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #7e7c79;
    border-radius: 0;
    color: #7e7c79;
    cursor: pointer;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 10px 6px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.add_this_and_language .block.block-translation-set-links.block-translation-set-links-translation-set-links {
    float: left;
}

.translation-set-links-title.icon-globe {
    padding: 7px 5px 3px;
}

.block-translation-set-links.block-translation-set-links-translation-set-links {
    display: inline-block;
    float: left;
    height: 30px;
    width: 50%;
}

.node-type-news .block-translation-set-links.block-translation-set-links-translation-set-links {
    display: block;
    float: none;
    height: auto;
    width: auto;
}

/* Product Right Sidebar translate and share buttons ------------- */
.product-right-sidebar .block-translation-set-links.block-translation-set-links-translation-set-links {
    display: block;
    float: none;
    height: auto;
    width: 100%;
}

.product-right-sidebar .block-addthis.block-addthis-addthis {
    display: block;
    float: none;
    width: 100%;
}

.product-right-sidebar .translation-set-links-title:hover {
    color: #2ba6cb;
    border-color: #2ba6cb;
}

.node-type-product .add_this_and_language {
    display: none;
}

/* -------------------------------------------------------------- */
.add_this_and_language .block-addthis-addthis .content .icon-share::before {
    float: none;
    font-size: 20px;
    margin-top: 0;
    margin-left: 0;
}

.add_this_and_language .block-addthis-addthis .content a {
    border: 2px solid #7e7c79;
    color: #7e7c79;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-top: 0;
    padding: 14px 15px 10px;
    text-transform: uppercase;
}

.translation-set-links-title {
    border: 2px solid #7e7c79;
    color: #7e7c79;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-top: 0;
    padding: 10px 15px 7px;
    text-transform: uppercase;
    border-radius: 0;
    background: none;
}

.add_this_and_language .block-addthis-addthis .content a {
    background-color: #fff;
    margin-left: 20px;
    text-align: center;
    width: 200px;
}

.add_this_and_language .block-addthis-addthis .content .icon-share::before {
    display: inline-block;
    float: none;
    font-size: 25px;
    line-height: 15px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.add_this_and_language .translation-set-links-display {
    display: block;
    float: right;
    margin-right: 26px;
    text-align: center;
    width: 200px;
}

.add_this_and_language {
    margin-bottom: 30px;
    margin-top: 30px;
}

.add_this_and_language .block.block-addthis.block-addthis-addthis,
.add_this_and_language .block.block-translation-set-links.block-translation-set-links-translation-set-links {
    display: inline-block;
}

/* End of new desktop styles for Translate and Share buttons --------------- */

/* All non-usa sites don't have support button underneath beauty shot image in product detail pages so let's make the tag line 100% width to fill space */
body:not(.lang-en) .field-name-field-product-tag-line {
    width: 100%;
}

.translation-set-links-display a {
    display: block;
}

.large-3.push-9.columns .menu-mlid-27869 a {
    display: none;
}

.field-item.columns {
    margin-bottom: 20px;
}

.field-item.columns {
    margin-bottom: 30px;
}

.field-name-field-spec-examples .field-label {
    padding-left: 20px;
}

.field-name-field-spec-examples .field-item.last {
    border-bottom: 1px solid #cfcdcb;
    padding-bottom: 10px;
}

.field-item .dimensions-column {}

.horizontal-tabs ul.horizontal-tabs-list li a:hover {
    background-color: #fbfaf9;
    border-top: 3px solid #fbfaf9;
}

.node-type-product .column,
.node-type-product .columns {
    float: right;
    position: relative;
}

.node-type-product .columns {
    float: left;
}

.node-type-product .l-messages .columns {
    float: none;
}

#block-product-quick-specs {
    border-top: 4px solid #56b9da;
    padding: 20px 0 0 0;
    margin: 10px 0 0 0;
}

.row.l-main {
    max-width: 1150px;
}

.field-name-field-chart img {
    width: auto;
}

.field-name-field-advanced-features .field-item {
    clear: both;
}

article.node-advanced-feature:nth-child(5) {
    margin-right: 0px;
}

.field-name-field-advanced-features h2 {
    margin-bottom: 0;
    padding-left: 16px;
    font-size: 18px;
    text-transform: uppercase;
}

.field-name-field-advanced-features h2:before {
    content: '\e81b';
    color: #00658a;
    display: inline-block;
}

.field-name-field-advanced-features h2.expanded:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.field-name-field-advanced-features h2.expanded {
    /*background: transparent url("/sites/all/themes/hunter/images/btn-arrow-expanded.png") no-repeat scroll left center;
    */
    margin-bottom: 10px;
    padding-left: 16px;
}

.field-name-field-advanced-features h2 a {
    color: #00658a;
    padding-left: 20px;
}

.field-name-field-advanced-features .advanced-features-field-item {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 15px;
    margin-top: 18px;
    padding-bottom: 15px;
    margin: 18px 20px 40px;
}

@media screen and (max-width: 768px) {
    .field-name-field-advanced-features .advanced-features-field-item {
        margin-left: 0;
        margin-right: 0;
    }
}

.advanced-features-field-item .image,
.advanced-features-field-item .field-name-field-advanced-feature-desc {
    margin-top: 20px;
}

article.node-advanced-feature .image {
    float: right;
    margin-bottom: 25px;
    margin-left: 20px;
}

.node-product .horizontal-tabs {
    background-color: #fbfaf9;
    border: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
}

.horizontal-tabs fieldset.horizontal-tabs-pane {
    border: 0 none;
}

.node-product .bullet-list {
    background-color: #fbfaf9;
    border-left: 2px solid #cfcdcb;
    left: 35%;
    padding-left: 49px;
    position: relative;
    width: 70%;
    list-style-position: outside;
}

.features_list {
    border-bottom: 2px solid #cfcdcb;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    padding-bottom: 4px;
    padding-right: 69px;
    position: absolute;
    text-transform: uppercase;
    top: 45%;
    width: 34.2%;
}

.dimension-chart .product-model-image {
    display: inline-block;
}

.dimension-chart .dimensions-column {
    margin-bottom: 20px;
}

.dimension-chart .product-model {
    border-top: 1px solid;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 15px;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
}

.dimension-chart {
    margin-bottom: 40px;
    margin-top: 20px;
}

.horizontal-tabs fieldset.horizontal-tabs-pane {
    padding: 0;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li {
    background: #47ABD1 none repeat scroll 0 0;
    border-bottom: 4px solid #00658a;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #47ABD1;
    float: none;
    margin: 0;
    min-width: 0em;
    padding: 0;
    text-transform: uppercase;
    display: table-cell;
    text-align: center;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li a {
    color: #fff;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li.selected {
    background-color: #00658a;
    border-left: 3px solid #00658a;
    border-right: 3px solid #00658a;
    border-top: 3px solid #00658a;
    margin-top: -3px;
    padding: 1px 0;
    border-bottom: none;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li.selected a {
    color: #fff;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list .selected strong {
    color: #fff;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li:hover,
.node-product .horizontal-tabs ul.horizontal-tabs-list li:focus {
    background-color: #00658a;
    border-left-color: #00658a;
    border-right-color: #00658a;
    border-top-color: #00658a;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li:hover a,
.node-product .horizontal-tabs ul.horizontal-tabs-list li:focus a {
    background-color: #00658a;
    border-left-color: #00658a;
    border-right-color: #00658a;
    border-top-color: #00658a;
}

@media only screen and (max-width: 980px) {
    .node-product .horizontal-tabs ul.horizontal-tabs-list li a {
        -webkit-transition: none;
        transition: none;
        font-size: 0.8em;
    }
}

@media screen and (max-width: 768px) {
    .node-product .horizontal-tabs ul.horizontal-tabs-list .selected strong {
        color: #000;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li {
        border-top: none;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected a {
        color: #000;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li a {
        color: #00658a;
        -webkit-transition: none;
        transition: none;
        font-size: 1.1em;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li:hover a,
    .node-product .horizontal-tabs ul.horizontal-tabs-list li:focus a {
        background-color: #fbfaf9;
    }
}

.node-product .horizontal-tabs ul.horizontal-tabs-list {
    border-right: none;
    border-left: none;
    display: table;
}

#selector {
    display: none;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li:last-child {
    border-right: none;
}

.column,
.columns {
    float: left;
    position: relative;
}

.large-4.push-8.columns {
    padding-top: 45px;
}

.product-right-sidebar .block-menu-block h2.block-title,
.large-4.push-8.columns .block-menu-block h2.block-title {
    background-color: #00658a;
    color: #fff;
    font-size: 20px;
    padding: 10px 16px 8px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
}

.product-right-sidebar .block-menu-block .menu-accordion,
.large-4.push-8.columns .block-menu-block .menu-accordion {
    border: 2px solid #cfcdcb;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 20px 10px;
}

.product-right-sidebar .block-menu-block .menu-accordion li,
.large-4.push-8.columns .block-menu-block .menu-accordion li {
    width: 100%;
    float: left;
}

.product-right-sidebar .block-menu-block .menu-accordion li ul,
.large-4.push-8.columns .block-menu-block .menu-accordion li ul {
    clear: both;
}

.product-right-sidebar .block-menu-block .menu-accordion li:first-child,
.large-4.push-8.columns .block-menu-block .menu-accordion li:first-child {
    margin-left: 0;
}

.product-right-sidebar .block-menu-block .menu-accordion li a,
.product-right-sidebar .block-menu-block .menu-accordion li .text-item,
.large-4.push-8.columns .block-menu-block .menu-accordion li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 16px;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 10px 40px 10px 10px;
    text-transform: uppercase;
    color: #555;
    float: left;
    width: 100%;
}

.product-right-sidebar .block-menu-block .menu-accordion li li a,
.product-right-sidebar .block-menu-block .menu-accordion li li .text-item,
.large-4.push-8.columns .block-menu-block .menu-accordion li li a {
    font-weight: normal;
    padding-left: 25px;
    font-size: 15px;
    display: block;
    font-family: "Sero", Arial, sans-serif;
    text-transform: capitalize;
    padding-top: 6px;
    padding-bottom: 6px;
}

.product-right-sidebar .block-menu-block .menu-accordion li li ul li {
    padding-left: 20px;
}

.product-right-sidebar .block-menu-block .menu-accordion li li.last,
.large-4.push-8.columns .block-menu-block .menu-accordion li li.last {
    margin-bottom: 20px;
}

.product-right-sidebar .block-menu-block .menu-accordion .ui-state-default .ui-icon:before,
.large-4.push-8.columns .block-menu-block .menu-accordion .ui-state-default .ui-icon:before {
    font-family: "fontello";
    content: '\e811';
    color: #000;
}

.product-right-sidebar .block-menu-block .menu-accordion .ui-state-active .ui-icon:before,
.large-4.push-8.columns .block-menu-block .menu-accordion .ui-state-active .ui-icon:before {
    font-family: "fontello";
    content: '\e812';
    color: #000;
}

.product-right-sidebar .block-menu-block .menu-accordion .ui-state-active .ui-icon,
.large-4.push-8.columns .block-menu-block .menu-accordion .ui-state-active .ui-icon {
    background-image: none;
}

.product-right-sidebar .block-menu-block .menu-accordion .ui-state-default .ui-icon,
.large-4.push-8.columns .block-menu-block .menu-accordion .ui-state-default .ui-icon {
    background-image: none;
}

.product-right-sidebar .block-menu-block .menu-accordion .ui-icon,
.large-4.push-8.columns .block-menu-block .menu-accordion .ui-icon {
    text-indent: 0px;
}

.product-right-sidebar .block-menu-block .menu-accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
.large-4.push-8.columns .block-menu-block .menu-accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    height: 23px;
    left: inherit;
    margin-top: -12px;
    position: absolute;
    right: 15px;
    top: 50%;
}

.product-page-node-top .columns {
    float: left;
}

.main_product_image {
    margin-top: 20px;
}

.product-support-button-link:hover {
    color: #666;
}

.product_name_and_quick_specs .title {
    margin: 0;
    width: auto;
    line-height: 40px;
    text-transform: uppercase;
    color: #00658a;
}

.field-name-field-product-tag-line {
    display: inline-block;
}

.field-name-field-product-tag-line h3 {
    line-height: 30px;
    color: #2ba6cb;
    display: inline-block;
    font-size: 24px;
    font-style: italic;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    text-transform: none;
}

.app-store-badges a:first-child {
    margin-right: 10px;
}

.product-right-sidebar .block-menu-block .menu-accordion .menu-mlid-1320 {
    display: none;
}

.quick-specs-parents-wrapper .term-parent {
    color: #00658a;
    font-family: "Sero", Arial, sans-serif;
    margin-right: 8px;
}

.quick-specs-parents-wrapper {
    margin-bottom: 5px;
}

.product_name_and_quick_specs {
    display: table-cell;
    padding: 25px 25px 25px 0;
    vertical-align: middle;
    width: 35%;
    float: left;
}

#block-product-product-main-image img {
    padding: 6px;
}

.region-product-image {
    max-width: 65%;
    float: right;
}

.region-post-product-image {
    width: 65%;
    float: right;
}

#block-product-product-main-image .content {
    border: 1px solid #cfcdcb;
}

#block-hunter-misc-product-support {
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    width: auto;
}

.node-product .product-secondary {
    width: 65%;
    float: right;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li a,
.node-product .horizontal-tabs ul.horizontal-tabs-list li.selected a {
    font-family: "Sero_bold", Arial, sans-serif;
    padding: .5em 0.3em;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li a {
    -webkit-transition: none;
    transition: none;
    font-size: 1em;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li.selected a:hover {
    border-top: none;
}

.related-product-wrapper {
    -webkit-box-shadow: 0 12px 10px -8px #9e9e9f;
    -moz-box-shadow: 0 12px 10px -8px #9e9e9f;
    box-shadow: 0 12px 10px -8px #9e9e9f;
}

.product-support-button-link::before {
    content: '\e818';
    display: inline-block;
    font-size: 36px;
    margin-top: -5px;
    padding-right: 11px;
    vertical-align: middle;
}

.product-support-button-link {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
}

.comparison_chart_sidebar_link {
    border: 1px solid #cfcdcb;
    padding: 15px;
    margin-top: 40px;
}

.comparison_chart_sidebar_link h3 {
    border-bottom: 1px solid #cfcdcb;
    color: #47abd1;
    font-size: 18px;
    margin-bottom: 18px;
    padding-bottom: 8px;
    text-align: center;
    text-transform: uppercase;
}

.comparison_chart_sidebar_link p {
    font-style: italic;
    line-height: 20px;
}

.comparison_chart_sidebar_link p a {
    float: right;
    font-family: "Sero_bold", Arial, sans-serif;
    font-style: normal;
    text-transform: uppercase;
}

.block-addthis-addthis .content a {
    background-color: #47abd1;
    color: #fff;
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 18px 10px 15px;
    text-transform: uppercase;
    width: 100%;
    font-size: 17px;
}

.block-addthis-addthis .content a:hover {
    background-color: #2ba6cb;
}

.block-addthis-addthis .content a.icon-share img {
    display: none;
}

.block-addthis-addthis .content .icon-share::before {
    float: left;
    font-size: 24px;
    margin-left: 22px;
    margin-right: 20px;
    position: relative;
    top: -4px;
}

.translation-set-links-title {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #47abd1;
    border-radius: 0;
    color: #47abd1;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 10px 6px 10px;
    text-transform: uppercase;
    width: 100%;
    font-family: "Sero_bold", Arial, sans-serif;
    text-align: center;
}

.comparison_chart_sidebar_link {
    margin-bottom: 30px;
}

.horizontal-tabs ul.horizontal-tabs-list li {
    min-width: 0em;
}

.node-type-product .footer.columns,
.node-type-product .copyright.columns {
    float: none;
    position: relative;
}

.translation-set-links-title.icon-globe::before {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.translation-set-links-display {
    display: block;
    margin-bottom: 30px;
}

.field-item.small-6.large-4.columns.even.first.last {
    float: left;
}

#modalPageLanguage .close-reveal-modal {
    border: 3px solid #fff;
    border-radius: 22px;
    color: #fff;
    font-size: 30px;
    height: 40px;
    line-height: 20px;
    right: 48%;
    text-align: center;
    top: -58px;
    width: 40px;
}

#modalPageLanguage .inner_container {
    margin: 0 auto;
    max-width: 1150px;
}

#modalPageLanguage a {
    color: #000;
    display: inline-block;
    font-family: "Sero", Arial, sans-serif;
    padding: 7px 0;
}

#modalPageLanguage.reveal-modal {
    background-color: #47abd1;
    color: #fff;
}

#modalPageLanguage.reveal-modal a {
    text-transform: uppercase;
    color: #fff;
}

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

#modalPageLanguage .translation-set-links {
    float: left;
    padding: 3px 5px;
    width: 33%;
    text-align: center;
}

#modalPageLanguage .translation-set-links-language-name {
    display: inline-block;
    text-align: left;
}

#modalPageLanguage .language-link {
    min-width: 100px;
}

#modalPageLanguage .language-icon {
    float: left;
    margin-right: 10px;
    width: 20px;
}

#node_product_full_group_description_tab_item h2,
#node_product_full_group_description_tab_item h3 {
    padding: 0 20px;
}

#node_product_full_group_description_tab_item .advanced-features-field-item h2 {
    padding: 0;
}

#node_product_full_group_models_tab_item ul {
    padding-left: 20px;
}

#node_product_full_group_models_tab_item .dimension-chart {
    clear: both;
}

#node-19596 .group-description-tab-item .field-item ul {
    padding-left: 40px;
}

/* #node-28016 .comparison-chart th img {
     max-width: none;
}
 */
.comparison-chart th img {
    max-width: none;
}

.comparison-chart.controllers th:first-child p {
    height: 150px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.ac_controllers th:first-child p {
    height: 150px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.battery-controllers th:first-child p {
    height: 150px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.pgv th:first-child p {
    height: 150px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.rotors th:first-child p {
    padding: 10px;
    text-align: left;
    height: 149px;
}

.comparison-chart.one-inch-rotors th:first-child p {
    padding: 10px;
    text-align: left;
    height: 149px;
}

.comparison-chart.nozzles th:first-child p {
    height: 150px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.spray-body th:first-child p {
    height: 141px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.micro-irrigation th:first-child p {
    padding: 10px;
    text-align: left;
    height: 150px;
}

.comparison-chart.icv_ibv th:first-child p {
    height: 150px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.sensors th:first-child p {
    height: 149px;
    padding: 10px;
    text-align: left;
}

.comparison-chart.clik th:first-child p {
    height: 150px;
    padding: 10px;
    text-align: left;
}

.node-advanced-feature img {
    width: auto;
}

/* Overrides other hover styles too */
table.cpTable.mini tr th,
table.cpTable.mini tr td,
table.cpTable.mini tr:hover th,
table.cpTable.mini tr:hover td {
    color: #222222;
}

.end_of_problem {
    border-bottom: 4px solid #e2e2e1;
}

.troubleshooting_table td {
    background-color: #fcfcfc;
    border-bottom: 1px solid #e2e2e1;
    border-right: 1px solid #e2e2e1;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
}

.troubleshooting_solution {
    background-color: #f7f6f5 !important;
}

.troubleshooting_cause {
    background-color: #fff !important;
}

@media only screen and (max-width: 768px) {
    .troubleshooting_table {
        font-size: 94%;
    }
}

@media only screen and (max-width: 480px) {
    .troubleshooting_table {
        font-size: 84%;
    }
}

.bottom_border {
    border-bottom: 1px solid;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.number_dot_in_h2 {
    background-color: #4bc0ee;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    padding-top: 2px;
    text-align: center;
    width: 40px;
}

.number_dot_in_h3 {
    background-color: #4bc0ee;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    padding-top: 3px;
    text-align: center;
    width: 30px;
}

.number_dot_in_h3.dark_blue_bg {
    background-color: #00658a;
}

.number_dot_in_paragraph {
    background-color: #4bc0ee;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    margin-right: 8px;
    padding-top: 6px;
    text-align: center;
    width: 40px;
    font-family: "Sero_bold", Arial, sans-serif;
}

@media only screen and (max-width: 768px) {
    .number_dot_in_h2 {
        padding-top: 4px;
        width: 30px;
        height: 30px;
    }

    .number_dot_in_paragraph {
        height: 30px;
        margin-right: 8px;
        padding-top: 2px;
        width: 30px;
    }
}

.section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>.text-item {
    color: #000;
    font-size: 22px;
    padding: 0 10px 10px 0;
}

.node-type-support-section .inline_support_menu .field-name-field-section-menu ul.menu>li>.text-item {
    color: #000;
    font-size: 22px;
    padding: 0 10px 10px 0;
}

.inline_support_menu .field-name-field-section-menu ul.menu>li.has-children>a::after,
.inline_support_menu .field-name-field-section-menu ul.menu>li.has-children>.text-item::after {
    display: none;
}

.inline_support_menu .field-name-field-section-menu ul.menu>li.leaf {
    border-bottom: 1px solid #ccc;
    padding: 27px 0 30px;
}

.inline_support_menu .field-name-field-section-menu ul.menu li#welcome-page.leaf {
    border: none;
    padding: 0;
}

.inline_support_menu .field-name-field-section-menu ul.menu>li.leaf.last {
    border: none;
    margin-bottom: 20px;
}

.inline_support_menu .field-name-field-section-menu ul.menu ul.menu li.leaf.last {
    margin-bottom: 0;
}

.inline_support_menu .field-name-field-section-menu ul.menu>li.leaf.has-children ul.menu li.leaf {
    border: none;
    padding: 0;
}

.inline_support_menu .field-name-field-section-menu ul.menu>li>a,
.inline_support_menu .field-name-field-section-menu ul.menu>li>.text-item,
.inline_support_menu .field-name-field-section-menu ul.menu>li>ul li.last a,
.inline_support_menu .field-name-field-section-menu ul.menu>li>ul li.last .text-item {
    border: none;
}

.section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>a {
    padding: 0;
}

.node-type-support-section .inline_support_menu .field-name-field-section-menu ul.menu>li>a {
    padding: 0;
}

.section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>a {
    color: #47abd1;
}

.node-type-support-section .inline_support_menu .field-name-field-section-menu ul.menu>li>a {
    color: #47abd1;
}

.inline_support_menu .welcome-page-link.active {
    display: none !important;
}

.inline_support_menu .support_landing_links_container .links_header {
    padding: 0 10px 10px 0;
}

.section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>.text-item {
    padding: 0 10px 10px 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Videos Tab -------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#node_product_full_group_videos .video-library-tab-featured {
    background: #000 none repeat scroll 0 0;
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
}

#node_product_full_group_videos .video-library-player-container {
    width: 65%;
    float: left;
}

#node_product_full_group_videos #related {
    width: 30%;
    float: right;
}

#node_product_full_group_videos .video-library-tab-featured iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#node_product_full_group_videos .horizontal-rule-title {
    display: none;

}

.node-type-product .video-library-split-second-part {
    font-family: "Sero", Arial, sans-serif;
    font-weight: normal;
}

.video-library-split-second-part {
    font-family: "Sero_bold", Arial, sans-serif;
    font-weight: normal;
}

.video-library-split-first-part {
    text-transform: uppercase;
}

#node_product_full_group_videos .related_inner {
    display: inline-block;
    width: 100%;
}

#node_product_full_group_videos h2.title {
    color: inherit;
}

#node_product_full_group_videos .video-library-related-video {
    cursor: pointer;
    margin: 0 0 20px 0 !important;
    text-align: left;
    width: 100% !important;
}

#node_product_full_group_videos .video-library-related-video .video-library-image {
    max-width: 95px;
    margin-right: 10px;
    float: left;
}

#node_product_full_group_videos .video-library-related-video h3 {
    text-transform: none;
    font-size: 14px;
}


#node_product_full_group_description_tab_item .horizontal-rule-title {
    position: relative;
    clear: both;
    text-align: center;
    margin: 0 20px 40px;
}

.horizontal-rule-title {
    position: relative;
    clear: both;
    text-align: center;
    margin-bottom: 20px;
}

.horizontal-rule-title h2 {
    padding: 0 10px 10px;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    background-color: #fbfaf9;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.node-product .horizontal-rule-title h2 {
    /*padding: 14px 10px 10px;
    */
    display: inline-block;
    font-size: 18px;
    margin: 0;
    background-color: #fbfaf9;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.horizontal-rule-title hr {
    border-top: 1px solid #e6e6e7;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 49%;
    margin: 0;
    padding: 0;
    z-index: 1;
}

.node-type-video-library .video-library-related-video,
.view-display-id-video_library_related_videos .views-row,
#node_product_full_group_videos .video-library-related-video {
    background: #e4e4e4 none repeat scroll 0 0;
    padding: 10px;
    position: relative;
    width: 160px;
}

.field-name-field-related-videos .view-all a {
    border: 1px solid;
    padding: 10px 24px 8px;
}

.field-name-field-comparison-chart .node-title a {
    display: block;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #3b3b3b;
}

.field-name-field-comparison-chart article {
    border: 2px solid #f1f0ec;
    padding: 0 15px;
}

.field-name-field-comparison-chart article h2 {
    background-color: #fff;
    display: inline-block;
    top: -17px;
    padding: 0 10px;
    position: relative;
    max-width: 75%;
}

.field-name-field-comparison-chart .field-name-field-chart {
    padding-top: 40px;
}

.field-name-field-comparison-chart {
    margin-top: 100px;
    margin-bottom: 100px;
}

.node-type-video-library .video-library-related-video a.video-library-result-link,
#node_product_full_group_videos .video-library-related-video a.video-library-result-link {
    font-weight: normal;
}

.product_name_and_quick_specs small {
    color: #00658a;
    position: relative;
    top: -4px;
}

.sidebar_configurator {
    border: 1px solid #cfcdcb;
    padding: 15px 15px 0;
    text-align: center;
    margin-bottom: 30px;
    background-color: #edeceb;
}

.sidebar_configurator>h2 {
    font-size: 18px;
    line-height: 22px;
}

.sidebar_configurator p {
    line-height: 20px;
}

.sidebar_configurator .button {
    margin-bottom: 15px;
}

/* ACC -------------- */
#node-244 .field-name-field-models-tab-header {
    display: none;
}

#node-902 .field-name-field-models-tab-header {
    display: none;
}

/* I-Core ----------- */
#node-900 .field-name-field-models-tab-header {
    display: none;
}

#node-242 .field-name-field-models-tab-header {
    display: none;
}

/* IMMS ------------- */
#node-290 .field-name-field-models-tab-header {
    display: none;
}

#node-927 .field-name-field-models-tab-header {
    display: none;
}

@media screen and (max-width: 768px) {

    #node_product_full_group_videos #related,
    #node_product_full_group_videos .video-library-player-container {
        width: 100%;
        float: none;
    }

    #node_product_full_group_videos .video-library-tab-featured {
        margin-bottom: 20px;
    }

    .video-library-result-details {
        width: 75%;
    }

    .video-library-category {
        float: right;
    }

    .video-library-related-video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Overview Tab ------------------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media screen and (max-width: 550px) {
    .node-type-product #node_product_full_group_specifications_tab_item .field-name-field-specification-charts {
        display: inline-block;
        overflow-x: scroll;
        width: 88vw;
    }
}

@media screen and (max-width: 480px) {
    .node-type-product #node_product_full_group_specifications_tab_item .field-name-field-specification-charts {
        display: inline-block;
        overflow-x: scroll;
        width: 90vw;
    }
}

.copy_link_container {
    display: inline-block;
    width: 100%;
}

.copy_link {
    margin-bottom: 1em;
    display: inline-block;
    float: right;
    text-decoration: underline;
    font-family: "Sero_bold", Arial, sans-serif;
}

.copy_link:hover,
.copy_link:focus {
    color: #00658a;
}

.copy_link:hover:before,
.copy_link:focus:before {
    background-color: #00658a;
}

.copy_link:before {
    background-color: #47abd1;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    width: 27px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}

.copy_link.activated {
    color: #00658a;
    text-decoration: none;
}

.copy_link.activated:before {
    background-color: #00658a;
}

.node-type-product .tooltip {
    border-radius: 0;
    padding: 0.7em 1.3em;
}

@media screen and (max-width: 768px) {
    .node-type-product .tooltip {
        display: none !important;
    }
}

#node_product_full_group_description_tab_item {
    padding: 0 20px;
}

.features_title {
    border-bottom: 1px solid;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 26px;
    padding-bottom: 12px;
}

.dimension-chart [class*="column"]+[class*="column"]:last-child {
    float: left;
}

.features_list {
    border-bottom: 2px solid #cfcdcb;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    padding-bottom: 4px;
    padding-right: 69px;
    position: absolute;
    text-transform: uppercase;
    top: 45%;
    width: 33.2%;
}

.field-name-field-features {
    margin: 0 auto 30px;
    position: relative;
    width: 80%;
}

.field-name-field-specifications-tab ul {
    margin-left: 20px;
}

.field-name-field-chart table {
    width: 100%;
}

#node_product_full_group_description_tab_item .field-item .bullet-list-item p {
    padding: 0;
}

.bullet-list-item.is-child {
    margin-left: 30px;
}

.field-name-field-spec-examples-2 {
    padding: 0 20px;
}

.field-name-field-advanced-features .element-hidden {
    display: block;
}

.field-name-field-features .horizontal-rule-title {
    display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Models Tab -------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.dimensions-column.columns {
    float: left;
}

.dimension-chart.row {
    margin-top: 30px;
}

.dimension-chart.row h3 {
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 20px;
    margin-bottom: 20px;
}

.dimension-chart.row .dimensions-column .attribute-label {
    border-bottom: 1px solid #cfcdcb;
    display: block;
    font-family: "Sero", Arial, sans-serif;
    line-height: 27px;
    padding-bottom: 5px;
    width: 100%;
}

.dimension-chart.row .product-model {
    margin-bottom: 0px;
}

.dimension-chart .product-model {
    border-top: 1px solid #cfcdcb;
}

#node_product_full_group_models_tab_item {
    padding: 0 20px;
}

.horizontal-tabs-panes #node_product_full_group_models_tab_item .field-type-text-long {
    padding: 20px 0;
}

#node_product_full_group_models_tab_item .field-name-field-model-description-chart {
    padding: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Specs Tab --------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#node_product_full_group_specifications_tab_item {
    padding: 0 20px;
}

#node_product_full_group_spec_builders,
#node_product_full_group_spec_builder_2,
#node_product_full_group_spec_builder_3 {
    margin-bottom: 40px;
}

.accordionLink img {
    display: none;
}

.field-name-field-chart p.nzNozzleRadius {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 25px;
}

.nozzleDotColor {
    float: right;
    margin: 12px 5px;
    text-align: center;
}

.nozzleDotRed {
    font-size: 48px;
    vertical-align: middle;
    color: #F00;
}

.nozzleDotBeige {
    font-size: 48px;
    vertical-align: middle;
    color: #cfbda5;
}

.nozzleDotDkGreen {
    font-size: 48px;
    vertical-align: middle;
    color: #007562;
}

.nozzleDotGreen {
    font-size: 48px;
    vertical-align: middle;
    color: #2e9347;
}

.nozzleDotLimeGreen {
    font-size: 48px;
    vertical-align: middle;
    color: #bdd445;
}

.nozzleDotLtBlue {
    font-size: 48px;
    vertical-align: middle;
    color: #68aee0;
}

.nozzleDotDkBlue {
    font-size: 48px;
    vertical-align: middle;
    color: #23297A;
}

.nozzleDotTan {
    font-size: 48px;
    vertical-align: middle;
    color: tan;
}

.nozzleDotBlue {
    font-size: 48px;
    vertical-align: middle;
    color: #2a6486;
}

.nozzleDotGrey {
    font-size: 48px;
    vertical-align: middle;
    color: #818080;
}

.nozzleDotBlack {
    font-size: 48px;
    vertical-align: middle;
    color: #333;
}

.nozzleDotYellow {
    font-size: 48px;
    vertical-align: middle;
    color: #FF0;
}

.nozzleDotOrange {
    font-size: 48px;
    vertical-align: middle;
    color: #FF6600;
}

.nozzleDotLtBrown {
    font-size: 48px;
    vertical-align: middle;
    color: #B4A28F;
}

.nozzleDotLtGreen {
    font-size: 48px;
    vertical-align: middle;
    color: #99CC99;
}

.nozzleDotMaroon {
    font-size: 48px;
    vertical-align: middle;
    color: maroon;
}

.nozzleDotWhite {
    color: #999;
    font-size: 60px;
    font-weight: normal;
    vertical-align: middle;
}

.nozzleWhite {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #ccc;
    width: 8px;
    height: 8px;
    color: white;
    font-size: 14px;
}

.nozzleDotDkBrown {
    color: #6B4226;
    font-size: 48px;
    font-weight: normal;
    vertical-align: middle;
}

.cpTable td .oddNoBottom {
    border: medium none;
}

#ncNozzleCol2 {
    float: left;
    width: 268px;
}

.cpTable .nzArcImg {
    padding: 7px 0;
    width: 40px;
}

#ncNozzleInfo .nzNozzleColor {
    float: right;
    width: 70px;
}

.nzNote {
    float: left;
    font-family: arial;
    font-size: 13px;
    margin: 20px 0 0 10px;
}

body.performance-chart.node-type-chart h1.title,
body.performance-chart.node-type-chart .field-name-field-chart-type {
    display: none;
}

.cpTable img.precip {
    margin: 0;
    padding: 0;
}

.cpTable .nzHeightFix {
    height: 22px;
}

#accordionWrapper .accordionLink.on .nzViewIcon,
#accordionWrapper2col .accordionLink.on .nzViewIcon {
    display: none;
}

#accordionWrapper.fixedArc .accordionLink {
    height: 648px;
}

#shortRadiusColor {
    float: left;
    padding-top: 15px;
    text-align: left;
}

.shortRadiusTop {
    border-top: 1px solid #cdcdcd !important;
}

#ncNozzleInfo.mpHeight {
    /*height: 90px !important;
    */
    margin-top: 50px;
    width: 300px;
}

#ncArcPressure.mp81 {
    margin-top: 109px !important;
}

.width20 {
    width: 20%;
}

.cpTable .viewNozzle a {
    background-color: #666666;
    color: white;
    float: right;
    font-size: 10px;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 4px 12px;
    position: relative;
    right: 10px;
    top: 0px;
}

.cpTable .nozzleClass,
.cpTable tr:hover .nozzleClass,
.cpTable tr.hover .nozzleClass {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    font-size: 1.625em;
    font-weight: bolder;
    padding-left: 7px !important;
    text-align: left;
}

.cpTable tr:hover td.no-hover {
    background: #fff none repeat scroll 0 0;
}

.cpTable tr.odd:hover td.no-hover {
    background: #f0ece8 none repeat scroll 0 0;
}

.cpTable .nozzlePosition,
.cpTable tr:hover .nozzlePosition,
.cpTable tr.hover .nozzlePosition {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    font-size: 1.625em;
    font-weight: bolder;
    text-align: center;
}

.cpTable .topBorder,
.cpTable .pLoss {
    border-top: 1px solid #cdcdcd;
}

.cpTable .bottomBorder {
    background-color: #f0ece8;
    border-bottom: 1px solid #cdcdcd;
}

.cpTable .bottom-border {
    border-bottom: 1px solid #cdcdcd;
}

.cpTable .leftBorder {
    border-left: 1px solid #cdcdcd;
}

.cpTable .rightBorder {
    border-right: 1px solid #cdcdcd;
}

.cpTable .bottomBorderNone {
    background-color: #f0ece8;
    border-bottom: 0 solid #f0ece8;
}

.cpTable .nozzleClassWhite,
.cpTable tr:hover td.nozzleClassWhite {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #cfcdcb;
    font-size: 1.625em;
    font-weight: bolder;
    padding-left: 7px !important;
    text-align: left;
}

.cpTable .recommendedOdd {
    background-color: #f0ece8;
    font-family: "Sero_black", "Sero_bold", Arial, sans-serif;
    font-size: 1.1em;
}

.cpTable .recommended {
    font-family: "Sero_black", "Sero_bold", Arial, sans-serif;
    font-size: 1.1em;
}

.cpTable .odd,
.cpTable .odd .nozzleClass,
.cpTable tr.odd:hover td.nozzleClass,
.cpTable tr.odd.hover td.nozzleClass,
.cpTable .odd .nozzlePosition,
.cpTable tr.odd:hover td.nozzlePosition,
.cpTable tr.odd.hover td.nozzlePosition {
    background-color: #f0ece8;
    border-bottom: 0 none;
}

.cpTable .chartHeadBold,
.cpTable tr.chartHeadBold:hover td {
    background: #fff none repeat scroll 0 0;
    font-family: "Sero_bold", Arial, sans-serif;
}

.field-name-field-chart tr td {
    border-right: 1px solid #cdcdcb;
    border-top: 1px solid #cdcdcb;
    text-align: center;
}

.field-name-field-chart tr td:last-child {
    border-right: none;
}

.i18n-ar .field-name-field-chart tr td:last-child {
    border-right: 1px solid #cdcdcb;
}

table tr.even,
table tr.alt,
table tr:nth-of-type(2n) {
    background: none;
}

.node-type-product .horizontal-tabs fieldset.horizontal-tabs-pane#node_product_full_group_videos>div.fieldset-wrapper {
    margin: 0;
    width: auto;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li.last {
    border-right: none;
}

.node-product .horizontal-tabs ul.horizontal-tabs-list li.selected.last {
    border-right: 3px solid #00658a;
}

.field-name-field-related-videos .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: 6px 10px;
}

.node-type-video-library .video-library-related-video .video-library-image,
.node-type-video-library .video-library-related-video .video-library-image img,
.view-display-id-video_library_related_videos .views-row .views-field-nothing,
.view-display-id-video_library_related_videos .views-row .views-field-nothing img,
#node_product_full_group_videos .video-library-related-video .video-library-image,
#node_product_full_group_videos .video-library-related-video .video-library-image img {
    width: 100%;
    height: auto;
}

.field-name-field-related-videos .view-all {
    clear: both;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.field-name-field-model-charts .node-title a {
    color: #3b3b3b;
    text-transform: uppercase;
}

table .fixed {
    position: static;
    width: auto;
}

.comparison-chart tr.first-child.nohover td {
    background-color: #00658a;
    font-family: "Sero_bold", Arial, sans-serif;
    border: none;
}

.comparison-chart .first-child.nohover a {
    color: #fff;
    text-transform: uppercase;
}

.comparison-chart th {
    border-left: 1px solid #cfcdcb;
    padding: 0;
    text-align: center;
}

.comparison-chart img {
    width: auto;
}

.comparison-chart tr.nohover td {
    background-color: #666;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    text-align: left;
    text-transform: uppercase;
}

.comparison-chart tr td:first-child {
    font-family: "Sero_bold", Arial, sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.87em;
}

.comparison-chart tr.nohover td {
    border: medium none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Documents Tab ----------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#node_product_full_group_resources_tab_item {
    padding: 0 20px;
    margin: 1.125em 0;
}

#node_product_full_group_resources_tab_item .horizontal-rule-title {
    text-align: left;
}

.hunter-resource-display-row {
    height: auto;
    padding-bottom: 60px;
}

#node_product_full_group_specifications_tab_item .horizontal-rule-title {
    text-align: left;
    margin-top: 60px;
    clear: both;
}
#node_product_full_group_specifications_tab_item .hunter-resource-display-row {
    padding-bottom: 0px;
}

.hunter-resource-display-item {
    min-height: 265px;
}

@media (max-width: 768px) {
    .field-type-dimension-chart .field-item:nth-child(2n+1) {
        clear: both;
    }
}


.hunter-resource-display-item.last {
    margin-right: 26px;
}

.hunter-resource-display-item.first {
    margin-left: 26px;
}

.hunter-resource-display-resource-title a.hunter-resource-display-resource-image {
    color: #3b3b3b;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 12px;
    height: auto;
    line-height: 16px;
    margin-top: 15px;
    padding: 0 3px;
    text-align: left;
}

.hunter-resource-display-languages .hunter-resource-display-language {
    width: auto;
}

.hunter-resource-display-languages {
    border: medium none;
    clear: both;
    display: none;
    float: none;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    width: 120px;
    z-index: 3;
}

.hunter-resource-display-cad-options .hunter-resource-display-cad-option:first-child {
    padding-top: 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Videos Tab -------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.node-type-product .horizontal-tabs fieldset.horizontal-tabs-pane#node_product_full_group_videos {
    padding: 0 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Photos Tab -------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.node-type-product #node_product_full_group_photos {
    padding: 0 20px;
    margin: 1.125em 0;
}

/* Drip Control Zone */
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-1,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-2,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-3,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-4,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-8,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-9,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-11,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_application ul li.views-row-18 {
    display: none;
}

.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_studio ul li.views-row-1,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_studio ul li.views-row-2,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_studio ul li.views-row-3,
.page-node-1026 .view-photos-tab.view-display-id-photo_tab_block_studio ul li.views-row-4 {
    display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Responsive Tables ------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table:not(.contest) td,
table:not(.contest) th {
    padding: 9px 10px;
    text-align: left;
}

table.support thead tr th {
    background-color: #00658a;
    color: #ffffff;
    text-align: left;
    text-transform: uppercase;
    padding-top: 10px;
    border-left: 1px solid #00658a;
    border-right: 1px solid #00658a;
    border-top: 1px solid #00658a;
    border-bottom: none;
}

table.support tbody tr>td {
    border: 1px solid #cfcdcb;
}

/* New Responsive Tables - Wide ( for 1100px or less ) */
@media only screen and (max-width: 1100px) {
    table.responsive.wide {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 45%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th,
    .pinned table td {
        white-space: nowrap;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    div.table-wrapper div.scrollable {
        margin-left: 45%;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive.wide td,
    table.responsive.wide th {
        /*position: relative;
        */
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive.wide th:first-child,
    table.responsive.wide td:first-child,
    table.responsive.wide.pinned td {
        display: none;
    }

    table.responsive.wide tr.nohover td:first-child {
        display: table-cell;
    }

    table.responsive.wide tr.nohover.first-child td:first-child {
        display: none;
    }

    table.responsive.wide td:first-child {
        text-indent: -99999px;
    }

    table.wide tr th,
    table.wide tr td {
        color: #3b3b3b;
        font-size: 0.775em;
    }

    .comparison-chart.wide tr td:first-child {
        font-size: 0.77em;
    }

    .comparison-chart.wide .first-child.nohover a {
        color: #fff;
        line-height: 2.35em;
        text-transform: uppercase;
    }

    .comparison-chart.wide .nohover td {
        color: #fff;
    }

    table.comparison-chart.wide tr th,
    table.comparison-chart.wide tr td {
        color: #222222;
        padding: 0 0.625em;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 45%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th,
    .pinned table td {
        white-space: nowrap;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    div.table-wrapper div.scrollable {
        margin-left: 45%;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive td,
    table.responsive th {
        /*position: relative;
        */
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none;
    }

    table.responsive tr.nohover td:first-child {
        display: table-cell;
    }

    table.responsive tr.nohover.first-child td:first-child {
        display: none;
    }

    table.responsive td:first-child {
        text-indent: -99999px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Get Hunter -------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.homeowners_row_full_width {
    background-color: #efefef;
    min-height: 600px;
}

.professionals_row_full_width {
    background-color: #333;
    min-height: 600px;
    color: #fff;
}

.contact_row_full_width {
    background-color: #e4e1dd;
    min-height: 600px;
}

.sub_title_description {
    color: #b0b0af;
    font-family: "Sero", Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 65px;
}

.section-get-hunter h1.title {
    border-bottom: 1px solid #e6e6e7;
    margin-top: 52px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size: inherit;
    display: block;
    font-size: 40px;
    margin-right: 0;
    margin-left: 0;
}

img.circle {
    border-radius: 50%;
}

.homeowners_inner h2 {
    color: #00658a;
    font-size: 38px;
    margin-bottom: 0px;
}

.homeowners_inner h2 .not_bolded {
    font-family: "Sero", Arial, sans-serif;
    left: -6px;
    position: relative;
}

.sub {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 24px;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.homeowners_inner {
    padding-top: 100px;
    padding-bottom: 100px;
}

.homeowners_inner p {
    color: #3b3b3b;
    font-size: 18px;
}

.homeowners_inner .bold_it {
    text-transform: none;
    margin-bottom: 60px;
}

.find_button.blue {
    background-color: #47abd1;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    padding: 20px;
    text-transform: uppercase;
    display: inline-block;
    width: 270px;
}

.find_button .icon-right-open-1 {
    margin-left: 30px;
}

.homeowners_inner .left_part {
    width: 62%;
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-right: 40px;
}

.homeowners_inner .right_part {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 38%;
}

.sub .not_bolded {
    font-family: "Sero", Arial, sans-serif;
}

.not_bold {
    font-family: "Sero", Arial, sans-serif;
}

.professionals_inner {
    padding-top: 100px;
    padding-bottom: 100px;
}

.professionals_inner .left_part {
    width: 62%;
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-right: 40px;
}

.professionals_inner .right_part {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 38%;
}

.professionals_inner h2 {
    color: #0ec3f7;
    font-size: 38px;
    margin-bottom: 0px;
}

.professionals_inner h2 .not_bolded {
    font-family: "Sero", Arial, sans-serif;
    left: -6px;
    position: relative;
}

.professionals_inner .bold_it {
    text-transform: none;
    margin-bottom: 60px;
}

.contact_inner {
    padding-bottom: 80px;
    padding-top: 60px;
}

.contact_inner .horizontal-rule-title h2 {
    background-color: #e4e1dd;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 30px;
    margin: 0;
    padding: 0 10px 14px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

.contact_inner .horizontal-rule-title {
    clear: both;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}

.contact_inner .horizontal-rule-title hr {
    border-color: #3b3b3b;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 49%;
    width: 100%;
    z-index: 1;
}

.small-4.large-4.columns.irrigation_professionals .inner {
    background-color: #333;
    color: #fff;
    padding: 20px 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.small-4.large-4.columns.irrigation_professionals a:hover .inner {
    background-color: #242424;
}

.small-4.large-4.columns.commercial_projects .inner {
    background-color: #00658a;
    color: #fff;
    padding: 20px 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.small-4.large-4.columns.commercial_projects a:hover .inner {
    background-color: #00567b;
}

.small-4.large-4.columns.golf_irrigation_projects .inner {
    background-color: #a7ca33;
    color: #fff;
    padding: 20px 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.small-4.large-4.columns.golf_irrigation_projects a:hover .inner {
    background-color: #98BB24;
}

.contact_inner .inner h3 {
    color: #fff;
    line-height: 24px;
}

.contact_inner .inner {
    text-align: center;
    min-height: 320px;
}

.inner .circle {
    padding: 20px 0;
    width: 260px;
}

.contact_inner .inner .tablet_title_and_link .link_text {
    color: #fff;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    max-width: 200px;
    text-transform: uppercase;
    text-align: left;
}

.contact_inner .inner .tablet_title_and_link .not_bold {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    text-align: left;
}

.contact_inner .inner .tablet_title_and_link .link_text:after {
    font-family: 'fontello';
    content: '\e800';
    margin-left: 20px;
}

.find_button.blue:after {
    font-family: 'fontello';
    content: '\e800';
    float: right;
}

.commercial_projects .inner .circle {
    padding: 0 0 20px;
    width: 260px;
}

.contact_inner>p {
    padding: 20px 35px 40px;
}

.newsletter_icon {
    border-right: 2px solid #ccc;
    display: table-cell;
    float: none;
    height: 116px;
    margin-right: 20px;
    padding-right: 30px;
    vertical-align: middle;
    width: 105px;
}

.subscribe_text {
    color: #3b3b3b;
    display: table-cell;
    font-size: 24px;
    font-style: italic;
    line-height: 33px;
    padding-left: 40px;
    padding-right: 40px;
    vertical-align: middle;
}

.subscribe_section {
    padding-bottom: 80px;
    padding-top: 85px;
}

.sign_up_button_container {
    display: table-cell;
    vertical-align: middle;
    width: 260px;
}

.subscribe_section .find_button .icon-right-open-1 {
    margin-left: 130px;
}

.contact_inner .large-4.columns {
    width: 33.3333%;
}

.subscribe_text .bold_it {
    text-transform: none;
}

.right_part img.circle {
    max-width: 400px;
    float: right;
}

.show_for_small {
    display: none;
}

.contact_inner p {
    font-size: 18px;
}

.find_button.for_small.blue {
    display: none;
}

h3.tablet {
    display: none;
}

.newsletter_icon::after {
    content: '\e821';
    font-family: "fontello";
    font-size: 100px;
    color: #ccc;
}

/* For non USA versions of page -------------------- */
.page-node-38941 .professionals_row_full_width,
.page-node-41851 .professionals_row_full_width,
.page-node-42921 .professionals_row_full_width,
.page-node-39236 .professionals_row_full_width,
.page-node-39496 .professionals_row_full_width,
.page-node-40616 .professionals_row_full_width,
.page-node-39526 .professionals_row_full_width,
.page-node-42821 .professionals_row_full_width,
.page-node-39501 .professionals_row_full_width,
.page-node-49291 .professionals_row_full_width {
    background: none;
    color: #3b3b3b;
}

.page-node-38941 .contact_row_full_width,
.page-node-41851 .contact_row_full_width,
.page-node-39236 .contact_row_full_width,
.page-node-39496 .contact_row_full_width,
.page-node-40616 .contact_row_full_width,
.page-node-39526 .contact_row_full_width,
.page-node-42821 .contact_row_full_width,
.page-node-39501 .contact_row_full_width,
.page-node-49291 .contact_row_full_width {
    background: none;
}

.page-node-38941 .contact_inner .horizontal-rule-title h2,
.page-node-41851 .contact_inner .horizontal-rule-title h2,
.page-node-42921 .contact_inner .horizontal-rule-title h2,
.page-node-39236 .contact_inner .horizontal-rule-title h2,
.page-node-39496 .contact_inner .horizontal-rule-title h2,
.page-node-40616 .contact_inner .horizontal-rule-title h2,
.page-node-39526 .contact_inner .horizontal-rule-title h2,
.page-node-42821 .contact_inner .horizontal-rule-title h2,
.page-node-39501 .contact_inner .horizontal-rule-title h2,
.page-node-49291 .contact_inner .horizontal-rule-title h2 {
    background-color: #fff;
}

.page-node-38941 .professionals_inner,
.page-node-41851 .professionals_inner,
.page-node-42921 .professionals_inner,
.page-node-39236 .professionals_inner,
.page-node-39496 .professionals_inner,
.page-node-40616 .professionals_inner,
.page-node-39526 .professionals_inner,
.page-node-42821 .professionals_inner,
.page-node-39501 .professionals_inner,
.page-node-49291 .professionals_inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-node-38941 .subscribe_section {
    padding-top: 0;
}

h3.guides {
    margin-bottom: 40px;
    margin-top: 60px;
}

.page-search img {
    width: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homeowners Section ------------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.homeowners_prod_support .product_line_name a {
    display: table-cell;
    vertical-align: middle;
}

.homeowners_prod_support li:hover .product_line_name {
    background-color: #47abd1;
}

#faqs_page img {
    width: auto;
}

.product_id .rotor {
    float: left;
    width: 19%;
    margin-right: 1%;
    text-align: center;
    margin-bottom: 1%;
}

.product_id .rotor #cap {
    display: none;
    position: absolute;
    z-index: 999;
}

.product_id #cap_show {
    background-color: #e6e6e7;
    border-radius: 5px;
    display: block;
    padding-bottom: 20px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.rotor.last #cap {
    right: 10px;
}

#faqs_page h2.faq_subtitle {
    margin: 40px 0 20px;
}

.subsection {
    border-bottom: 1px solid #e6e6e7;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.subsection .right_side {
    float: right;
    width: 50%;
    padding-left: 20px;
}

.subsection .left_side {
    float: left;
    width: 50%;
}

#faqs_readmore {
    text-align: right;
}

.question {
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 36px;
}

#techlink {
    padding-top: 50px;
    text-align: center;
}

#faqs_readmore .button.learn_more {
    margin-bottom: 0;
    margin-top: 20px;
    background: none;
    color: #47abd1;
}

#faqs_readmore .button.learn_more:hover {
    color: #2ba6cb;
}

#faqs_readmore .button.learn_more:after {
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

#faqs_page ol,
#faqs_page ul {
    padding-left: 20px;
}

#faqs_page ol li,
#faqs_page ul li {
    margin: 16px 0;
}

#faqs_page .identification .faq_subtitle {
    margin-top: 0;
    padding-top: 0;
}

.identification {
    display: inline-block;
    margin-bottom: 60px;
    margin-top: 20px;
    width: 100%;
}

#faqs_page .left_side img {
    width: 100%;
}

.identification .discontinued {
    border-top: 1px solid #e6e6e7;
    clear: both;
    display: inline-block;
    margin-top: 20px;
    padding-top: 10px;
    width: 100%;
}

#cap_show img {
    margin-bottom: 15px;
}

.subsection.multiple_youtube .lazyYT-container {
    margin-bottom: 40px;
}

.subsection.soil_type .left_side {
    text-align: center;
}

.subsection.soil_type .left_side .field-name-field-chart.errcodes {
    margin-top: 60px;
}

/*! * lazyYT (lazy load YouTube videos) * v1.0.1 - 2014-12-30 * (CC) This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. * http://creativecommons.org/licenses/by-sa/4.0/ * Contributors: https://github.com/tylerpearson/lazyYT/graphs/contributors || https://github.com/daugilas/lazyYT/graphs/contributors */
.lazyYT-container {
    direction: ltr;
    position: relative;
    display: block;
    height: 0;
    padding: 0 0 56.25% 0;
    overflow: hidden;
    background-color: #000000;
}

.lazyYT-container iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* * Video Title (YouTube style) */
.lazyYT-container .html5-info-bar {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 30px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}

.lazyYT-container .html5-title {
    padding-right: 6px;
    padding-left: 12px;
}

.lazyYT-container .html5-title-text-wrapper {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
}

.lazyYT-container .html5-title-text {
    width: 100%;
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    text-decoration: none;
}

.lazyYT-container .html5-title-text:hover {
    color: #fff;
    text-decoration: underline;
}

/* * Thumbnail */
.ytp-thumbnail {
    padding-bottom: inherit;
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* * Play button (YouTube style) */
.ytp-large-play-button {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 86px !important;
    height: 60px !important;
    padding: 0 !important;
    margin: -29px 0 0 -42px !important;
    font-size: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    opacity: .9;
}

.ytp-large-play-button-svg {
    opacity: .9;
    fill: #1f1f1f;
}

.lazyYT-image-loaded:hover .ytp-large-play-button-svg,
.ytp-large-play-button:focus .ytp-large-play-button-svg {
    opacity: 1;
    fill: #cc181e;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Find A Hunter Preferred Contractor -------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.section-professional-contractor-referral-form .title_first_part {
    color: #00658a;
    font-family: "Sero", Arial, sans-serif;
}

.section-professional-contractor-referral-form .title_second_part {
    color: #04abd1;
    font-family: "Sero_bold", Arial, sans-serif;
}

.bold_and_italic {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 60px;
}

.section-professional-contractor-referral-form .sub_title_description {
    color: #b0b0af;
    font-family: "Sero", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 35px;
}

.finding-a-professional .block-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #00658a;
    border-top: 5px solid #00658a;
    color: #00658a;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 12px;
    text-align: center;
    width: 100%;
}

.large-8.pull-4.main.columns,
.large-4.push-8.columns {
    float: right;
    position: relative;
}

.large-8.pull-4.main.columns {
    padding-right: 46px;
}

.section-professional-contractor-referral-form .large-4.push-8.columns {
    margin-top: 35px;
    padding-top: 0;
}

.section-professional-contractor-referral-form h1.title {
    border-bottom: 1px solid #e6e6e7;
    margin-top: 52px;
    padding-bottom: 10px;
    margin-bottom: 22px;
    font-size: inherit;
    display: block;
    font-size: 36px;
    margin-right: 0;
    margin-left: 0;
}

.secondary.form-submit {
    background-color: #47abd1;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: left;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    margin-bottom: 80px;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 260px;
}

.section-join-our-mailing-list #submit-form.button-primary {
    background-color: #47abd1;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    margin: 20px auto 80px;
    text-align: center;
    text-transform: uppercase;
    width: 260px;
}

.section-join-our-mailing-list #submit-form.button-primary:after {
    font-family: 'fontello';
    content: '\e800';
    float: right;
}

#edit-submit--2.form-submit:after {
    font-family: 'fontello';
    content: '\e800';
    float: right;
    margin-left: 20px;
    position: relative;
    top: -1px;
}

.right-off-canvas-menu #edit-submit--2.form-submit:after {
    font-family: 'fontello';
    content: '';
    float: right;
}

#node-38921 h1.title,
#node-38926 h1.title {
    display: none;
}

label span.has-tip {
    background-image: url("/sites/all/themes/hunter_responsive/images/icon-info.png");
    background-repeat: no-repeat;
    border: medium none;
    display: inline-block;
    height: 18px;
    margin-left: 10px;
    padding: 10px;
    position: relative;
    top: -2px;
    vertical-align: bottom;
    width: 18px;
}

.section-green-roof-irrigation .identification-chart-title {
    margin-bottom: 14px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Distributor Lookup Page ------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.views-field-description-i18n .field-content>h2 {
    text-transform: none;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 {
    clear: both;
    height: 266px;
    width: 100%;
}

#gmap-distributorlookup-gmap0 {
    border: 1px solid #bbb;
    border-radius: 7px;
    margin-top: 15px;
    width: 100% !important;
}

.view-distributor-search .view-content {
    margin: 0;
    padding: 0;
    width: 100%;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .views-submit-button {
    background: #eee none repeat scroll 0 0;
    border-top: 1px solid #bbb;
    bottom: 0;
    height: 70px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: right;
    top: 120px;
    width: 100%;
    z-index: 4;
}

.view-distributor-search.view-id-distributor_search .attachment-before {
    float: right;
    width: 50%;
}

/* Results Page */
.view-distributor-search.view-display-id-dl_results_page .view-content {
    float: left;
    width: 45%;
}

.view-display-id-dl_results_page .view-footer .a-button {
    float: right;
}

@media only screen and (max-width: 860px) {
    .view-distributor-search .view-header .a-button {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .view-display-id-dl_results_page .view-footer .a-button {
        float: right;
        width: 100%;
    }

    .view-display-id-dl_results_page.view-distributor-search .view-footer .a-button a {
        width: 100%;
    }

    /* Results Page */
    .view-distributor-search.view-display-id-dl_results_page .view-content {
        float: left;
        width: 100%;
    }
}

.view.view-distributor-search.view-id-distributor_search.view-display-id-dl_landing_page.view-dom-id-ce681e775ec3ad831649016a310cae05 {
    margin-top: 70px;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form {
    background-image: none;
    clear: both;
    margin: 0 auto;
    min-height: 90px;
    padding: 20px;
    width: 100%;
}

.views-exposed-widgets #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form #edit-province-wrapper {
    position: relative;
    width: 33%;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .views-exposed-widget {
    width: 67%;
    padding: 0;
    position: absolute;
    left: 33%;
    top: 0px;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form #edit-province-wrapper {
    background-color: #ccc;
    left: 0;
    margin: 0 auto;
    padding: 10px 0 1px 20px;
    position: absolute;
    top: 0;
    width: 33%;
    height: 100px;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 select {
    width: auto;
}

/* Posta Code */
#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form div.form-item-distance-postal-code {
    background-color: #ddd;
    float: left;
    left: auto;
    padding: 10px 0 0 20px;
    position: relative;
    top: auto;
    width: 50%;
    height: 100px;
}

/* Country */
#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .form-item-distance-country {
    background-color: #999;
    float: right;
    padding: 10px 0 0 20px;
    position: relative;
    right: auto;
    top: auto;
    width: 50%;
    height: 100px;
}

/* Distance */
#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .form-item-distance-search-distance {
    float: left;
    margin-right: 0;
    padding: 10px 0 0 0px;
    position: absolute;
    right: 340px;
    top: 130px;
    width: auto;
}

/* Miles */
#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .form-item-distance-search-units {
    float: left;
    padding: 10px 0 0 20px;
    position: absolute;
    right: 215px;
    top: 130px;
    width: auto;
    z-index: 5;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .views-buttons {
    border-top: 1px solid #bbb;
    bottom: auto;
    clear: both;
    display: inline-block;
    float: none;
    height: auto;
    left: 0;
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: absolute;
    text-align: right;
    top: 200px;
    width: 100%;
    z-index: 4;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .views-submit-button {
    background: none;
    border-top: none;
    bottom: auto;
    height: 70px;
    left: auto;
    margin: 0;
    padding: 0;
    position: static;
    text-align: right;
    top: auto;
    width: 100%;
    z-index: 4;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .views-buttons {
    background: none;
}

#edit-submit-distributor-search.form-submit {
    background-color: #47abd1;
    border: medium none;
    border-radius: 0;
    bottom: 110px;
    box-shadow: none;
    color: #fff;
    float: right;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
    position: absolute;
    right: 0px;
    text-align: left;
    text-transform: uppercase;
    width: 200px;
}

#edit-submit-distributor-search.form-submit:after {
    font-family: 'fontello';
    content: '\e800';
    float: right;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form p.region_filter {
    display: inline-block;
    float: left;
    margin: 0;
    text-align: left;
}

/* English */
#edit-province-wrapper>label:before {
    content: "Search By:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.form-item-distance-postal-code>label::before {
    content: "Search By:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.form-item-distance-country>label::before {
    content: "Search By:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Spanish */
.lang-es #edit-province-wrapper>label:before {
    content: "Buscar por:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-es .form-item-distance-postal-code>label:before {
    content: "Buscar por:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-es .form-item-distance-country>label:before {
    content: "Buscar por:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Italian */
.lang-it #edit-province-wrapper>label:before {
    content: "Cerca:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-it .form-item-distance-postal-code>label:before {
    content: "Cerca:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-it .form-item-distance-country>label:before {
    content: "Cerca:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* French */
.lang-fr #edit-province-wrapper>label:before {
    content: "Recherche par:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-fr .form-item-distance-postal-code>label:before {
    content: "Recherche par:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-fr .form-item-distance-country>label:before {
    content: "Recherche par:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Portuguese */
.lang-pt #edit-province-wrapper>label:before {
    content: "Busque por:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-pt .form-item-distance-postal-code>label:before {
    content: "Busque por:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-pt .form-item-distance-country>label:before {
    content: "Busque por:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* German */
.lang-de #edit-province-wrapper>label:before {
    content: "Suche:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-de .form-item-distance-postal-code>label:before {
    content: "Suche:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-de .form-item-distance-country>label:before {
    content: "Suche:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Turkish */
.lang-tr #edit-province-wrapper>label:before {
    content: "Arama:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-tr .form-item-distance-postal-code>label:before {
    content: "Arama:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-tr .form-item-distance-country>label:before {
    content: "Arama:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Polish */
.lang-pl #edit-province-wrapper>label:before {
    content: "Szukaj według:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-pl .form-item-distance-postal-code>label:before {
    content: "Szukaj według:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-pl .form-item-distance-country>label:before {
    content: "Szukaj według:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Russian */
.lang-ru #edit-province-wrapper>label:before {
    content: "Поиск:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-ru .form-item-distance-postal-code>label:before {
    content: "Поиск:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-ru .form-item-distance-country>label:before {
    content: "Поиск:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Arabic */
.lang-ar #edit-province-wrapper>label:before {
    content: "البحث بواسطة:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-ar .form-item-distance-postal-code>label:before {
    content: "البحث بواسطة:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-ar .form-item-distance-country>label:before {
    content: "البحث بواسطة:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

/* Chinese */
.lang-zh-hans #edit-province-wrapper>label:before {
    content: "搜索:";
    display: block;
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    width: 100%;
}

.lang-zh-hans .form-item-distance-postal-code>label:before {
    content: "搜索:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.lang-zh-hans .form-item-distance-country>label:before {
    content: "搜索:";
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-right: 20px;
    display: block;
    float: none;
    width: 100%;
}

.page-locations-search-distributor .view-distributor-search .attachment.attachment-before {
    float: right;
    width: 100%;
    margin-top: 50px;
}

.map_button {
    color: #00658a;
    float: right;
    font-style: italic;
    margin: 0;
    padding: 0;
}

.page-locations-distributor-all .map_button {
    display: none;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 {
    position: relative;
}

.map_button .icon-chevron-right:before {
    color: #00658a;
    content: "→";
    margin-left: 10px;
    font-family: Arial, sans-serif;
}

.map_button:hover .icon-chevron-right:before {
    color: #47abd1;
}

@media only screen and (max-width: 768px) {
    .map_button {
        float: right;
        right: 20px;
        top: -105px;
    }

    .page-locations-search-distributor .view-distributor-search .attachment.attachment-before {
        margin-top: 0;
    }
}

.distributor_intro_text h2 {
    font-size: 1.2em;
    text-transform: none;
}

.distributor_intro_text {
    font-size: 90%;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form div.form-item-province input {
    margin-top: 41px;
    width: 39%;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form div.form-item-distance-postal-code input {
    margin-top: 41px;
    width: 44%;
}

#block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form #edit-distance-country {
    margin-bottom: 11px;
    margin-top: 48px;
    width: 45%;
}

.view-id-dl_header .views-field.views-field-description-i18n {
    margin-bottom: 30px;
}

/* Distributor Lookup Results Page ----------------- */
.page-locations-search-distributor .view-distributor-search .attachment.attachment-before {
    float: right;
    width: 50%;
}

.view-distributor-search .attachment.attachment-before .view-content {
    width: 100%;
}

.page-locations-search-distributor .view-distributor-search>.view-content {
    width: 48%;
}

.view-distributor-search .view-header .a-button>a {
    display: none;
}

.view-distributor-search .view-footer .a-button>a {
    background-color: #47abd1;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 50px;
    padding: 20px;
    text-transform: uppercase;
    width: 270px;
    margin-top: 20px;
    text-align: left;
}

.page-locations-distributor-all .view-distributor-search .view-footer .a-button>a {
    display: none;
}

.view-distributor-search .view-footer .a-button>a:after {
    content: '\e800';
    float: right;
    font-family: "fontello";
}

.view-distributor-search .views-field .location.vcard {
    border: medium none;
    display: inline-block;
    margin: 0;
    padding: 10px 0;
}

.view-distributor-search .view-content .views-row {
    border-bottom: 1px solid #e6e6e7;
    padding-bottom: 35px;
    font-size: 15px;
}

.view-distributor-search .view-content .views-row .views-field-title {
    font-family: "Sero_bold", Arial, sans-serif;
    font-weight: normal;
}

.view-distributor-search .view-content .views-field.views-field-nothing {
    display: inline-block;
    margin-top: 10px;
}

.view-distributor-search .view-content .views-row.views-row-first:before {
    color: #00658a;
    content: "Results:";
    display: block;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 28px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: none;
}

.view-distributor-search .view-content .view-id-distributor_badges .views-row.views-row-first:before {
    display: none;
}

.view-distributor-search .view-content .view-id-distributor_badges .views-row {
    border: none;
    padding: 0;
}

.view-id-distributor_badges img {
    width: auto;
}

.view-distributor-search .attachment-before .view-footer .a-button>a {
    display: none;
}

.views-field-field-distributor-phone .field-content {
    font-family: "Sero_bold", arial, sans-serif;
    margin: 10px 0;
}

.node-distributor {
    background-color: #00658a;
    color: #fff;
    padding: 20px 20px 32px;
    text-align: center;
}

.node-distributor .field-location {
    font-size: 20px;
    line-height: 27px;
}

.field-name-field-distributor-phone .field-label {
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 30px;
    margin-right: 10px;
    text-transform: uppercase;
}

body.node-type-distributor h3.distirbutor_title {
    color: #47abd1;
    font-size: 17px;
    margin-bottom: 0;
    padding-top: 32px;
}

.node-type-distributor h1.section_title {
    color: #006588;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 0;
    text-transform: uppercase;
}

.view-id-distributor_detail_map .views-field-address .vcard {
    border: medium none;
    display: inline-block;
    margin: 1em 0 1.25em;
    padding: 0;
}

.view-id-distributor_detail_map .views-field-field-distributor-phone .field-content {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 10px;
}

.view-id-distributor_detail_map .views-field-title a {
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.view-id-distributor_detail_map .location.vcard .adr {
    line-height: 16px;
}

.view-id-distributor_detail_map .gmap-popup .views-field-nothing a {
    display: block;
    margin-bottom: 4px;
}

.gmap-popup {
    padding: 8px;
}

.view-distributor-search .adr .street-address {
    line-height: 28px;
}

.view-distributor-search .gmap-popup .location.vcard .adr .street-address {
    line-height: 16px;
}

.gmap-popup .views-field-field-distributor-website {
    margin-top: 4px;
}

.view-distributor-search .view-content .views-row .views-field-distance {
    float: right;
    margin-right: 0px;
    background-color: #47abd1;
    color: #fff;
    padding: 10px;
    font-style: italic;
}

.view-distributor-search .view-header a.button.new_search::after {
    content: '\e800';
    float: right;
    font-family: "fontello";
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    top: 0px;
}

.view-distributor-search .view-header a.button.new_search {
    position: absolute;
    right: 15px;
    text-align: left;
    top: 0;
    width: 270px;
    display: block;
}

.view-display-id-dl_results_page .pagination-centered {
    clear: both;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

.view-distributor-search ul.pagination.pager {
    background-color: transparent;
    display: inline;
    float: none;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: right;
}

/* Styles pulled from existing site for form elements */
#WebToLeadForm.signup-form input.error {
    background-image: none;
}

.center {
    text-align: center;
}

#WebToLeadForm.signup-form .required {
    color: #dd0000;
    margin-left: 5px;
}

#WebToLeadForm.signup-form {
    margin-top: 70px;
}

#WebToLeadForm.signup-form label {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 0;
    text-align: left;
    width: auto;
}

#WebToLeadForm.signup-form .required,
#WebToLeadForm.signup-form label {
    display: inline-block;
    margin-top: 20px;
}

#WebToLeadForm.signup-form input[type="text"] {
    width: 100%;
    float: none;
}

#WebToLeadForm.signup-form input:focus {
    background-position: 0 0;
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    outline: medium none;
}

#WebToLeadForm.signup-form .chosen-search input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    float: none;
    height: auto;
    margin: 0;
    padding: 5px;
    width: 100%;
}

#WebToLeadForm.signup-form .chosen-search input:focus {
    box-shadow: none;
}

#WebToLeadForm.signup-form select {
    border: 1px solid #979797;
    border-radius: 5px;
    float: none;
    font-size: 14px;
    height: 34px;
    width: 270px;
}

#WebToLeadForm.signup-form td.input-label {
    text-align: right;
}

#WebToLeadForm.signup-form #first_name,
#WebToLeadForm.signup-form #last_name,
#WebToLeadForm.signup-form #email1,
#WebToLeadForm.signup-form #confirm_email {
    float: none;
}

#WebToLeadForm.signup-form #submit-form {
    cursor: pointer;
    padding: 14px 30px;
}

#WebToLeadForm.signup-form .two-column-form .column-left,
#WebToLeadForm.signup-form .two-column-form .column-right {
    float: left;
    margin-bottom: 70px;
    text-align: left;
    width: 46%;
}

#WebToLeadForm.signup-form .two-column-form.step-2 .column-left,
#WebToLeadForm.signup-form .two-column-form.step-2 .column-right {
    width: 50%;
    margin: 0;
}

#WebToLeadForm.signup-form .two-column-form .column-left>div,
#WebToLeadForm.signup-form .two-column-form .column-right>div {
    clear: both;
}

#WebToLeadForm.signup-form .two-column-form .column-right {
    margin-left: 3%;
}

#WebToLeadForm.signup-form .two-column-form .column-left {
    margin-left: 3%;
}

#WebToLeadForm.signup-form .form-item-specialtylist-c label {
    width: 100%;
}

#WebToLeadForm.signup-form .form-item-specialtylist-c label span {
    text-transform: none;
}

#WebToLeadForm.signup-form .form-item-specialtylist-c {
    margin-bottom: 70px;
    width: 100%;
}

#WebToLeadForm.signup-form #edit-specialtylist-c .form-item {
    margin: 5px 0;
    width: 33%;
}

#WebToLeadForm.signup-form #edit-specialtylist-c .form-item label,
#WebToLeadForm.signup-form #edit-specialtylist-c .form-item input {
    display: inline;
    float: none;
    margin: 0;
    width: auto;
}

#WebToLeadForm.signup-form #edit-specialtylist-c .form-item label {
    margin-left: 5px;
}

#WebToLeadForm.signup-form #edit-specialtylist-c .description {
    clear: both;
}

.multi-step-form {
    border-top: 1px solid #a7a7a7;
    clear: both;
    display: block;
}

.multi-step-form .step-number {
    background: #2a6486 none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-size: 21px;
    line-height: 32px;
    margin-right: 10px;
    padding: 7px 20px;
    width: auto;
}

.multi-step-form strong {
    color: #00658a;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin-top: 16px;
    vertical-align: top;
}

#WebToLeadForm.signup-form input.error,
#WebToLeadForm.signup-form select.error,
#WebToLeadForm.signup-form .chosen-container>a.error {
    border: 1px solid red !important;
    float: none !important;
}

#thankYou {
    background: #dff2bf none repeat scroll 0 0;
    border: 1px solid #83c535;
    color: #3e642f;
    display: none;
    padding: 10px 20px;
}

#thankYou p {
    margin: 0;
}

h3.sign-up {
    font-size: 16px;
    margin: 20px 0 0;
    text-transform: uppercase;
}

#WebToLeadForm .error-message {
    color: #dd0000;
    display: block;
    padding: 10px;
}

#hunter-lead-forms-referral-results-form fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}

#map-canvas {
    float: right;
    height: 440px;
    width: 50%;
}

h2.referral-count-results {
    background: #50524d none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: sero, arial, helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 12px 20px;
    text-transform: uppercase;
    font-size: 18px;
}

.result-item {
    border-bottom: 1px solid #ccc;
    padding: 20px;
    position: relative;
    z-index: 4;
}

.result-item .title {
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 10px;
    margin-right: 120px;
}

.result-item .city,
.result-item .state,
.result-item .potal,
.result-item .country {
    font-size: 14px;
    line-height: 22px;
}

.result-item .distance {
    float: right;
    font-size: 14px;
    padding-top: 4px;
}

.connect-me-button a {
    background: rgba(0, 0, 0, 0) url("/sites/all/modules/custom/hunter_lead_forms/images/add-user.png") no-repeat scroll left center;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 22px;
    margin: 10px 0 0;
    padding: 4px 0 0 31px;
    position: relative;
    text-transform: uppercase;
    z-index: 5;
    color: #00658a;
}

#map-canvas .connect-me-button a {
    display: block;
}

.listings {
    float: left;
    width: 50%;
}

.listings .form-type-checkbox {
    display: none;
}

.map-navigation-buttons {
    clear: both;
    float: left;
    margin-top: 20px;
    width: 440px;
}

.nav-back a {
    display: inline-block;
    padding: 10px 10px 10px 20px;
}

.nav-next a {
    display: block;
    float: right;
    font-size: 14px;
    padding: 10px;
}

.nav-next a::after {
    content: "";
    display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    padding-left: 10px;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: auto;
}

.results-page {
    display: none;
}

.results-page-0 {
    display: block;
}

.result-item.highlight,
.result-item.highlight-selected {
    background: #efedeb none repeat scroll 0 0;
}

.current-results-shown {
    float: right;
    font-size: 14px;
    padding-top: 4px;
    text-transform: none;
}

.map-disclaimer {
    clear: right;
    float: right;
    font-size: 85%;
    margin-top: 10px;
}

.training-certificates {
    display: block;
    margin-top: 20px;
}

.training-certificates span {
    display: inline-block;
    margin-right: 20px;
}

.training-certificates .training-tech {
    background: rgba(0, 0, 0, 0) url("/sites/all/modules/custom/hunter_lead_forms/images/badge-training-level-tech.png") no-repeat scroll 0 0;
    height: 23px;
    width: 131px;
}

.training-certificates .specialist {
    background: rgba(0, 0, 0, 0) url("/sites/all/modules/custom/hunter_lead_forms/images/badge-training-level-specialist.png") no-repeat scroll 0 0;
    height: 23px;
    width: 127px;
}

.training-certificates .expert {
    background: rgba(0, 0, 0, 0) url("/sites/all/modules/custom/hunter_lead_forms/images/badge-training-level-expert.png") no-repeat scroll 0 0;
    height: 23px;
    width: 111px;
}

.referral-ajax-notice {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    max-width: 150px;
    padding: 10px;
    position: absolute;
    right: 0;
}

.referral-ajax-notice.msg-type-warning {
    background: #ddac0c none repeat scroll 0 0;
}

.referral-ajax-notice.msg-type-error {
    background: #d8421a none repeat scroll 0 0;
}

.selected-message {
    background: #0099cc none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    max-width: 150px;
    padding: 10px 15px;
    position: absolute;
    right: 0;
}

.connect-me .selected-message {
    display: block;
}

.checkmark::after {
    content: "";
    display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    padding-right: 10px;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 20px;
}

.connect-me .selected-message.cancel-option .checkmark::after {
    content: "";
}

.connect-me .selected-message.cancel-option:hover {
    cursor: pointer;
}

#send-button {
    clear: both;
    display: none;
    float: left;
    margin-top: 20px;
}

#hunter-lead-forms-referral-results-form #send-button input {
    background: #2a6486 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 30px;
    text-transform: uppercase;
}

/* Chozn styles for join our mailing list page form */
.section-join-our-mailing-list .chosen-container {
    display: inline-block;
    font-size: 13px;
    position: relative;
    vertical-align: middle;
}

.section-join-our-mailing-list .chosen-container .chosen-drop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #aaa #aaa;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    left: -9999px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1010;
}

.section-join-our-mailing-list .chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.section-join-our-mailing-list .chosen-container-single .chosen-single {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #d6d6d6);
    background-position: 0 -10px;
    background-repeat: repeat-x;
    background-size: 100% 60px;
    border-color: #bbbbbb #bbbbbb #939393;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #444;
    display: block;
    height: inherit;
    line-height: 24px;
    overflow: hidden;
    padding: 3px 0 3px 8px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    white-space: nowrap;
}

.section-join-our-mailing-list .chosen-container-single .chosen-single:hover {
    background-position: 0 0;
    border-color: #999;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.section-join-our-mailing-list .chosen-container-single .chosen-default {}

.section-join-our-mailing-list .chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-join-our-mailing-list .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.section-join-our-mailing-list .chosen-container-single .chosen-single abbr {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll -42px 1px;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
}

.section-join-our-mailing-list .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.section-join-our-mailing-list .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.section-join-our-mailing-list .chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
}

.section-join-our-mailing-list .chosen-container-single .chosen-single div b {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll 0 2px;
    display: block;
    height: 100%;
    width: 100%;
}

.section-join-our-mailing-list .chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1010;
}

.section-join-our-mailing-list .chosen-container-single .chosen-search input {
    background: url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll 100% -20px, rgba(0, 0, 0, 0) linear-gradient(#eeeeee 1%, #ffffff 15%) repeat scroll 0 0;
    border: 1px solid #aaa;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 1em;
    margin: 1px 0;
    outline: 0 none;
    padding: 4px 20px 4px 5px;
    width: 100%;
}

.section-join-our-mailing-list .chosen-container-single .chosen-drop {
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}

.section-join-our-mailing-list .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    left: -9999px;
    position: absolute;
}

.section-join-our-mailing-list .chosen-container .chosen-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
}

.section-join-our-mailing-list .chosen-container .chosen-results li {
    display: none;
    line-height: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 6px 8px;
}

.section-join-our-mailing-list .chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item;
}

.section-join-our-mailing-list .chosen-container .chosen-results li.disabled-result {
    color: #ccc;
    cursor: default;
    display: list-item;
}

.section-join-our-mailing-list .chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.section-join-our-mailing-list .chosen-container .chosen-results li.no-results {
    background: #f4f4f4 none repeat scroll 0 0;
    display: list-item;
}

.section-join-our-mailing-list .chosen-container .chosen-results li.group-result {
    color: #999;
    cursor: default;
    display: list-item;
}

.section-join-our-mailing-list .chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.section-join-our-mailing-list .chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices {
    background-color: #fff;
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    box-sizing: border-box;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: outside none none;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-field input {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: none;
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    margin: 1px 0;
    outline: 0 none;
    padding: 5px;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-choice {
    background-clip: padding-box;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll -42px 1px;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-choice-disabled {
    background-color: #e4e4e4;
    background-image: -moz-linear-gradient(center top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #ccc;
    color: #666;
    padding-right: 5px;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4 none repeat scroll 0 0;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.section-join-our-mailing-list .chosen-container-multi .chosen-drop .result-selected {
    color: #ccc;
    cursor: default;
    display: list-item;
}

.section-join-our-mailing-list .chosen-container-active .chosen-single {
    background-position: 0 -10px;
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section-join-our-mailing-list .chosen-container-active .chosen-single:hover {
    border: 1px solid #5897fb;
}

.section-join-our-mailing-list .chosen-container-active.chosen-with-drop .chosen-single {
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-position: 0 -10px;
    border: 1px solid #aaa;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 0 #fff inset;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
}

.section-join-our-mailing-list .chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent none repeat scroll 0 0;
}

.section-join-our-mailing-list .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.section-join-our-mailing-list .chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section-join-our-mailing-list .chosen-container-active .chosen-choices li.search-field input {
    color: #111 !important;
}

.section-join-our-mailing-list .chosen-disabled {
    cursor: default;
    opacity: 0.6 !important;
}

.section-join-our-mailing-list .chosen-disabled .chosen-single {
    cursor: default;
}

.section-join-our-mailing-list .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

.section-join-our-mailing-list .chosen-disabled.chosen-container-active {
    opacity: 1 !important;
}

.section-join-our-mailing-list .chosen-disabled.chosen-container-active .chosen-single:hover {
    background-position: 0 -10px;
}

.section-join-our-mailing-list .chosen-rtl {
    text-align: right;
}

.section-join-our-mailing-list .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.section-join-our-mailing-list .chosen-rtl .chosen-single span {
    direction: rtl;
    margin-left: 26px;
    margin-right: 0;
}

.section-join-our-mailing-list .chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.section-join-our-mailing-list .chosen-rtl .chosen-single div {
    left: 3px;
    right: auto;
}

.section-join-our-mailing-list .chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto;
}

.section-join-our-mailing-list .chosen-rtl .chosen-choices li {
    float: right;
}

.section-join-our-mailing-list .chosen-rtl .chosen-choices li.search-field input {
    direction: rtl;
}

.section-join-our-mailing-list .chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.section-join-our-mailing-list .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    left: 4px;
    right: auto;
}

.section-join-our-mailing-list .chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.section-join-our-mailing-list .chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.section-join-our-mailing-list .chosen-rtl .chosen-results li.group-option {
    padding-left: 0;
    padding-right: 15px;
}

.section-join-our-mailing-list .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: medium none;
}

.section-join-our-mailing-list .chosen-rtl .chosen-search input {
    background: url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll -30px -20px, rgba(0, 0, 0, 0) linear-gradient(#eeeeee 1%, #ffffff 15%) repeat scroll 0 0;
    direction: rtl;
    padding: 4px 5px 4px 20px;
}

.section-join-our-mailing-list .chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.section-join-our-mailing-list .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* End of styles pulled from existing site for form elements */
/* CHINESE - Chozn styles for join our mailing list page form */
.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container {
    display: inline-block;
    font-size: 13px;
    position: relative;
    vertical-align: middle;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-drop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #aaa #aaa;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    left: -9999px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1010;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #d6d6d6);
    background-position: 0 -10px;
    background-repeat: repeat-x;
    background-size: 100% 60px;
    border-color: #bbbbbb #bbbbbb #939393;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #444;
    display: block;
    height: inherit;
    line-height: 24px;
    overflow: hidden;
    padding: 3px 0 3px 8px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    white-space: nowrap;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single:hover {
    background-position: 0 0;
    border-color: #999;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-default {}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single abbr {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll -42px 1px;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-single div b {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll 0 2px;
    display: block;
    height: 100%;
    width: 100%;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1010;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-search input {
    background: url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll 100% -20px, rgba(0, 0, 0, 0) linear-gradient(#eeeeee 1%, #ffffff 15%) repeat scroll 0 0;
    border: 1px solid #aaa;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 1em;
    margin: 1px 0;
    outline: 0 none;
    padding: 4px 20px 4px 5px;
    width: 100%;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single .chosen-drop {
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    left: -9999px;
    position: absolute;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li {
    display: none;
    line-height: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 6px 8px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li.disabled-result {
    color: #ccc;
    cursor: default;
    display: list-item;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li.no-results {
    background: #f4f4f4 none repeat scroll 0 0;
    display: list-item;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li.group-result {
    color: #999;
    cursor: default;
    display: list-item;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices {
    background-color: #fff;
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    box-sizing: border-box;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: outside none none;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-field input {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: none;
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    margin: 1px 0;
    outline: 0 none;
    padding: 5px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-choice {
    background-clip: padding-box;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll -42px 1px;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-choice-disabled {
    background-color: #e4e4e4;
    background-image: -moz-linear-gradient(center top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #ccc;
    color: #666;
    padding-right: 5px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4 none repeat scroll 0 0;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-multi .chosen-drop .result-selected {
    color: #ccc;
    cursor: default;
    display: list-item;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-active .chosen-single {
    background-position: 0 -10px;
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-active .chosen-single:hover {
    border: 1px solid #5897fb;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-active.chosen-with-drop .chosen-single {
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-position: 0 -10px;
    border: 1px solid #aaa;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 0 #fff inset;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-active.chosen-with-drop .chosen-single div {
    background: transparent none repeat scroll 0 0;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-container-active .chosen-choices li.search-field input {
    color: #111 !important;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-disabled {
    cursor: default;
    opacity: 0.6 !important;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-disabled .chosen-single {
    cursor: default;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-disabled.chosen-container-active {
    opacity: 1 !important;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-disabled.chosen-container-active .chosen-single:hover {
    background-position: 0 -10px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl {
    text-align: right;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-single span {
    direction: rtl;
    margin-left: 26px;
    margin-right: 0;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-single div {
    left: 3px;
    right: auto;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-single abbr {
    left: 26px;
    right: auto;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-choices li {
    float: right;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-choices li.search-field input {
    direction: rtl;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    left: 4px;
    right: auto;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-results li.group-option {
    padding-left: 0;
    padding-right: 15px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: medium none;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl .chosen-search input {
    background: url("/sites/all/themes/hunter/js/chosen/chosen-sprite.png") no-repeat scroll -30px -20px, rgba(0, 0, 0, 0) linear-gradient(#eeeeee 1%, #ffffff 15%) repeat scroll 0 0;
    direction: rtl;
    padding: 4px 5px 4px 20px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.section-jia-ru-wo-men-de-you-jian-lie-biao .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* End of styles pulled from existing site for form elements */
#WebToLeadForm .two-column-form.step-2 {
    display: inline-block;
    padding: 0 3%;
}

@media only screen and (max-width: 670px) {
    #WebToLeadForm.signup-form .two-column-form .column-left {
        margin-left: 0;
    }

    #WebToLeadForm.signup-form .two-column-form .column-right {
        margin-left: 0;
    }

    #WebToLeadForm.signup-form .two-column-form .column-left,
    #WebToLeadForm.signup-form .two-column-form .column-right {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }

    #WebToLeadForm.signup-form #edit-specialtylist-c .form-item {
        margin: 5px 0;
        width: 50%;
    }

    #WebToLeadForm.signup-form input[type="text"] {
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    #WebToLeadForm.signup-form #edit-specialtylist-c .form-item {
        margin: 5px 0;
        width: 100%;
    }

    #WebToLeadForm.signup-form .two-column-form.step-2 .column-left,
    #WebToLeadForm.signup-form .two-column-form.step-2 .column-right {
        margin: 0;
        width: 100%;
    }
}


table tr th,
table tr td {
    color: #3b3b3b;
    font-size: 0.875em;
}

.comparison-chart tr:nth-child(4) td {
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: inherit;
    text-transform: uppercase;
}

.csr-pullquote {
    border-bottom: 1px solid #cfcdcb;
    border-top: 1px solid #cfcdcb;
    color: #666;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 30px;
    padding: 0;
}

.csr-pullquote p.citation {
    color: #006588;
    font-size: 13px;
    font-style: normal;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.csr-pullquote .citation-title {
    color: #999;
    font-style: italic;
    font-weight: 100;
    margin-left: 5px;
    text-transform: none;
}

#node_product_full_group_support_tab tr.odd,
#node_product_full_group_support_tab tr.odd td,
.support-search-results-table tr.odd,
.support-search-results-table tr.odd td {
    background-color: #eeeeee;
    border-bottom: 1px solid #cfcdcb;
}

#node_product_full_group_support_tab tr.even,
#node_product_full_group_support_tab tr.even td,
.support-search-results-table tr.even,
.support-search-results-table tr.even td {
    background-color: #ffffff;
    border-bottom: 1px solid #cfcdcb;
}

.field-name-field-chart p {
    font-size: 0.95em;
    line-height: 1.4em;
}

.field-name-field-chart table {
    border-collapse: collapse;
    border-color: #999999;
    border-spacing: 0;
    border-width: 1px;
    font-family: arial;
    font-size: 0.95em;
    line-height: 1.4em;
}

.field-name-field-chart table thead tr th,
.field-name-field-chart table tfoot tr th,
.field-name-field-chart table tbody tr td,
.field-name-field-chart table tr td,
.field-name-field-chart table tfoot tr td {
    line-height: inherit;
}

.field-name-field-chart table.gridtablemodel,
.support_class_pgs table.gridtablemodel {
    border-collapse: collapse;
    border-color: #999999;
    border-spacing: 0;
    border-width: 1px;
    font-family: arial;
    font-size: 0.95em;
    line-height: 1.4em;
    width: auto;
}

.field-name-field-chart table.gridtablesports {
    border-collapse: collapse;
    border-color: #999999;
    border-spacing: 0;
    border-width: 1px;
    font-family: arial;
    font-size: 0.95em;
    line-height: 1.4em;
    width: 885px;
}

.field-name-field-chart table.gridtablecomp {
    width: 100%;
}

.field-name-field-chart table.gridtablecomp a {
    color: #0471a0;
}

.field-name-field-chart table.gridtablecomp a:hover {
    color: #46abd1;
}

.field-name-field-chart table.gridtablemodelset {
    width: 100%;
}

.field-name-field-chart table p {
    margin: 0;
}

.field-name-field-chart #nonliquid table {
    width: 400px;
}

.field-name-field-chart table.gridtable th {
    background-color: #e1e1e1;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
}

.field-name-field-chart table.gridtablemodel th,
.support_class_pgs table.gridtablemodel th,
.field-name-field-chart table.gridtablemodelset th,
.field-name-field-chart table.gridtablecomp th,
.field-name-field-chart table.gridtablesports th {
    background-color: #e1e1e1;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    text-align: center;
    vertical-align: bottom;
}

.field-name-field-chart #chart_model_wrap .gridtable tr th p {
    text-align: center;
}

.field-name-field-chart #chart_model_wrapFull .gridtable tr th p {
    text-align: center;
}

.field-name-field-chart #chart_model_wrap ol li,
.field-name-field-chart #chart_model_wrap p {
    font-family: arial;
    font-size: 1em;
}

.field-name-field-chart #chart_model_wrapFull ol li,
.field-name-field-chart #chart_model_wrapFull p {
    font-family: arial;
    font-size: 13px;
}

.field-name-field-chart #chart_model_wrap .gridtable tr {
    text-align: center;
}

.field-name-field-chart #chart_model_wrapFull .gridtable tr {
    text-align: center;
}

.field-name-field-chart table.gridtable {
    border-collapse: collapse;
    border-color: #999999;
    border-width: 1px;
    font-family: arial;
    font-size: 13px;
    padding: 0 8px;
}

.field-name-field-chart table.gridtableSP {
    border-collapse: collapse;
    border-color: #999999;
    border-width: 1px;
    font-family: arial;
    font-size: 13px;
    margin: 0 auto;
    padding: 8px;
}

.field-name-field-chart table.gridtable th {
    background-color: #e1e1e1;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 0 8px;
}

.field-name-field-chart table.gridtableSP th {
    background-color: #e1e1e1;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
}

.field-name-field-chart table.gridtable td {
    background-color: #ffffff;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.field-name-field-chart table.gridtableSP td {
    background-color: #ffffff;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 17px 8px;
    text-align: center;
}

.field-name-field-chart .gridtableSP tr th {
    text-align: center;
}

.field-name-field-chart table.gridtable td div#radius_subs {
    line-height: 1.2em;
    text-align: left;
}

.field-name-field-chart table.gridtable td div#radius_subs h1 {
    font-size: 1.1em;
}

.field-name-field-chart table.gridtablemodel td,
.support_class_pgs table.gridtablemodel td,
.field-name-field-chart table.gridtablemodelset td,
.field-name-field-chart table.gridtablecomp td,
.field-name-field-chart table.gridtablesports td {
    background-color: #ffffff;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    line-height: 16px;
    vertical-align: top;
}

.field-name-field-chart #chart_model_wrap {
    width: 100%;
}

.field-name-field-chart #chart_model_wrapFull {
    width: 97%;
}

.field-name-field-chart #chart_model_wrap h2 {
    font-family: arial;
    font-size: 16px;
    font-family: "Sero_bold", Arial, sans-serif;
    margin: 10px 0 5px;
    text-transform: none;
}

.field-name-field-chart #chart_model_wrapFull h2 {
    font-family: arial;
    font-size: 16px;
    font-family: "Sero_bold", Arial, sans-serif;
    margin: 10px 0 5px;
}

.field-name-field-chart #chart_model_wrap h3 {
    color: #666;
    font-family: arial;
    font-size: 14px;
    font-family: "Sero_bold", Arial, sans-serif;
    margin: 10px 0 0;
}

.field-name-field-chart #chart_model_wrapFull h3 {
    color: #666;
    font-family: arial;
    font-size: 14px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.field-name-field-chart .nozzle_number {
    font-size: 24px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.field-name-field-chart tr.recommended td {
    font-family: "Sero_bold", Arial, sans-serif;
}

tr.recommended_white td {
    font-family: "Sero_bold", Arial, sans-serif;
}

.field-name-field-chart #chart_model_wrap .gridtable p {
    line-height: 10px;
    text-align: center;
}

.field-name-field-chart .thumbnail {
    position: relative;
    z-index: 0;
}

.field-name-field-chart .thumbnail:hover {
    background-color: transparent;
    z-index: 50;
}

.field-name-field-chart #line_break {
    border-bottom: 1px solid #999999;
    float: left;
    height: 10px;
    margin: 0 0 10px;
    width: 100%;
}

.field-name-field-chart .thumbnail span {
    background-color: white;
    border: 1px solid gray;
    color: black;
    left: -1000px;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    visibility: hidden;
}

.field-name-field-chart .thumbnail span img {
    border-width: 0;
    padding: 2px;
}

.field-name-field-chart .thumbnail:hover span {
    left: 0;
    top: 0;
    visibility: visible;
}

.field-name-field-chart #chart_model_wrap .gridtable tr th h2 {
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 8px;
}

.field-name-field-chart .field-name-field-chart #footer_note {
    float: left;
    line-height: 18px;
    margin-left: 5px;
    text-align: left;
    width: 90%;
}

.field-name-field-chart #chart_model_wrap .gridtable tr td #footer_note p {
    line-height: 18px;
    text-align: left;
}

.field-name-field-chart .nozzle_color {
    font-size: 12px;
    font-weight: normal;
}

.node-chart h2 {
    font-size: 1.2em;
    margin: 5px 20px;
    padding-top: 20px;
}

.field-name-field-chart #chart_model_wrap .gridtable h6 {
    font-size: 2em;
    margin: 8px 0;
}

.field-name-field-chart .support_list {
    margin: 11px 18px;
    text-align: left;
}

.field-name-field-chart #chart_model_wrap .gridtable p img {
    margin: 5px 0;
}

.field-name-field-chart table.gridtablemodel .feature_subs,
.support_class_pgs table.gridtablemodel .feature_subs,
.field-name-field-chart table.gridtablecomp .feature_subs,
.field-name-field-chart table.gridtablesports .feature_subs {
    background-color: #666;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.field-name-field-chart #arc h2 {
    font-size: 1em;
    line-height: 1.2em;
}

#chart_model_wrap img.floatLeft {
    float: left;
    margin: 0 15px 0 0;
}

.field-name-field-chart #col2LW {
    float: left;
    font-family: arial;
    width: 100%;
}

.field-name-field-chart #col2LW ol li {
    margin-bottom: 8px;
}

.field-name-field-chart #col2LW h2 {
    font-size: 1.5em;
}

.field-name-field-chart #col2LW p {}

.field-name-field-chart #col2LW1 {
    float: left;
    margin: 0 12px 0 0;
    width: 65%;
}

.field-name-field-chart #col2RW1 {
    float: left;
    margin: 0 12px 0 0;
    width: 29%;
}

.field-name-field-chart #col2LW2 {
    float: left;
    padding: 0 0 0 20px;
    width: 30%;
}

.field-name-field-chart #col2RW2 {
    float: left;
    padding: 0 0 0 8px;
    width: 65%;
}

.field-name-field-chart #col2LW h5 {
    font-size: 0.75em;
    font-weight: normal;
}

.dimensions-column .attribute-label {
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 27px;
}

.page-node-213 .comparison-chart th.srm,
.page-node-213 .comparison-chart colgroup.srm,
.page-node-198 .comparison-chart th.pgj,
.page-node-198 .comparison-chart colgroup.pgj,
.page-node-214 .comparison-chart th.pgpadj,
.page-node-214 .comparison-chart colgroup.pgpadj,
.page-node-215 .comparison-chart th.pgpultra,
.page-node-215 .comparison-chart colgroup.pgpultra,
.page-node-216 .comparison-chart th.i20,
.page-node-216 .comparison-chart colgroup.i20,
.page-node-217 .comparison-chart th.i25,
.page-node-217 .comparison-chart colgroup.i25,
.page-node-219 .comparison-chart th.i40,
.page-node-219 .comparison-chart colgroup.i40,
.page-node-221 .comparison-chart th.i40on,
.page-node-221 .comparison-chart colgroup.i40on,
.page-node-198 .comparison-chart th.i60,
.page-node-198 .comparison-chart colgroup.i60,
.page-node-221 .comparison-chart th.i90,
.page-node-221 .comparison-chart colgroup.i90,
.page-node-198 .comparison-chart th.st,
.page-node-198 .comparison-chart colgroup.st,
.page-node-198 .comparison-chart th.st,
.page-node-198 .comparison-chart colgroup.st,
.page-node-281 .comparison-chart th.psultra,
.page-node-281 .comparison-chart colgroup.psultra,
.page-node-284 .comparison-chart th.prospray,
.page-node-284 .comparison-chart colgroup.prospray,
.page-node-230 .comparison-chart th.prs30,
.page-node-230 .comparison-chart colgroup.prs30,
.page-node-286 .comparison-chart th.prs40,
.page-node-286 .comparison-chart colgroup.prs40,
.page-node-198 .comparison-chart th.eco-rotator,
.page-node-198 .comparison-chart colgroup.eco-rotator,
.page-node-272 .comparison-chart th.mprotator,
.page-node-272 .comparison-chart colgroup.mprotator,
.page-node-38326 .comparison-chart th.mprotatorsr,
.page-node-38326 .comparison-chart colgroup.mprotatorsr,
.page-node-295 .comparison-chart th.adjustable,
.page-node-295 .comparison-chart colgroup.adjustable,
.page-node-299 .comparison-chart th.fixed,
.page-node-299 .comparison-chart colgroup.fixed,
.page-node-610 .comparison-chart th.sidestrip,
.page-node-610 .comparison-chart colgroup.sidestrip,
.page-node-198 .comparison-chart th.shortradius,
.page-node-198 .comparison-chart colgroup.shortradius,
.page-node-300 .comparison-chart th.bubblers,
.page-node-300 .comparison-chart colgroup.bubblers,
.page-node-283 .comparison-chart th.icv,
.page-node-283 .comparison-chart colgroup.icv,
.page-node-289 .comparison-chart th.ibv,
.page-node-289 .comparison-chart colgroup.ibv,
.page-node-198 .comparison-chart th.srv,
.page-node-198 .comparison-chart colgroup.srv,
.page-node-282 .comparison-chart th.pgvjartop,
.page-node-282 .comparison-chart colgroup.pgvjartop,
.page-node-280 .comparison-chart th.pgv,
.page-node-280 .comparison-chart colgroup.pgv,
.page-node-287 .comparison-chart th.pgvasv,
.page-node-287 .comparison-chart colgroup.pgvasv,
.page-node-242 .comparison-chart th.icore,
.page-node-242 .comparison-chart colgroup.icore,
.page-node-243 .comparison-chart th.dual,
.page-node-243 .comparison-chart colgroup.dual,
.page-node-244 .comparison-chart th.acc,
.page-node-244 .comparison-chart colgroup.acc,
.page-node-947 .comparison-chart th.accd,
.page-node-947 .comparison-chart colgroup.accd,
.page-node-198 .comparison-chart th.ecologic,
.page-node-198 .comparison-chart colgroup.ecologic,
.page-node-237 .comparison-chart th.xcore,
.page-node-237 .comparison-chart colgroup.xcore,
.page-node-241 .comparison-chart th.proc,
.page-node-241 .comparison-chart colgroup.proc,
.page-node-198 .comparison-chart th.pcc,
.page-node-198 .comparison-chart colgroup.pcc,
.page-node-356 .comparison-chart th.node,
.page-node-356 .comparison-chart colgroup.node,
.page-node-246 .comparison-chart th.xchybrid,
.page-node-246 .comparison-chart colgroup.xchybrid,
.page-node-353 .comparison-chart th.wvc,
.page-node-353 .comparison-chart colgroup.wvc,
.page-node-296 .comparison-chart th.microspray,
.page-node-296 .comparison-chart colgroup.microspray,
.page-node-294 .comparison-chart th.pld,
.page-node-294 .comparison-chart colgroup.pld,
.page-node-47561 .comparison-chart th.pldesd,
.page-node-47561 .comparison-chart colgroup.pldesd,
.page-node-198 .comparison-chart th.pld-17-mm,
.page-node-198 .comparison-chart colgroup.pld-17-mm,
.page-node-292 .comparison-chart th.ecomat,
.page-node-292 .comparison-chart colgroup.ecomat,
.page-node-198 .comparison-chart th.rzws,
.page-node-198 .comparison-chart colgroup.rzws,
.page-node-198 .comparison-chart th.roam,
.page-node-198 .comparison-chart colgroup.roam,
.page-node-198 .comparison-chart th.roamxl,
.page-node-198 .comparison-chart colgroup.roamxl,
.page-node-198 .comparison-chart th.psr,
.page-node-213 .comparison-chart colgroup.psr,
.page-node-265 .comparison-chart th.mini,
.page-node-265 .comparison-chart colgroup.mini,
.page-node-488 .comparison-chart th.wind,
.page-node-488 .comparison-chart colgroup.wind,
.page-node-268 .comparison-chart th.rain,
.page-node-268 .comparison-chart colgroup.rain,
.page-node-269 .comparison-chart th.flow,
.page-node-269 .comparison-chart colgroup.flow,
.page-node-266 .comparison-chart th.freeze,
.page-node-266 .comparison-chart colgroup.freeze,
.page-node-267 .comparison-chart th.mws,
.page-node-267 .comparison-chart colgroup.mws,
.page-node-271 .comparison-chart th.et,
.page-node-271 .comparison-chart colgroup.et,
.page-node-260 .comparison-chart th.hfs,
.page-node-260 .comparison-chart colgroup.hfs,
.page-node-270 .comparison-chart th.solarsync,
.page-node-270 .comparison-chart colgroup.solarsync {
    max-width: 160px;
    background-color: #e7e6e5;
}

.table_intro {
    background-color: #00658a;
    color: #fff;
    padding: 1em;
}

.table_intro p {
    margin-bottom: 0;
}

/* Reclaimed Water Solutions page --------------------------- */
#reclaimed_water_solutions_container .hero_container {
    background: url("/sites/default/files/banner_reclaimed_water_solutions.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 500px;
    overflow: hidden;
    margin-bottom: 60px;
}

#reclaimed_water_solutions_container .hero_container .inner_container {
    margin: 0 auto;
    max-width: 1200px;
}

#reclaimed_water_solutions_container .hero_container .inner_container .text_container {
    margin-top: 100px;
    max-width: 780px;
    padding-left: 1.25em;
    /* 20px/16px = 1.25em */
    padding-right: 1.25em;
    /* 20px/16px = 1.25em */
}

#reclaimed_water_solutions_container .hero_container .inner_container .text_container h1 {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 2.2em;
    text-transform: uppercase;
}

.block {
    display: block;
}

.section_anchor {
    display: block;
    height: 110px;
    margin-top: -110px;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .section_anchor {
        display: block;
        height: 20px;
        margin-top: -20px;
        visibility: hidden;
    }
}

section#reclaimed_water_solutions_content {
    margin: 60px auto;
    max-width: 1190px;
    padding-left: 20px;
    padding-right: 20px;
}

#reclaimed_water_solutions_content .download_pdf_container {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
}

#reclaimed_water_solutions_content .cover_image {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    border: 1px solid #ebebeb;
}

#reclaimed_water_solutions_content .intro_container.clearfix {
    display: table;
    margin-bottom: 5em;
}

#reclaimed_water_solutions_content .download_pdf_container a {
    background-color: #f2f2f2;
    display: block;
    font-weight: bold;
    padding: 30px 20px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

#reclaimed_water_solutions_content .download_pdf_container a span.link_text span {
    color: #666;
    font-size: 1em;
    font-weight: normal;
}

#reclaimed_water_solutions_content .download_pdf_container a span.link_text {
    display: inline-block;
    font-size: 1em;
    line-height: 1.2;
    padding: 0;
    width: calc(100% - 180px);
}

#reclaimed_water_solutions_content .download_pdf_container .icon-file-pdf:before {
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: normal;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#reclaimed_water_solutions_content .download_pdf_container .link_text .inner {
    padding-left: 40px;
}

#reclaimed_water_solutions_container .card_container {
    position: relative;
}

#reclaimed_water_solutions_container .card_container h3 {
    background-color: #a576a5;
    color: #fff;
    margin: 0;
    padding: 14px 16px 10px 16px;
    font-size: 1em;
}

#reclaimed_water_solutions_container .bottom_container {
    border-bottom: 2px solid #f2f2f2;
    border-left: 2px solid #f2f2f2;
    border-right: 2px solid #f2f2f2;
    padding: 1.25em;
    /* 20px/16px = 1.25em */
}

#reclaimed_water_solutions_container .image_container {
    border-left: 2px solid #f2f2f2;
    border-right: 2px solid #f2f2f2;
    border-top: 2px solid #f2f2f2;
}

#reclaimed_water_solutions_container .bottom_container a.view_products {
    display: block;
    font-size: 1.125em;
    font-weight: bold;
    margin-top: 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

#reclaimed_water_solutions_container .card_container .bottom_container .card_text {
    display: block;
    height: auto;
    overflow: hidden;
    overflow-wrap: break-word;
}

#reclaimed_water_solutions_container .card_container img {
    width: auto;
    margin: 0 auto;
    display: block;
}

#reclaimed_water_solutions_container .card_links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 101, 138, 0.95);
    padding: 2.5em 1.25em;
    /* 40/16 20/16 = 2.5em 1.25em */
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    z-index: -1;
}

#reclaimed_water_solutions_container .close_card {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

#reclaimed_water_solutions_container .close_card:after {
    font-family: 'fontello';
    content: '\e82a';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}

#reclaimed_water_solutions_container .card_links h4 {
    color: #fff;
    font-size: 1.5em;
    /* 24/16 = 1.5em */
    margin-bottom: 1.625em;
    /* 26/16 = 1.625em */
    text-align: center;
}

#reclaimed_water_solutions_container .card_links a {
    color: #fff;
    font-size: 1.3em;
}

#reclaimed_water_solutions_container .card_container.drip .card_links a {
    font-size: 1.2em;
}

#reclaimed_water_solutions_container .card_links li:before {
    color: #fff;
    content: "•";
    font-size: 11px;
    margin-right: 10px;
    vertical-align: middle;
}

#reclaimed_water_solutions_container .card_links li {
    line-height: 2;
    list-style: none;
}

#reclaimed_water_solutions_container .bottom_container p {
    line-height: 1.5;
    margin-bottom: 1em;
}

#reclaimed_water_solutions_container section:not(.hero_container) {
    margin: 0 auto;
    max-width: 1190px;
    padding-left: 20px;
    padding-right: 20px;
}

#reclaimed_water_solutions_container .form_heading h2.block-title {
    background: none;
    color: #c3e8f9;
    font-family: "Sero", Arial, sans-serif;
    font-size: 50px;
    line-height: 1;
    margin: 0 0 12px;
    padding: 0;
    text-transform: none;
}

#reclaimed_water_solutions_container .form_heading p {
    font-size: 22px;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 0;
}

#reclaimed_water_solutions_content .download_pdf_container a span.link_text span.block {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.purple {
    color: #a576a5;
}

@media screen and (max-width: 680px) {
    #reclaimed_water_solutions_container .form_heading h2.block-title {
        font-size: 38px;
    }
}

@media screen and (max-width: 480px) {
    #reclaimed_water_solutions_container .hero_container {
        height: 350px;
    }

    #reclaimed_water_solutions_container .hero_container .inner_container .text_container h1 {
        font-size: 1.6em;
    }

    #reclaimed_water_solutions_content .cover_image {
        display: none;
    }

    #reclaimed_water_solutions_content .download_pdf_container a span.link_text {
        width: 100%;
    }

    #reclaimed_water_solutions_content .download_pdf_container {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 430px) {
    #reclaimed_water_solutions_container .form_heading h2.block-title {
        font-size: 28px;
    }

    #reclaimed_water_solutions_container .form_heading p {
        font-size: 18px;
        line-height: 1.4;
    }
}

/* Reclaimed Water Solutions (page 2) */
#reclaimed_water_solutions_container.page2 .bottom_container {
    background-color: #f2f2f2;
    border: medium none;
}

#reclaimed_water_solutions_container section .card_text ul {
    list-style: none;
}

#reclaimed_water_solutions_container.page2 .image_container {
    border: none;
}

#reclaimed_water_solutions_container.page2 h3 {
    text-align: left;
}

#reclaimed_water_solutions_container.page2 section {
    border: 1px solid #a576a5;
    padding: 0;
    margin-bottom: 50px;
}

#reclaimed_water_solutions_container.page2 section#valves {
    margin-bottom: 34px;
}

#reclaimed_water_solutions_container.page2 section h2 {
    background-color: #a576a5;
    color: #fff;
    padding: 10px 20px 8px;
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 1.8em;
}

#reclaimed_water_solutions_container.page2 .card_text ul {
    margin: 0;
}

#reclaimed_water_solutions_container.page2 .card_text li {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
}

.prod_list li {
    padding-bottom: 0;
}

.bottom_container .not_bold {
    margin: 0;
}

.sub_text {
    display: block;
    font-family: "Sero", Arial, sans-serif;
    font-weight: normal;
}

.bold.arrow_before {
    display: block;
    font-size: 23px;
    margin-bottom: 36px;
    line-height: 1.2;
}

@media screen and (max-width: 560px) {
    .bold.arrow_before {
        font-size: 20px;
        margin-bottom: 22px;
    }
}

.bold.arrow_before:before {
    content: "←";
    display: inline-block;
    font-family: Arial;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.sub_note {
    display: block;
    margin-bottom: 40px;
    padding: 10px;
}

.sub_note .not_bold {
    margin: 0;
}

.sub_note p {
    line-height: 1.5;
    margin-bottom: 0;
    font-family: "Sero_bold", Arial, sans-serif;
}

#reclaimed_water_solutions_container.page2 section#drip {
    margin-bottom: 10px;
}

#reclaimed_water_solutions_container.page2 section#drip .image_container img {
    height: 220px;
}

#reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:first-of-type {
    width: 20%;
}

#reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:nth-of-type(2),
#reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:nth-of-type(3) {
    width: 40%;
}

section#drip ul li ul.large-block-grid-2 li:last-of-type {
    float: right;
}

@media screen and (max-width: 1130px) {
    #reclaimed_water_solutions_container.page2 section#sprays ul.large-block-grid-5>li {
        width: 25%;
    }

    #reclaimed_water_solutions_container.page2 section#sprays ul.large-block-grid-5>li:nth-of-type(5n+1) {
        clear: none;
    }
}

@media screen and (max-width: 1100px) {
    #reclaimed_water_solutions_container.page2 section#rotors ul.large-block-grid-5>li {
        width: 25%;
    }

    #reclaimed_water_solutions_container.page2 section#rotors ul.large-block-grid-5>li:nth-of-type(5n+1) {
        clear: none;
    }
}

@media screen and (max-width: 1070px) {
    #reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:first-of-type {
        width: 50%;
    }

    #reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:nth-of-type(2),
    #reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:nth-of-type(3) {
        width: 50%;
    }
}

@media screen and (max-width: 1020px) {
    #reclaimed_water_solutions_container.page2 section#sprays ul.large-block-grid-5>li {
        width: 33%;
    }

    #reclaimed_water_solutions_container.page2 section#sprays ul.large-block-grid-5>li:nth-of-type(5n+1) {
        clear: none;
    }
}

@media screen and (max-width: 880px) {
    #reclaimed_water_solutions_container.page2 section#rotors ul.large-block-grid-5>li {
        width: 33%;
    }

    #reclaimed_water_solutions_container.page2 section#drip ul li ul.large-block-grid-2 li {
        width: 100%;
    }

    #reclaimed_water_solutions_container.page2 section#drip_control_zone_kit ul.large-block-grid-3>li {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    #reclaimed_water_solutions_container.page2 section#rotors ul.large-block-grid-5>li {
        width: 50%;
    }

    #reclaimed_water_solutions_container.page2 section#sprays ul.large-block-grid-5>li {
        width: 50%;
    }

    #reclaimed_water_solutions_container.page2 section#drip_control_zone_kit ul.large-block-grid-3>li {
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    #reclaimed_water_solutions_container.page2 section#sprays ul.large-block-grid-5>li {
        width: 100%;
    }

    #reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:first-of-type {
        width: 100%;
    }

    #reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:nth-of-type(2),
    #reclaimed_water_solutions_container.page2 section#drip ul.large-block-grid-5>li:nth-of-type(3) {
        width: 100%;
    }

    #reclaimed_water_solutions_container.page2 section#drip ul li ul.large-block-grid-2 li {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    #reclaimed_water_solutions_container.page2 section#rotors ul.large-block-grid-5>li {
        width: 100%;
    }

    #reclaimed_water_solutions_container.page2 section#drip ul li ul.large-block-grid-2 li {
        width: 100%;
    }

    #reclaimed_water_solutions_container.page2 section#valves ul.large-block-grid-3>li {
        width: 100%;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Golf -------------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table.data-chart th {
    background-color: #f0ece8;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px;
    border-top: 6px solid #c9c9c9;
    border-bottom: 2px solid #999a9b;
}

.golf_products .nav-landing-banner-title-wrapper #text-wrapper h2 {
    font-family: "Sero_bold", Arial, sans-serif;
}

@media screen and (max-width: 1000px) {
    table.data-chart th {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    table.data-chart th {
        font-size: 14px;
    }
}

#hsn_container .beside_stroke {
    color: #00658a;
    margin-top: 1.8em;
    font-size: 34px;
    font-family: "Sero_bold", Arial, sans-serif;
}

#hunter_rapid_repair_kits .button {
    background-color: #00658a;
    margin-top: 30px;
}

.gray_background {
    background-color: #f2f2f2;
}

@media screen and (max-width: 768px) {
    .gray_background {
        background: none;
    }

    #hunter_rapid_repair_kits .button {
        width: 100%;
    }
}

.heading_hero.golf_paid_services {
    display: table;
    height: 500px;
    left: 0;
    margin: 0 auto 50px;
    max-width: 100%;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}

.heading_hero.golf_paid_services .hero_content {
    left: 50%;
    max-width: 1190px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    text-shadow: 2px 2px 7px #000;
}

ul {
    list-style-position: inside;
}

.heading_hero.golf_paid_services .hero_content .big_text {
    color: #fff;
    font-size: 56px;
    font-style: italic;
    font-weight: bold;
}

.heading_hero.golf_paid_services .hero_content>h1 {
    color: #fff;
    text-transform: none;
}

.light_green {
    color: #a7ca32;
}

.bold {
    font-weight: bold;
}

.heading_hero.golf_paid_services .heading_hero_bg {
    background: url("/sites/default/files/banner_golf_paid_services.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 500px;
}

section#golf_paid_services_benefits,
section#hunter_rapid_repair_kits,
section#golf_faq {
    margin: 0 auto;
    max-width: 1190px;
    padding-left: 20px;
    padding-right: 20px;
}

#golf_faq .ui-accordion .ui-state-default,
#golf_faq .ui-accordion .ui-widget-content #golf_faq .ui-accordion .ui-state-default,
#golf_faq .ui-accordion .ui-widget-header #golf_faq .ui-accordion .ui-state-default {
    background: none;
    border: none;
    background-color: #f4f4f4;
    border-radius: 0;
    color: #000;
    font-family: "Sero_light", Arial, sans-serif;
    text-transform: none;
    padding: 0.8em 4em 0.8em 2em;
    font-size: 1em;
    margin: 0 0 2px;
    line-height: 1.4;
}

#golf_faq .ui-accordion .ui-widget-content {
    background: none;
    border: none;
}

#golf_faq .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

#golf_faq .ui-accordion .ui-accordion .ui-accordion-icons {
    padding-left: 0;
}

#golf_faq .ui-accordion .ui-accordion-header:after {
    font-family: "fontello";
    content: '\e829';
    color: #ccc;
    font-size: 13px;
    position: absolute;
    right: 32px;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#golf_faq .ui-accordion .ui-accordion-header.ui-accordion-header-active:after {
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform-origin: 50% 50%;
    /* Chrome, Safari, Opera */
    transform-origin: 50% 50%;
    -moz-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#golf_faq .ui-accordion-content p {
    font-family: "Sero_light", Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
}

#golf_paid_services_benefits li {
    line-height: 2;
}

#hunter_rapid_repair_kits h3 {
    margin-top: 30px;
}

#hunter_rapid_repair_kits .contact_golf h3 {
    margin: 0;
}

@media screen and (max-width: 768px) {
    #hsn_container .beside_stroke {
        font-size: 1.5em;
    }

    .heading_hero.golf_paid_services .hero_content .big_text {
        font-size: 46px;
    }
}

@media screen and (max-width: 590px) {
    .heading_hero.golf_paid_services .hero_content .big_text {
        font-size: 34px;
    }

    .heading_hero.golf_paid_services .hero_content>h1 {
        font-size: 28px;
    }

    .heading_hero.golf_paid_services,
    .heading_hero.golf_paid_services .heading_hero_bg {
        height: 300px;
    }
}

#hunter_rapid_repair_kits .card_container {
    position: relative;
    border: 1px solid #ccc;
}

#hunter_rapid_repair_kits .card_container h3 {
    background-color: #00658a;
    color: #fff;
    margin: 0;
    padding: 10px;
    text-align: center;
}

#hunter_rapid_repair_kits .bottom_container {
    padding: 1.25em;
}

#hunter_rapid_repair_kits .bottom_container p {
    line-height: 1.5;
    margin-bottom: 1em;
}

#hunter_rapid_repair_kits .card_container>p {
    height: 48px;
    line-height: 1.5;
}

#hunter_rapid_repair_kits .card_container>p {
    background-color: #00658a;
    color: #fff;
    margin: 0;
    padding: 10px;
    text-align: center;
}

#hunter_rapid_repair_kits .card_container>img {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 440px) {
    .heading_hero.golf_paid_services .hero_content>h1 {
        font-size: 20px;
    }
}

@media screen and (max-width: 360px) {
    ul.golf_kit li {
        width: 100%;
    }
}

.section-golf .view-product-landing-page li.views-row:hover .product_name a {
    background-color: #85a129;
}

.golf_products .view-golf-product-line-landing-page li.views-row:hover .product_line_name a {
    background-color: #85a129;
}

.golf_products .product_line_quick_specs {
    border-bottom: 3px solid #a7ca33;
}

.nav-landing-banner-wrapper {
    background: #f4f3f3;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.nav-landing-banner-title-wrapper {
    float: left;
    height: 115px;
    overflow: hidden;
    position: relative;
    width: 60%;
}

.nav-landing-banner-splash-wrapper {
    height: auto;
}

.nav-landing-banner-splash-image-wrapper {
    margin-right: 0;
}

.nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal ul,
.nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal li {
    height: 128px;
}

.arrow {
    top: 15px;
}

.golf_products [class*="column"]+[class*="column"]:last-child {
    float: left;
}

#golf_tools {
    min-height: 500px;
}

.section-golf .product_name a {
    background-color: #a7ca33;
    padding: 10px;
    text-align: center;
}

.view-display-id-golf_products_page .section-golf .product_name {
    background-color: #a7ca33;
    text-align: center;
}

.page-products h1.section_title,
.page-golf-products h1.section_title {
    border-bottom: none;
    color: #00658a;
    font-size: 40px;
    margin-bottom: 0px;
    margin-top: 34px;
    padding-bottom: 0px;
    text-transform: uppercase;
}

.page-golf h2.sub_title {
    border-bottom: 1px solid #cfcdcb;
    border-top: 1px solid #cfcdcb;
    color: #a7ca33;
    font-size: 22px;
    margin-bottom: 40px;
    padding-bottom: 8px;
    padding-top: 10px;
    text-transform: uppercase;
}

.page-golf h1.product_line_title {
    border-bottom: 1px solid #e6e6e7;
    color: #006588;
    font-size: 40px;
    margin-bottom: 28px;
    margin-top: 34px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.page-golf .product_line_name {
    background-color: #a7ca33;
    display: table;
    text-align: center;
    width: 100%;
}

.section-golf .nav-landing-icons-title-wrapper {
    background-color: #a7ca33;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}

.section-golf .nav-landing-icons-title-wrapper a {
    color: #fff;
}

.nav-landing-icons-wrapper .nav-landing-icons-description {
    font-size: 14px;
    line-height: 22px;
}

.nav-landing-icons-readmore-wrapper {
    display: none;
}

.page-node-25481 #block-system-main,
.page-node-25586 #block-system-main {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

#ttsTop {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 293px;
}

#ttsMid {
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
}

#ttsMid h2 {
    margin-bottom: 30px;
}

#tts01 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 275px;
    background-color: #e8e7e7;
    height: 296px;
}

#tts02 {
    background-color: #E8E7E7;
    float: left;
    height: 276px;
    margin: 0;
    padding: 20px 0 0 20px;
    width: 298px;
}

#tts02 h2 {
    font-size: 1.2em;
}

#tts02 p {
    font-size: .9em;
}

#tts03 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 367px;
    background-color: #e8e7e7;
    height: 296px;
}

#ttsFB {
    float: left;
    margin: 20px 40px 10px;
    padding: 0 0 40px;
    width: 400px;
}

#ttsFB {
    float: left;
    margin: 20px 0 10px;
    padding: 0 0 40px;
    width: 100%;
}

#ttsFB .ttSpecial {}

#ttClear {
    clear: both;
}

#ttsFB .ttHr {
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 11px;
    opacity: 0.3;
}

.page-node-25481 #main-content-inner,
.page-node-25586 #main-content-inner {
    margin: 0px;
}

.page-node-25481 h1.title,
.page-node-25481 #block-addthis-addthis,
.page-node-25481 img.print-icon {
    display: none;
}

#ttsMid {
    position: relative;
}

#tooltip {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    text-align: left;
    display: none;
}

.tooltip {
    background: #47ABD1;
    max-width: 94%;
}

.tooltip>.nub {
    border-color: transparent transparent #47ABD1 transparent !important;
}

@media only screen and (min-width: 769px) {
    .tooltip>.nub {
        border-color: transparent transparent #47ABD1 transparent !important;
    }
}

.view_button.button {
    border: medium none;
    box-shadow: none;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    padding: 20px;
    text-transform: uppercase;
}

.top_part_tts .left_image {
    width: 300px;
    float: left;
    margin-right: 20px;
}

.page-node-25481 .top_part_tts.row.panel {
    margin: 0;
    padding-left: 1.25em;
}

#tooltip img {
    cursor: pointer;
    width: auto;
}

#tooltip-inner {
    position: relative;
    float: left;
}

.tts1 {
    top: 65px;
    left: 225px;
}

.tts2 {
    top: 380px;
    left: 120px;
}

.tts3 {
    top: 175px;
    left: 70px;
}

.tts4 {
    top: 255px;
    left: 355px;
}

.tts5 {
    top: 250px;
    left: 80px;
}

.dih1 {
    top: 255px;
    left: 120px;
}

.dih2 {
    top: 290px;
    left: 250px;
}

.dih3 {
    top: 67px;
    left: 240px;
}

.dih4 {
    top: 140px;
    left: 310px;
}

.dih5 {
    top: 380px;
    left: 250px;
}

.tts #thetip:before {
    content: "";
    position: absolute;
    content: url(/sites/default/files/elem-arrow_00-left.png);
    top: 10px;
    left: 0px;
    margin-left: -10px;
}

.tts #tooltip img {
    left: 0;
    padding-right: 25px;
}

.dih #tooltip img {
    right: 0;
    padding-left: 25px;
}

#thetip {
    display: none;
    width: 300px;
    border-radius: 4px 4px 4px 4px;
    background: #ccc;
    z-index: 20;
    padding: 10px 0 1px;
    position: relative;
    left: 35px;
    top: -36px;
    z-index: 5;
    box-shadow: 1px 1px 3px 0px #666666;
    -webkit-box-shadow: 1px 1px 3px 0px #666666;
    background: #e9e9e9;
    background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%);
}

.dih #thetip {
    left: -290px;
}

.dih #thetip:before {
    content: url(/sites/default/files/elem-arrow_00-right.png);
    position: absolute;
    top: 10px;
    right: -10px;
    height: 20px;
    width: 10px;
}

.dih #tooltip,
.dih #tooltip #tooltip-inner {
    max-width: 60px;
}

#thetip h4,
#thetip p {
    padding: 0 20px;
    line-height: 1.4em;
}

#thetip h4 {
    color: #005483;
    margin-bottom: 0;
    line-height: 1.4em;
}

#thetip p {
    margin: 10px 0;
}

.node-advanced-feature .field-item img {
    margin-left: 20px;
}

#title-wrap-inner img {
    max-width: 250px;
    margin-top: 25px;
}

.page-node-25481 .top_part_tts.row.panel,
.page-node-25586 .top_part_tts.row.panel {
    margin: 0;
    padding-left: 1.25em;
}

/* Pilot Interactive ---------------------------------------------------- */
.pilot-content-inner img {
    width: auto;
}

.pilot-buttons {
    left: 36%;
    margin-bottom: 30px;
    position: absolute;
    top: 190px;
    z-index: 499;
}

.pilot-three-column {
    margin-left: 40px;
    text-align: center;
    width: 100%;
}

.pilot-three-column>div {
    float: left;
    margin-right: 40px;
    width: 30%;
}

.pilot-interactive #atg img,
.pilot-interactive #btg img {
    left: 78px;
    position: absolute;
    top: 0;
}

#block-system-main .gutter,
#content-group-inner {
    margin: 0;
}

#breadcrumbs {
    display: none;
}

.pilot-header {
    background: #015579 url("/sites/default/files/pilot_header.jpg") no-repeat scroll right top;
    height: 344px;
    width: 100%;
}

.pilot-header-inner {
    padding: 20px;
}

.pilot-header .pilot-copy {
    color: #fff;
    float: left;
    line-height: 27px;
    margin: 10px 0 0 10px;
    padding: 15px;
    width: 53%;
}

.pilot-header .pilot-copy h1 {
    color: #dcd9d9;
    font-size: 24px;
    margin-bottom: 20px;
}

.pilot-buttons span {
    color: #7c868d;
    display: inline-block;
    height: 20px;
    line-height: 24px;
    margin-top: 7px;
    width: auto;
}

.pilot-header p.a-read-more a {
    color: #b4d03f !important;
    text-transform: uppercase;
    font-size: 11px;
    margin-right: 15px;
}

.pilot-content h2 {
    padding: 45px 30px 30px;
    color: #666666;
    width: 100%;
    display: inline-block;
    border-top: 1px solid #ccc;
}

.pilot-interactive h2 {
    border: none;
}

.pilot-two-column,
.pilot-three-column {
    margin-bottom: 30px;
    float: left;
}

.pilot-two-column>div img {
    border: 4px solid #E5E5E5;
}

.pilot-two-column>div p {
    margin: 8px;
}

.pilot-two-column>div p span,
.pilot-three-column>div p span {
    font-size: 1.4em;
}

.pilot-two-column>div>p.a-read-more {
    margin-top: 0;
    width: 90%;
    text-align: right;
}

.pilot-two-column>div>p.a-read-more a {
    font-size: 0.85em;
    text-transform: uppercase;
}

.pilot-two-column>div>p.a-read-more a:hover {}

.pilot-two-column>div.even {
    clear: both;
}

.pilot-two-column>div.odd {
    margin-left: 135px;
}

.pilot-three-column>div.last {
    margin-right: 0;
}

.pilot-buttons span.btg {
    width: 130px;
}

.pilot-buttons div.atg,
.pilot-buttons div.btg {
    display: inline-block;
    height: 40px;
    cursor: pointer;
}

.pilot-buttons div.atg {
    width: 152px;
    position: relative;
    z-index: 100;
    background: transparent url("/sites/default/files/pilot_buttons_left.png") no-repeat top center;
}

.pilot-buttons div.btg {
    width: 144px;
    margin-left: -4px;
    background: transparent url("/sites/default/files/pilot_buttons_right.png") no-repeat top center;
}

.pilot-buttons div.btg.not-active {
    background: transparent url("/sites/default/files/pilot_buttons_right.png") no-repeat top center !important;
}

.pilot-buttons div.atg.not-active {
    background: transparent url("/sites/default/files/pilot_buttons_left.png") no-repeat top center !important;
}

.pilot-buttons .active span,
.pilot-buttons .hover span {
    text-shadow: 0px -1px #333;
    color: #fff;
}

.pilot-interactive {
    height: 270px;
    position: relative;
    background: url("/sites/default/files/pilot_base_image.png") no-repeat;
}

.pilot-interactive {
    background-position: center top;
}

.pilot-interactive #atg,
.pilot-interactive #btg {
    position: relative;
}

.pilot-interactive #atg img.atg-1,
.pilot-interactive #atg img.atg-2,
.pilot-interactive #atg img.atg-3,
.pilot-interactive #atg img.atg-4,
.pilot-interactive #btg img.btg-0,
.pilot-interactive #btg img.btg-1,
.pilot-interactive #btg img.btg-2,
.pilot-interactive #btg img.btg-3,
.pilot-interactive #btg img.btg-4,
.pilot-interactive #btg img.btg-5 {
    display: none;
}

.pilot-single-button {
    display: none;
    position: absolute;
    width: 210px;
    text-align: left;
    z-index: 499;
}

.pilot-single-button .pilot-button-style {
    background: transparent url(/sites/default/files/pilot_single_button.png) no-repeat center center;
    z-index: 10000;
    position: relative;
    width: 165px;
    height: 23px;
    cursor: pointer;
    text-align: center;
}

.pilot-single-button .pilot-button-style span {
    margin-top: 5px;
    color: white;
    font-size: 0.85em;
    text-shadow: 0px -1px #333;
    display: inline-block;
}

#atg .pilot-single-button-3 {
    top: 350px;
    left: 304px;
    width: 340px;
}

#atg .pilot-single-button-4 {
    top: 480px;
    left: 570px;
}

#btg .pilot-single-button-3 {
    top: 365px;
    left: 429px;
    width: 380px;
}

#btg .pilot-single-button-4 {
    top: 640px;
    left: 300px;
}

#btg .pilot-single-button-5 {
    top: 485px;
    left: 670px;
}

.pilot-content-content {
    position: relative;
    z-index: 499;
    background: white;
    float: left;
    width: 100%;
}

/* FSM ------------------------------------------- */
.fsm-banner-wrapper .jcarousel-skin-tango {
    position: static;
}

.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 80px;
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
    width: 100px;
}

.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-container {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 80px;
    width: 700px;
}

.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 0;
}

.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 80px;
    text-align: center;
    width: 700px;
}

.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal ul,
.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal li {
    display: inline-block;
    height: 80px;
}

.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 0 3px;
}

.fsm-banner-wrapper .fsm-banner-thumb-image-wrapper {
    cursor: pointer;
    height: 80px;
    position: relative;
}

.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-prev,
.fsm-banner-wrapper .jcarousel-skin-tango .jcarousel-next {
    display: none;
}

.fsm-banner-wrapper .jcarousel-skin-tango a {
    line-height: 20px;
}

.fsm-banner-wrapper ul.fsm-banner-splash-wrapper {
    display: block;
    list-style: outside none none;
    margin-bottom: 12px;
    margin-left: 0;
}

.fsm-banner-splash-item-wrapper {
    overflow: hidden;
}

.fsm-banner-splash-wrapper .active {
    display: block !important;
}

.fsm-banner-splash-wrapper {
    position: relative;
}

#pid-lighting-basics .fsm-banner-splash-title,
#pid-lighting-professionals .fsm-banner-splash-title {
    color: #616161;
    font-size: 26px;
    line-height: 36px;
    text-transform: uppercase;
}

.fsm-banner-wrapper {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

ul.fsm-banner-thumb-wrapper {
    margin: 0;
    padding: 0;
}

.fsm-banner-thumb-wrapper li {
    display: inline-block;
    margin: 0 5px;
}

.fsm-banner-splash-image-wrapper {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.banner {
    position: relative;
}

.name-card {
    bottom: 0;
    color: #fff;
    right: 0;
    position: absolute;
    text-align: left;
    width: 280px;
}

.name-card .name {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/fsm/bg-overlay-white-75.png") repeat scroll 0 0;
    color: #006490;
    margin-bottom: 2px;
    padding: 10px;
    text-align: center;
}

.name-card .expert-since,
.name-card .hunter-since {
    background: rgba(0, 0, 0, 0) url("/sites/default/files/fsm/bg-overlay-white-75.png") repeat scroll 0 0;
    float: left;
    margin: 0 2px 0 0;
    width: 138px;
}

.name-card .hunter-since {
    margin: 0;
    width: 140px;
}

.name-card .expert-since p,
.name-card .hunter-since p {
    color: #666;
    display: inline-block;
    font-size: 10px;
    font-weight: 200;
    line-height: 13px;
    margin: 0;
    padding: 8px 2px;
    text-align: right;
    text-transform: uppercase;
    width: 85px;
}

.name-card span.year {
    bottom: 4px;
    color: #006490;
    font-size: 17px;
    font-weight: 800;
    left: 2px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}

.textoverlay {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/hunter/images/bg-blue-image-overlay.png") repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    width: 80px;
}

.textoverlay p {
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    text-transform: uppercase;
}

.bio .bio-details h3 {
    color: #006490;
}

.banner .slim-blue {
    background-color: #005483;
    height: 8px;
}

.nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 0px;
}

.view_button img {
    width: auto;
}

.fsm-banner-wrapper .jcarousel-skin-tango {
    bottom: auto;
    top: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Professionals ----------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.nav-landing-banner-splash-teaser {
    font-size: 14px;
}

.nav-landing-banner-teaser-wrapper {
    padding: 0 20px 5px;
    line-height: 18px;
}

.nav-landing-banner-splash-title {
    padding: 5px 20px 0;
}

.jcarousel-skin-tango {
    bottom: 20px;
    position: absolute;
    right: 0;
    width: 235px;
}

.nav-landing-icons-wrapper.small-block-grid-3>li:nth-of-type(3n+1) {
    clear: both;
}

.page-node-23531 .nav-landing-banner-wrapper {
    display: none;
}

.nav-landing-template h2 {
    color: #00658a;
    font-family: "Sero", Arial, sans-serif;
    font-size: 36px;
    margin-bottom: 4px;
    margin-top: 54px;
    text-transform: none;
}

.nav-landing-template .nav-landing-banner-title-wrapper h2 {
    margin-top: 11px;
}

.nav-landing-template p {
    line-height: 1.6;
}

.nav-landing-template h1.section_title {
    border: none;
    margin-bottom: 14px;
    padding-bottom: 0;
}

/* Our Professionals */
.our_professionals li a {
    background-position: -30px -20px;
    background-size: 136% auto;
    display: block;
    height: 150px;
    position: relative;
    text-align: center;
}

.our_professionals li a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 101, 138, 0.65);
    z-index: 2;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.our_professionals li a:hover:after {
    background-color: rgba(0, 101, 138, 1);
}

.box_label {
    position: relative;
    top: 42%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
    color: #fff;
    z-index: 10;
}

.our_professionals_contractors a {
    background: url("/sites/default/files/our_professionals_contractors.jpg") no-repeat;
}

.our_professionals_designers a {
    background: url("/sites/default/files/our_professionals_designers.jpg") no-repeat;
}

.our_professionals_distributors a {
    background: url("/sites/default/files/our_professionals_distributors.jpg") no-repeat;
}

.our_professionals_municipalities a {
    background: url("/sites/default/files/our_professionals_municipalities.jpg") no-repeat;
}

.our_professionals_water_agency a {
    background: url("/sites/default/files/our_professionals_water_agency.jpg") no-repeat;
}

.large-block-grid-5.our_professionals li {
    padding: 0 0.225em 0.5em;
}

@media only screen and (max-width: 980px) {
    .large-block-grid-5.our_professionals li {
        width: 33%;
    }
}

@media only screen and (max-width: 768px) {
    .large-block-grid-5.our_professionals li {
        width: 50%;
    }

    .our_professionals li a {
        background-position: 0 center;
        background-size: 100% auto;
    }
}

@media only screen and (max-width: 430px) {
    .large-block-grid-5.our_professionals li {
        width: 100%;
    }
}

/* Hunter Based Solutions */
.hunter_based_solutions .green_roof {
    background: url("/sites/default/files/solutions_green_roof.jpg") no-repeat;
}

.hunter_based_solutions h2 {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    background-color: #00658a;
    color: #fff;
    margin-bottom: 0.7em;
    margin-top: 0;
    padding: 10px 10px 8px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.hunter_based_solutions .solution {
    border: none;
    padding: 0;
    color: #fff;
}

a:hover .box_heading_container h2 {
    background-color: #055372;
}

.hunter_based_solutions.large-block-grid-4>li {
    padding: 0 0.3em 1.25em;
}

@media only screen and (max-width: 876px) {
    .hunter_based_solutions h2 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .hunter_based_solutions h2 {
        font-size: 16px;
    }

    .nav-landing-template main .large-3.push-9.columns {
        display: none;
    }
}

@media only screen and (max-width: 430px) {
    .hunter_based_solutions.small-block-grid-2>li {
        padding: 0 0.625em 1.25em;
        width: 100%;
    }
}

/* Tools and Services */
.tools_container {
    float: left;
    width: 49%;
}

.resources_container {
    float: right;
    width: 49%;
}

.resources_container .large-block-grid-2 li {
    padding-bottom: 0;
}

.subsection_title_container {
    border-bottom: 1px solid #e6e6e7;
    display: table;
    margin-bottom: 26px;
    margin-top: 30px;
    width: 100%;
}

.section-professionals .icon_container {
    display: table-cell;
    vertical-align: middle;
    width: 44px;
}

.subsection_title {
    display: table-cell;
    padding-top: 4px;
    vertical-align: middle;
}

.section-professionals .icon_container svg {
    width: 34px;
}

.box_heading_container {
    display: table;
    width: 100%;
}

.box_heading_container h2 {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    background-color: #00658a;
    color: #fff;
    margin-bottom: 0.7em;
    margin-top: 0;
    padding: 10px 10px 8px;
    text-align: center;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.tools_container li {
    list-style: none;
}

.tools_container a,
.resources_container a {
    color: #00658a;
    font-family: "Sero_bold", Arial, sans-serif;
}

.tools_container a:hover,
.resources_container a:hover {
    color: #2ba6cb;
}

@media only screen and (max-width: 430px) {
    .tools_and_services.small-block-grid-2>li {
        padding: 0 0.625em 1.25em;
        width: 100%;
    }

    .tools_container {
        width: 100%;
    }

    .resources_container {
        width: 100%;
    }
}

/* Why Hunter */
.why_hunter_container {
    clear: both;
    display: inline-block;
    margin-bottom: 90px;
}

.why_hunter .why:hover h2 {
    background-color: #055372;
}

.why_hunter_container .why_hunter {
    display: inline-block;
    margin-top: 14px;
}

@media only screen and (max-width: 876px) {
    .why_hunter h2 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .why_hunter h2 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 430px) {
    .why_hunter.small-block-grid-2>li {
        padding: 0 0.625em 1.25em;
        width: 100%;
    }
}

.contact_a_rep.button {
    background-color: #00658a;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    width: 100%;
}

.contact_a_rep.button:hover {
    background-color: #055372;
}

.contact_a_rep.button .not_bold {
    text-transform: none;
    display: block;
}

.contact_a_rep.button .not_bold {
    display: block;
    margin: 0 0 8px;
    text-transform: none;
}

.contact_a_rep .icon-right-open-1 {
    font-size: 14px;
    margin-left: 14px;
    position: relative;
    top: -1px;
}

/* Greenhouse, Nursery, and Open-Field Irrigation -------------------- */
#gno_container {
    font-size: 16px;
}

#gno_container p {
    font-size: 1.125em;
    /* 18px/16px = 1.125em */
    line-height: 2;
}

#gno_container .hero_container {
    background: url("/sites/all/themes/hunter_responsive/images/hero_gno.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 500px;
    overflow: hidden;
}

#gno_container .hero_container .inner_container {
    margin: 0 auto;
    max-width: 1200px;
}

#gno_container .hero_container .inner_container .text_container {
    margin-top: 100px;
    max-width: 780px;
    padding-left: 1.25em;
    /* 20px/16px = 1.25em */
    padding-right: 1.25em;
    /* 20px/16px = 1.25em */
}

#gno_container .hero_container .inner_container .text_container h1 {
    color: #fff;
    font-family: "Sero", Arial, sans-serif;
    font-size: 2.2em;
    text-transform: none;
}

#gno_container .anchor_nav_container {
    background-color: #F2F2F2;
    height: 180px;
    margin-bottom: 3.75em;
    /* 60px/16px = 3.75em */
}

#gno_container section:not(.hero_container),
#block-webform-client-block-94311 {
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 1.25em;
    /* 20px/16px = 1.25em */
    padding-right: 1.25em;
    /* 20px/16px = 1.25em */
}

#gno_container section#introduction {
    margin-bottom: 5em;
    /* 80/16 = 5em */
}

.svg_hunter {
    width: 12em;
}

.svg_senninger {
    width: 17em;
}

.svg_contact_a_rep {
    width: 6.25em;
    /* 100/16 = 6.25em */
}

#gno_container .anchor_navigation>li {
    height: auto;
    list-style: outside none none;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 0;
}

#gno_container .anchor_navigation .anchor_link {
    display: block;
}

#gno_container #hunter_solutions>h2,
#senninger_solutions>h2 {
    color: #00658a;
}

#gno_container .anchor_navigation.large-block-grid-3 {
    margin: 0 auto;
    max-width: 1150px;
    padding-top: 1.125em;
    /* 20px/16px = 1.25em */
}

#gno_container .anchor_navigation a svg {
    max-height: 100px;
    color: #666;
}

#gno_container .anchor_navigation a:hover svg,
#gno_container .anchor_navigation a:hover div {
    color: #00658a;
    border-color: #00658a;
}

#gno_container .anchor_link>div {
    border-top: 1px solid #666;
    color: #666;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 180px;
    padding-top: 8px;
    text-transform: uppercase;
}

#gno_container .anchor_link>div.no_border {
    border: medium none;
    padding-top: 0;
}

#gno_container .anchor_navigation>li.hunter_solutions {
    position: relative;
    top: -4px;
}

#gno_container .anchor_navigation>li.senninger_solutions {
    position: relative;
    top: -4px;
}

#gno_container .download_pdf_container {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 416px;
}

#gno_container .cover_image {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    border: 1px solid #ebebeb;
}

#gno_container .intro_container.clearfix {
    display: table;
    margin-bottom: 5em;
}

#gno_container .download_pdf_container a {
    background-color: #f2f2f2;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    position: relative;
}

#gno_container .download_pdf_container a span.link_text span {
    color: #666;
    font-size: 1em;
    font-weight: normal;
}

#gno_container .download_pdf_container a span.link_text {
    display: inline-block;
    font-size: 1em;
    line-height: 1.2;
    max-width: 260px;
    padding: 1em 1.25em 0.75em;
    /* 16/16 20/16 12/16 = 1em 1.25em 0.75em */
    width: 100%;
}

#gno_container .intro_sentence {
    display: table-cell;
    padding-right: 1.25em;
    vertical-align: middle;
    width: calc(100% - 416px);
}

#gno_container section#senninger_solutions {
    margin-top: 5em;
}

.megamenu-slot-2 ul.megamenu-items {
    margin-right: 2% !important;
    width: 48%;
}

.megamenu-menu ul a.gno_link {
    display: inline-block;
    line-height: 1.3;
}

#form_submit_success,
#form_submit_error {
    display: none;
}

#form_submit_error {
    border: 2px solid red;
    margin: 0 auto 20px;
    max-width: 1150px;
    padding: 28px;
}

#form_submit_success {
    border: 2px solid green;
    margin: 0 auto 20px;
    max-width: 1200px;
    padding: 1.25em;
}

.download_pdf_container .icon-file-pdf:before {
    display: inline-block;
    float: left;
    font-size: 30px;
    height: 54px;
    margin-right: 10px;
    font-weight: normal;
}

#gno_container .card_container {
    position: relative;
}

#gno_container .card_container h3 {
    background-color: #00658a;
    color: #fff;
    margin: 0;
    padding: 10px;
    text-align: center;
}

#gno_container .bottom_container {
    border-bottom: 2px solid #f2f2f2;
    border-left: 2px solid #f2f2f2;
    border-right: 2px solid #f2f2f2;
    padding: 1.25em;
    /* 20px/16px = 1.25em */
}

#gno_container .bottom_container a.view_products {
    display: block;
    font-size: 1.125em;
    font-weight: bold;
    margin-top: 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

#gno_container .card_links {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 101, 138, 0.95);
    padding: 2.5em 1.25em;
    /* 40/16 20/16 = 2.5em 1.25em */
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    z-index: -1;
}

#gno_container .close_card {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

#gno_container .close_card:after {
    font-family: 'fontello';
    content: '\e82a';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}

#gno_container .card_links h4 {
    color: #fff;
    font-size: 1.5em;
    /* 24/16 = 1.5em */
    margin-bottom: 1.625em;
    /* 26/16 = 1.625em */
    text-align: center;
}

#gno_container .card_links a {
    color: #fff;
    font-size: 1.3em;
}

#gno_container .card_container.drip .card_links a {
    font-size: 1.2em;
}

#gno_container .card_links li:before {
    color: #fff;
    content: "•";
    font-size: 11px;
    margin-right: 10px;
    vertical-align: middle;
}

#gno_container .card_links li {
    line-height: 2;
    list-style: none;
}

#gno_container .bottom_container p {
    line-height: 1.5;
    margin-bottom: 1em;
}

#gno_container .card_container.drip .card_links h4 {
    margin-bottom: 1em;
}

#gno_container .card_links>ul {
    margin-right: 1.25em;
}

#gno_container .card_links li.wraps {
    line-height: 1.3;
    margin-bottom: 0.4em;
}

#block-webform-client-block-94311 form {
    padding: 0;
}

#block-webform-client-block-94311 form .content {
    padding: 40px;
}

#block-webform-client-block-94311 .form_heading {
    background: rgba(0, 101, 138, 0.6);
    color: #fff;
    padding: 30px 40px;
}

.card_container .bottom_container .card_text {
    height: 54px;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
}

.card_container .bottom_container .card_text.expanded {
    height: auto;
}

.see_more_text {
    display: none;
    text-decoration: none;
    margin-top: 4px;
}

#block-webform-client-block-94311 .form_heading h2.block-title {
    color: #c3e8f9;
    font-family: "Sero", Arial, sans-serif;
    font-size: 50px;
    line-height: 1;
    margin: 0 0 12px;
    text-transform: none;
}

#block-webform-client-block-94311 .form_heading p {
    font-size: 22px;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 0;
}

#block-webform-client-block-94311 form {
    margin-top: 70px;
    margin-bottom: 50px;
}

#gno_container .card_container h3 {
    height: 48px;
    line-height: 1.5;
}

#gno_container .card_container.water_management_software h3 br {
    display: none;
}

@media screen and (max-width: 1130px) {
    #gno_container .card_container.water_management_software h3 {
        font-size: 16px !important;
        height: 48px;
        line-height: 1.1 !important;
    }

    #gno_container .card_container.water_management_software h3 br {
        display: block;
    }
}

@media screen and (max-width: 1050px) {
    #gno_container .card_links a {
        font-size: 1.2em;
    }

    #gno_container .card_container.drip .card_links a {
        font-size: 1em;
    }
}

@media screen and (max-width: 980px) {
    #gno_container .anchor_nav_container {
        font-size: 80%;
        height: 142px;
        margin-bottom: 3.75em;
    }
}

@media screen and (max-width: 900px) {
    #gno_container .card_links>ul {
        margin-right: .5em;
        margin-left: .5em;
    }
}

@media screen and (max-width: 850px) {
    #gno_container .card_container.pressure_regulators h3 {
        font-size: 16px;
        height: 48px;
        line-height: 1.7;
    }
}

@media screen and (max-width: 768px) {

    #gno_container section#hunter_solutions h2,
    #gno_container section#senninger_solutions h2 {
        font-size: 1.8em;
    }

    #hunter_solutions .large-block-grid-3>li,
    #senninger_solutions .large-block-grid-3>li {
        width: 50%;
    }

    #gno_container .form_heading h2.block-title {
        font-size: 42px;
    }

    #gno_container .form_heading p {
        font-size: 20px;
        line-height: 1.4;
    }

    #gno_container .anchor_navigation>li {
        width: 33.33%;
    }

    #gno_container .anchor_nav_container {
        font-size: 1.7vw;
        height: 19vw;
        margin-bottom: 3.75em;
    }

    #gno_container .anchor_link>div {
        max-width: 20vw;
    }

    #gno_container .intro_container.clearfix {
        display: block;
        margin-bottom: 5em;
    }

    #gno_container .intro_sentence {
        display: block;
        padding-right: inherit;
        vertical-align: middle;
        width: 100%;
    }

    #gno_container .download_pdf_container {
        display: block;
        position: relative;
        vertical-align: middle;
        width: 100%;
    }

    #gno_container .intro_sentence {
        margin-bottom: 70px;
    }

    #gno_container .download_pdf_container a span.link_text {
        max-width: calc(100% - 166px);
        width: 100%;
        padding-top: 1.8em;
    }

    #gno_container .download_pdf_container a span.link_text {
        display: table;
        max-width: calc(100% - 166px);
        padding: 20px 20px 10px;
        width: 100%;
    }

    #gno_container .download_pdf_container .inner {
        display: inline-block;
    }

    #gno_container .download_pdf_container .icon-file-pdf:before {
        height: auto;
    }

    #gno_container .hero_container .inner_container .text_container h1 {
        color: #fff;
        font-family: "Sero", Arial, sans-serif;
        font-size: 2em;
        line-height: 1.4;
        text-transform: none;
    }

    #gno_container .card_container.pressure_regulators h3 {
        font-size: 20px;
        height: 48px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 600px) {
    #gno_container .anchor_navigation>li {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    #gno_container .anchor_navigation li a {
        padding: 14px;
    }

    #gno_container .anchor_navigation>li.hunter_solutions,
    #gno_container .anchor_navigation>li.senninger_solutions {
        padding: 0;
    }

    #gno_container .anchor_nav_container {
        font-size: 70%;
        height: auto;
        margin-bottom: 3.75em;
        padding-bottom: 3em;
    }

    #gno_container .anchor_navigation.large-block-grid-3 {
        padding: 0;
    }

    #gno_container .anchor_navigation>li.senninger_solutions {
        top: auto;
    }

    #gno_container .anchor_nav_container {
        font-size: 70%;
        height: auto;
        margin-bottom: 3.75em;
        padding-bottom: 0;
    }

    #gno_container .anchor_navigation li.senninger_solutions a,
    #gno_container .anchor_navigation li.hunter_solutions a {
        position: relative;
        top: -10px;
    }

    #gno_container .anchor_link>div {
        max-width: 130px;
    }

    #gno_container .download_pdf_container .inner {
        display: table-cell;
        vertical-align: middle;
    }

    #gno_container .download_pdf_container a span.link_text {
        padding: 20px;
    }

    #gno_container .card_container h3 {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
}

@media screen and (max-width: 550px) {
    .node-type-basic-full-width-page main .large-12.columns h1.section_title {
        font-size: 34px;
    }

    #hunter_solutions .large-block-grid-3>li,
    #senninger_solutions .large-block-grid-3>li {
        width: 100%;
    }

    .card_container .bottom_container .card_text {
        height: auto;
    }

    .card_container .bottom_container .see_more_text {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    #gno_container .hero_container {
        height: 350px;
        position: relative;
    }

    #gno_container .hero_container .inner_container .text_container {
        margin-top: 10vw;
    }

    #gno_container .form_heading p {
        font-size: 18px;
        line-height: 1.4;
    }

    #block-webform-client-block-94311 .form_heading {
        padding-bottom: 0;
    }

    #block-webform-client-block-94311 form .content {
        padding: 20px;
    }

    #block-webform-client-block-94311 .form_heading {
        padding: 20px 20px 0;
    }

    #gno_container p {
        font-size: 1em;
        line-height: 2;
    }

    #gno_container .cover_image {
        display: none;
    }

    #gno_container .download_pdf_container a span.link_text {
        max-width: 100%;
    }

    #gno_container .hero_container .inner_container .text_container h1 {
        font-size: 1.5em;
    }

    #gno_container section#senninger_solutions {
        margin-top: 2.5em;
    }

    #gno_container .intro_container.clearfix {
        margin-bottom: 2.5em;
    }

    #gno_container .intro_sentence {
        margin-bottom: 2em;
    }

    #block-webform-client-block-94311 form {
        margin-bottom: 50px;
        margin-top: 1em;
    }

    #gno_container .hero_container .inner_container .text_container {
        margin-top: 0;
    }

    #gno_container .hero_container .inner_container {
        height: auto;
        margin: 0 auto;
        max-width: 1200px;
        position: relative;
        top: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }
}

@media screen and (max-width: 380px) {
    #gno_container .form_heading p {
        font-size: 18px;
        line-height: 1.4;
    }

    #gno_container .form_heading h2.block-title {
        font-size: 28px;
    }

    #gno_container .hero_container .inner_container .text_container h1 {
        font-size: 1.3em;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Professionals Slider -------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * */
.professionals_slider .slide_1 {
    background: url("/sites/default/files/bg_professionals_slide_1.jpg") no-repeat center center;
    height: 400px;
}

.section-professionals .professionals_slider {
    width: 100%;
    margin: 0px auto 20px;
}

.section-professionals .slick-slide {
    margin: 0px;
}

.section-professionals .slick-slide img {
    width: 100%;
}

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

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

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

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

.section-professionals .slick-slider .slick-track,
.section-professionals .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

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

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

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

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

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

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

.section-professionals .slick-slide img {
    display: block;
}

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

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

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

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

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

.section-professionals .slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.section-professionals .slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.section-professionals .professionals_slider.hovering .slick-prev,
.section-professionals .professionals_slider.hovering .slick-next {
    opacity: 0.5;
}

.section-professionals .professionals_slider.hovering .slick-next:hover,
.section-professionals .professionals_slider.hovering .slick-prev:hover {
    opacity: 1;
}

.section-professionals .professionals_slider .slick-prev,
.section-professionals .professionals_slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 80px;
    height: 80px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #ff6600;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.section-professionals .professionals_slider .slick-prev {
    left: 25px;
    z-index: 12;
    background: url("/sites/all/themes/hunter_responsive/images/left_arrow.svg") no-repeat;
    background-size: 100%;
}

[dir='rtl'] .section-professionals .slick-prev {
    right: 25px;
    left: auto;
}

[dir='rtl'] .section-professionals .slick-next {
    right: auto;
    left: 25px;
}

.section-professionals .professionals_slider .slick-next {
    right: 25px;
    z-index: 12;
    background: url("/sites/all/themes/hunter_responsive/images/right_arrow.svg") no-repeat;
    background-size: 100%;
}

/* Dots */
.section-professionals .slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.section-professionals .slick-dots {
    bottom: 4px;
    left: 50%;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: auto;
}

.section-professionals .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.section-professionals .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: url("/sites/all/themes/hunter_responsive/images/custom_dots.png") no-repeat;
    background-position: -6px -6px;
    overflow: hidden;
}

.section-professionals .slick-dots li button:hover,
.section-professionals .slick-dots li button:focus {
    outline: none;
    background-position: -36px -6px;
}

.section-professionals .slick-dots li.slick-active button {
    background-position: -66px -6px;
}

.professionals_slider .slick-slide {
    position: relative;
}

.professionals_slider .slide_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
}

.professionals_slider .slide_content h2 {
    color: #fff;
    font-size: 5.4vw;
    margin-top: 0;
    text-transform: uppercase;
}

.professionals_slider .slide_content h2 span {
    display: block;
    font-weight: normal;
}

.professionals_slider .slide_1 {
    color: #fff;
}

.professionals_slider .slick-next:before,
.professionals_slider .slick-prev:before {
    content: "";
}

.professionals_slider button {
    box-shadow: none;
}

@media only screen and (max-width: 768px) {
    .section-professionals .slick-dots {
        bottom: 2%;
    }
}

@media only screen and (max-width: 540px) {

    .section-professionals .professionals_slider .slick-prev,
    .section-professionals .professionals_slider .slick-next {
        height: 50px;
        width: 50px;
    }

    .section-professionals .professionals_slider .slick-next {
        right: 5px;
    }

    .section-professionals .professionals_slider .slick-prev {
        left: 5px;
    }
}

/* Professionals right sidebar */
.nav-landing-template .large-3.push-9.columns {
    margin-top: 104px;
}

.large-3.push-9.columns .block-menu-block h2.block-title {
    background-color: #00658a;
    color: #fff;
    font-size: 20px;
    padding: 10px 16px 8px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.2;
    font-family: "Sero_bold", Arial, sans-serif;
}

.large-3.push-9.columns .block-menu-block .menu-accordion {
    border: 2px solid #cfcdcb;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 20px 10px;
}

.large-3.push-9.columns .block-menu-block .menu-accordion li {
    width: 100%;
    float: left;
}

.large-3.push-9.columns .block-menu-block .menu-accordion li ul {
    clear: both;
}

.large-3.push-9.columns .block-menu-block .menu-accordion li:first-child {
    margin-left: 0;
}

.nav-landing-template .large-3.push-9.columns .block-menu-block .menu-accordion li a,
.nav-landing-template .large-3.push-9.columns .block-menu-block .menu-accordion li span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #555;
    float: left;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 16px;
    padding: 10px 40px 10px 10px;
    text-transform: uppercase;
    width: 100%;
}

.nav-landing-template .large-3.push-9.columns .block-menu-block .menu-accordion li li a {
    font-weight: normal;
    padding-left: 25px;
    font-size: 15px;
    display: block;
    font-family: "Sero", Arial, sans-serif;
    text-transform: capitalize;
    padding-top: 6px;
    padding-bottom: 6px;
}

.large-3.push-9.columns .block-menu-block .menu-accordion li li.last {
    margin-bottom: 20px;
}

.large-3.push-9.columns .block-menu-block .menu-accordion .ui-state-default .ui-icon:before {
    font-family: "fontello";
    content: '\e811';
    color: #000;
}

.large-3.push-9.columns .block-menu-block .menu-accordion .ui-state-active .ui-icon:before {
    font-family: "fontello";
    content: '\e812';
    color: #000;
}

.nav-landing-template .large-3.push-9.columns .block-menu-block .menu-accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: inline;
    height: 23px;
    left: inherit;
    margin-top: -12px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
}

.large-3.push-9.columns .block-menu-block .menu-accordion .ui-state-active .ui-icon {
    background-image: none;
}

.large-3.push-9.columns .block-menu-block .menu-accordion .ui-state-default .ui-icon {
    background-image: none;
}

.large-3.push-9.columns .block-menu-block .menu-accordion .ui-icon {
    text-indent: 0px;
}

.large-9.pull-3.main.columns {
    float: right;
}

.nav-landing-template .large-3.push-9.columns .block-menu-block {
    margin-bottom: 20px;
}

@media only screen and (max-width: 900px) {
    .large-3.push-9.columns .block-menu-block h2.block-title {
        font-size: 17px;
    }
}

@media only screen and (max-width: 768px) {
    .why_hunter_container {
        margin-bottom: 10px;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Homeowners -------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.nav-landing-icons-title-wrapper {
    background-color: #006588;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    font-family: "Sero_bold", Arial, sans-serif;
    margin: 0 0 10px;
    padding: 15px 20px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: table;
}

.nav-landing-icons-title {
    display: table-cell;
    vertical-align: middle;
}

.nav-landing-icons-title-wrapper a,
.nav-landing-icons-title-wrapper a:link,
.nav-landing-icons-title-wrapper a:visited {
    color: #fff;
    line-height: 22px;
}

.nav-landing-icons-wrapper .nav-landing-icons-item-wrapper {
    margin-bottom: 40px;
}

/* International Shipping ------------- */
#corporate_div_fls1 {
    float: left;
    margin-right: 30px;
}

#corporate_div_fls2 ol {
    margin: 0 0 1.5em;
    padding: 0;
    counter-reset: item;
}

#corporate_div_fls2 ol>li {
    margin: 0;
    list-style-type: none;
    counter-increment: item;
}

#corporate_div_fls2 ol>li:before {
    display: inline-block;
    width: 25px;
    padding-right: 20px;
    text-align: right;
    content: counter(item) ".";
    font-family: "Sero_bold", Arial, sans-serif;
}

#corporate_div_fls2 ul {
    list-style: none;
}

/* Contact Us --------------------- */
table.gridtablemodel {
    width: 100%;
}

table.gridtablemodel strong {
    font-family: "Sero_bold", Arial, sans-serif;
}

table.gridtablemodel h4 {
    margin-top: 13px;
}

table.gridtablemodel h3 {
    padding-top: 8px;
}

.hunter_worldwide.icon-globe::before {
    margin-right: 16px;
}

.worldwide.row {
    margin: 0 0 20px;
}

.hunter_worldwide {
    background-color: #00658a;
    color: #fff;
    font-size: 28px;
    margin-bottom: 0;
    padding: 7px 0 4px;
    text-align: center;
}

.hunter_worldwide .icon-globe {
    font-size: 27px;
    margin-right: 16px;
}

.worldwide .panel {
    margin-bottom: 0;
}

.worldwide h4 {
    color: #00658a;
}

.resource_guide_pgs .l-main .panel {
    margin-bottom: 1.25em;
}

.resource_guide_pgs img {
    width: auto;
}

.resource_guide_pgs .img_full_width img {
    width: 100%;
}

.resource_guide_pgs img.logo {
    width: 100%;
}

/* Product Catalog and Parts List -------------- */
.image_app {
    float: left;
    margin-right: 20px;
    max-width: 100%;
    margin-bottom: 20px;
}

.product_catalog_and_parts_list_container img {
    width: auto;
}

/* Resource Guide ---------------------------- */
.pdf_img {
    margin-bottom: 16px;
}

.resource_groups h4 {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 8px;
}

.resource_groups .small-3.large-2.columns {
    margin-bottom: 30px;
}

.get_reader img {
    width: auto;
}

.resource_groups .small-3.large-2.columns img {
    width: auto;
}

.resource_groups .small-3.large-2.columns>p {
    margin-bottom: 8px;
}

#chart_model_wrap .field-name-field-chart table {
    width: 100%;
}

.frame-full {
    border-bottom: none;
    margin-bottom: 0px;
    width: 100%;
}

table.img-frame {
    font-size: 15px;
    width: 100%;
}

.resource_guide_pgs .full_width {
    width: 100%;
    margin-bottom: 40px;
}

.row.resource_groups {
    margin-top: 50px;
}

.resource_guide_pgs h3,
.section-resource-guide h3 {
    background-color: #00658a;
    color: #fff;
    padding: 10px 10px 8px 16px;
}

.body.field .floatLeft {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    max-width: 175px;
}

#node-716 h3 {
    margin-bottom: 50px;
    margin-top: 50px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Tools and Calculators --------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.tools_and_calculators_list .hunter-resource-display-resource-title strong {
    font-size: 16px;
    line-height: 24px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Footer - Social Row ----------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.social_links img {
    max-width: 55px;
}

.social_links i {
    font-size: 37px;
    line-height: 54px;
    font-style: normal;
}

.social_links i {
    font-size: 34px;
}

.social_links a {
    background-color: #fff;
    border-radius: 28px;
    color: #7e7c79;
    text-align: center;
    margin: 13px 15px;
    display: inline-block;
    height: 55px;
    width: 55px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.social_links a:hover {
    background-color: #006588;
}

.social_links a.social_email:hover {
    background-color: #E1dad1;
    color: #fff;
}

.social_links a.social_youtube:hover {
    background-color: #cd201f;
    color: #fff;
}

.social_links a.social_facebook:hover {
    background-color: #3b5998;
    color: #fff;
}

.social_links a.social_twitter:hover {
    background-color: #55acee;
    color: #fff;
}

.social_links .icon-facebook::before {
    /*padding-right: 2px;
    */
}

.social_links .icon-twitter::before {
    padding-left: 3px;
}

.social_links a.social_instagram:hover {
    background-color: #e1306c;
    color: #fff;
}

.social_links a.social_linkedin:hover {
    background-color: #0077b5;
    color: #fff;
}


@media screen and (max-width: 560px) {

    .social_links a {
        margin: 13px 10px;
    }

    .social_links a {
        background-color: #fff;
        border-radius: 28px;
        color: #7e7c79;
        display: inline-block;
        height: 45px;
        margin: 18px 10px;
        text-align: center;
        -webkit-transition: all 300ms ease 0s;
        transition: all 300ms ease 0s;
        width: 45px;
    }

    .social_links i {
        font-size: 28px;
        line-height: 46px;
    }

}


@media screen and (max-width: 440px) {

    .social_links a {
        background-color: #fff;
        border-radius: 28px;
        color: #7e7c79;
        display: inline-block;
        height: 30px;
        margin: 24px 7px;
        text-align: center;
        -webkit-transition: all 300ms ease 0s;
        transition: all 300ms ease 0s;
        width: 30px;
    }

    .social_links i {
        font-size: 20px;
        line-height: 1.5;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Footer ------------------------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.l-footer.row {
    background-color: #3b3b3b;
}

.l-footer.panel {
    border: none;
    margin-bottom: 0px;
}

.copyright_row {
    background-color: #333;
    color: #fff;
    float: left;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
}

.copyright.large-12.columns {
    font-size: 13px;
    padding-top: 2px;
    text-align: center;
}

.l-footer .menu li {
    margin: 0px;
}

.l-footer .menu li:first-child {
    margin-left: 0px;
}

.l-footer .menu li {
    margin: 0;
    padding: 0 1.3em;
}

.l-footer .menu li ul li {
    margin: 0;
    padding: 0px;
}

/* footer .block-menu ul ul li a {
     display: table-cell;
     float: none;
     height: 40px;
     line-height: 16px;
     padding: 0;
     vertical-align: middle;
}
 */
.l-footer .menu.large-block-grid-4 ul.large-block-grid-4 {
    margin: 0px;
    padding: 0px;
}

.l-footer .block-menu .menu.large-block-grid-4 ul.large-block-grid-4>li {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.l-footer .block-menu ul li a,
.l-footer .block-menu ul li .text-item {
    padding: 0px;
}

.l-footer .menu li a {
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

.l-footer .menu li.expanded>a,
.l-footer .menu li.expanded>.text-item {
    border-bottom: 1px solid #fff;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 11px;
    text-transform: uppercase;
    line-height: 16px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.l-footer {
    padding-top: 90px;
}

.footer .expanded {
    margin-bottom: 80px;
}

.footer_accordion {
    display: none;
}

/* Add the class menu-item-two-rows to menu links attributes > classes */
.l-footer ul.menu li .menu-item-two-rows {
    padding-bottom: 50px;
    position: relative;
    top: -18px;
}

.copyright a:hover {
    color: #8c8987;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Footer Accordion -------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.l-footer .footer_accordion .block-menu-block {
    display: block;
}

.footer_accordion .block .menu-accordion a,
.footer_accordion .block .menu-accordion .text-item {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 19px;
    text-transform: uppercase;
}

.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li a,
.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li .text-item {
    color: #fff;
    font-size: 12px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.footer_accordion .block .menu-accordion ul,
.footer_accordion .block .menu-accordion ul>li,
.footer_accordion .block .menu-accordion ul>li a,
.footer_accordion .block .menu-accordion ul>li>ul,
.footer_accordion .block .menu-accordion ul>li>ul>li,
.footer_accordion .block .menu-accordion ul>li>ul>li a,
.footer_accordion .block .menu-accordion ul>li>ul>li .text-item {
    display: block;
    width: 100%;
}

.footer_accordion .block .menu-accordion ul>li a,
.footer_accordion .block .menu-accordion ul>li .text-item {
    padding: 9px 0;
}

.footer_accordion .block .menu-accordion ul>li a,
.footer_accordion .block .menu-accordion ul>li .text-item {
    border-bottom: 1px solid #1b1b1b;
    border-top: 1px solid #585858;
}

.footer_accordion .block .menu-accordion>div>ul>li a,
.footer_accordion .block .menu-accordion>div>ul>li .text-item {
    padding: 14px 5% 12px;
}

.footer_accordion .block .menu-accordion>div>ul>li>ul>li a,
.footer_accordion .block .menu-accordion>div>ul>li>ul>li .text-item {
    padding: 14px 10% 12px;
}

.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li a,
.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li .text-item {
    padding: 14px 14% 12px;
}

.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li a,
.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li .text-item {
    padding: 14px 18% 12px;
}

.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li a,
.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li .text-item {
    padding-left: 40%;
    padding-right: 5%;
}

.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a,
.footer_accordion .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li .text-item {
    padding-left: 35%;
    padding-right: 5%;
}

.footer_accordion .block .menu-accordion a:hover,
.footer_accordion .block .menu-accordion .text-item:hover {
    background-color: #555351;
}

.footer_accordion .block .menu-accordion li.active-trail,
.footer_accordion .block .menu-accordion li.active {
    position: relative;
}

.footer_accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: 15px;
    left: inherit;
    top: 50%;
}

.footer_accordion .block .menu-accordion>div>ul>li>a.ui-accordion-header-active,
.footer_accordion .block .menu-accordion>div>ul>li>.text-item.ui-accordion-header-active {
    background-color: #252525;
    position: relative;
}

.footer_accordion .ui-state-active .ui-icon {
    background-image: none;
}

.footer_accordion .ui-state-default .ui-icon {
    background-image: none;
}

.footer_accordion .ui-state-default .ui-icon:before {
    font-family: "fontello";
    content: '\e811';
    color: #fff;
}

.footer_accordion .ui-state-active .ui-icon:before {
    font-family: "fontello";
    content: '\e812';
    color: #fff;
}

.footer_accordion ul.menu li .menu-item-two-rows {
    padding-bottom: 12px !important;
    position: static;
}

.footer_accordion .ui-icon {
    text-indent: 0px;
}

.footer_accordion .block {
    width: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Off-Canvas Accordion ---------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.mobile-menu .block .menu-accordion a,
.mobile-menu .block .menu-accordion .text-item {
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
}

.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li a,
.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li .text-item {
    color: #fff;
    font-size: 13px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.mobile-menu .block .menu-accordion ul,
.mobile-menu .block .menu-accordion ul>li,
.mobile-menu .block .menu-accordion ul>li a,
.mobile-menu .block .menu-accordion ul>li .text-item,
.mobile-menu .block .menu-accordion ul>li>ul,
.mobile-menu .block .menu-accordion ul>li>ul>li,
.mobile-menu .block .menu-accordion ul>li>ul>li a,
.mobile-menu .block .menu-accordion ul>li>ul>li .text-item {
    display: block;
    width: 100%;
}

.mobile-menu .block .menu-accordion ul>li a,
.mobile-menu .block .menu-accordion ul>li .text-item {
    padding: 9px 0;
}

.mobile-menu .block .menu-accordion ul>li a,
.mobile-menu .block .menu-accordion ul>li .text-item {
    border-bottom: 1px solid #003458;
    border-top: 1px solid #3681a5;
}

.mobile-menu .block .menu-accordion>div>ul>li a,
.mobile-menu .block .menu-accordion>div>ul>li .text-item {
    padding: 14px 5%;
}

.mobile-menu .block .menu-accordion>div>ul>li>ul>li a,
.mobile-menu .block .menu-accordion>div>ul>li>ul>li .text-item {
    padding: 14px 10%;
}

.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li a,
.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li .text-item {
    padding: 14px 14%;
}

.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li a,
.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li .text-item {
    padding: 14px 18%;
}

.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li a,
.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li .text-item {
    padding-left: 40%;
    padding-right: 5%;
}

.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a,
.mobile-menu .block .menu-accordion>div>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li .text-item {
    padding-left: 35%;
    padding-right: 5%;
}

.mobile-menu .block .menu-accordion a.active,
.mobile-menu .block .menu-accordion .text-item.active,
.mobile-menu .block .menu-accordion a.active:hover,
.mobile-menu .block .menu-accordion .text-item.active:hover {
    background-color: #47abd1;
    color: #fff;
}

.mobile-menu .ui-accordion-header.ui-accordion-header-active.ui-state-active {
    background-color: #2ba6cb;
}

.mobile-menu .block .menu-accordion a:hover,
.mobile-menu .block .menu-accordion .text-item:hover {
    background-color: #65b8da;
}

.mobile-menu .block .menu-accordion li.active-trail,
.mobile-menu .block .menu-accordion li.active {
    position: relative;
}

.mobile-menu .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: 15px;
    left: inherit;
    top: 50%;
}

.mobile-menu .block .menu-accordion>div>ul>li>a.ui-accordion-header-active,
.mobile-menu .block .menu-accordion>div>ul>li>.text-item.ui-accordion-header-active {
    background-color: #202020;
    position: relative;
}

.mobile-menu .ui-state-active .ui-icon {
    background-image: none;
}

.mobile-menu .ui-state-default .ui-icon {
    background-image: none;
}

.mobile-menu .ui-state-default .ui-icon:before {
    font-family: "fontello";
    content: '\e811';
    color: #fff;
}

.mobile-menu .ui-state-active .ui-icon:before {
    font-family: "fontello";
    content: '\e812';
    color: #fff;
}

.mobile-menu .ui-icon {
    text-indent: 0px;
}

.mobile-menu .menu li:first-child {
    margin-left: 0;
}

.mobile-menu .ui-state-default,
.mobile-menu .ui-widget-content .ui-state-default,
.mobile-menu .ui-widget-header .ui-state-default {
    background: none;
    border: none;
    color: #555;
    font-weight: 400;
}

.mobile-menu .block .menu-accordion>div>ul>li>a,
.mobile-menu .block .menu-accordion>div>ul>li>.text-item {
    background: #00658a none repeat scroll 0 0;
}

.mobile-menu .block .menu-accordion ul>li>a,
.mobile-menu .block .menu-accordion ul>li>.text-item {
    background: #47abd1 none repeat scroll 0 0;
}

.mobile-menu .block .menu-accordion ul>li>ul>li a,
.mobile-menu .block .menu-accordion ul>li>ul>li .text-item {
    border-bottom: 1px solid #2d91b7;
    border-top: 1px solid #65c9ef;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Off-Canvas Styles ------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.off-canvas-wrap.move-left {
    position: fixed;
    height: 100%;
}

.off-canvas-wrap.move-left .inner-wrap {
    height: 100%;
}

.off-canvas-wrap.move-right {
    position: fixed;
    height: 100%;
}

.off-canvas-wrap.move-right .inner-wrap {
    height: 100%;
}

.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}

.off-canvas-wrap.move-right,
.off-canvas-wrap.move-left {
    height: 100%;
}

.inner-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    *zoom: 1;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

.inner-wrap:before,
.inner-wrap:after {
    content: " ";
    display: table;
}

.inner-wrap:after {
    clear: both;
}

.tab-bar {
    -webkit-backface-visibility: hidden;
    /*background: #106688;
    */
    color: white;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative;
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4,
.tab-bar h5,
.tab-bar h6 {
    color: white;
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 2.8125rem;
    margin: 0;
}

.tab-bar h1,
.tab-bar h2,
.tab-bar h3,
.tab-bar h4 {
    font-size: 1.125rem;
}

.tab-bar .menu-icon {
    color: white;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0;
    position: relative;
    width: 45px;
}

.tab-bar .search-icon {
    color: white;
    display: block;
    height: 42px;
    padding: 0;
    position: relative;
    width: 42px;
}

.tab-bar .menu-icon span {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0;
    left: 0.8125rem;
    top: 0.3125rem;
    -webkit-box-shadow: 1px 10px 1px 1px white, 1px 16px 1px 1px white, 1px 22px 1px 1px white;
    box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
}

.tab-bar .menu-icon:hover span {
    -webkit-box-shadow: 1px 10px 1px 1px #b3b3b3, 1px 16px 1px 1px #b3b3b3, 1px 22px 1px 1px #b3b3b3;
    box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3;
}

.left-small {
    width: 60px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
}

.right-small {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 3px;
    right: 0;
}

.tab-bar-section {
    padding: 0 0.625rem;
    position: absolute;
    text-align: center;
    height: 2.8125rem;
    top: 0;
}

@media only screen and (min-width: 40.063em) {
    .tab-bar-section {
        text-align: left;
    }
}

.tab-bar-section.left {
    left: 0;
    right: 2.8125rem;
}

.tab-bar-section.right {
    left: 2.8125rem;
    right: 0;
}

.tab-bar-section.middle {
    left: 70px;
    right: 70px;
    text-align: center;
}

.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    /*width: 15.625rem;
    */
    width: 85%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-y: auto;
    background: #006588;
    z-index: 1001;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
}

.left-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

.right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    /*width: 15.625rem;
    */
    width: 85%;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-y: auto;
    background: #006588;
    z-index: 1001;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
}

.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

ul.off-canvas-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.off-canvas-list li label {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0;
}

ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
}

ul.off-canvas-list li a:hover {
    background: #242424;
}

.move-right>.inner-wrap {
    /* -webkit-transform: translate3d(15.625rem, 0, 0);
     -moz-transform: translate3d(15.625rem, 0, 0);
     -ms-transform: translate3d(15.625rem, 0, 0);
     -o-transform: translate3d(15.625rem, 0, 0);
     transform: translate3d(15.625rem, 0, 0);
     */
    -webkit-transform: translate3d(85%, 0, 0);
    -moz-transform: translate3d(85%, 0, 0);
    -ms-transform: translate3d(85%, 0, 0);
    -o-transform: translate3d(85%, 0, 0);
    transform: translate3d(85%, 0, 0);
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.move-left>.inner-wrap {
    /* -webkit-transform: translate3d(-15.625rem, 0, 0);
     -moz-transform: translate3d(-15.625rem, 0, 0);
     -ms-transform: translate3d(-15.625rem, 0, 0);
     -o-transform: translate3d(-15.625rem, 0, 0);
     transform: translate3d(-15.625rem, 0, 0);
     */
    -webkit-transform: translate3d(-85%, 0, 0);
    -moz-transform: translate3d(-85%, 0, 0);
    -ms-transform: translate3d(-85%, 0, 0);
    -o-transform: translate3d(-85%, 0, 0);
    transform: translate3d(-85%, 0, 0);
}

.move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.csstransforms.no-csstransforms3d .left-off-canvas-menu {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.csstransforms.no-csstransforms3d .right-off-canvas-menu {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.csstransforms.no-csstransforms3d .move-left>.inner-wrap {
    -webkit-transform: translate(-15.625rem, 0);
    -moz-transform: translate(-15.625rem, 0);
    -ms-transform: translate(-15.625rem, 0);
    -o-transform: translate(-15.625rem, 0);
    transform: translate(-15.625rem, 0);
}

.csstransforms.no-csstransforms3d .move-right>.inner-wrap {
    -webkit-transform: translate(15.625rem, 0);
    -moz-transform: translate(15.625rem, 0);
    -ms-transform: translate(15.625rem, 0);
    -o-transform: translate(15.625rem, 0);
    transform: translate(15.625rem, 0);
}

.no-csstransforms .left-off-canvas-menu {
    left: -15.625rem;
}

.no-csstransforms .right-off-canvas-menu {
    right: -15.625rem;
}

.no-csstransforms .move-left>.inner-wrap {
    right: 15.625rem;
}

.no-csstransforms .move-right>.inner-wrap {
    left: 15.625rem;
}

.off-canvas-wrap .tab-bar .left-small .menu-icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-family: "fontello";
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 7px;
    top: 2px;
    text-align: center;
    text-transform: none;
    z-index: 90;
}

.off-canvas-wrap .tab-bar .left-small .menu-icon:before {
    content: "";
}

.right-off-canvas-menu .off-canvas-inner.processed {
    float: left;
    width: 100%;
}

.right-off-canvas-menu .searchbox {
    margin-right: 10px;
    margin-top: 10px;
    width: 90%;
}

.right-off-canvas-menu button {
    font-size: 10px;
    width: 76px;
}

.right-off-canvas-menu .searchbox-icon {
    display: none;
}

.off-canvas-wrap .tab-bar .right-small .search-icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-family: "fontello";
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    right: 5px;
    text-align: center;
    text-transform: none;
    z-index: 90;
}

.off-canvas-wrap .tab-bar .right-small .search-icon:before {
    content: '\e80e';
}

.top-bar-section ul li>a {
    background: #006588;
}

.top-bar-section ul {
    background: #006588;
}

.top-bar {
    background: #006588;
}

.site_studies_row .site_studies_body {
    display: none;
}

/* ------------------------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Choose a Language Modal ------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#modalLanguage .inner_container ul li {
    text-align: center;
}

.choose_title_container {
    border-bottom: 1px solid;
    margin-bottom: 38px;
}

#modalLanguage .outer_container {
    background: rgba(255, 255, 255, 1) url("/sites/all/themes/hunter_responsive/images/language_menu_bg.jpg") no-repeat scroll 50% (50% / contain);
    min-height: 500px;
}

.language_menu_logo {
    margin: 0 auto 34px;
    padding-left: 20px;
    width: 160px;
}

#modalLanguage .inner_container {
    margin: 0 auto;
    max-width: 880px;
    width: 80%;
}

#modalLanguage h2 {
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
}

.col1,
.col2,
.col3 {
    float: left;
    width: 33%;
    list-style: none;
}

.col1 {
    padding-left: 30px;
}

.reveal-modal-bg {
    background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
}

#modalLanguage a {
    color: #000;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 7px 0;
}

#modalLanguage a:hover {
    color: #00658a;
}

#modalLanguage .close-reveal-modal {
    border: 3px solid #fff;
    border-radius: 22px;
    color: #fff;
    font-size: 30px;
    height: 40px;
    right: 50%;
    margin-right: -20px;
    text-align: center;
    top: -58px;
    width: 40px;
    line-height: 20px;
}

#modalLanguage .close-reveal-modal:hover {
    color: #ccc;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Choose a Language Mobile ------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#modalLanguageMobile {
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    background-color: #3b3b3b;
}

#modalLanguageMobile ul {
    margin-bottom: 0;
}

#modalLanguageMobile li {
    list-style: none;
}

#modalLanguageMobile li a {
    background-color: #006588;
    color: #fff;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 2px;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
}

#modalLanguageMobile li a:hover {
    background-color: #cfcdcb;
    color: #000;
}

#modalLanguageMobile h2 {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    padding: 10px 0;
    color: #fff;
}

/* -------------------------------------------------------- */
/* Styles for MP Rotator page charts */
.dot_maroon:before {
    color: maroon;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_light_blue:before {
    color: lightblue;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_olive:before {
    color: olive;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_black:before {
    color: black;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_green:before {
    color: green;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_red:before {
    color: red;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_blue:before {
    color: blue;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_yellow:before {
    color: yellow;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_grey:before {
    color: grey;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_light_brown:before {
    color: #E9C2A6;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_ivory:before {
    color: #FFFFD0;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_copper:before {
    color: #C87533;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_brown:before {
    color: #8B4726;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_turquoise:before {
    color: turquoise;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_orange:before {
    color: #eb782d;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.dot_lime_green:before {
    color: #bdd445;
    content: "•";
    font-size: 50px;
    position: relative;
    top: 2px;
    left: -4px;
    vertical-align: middle;
}

.field-name-field-chart tr td #mpCorner45 {
    display: inline-block;
    text-align: left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Hamburger Icon Component ------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/** * Toggle Switch Globals * * All switches should take on the class `c-hamburger` as well as their * variant that will give them unique properties. This class is an overview * class that acts as a reset for all versions of the icon. */
button.c-hamburger {
    background-color: #2ba6cb;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 60px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

button.c-hamburger:hover {
    background-color: #2ba6cb;
}

.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 23px;
    left: 18px;
    right: 18px;
    height: 4px;
    background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    content: "";
}

.c-hamburger span::before {
    top: -9px;
}

.c-hamburger span::after {
    bottom: -9px;
}

/** * Style 2 * * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide * down to center and transform into an "x". */
.c-hamburger--htx {
    /*background-color: #ff3264;
    */
}

.c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
    /*background-color: #cb0032;
    */
}

.c-hamburger--htx.is-active span {
    background: none;
}

.c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.page-golf button.c-hamburger {
    background-color: #a7ca33;
}

.section-golf button.c-hamburger {
    background-color: #a7ca33;
}

.page-golf button.c-hamburger:hover {
    background-color: #a7ca33;
}

.section-golf button.c-hamburger:hover {
    background-color: #a7ca33;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Support Section --------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.support-landing-menu .large-block-grid-4>li {
    padding: 0 1em 4em;
    width: 25%;
}

.node-support-document .content .field-name-field-related-products,
.node-support-document .content .taxonomy-list-wrapper {
    display: none;
}

.node-type-support-section-search .field-name-field-welcome-page-title,
.support-landing-menu-item-image img {
    border-bottom: none;
}

.field-name-field-identify-products-title,
.identification-chart-title {
    background-color: #00658a;
    color: #fff;
    font-family: "Sero_bold", arial, verdana, sans-serif;
    font-size: 1em;
    padding: 14px 10px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.node-type-support-document .content img {
    width: auto;
    max-width: 100% !important;
    height: auto !important;
}

.section-support .field-name-field-section-menu ul.menu>li>a,
.section-support .field-name-field-section-menu ul.menu>li>.text-item {
    display: block;
    font-family: Arial, verdana, sans-serif;
    font-size: 1em;
    padding: 15px 10px 15px 0px;
    width: 100%;
    color: #00658a;
}

.node-type-support-section .field-name-field-section-menu ul.menu>li>a,
.node-type-support-section .field-name-field-section-menu ul.menu>li>.text-item {
    display: block;
    font-family: Arial, verdana, sans-serif;
    font-size: 1em;
    padding: 15px 10px 15px 0px;
    width: 100%;
    color: #00658a;
}

.section-support .field-name-field-section-menu ul.menu li {
    width: 100%;
}

.node-type-support-section .field-name-field-section-menu ul.menu li {
    width: 100%;
}

.slideout-menu-toggle {
    display: none;
}

#block-hunter-support-support-section-title-block h1.title {
    background-color: #fff;
    /*border-bottom: 1px solid #cfcdcb;
    */
    color: #47abd1;
    font-family: "Sero", Arial, sans-serif;
    font-size: 36px;
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 15px 15px 8px 0;
    text-transform: uppercase;
}

#block-hunter-support-support-section-title-block h1.title .title-section {
    color: #00658a;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-left: 10px;
    padding-left: 0px;
    padding-top: 4px;
}

.node-support-document h3.field-label {
    float: left;
    width: 100%;
}

#block-hunter-support-support-section-node-menu-block li#welcome-page {
    /*display: none;
    */
}

.field-name-field-section-menu ul.menu>li.has-children>a::after,
.field-name-field-section-menu ul.menu>li.has-children>.text-item::after {
    line-height: 1.4em;
    font-size: 1.5em;
}

#block-hunter-support-support-section-node-menu-block {
    background-color: #f5f5f6;
    padding: 15px;
}

#block-hunter-support-support-section-node-menu-block .block-title {
    color: #aca9a7;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 3px solid #aca9a7;
    padding-bottom: 12px;
    margin-top: 0px;
}

.i18n-es #block-hunter-support-support-section-node-menu-block .block-title {
    font-size: 18px;
}

.section-support .field-name-field-section-menu ul.menu li:first-child,
.node-type-support-section .field-name-field-section-menu ul.menu li:first-child {
    margin-left: 0;
}

#block-hunter-support-support-section-node-menu-block .block-title:before {
    font-family: "fontello";
    content: '\e818';
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid;
    font-size: 25px;
}

.section-support .field-name-field-section-menu ul.menu>li.has-children>a:after,
.section-support .field-name-field-section-menu ul.menu>li.has-children>.text-item:after {
    color: #00658a;
    right: 0px;
    top: 7px;
}

.node-type-support-section .field-name-field-section-menu ul.menu>li.has-children>a:after,
.node-type-support-section .field-name-field-section-menu ul.menu>li.has-children>.text-item:after {
    color: #00658a;
    right: 0px;
    top: 7px;
}

.field-name-field-section-menu ul.menu>li.has-children>a.ui-state-active::after,
.field-name-field-section-menu ul.menu>li.has-children>.text-item.ui-state-active::after {
    content: "–";
    line-height: 1.3em;
}

.section-support .field-name-field-section-menu ul.menu a.active,
.section-support .field-name-field-section-menu ul.menu .text-item.active {
    background: none;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 20px 0 15px;
}

.node-type-support-section .field-name-field-section-menu ul.menu a.active,
.node-type-support-section .field-name-field-section-menu ul.menu .text-item.active {
    background: none;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 20px 0 15px;
}

.section-support .ui-widget-content {
    background: none;
    border: none;
}

.section-support #block-hunter-support-support-section-node-menu-block li,
.node-type-support-section #block-hunter-support-support-section-node-menu-block li {
    padding-left: 20px;
}

.section-support #block-hunter-support-support-section-node-menu-block li.has-children ul {
    display: none;
}

.node-type-support-section .menu-name-main-menu .ui-widget-content li,
.node-type-support-section .menu-block-31 .ui-widget-content li {
    padding-left: 0px;
}

.field-type-step-by-step .image h3 {
    background: #2a6486 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 20px 10px 0;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 2;
}

.field-type-step-by-step .image h3 span {
    display: block;
    font-size: 20px;
    font-weight: 800;
}

[class*="column"]+[class*="column"]:last-child {
    float: left;
}

.section-support .horizontal-tabs-panes.horizontal-tabs-processed {
    margin-top: 30px;
}

.support_document_title {
    font-size: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e6e6e7;
    padding-bottom: 15px;
}

.section-support .large-3.pull-9.columns {
    margin-top: 40px;
}

.field-name-field-support-subsections .support-landing-menu-item {
    display: block;
    margin-bottom: 0px;
    vertical-align: top;
    margin-right: 0;
}

.field.field-name-field-support-subsections .support-landing-menu-item {
    text-align: center;
}

.support-landing-menu-item-label {
    background-color: #00658a;
    color: #fff;
    font-family: "Sero_bold", arial, verdana, sans-serif;
    font-size: 1em;
    font-weight: normal;
    padding: 0px;
    text-transform: uppercase;
}

.support-landing-menu-item-label a {
    color: #fff;
    display: block;
    padding: 10px;
}

.support-landing-menu div.support-landing-menu-item:hover .support-landing-menu-item-label a {
    background-color: #47abd1;
}

.node-type-support-landing .field-name-field-support-subsections {
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
}

.links li {
    margin-left: 20px;
}

#secondary-menu-links.links li {
    margin-left: 0;
}

.support_overlay {
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
    display: none;
}

.bubble-list {
    line-height: 2em;
    padding-left: 20px;
}

#block-block-131 {
    position: absolute;
}

.field-group-format.group-welcome-page {
    /*display: inline-block;
    */
    margin-bottom: 20px;
}

.support-landing-menu-item-image {
    border-left: 1px solid #edeceb;
    border-right: 1px solid #edeceb;
    border-top: 1px solid #edeceb;
    text-align: center;
}

.field-name-field-identify-products .identification-chart-image {
    border-left: 1px solid #edeceb;
    border-right: 1px solid #edeceb;
    border-top: 1px solid #edeceb;
    text-align: center;
    padding: 0px;
}

.identification-chart-title {
    display: table;
}

.identification-chart-title .inner {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.support-list ol li {
    margin-bottom: 20px;
}

.support-list ol {
    list-style-position: outside;
    margin-left: 20px;
}

.support-list strong {
    font-family: "Sero_bold", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

ul,
ol,
dl {
    font-family: inherit;
    font-size: 1em;
    line-height: 1.6;
    /*list-style-position: inside;
    */
    margin-bottom: 1.25em;
}

.has-bubble-list.support-list .image {
    margin-left: 0px;
}

.section-support .horizontal-tabs ul.horizontal-tabs-list li a:hover {
    background: none;
    border-top: none;
}

.field-name-field-rating {
    display: none;
}

.field-name-field-list-image-right {
    line-height: 24px;
    margin: 0 auto;
}

.field-name-field-welcome-page-title {
    display: none;
}

.pipe {
    border-left: 2px solid;
    color: #e6e6e7;
    float: left;
    height: 36px;
    margin-left: 12px;
    margin-right: 2px;
    position: relative;
    top: 6px;
}

.title.show>a {
    float: left;
}

.node-type-support-document .horizontal-tabs ul.horizontal-tabs-list {
    border-right: none;
}

.support-list {
    display: inline-block;
}

.node-type-support-document .support-list .content {
    display: block;
    float: left;
    padding-right: 20px;
    vertical-align: middle;
    width: 70%;
}

.node-type-support-document .support-list .image {
    display: block;
    float: right;
    width: 30%;
    margin-left: 0px;
}

.field.field-name-field-related-products.field-type-node-reference.field-label-hidden.field-wrapper {
    margin-bottom: 20px;
    margin-left: 20px;
    display: none;
}

.krumo-footnote img {
    display: none;
}

.support_next_and_prev.clearfix {
    background-color: #7b7b7b;
    width: 100%;
}

.next_article {
    display: inline-block;
    float: right;
    color: #CFCDCB;
    width: 50%;
}

.prev_article {
    display: inline-block;
    float: left;
    color: #CFCDCB;
    width: 50%;
}

.prev_article>a {
    border-right: 1px solid #cfcdcb;
}

.next_article a,
.prev_article a {
    color: #fff;
    font-size: 15px;
}

.prev_article .icon-chevron-right:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    float: left;
    font-size: 34px;
    margin-right: 15px;
    color: #CFCDCB;
}

.next_article .icon-chevron-right:before {
    display: block;
    float: right;
    font-size: 34px;
    margin-left: 15px;
    color: #CFCDCB;
}

.prev_article>a {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
    text-align: right;
}

.next_article>a {
    display: block;
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 20px;
    text-align: left;
    width: 100%;
}

.prev_header,
.next_header {
    color: #cfcdcb;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.next_article:hover,
.prev_article:hover {
    background-color: #00658a;
}

.support-section-product-image {
    padding-top: 20px;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

.node-type-support-document .field.field-name-field-topics.field-type-taxonomy-term-reference.field-label-hidden.field-wrapper.clearfix {
    display: none;
}

.node-type-support-document .field.field-name-field-customer-type.field-type-taxonomy-term-reference.field-label-above.field-wrapper.clearfix {
    display: none;
}

.field-name-field-identify-products .identify-products-item.row-item-1 {
    clear: none;
}

.node-type-support-document h1.title {
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 25px;
}

.node-type-support-document .node-video-library #node_video_library_full_group_video_details {
    clear: both;
    margin-bottom: 20px;
}

.yt-video,
.field-name-field-related-video-single .field-name-field-youtube-id.field-type-youtube-video-id {
    position: relative;
    height: 0;
    padding-bottom: 56.23%;
}

.yt-video iframe,
.field-name-field-related-video-single .field-name-field-youtube-id.field-type-youtube-video-id iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.field-name-field-related-video-single h1.title {
    width: 68%;
    display: block;
    float: left;
}

.node-type-support-document .node-video-library.video-has-series .block-video_library_series_toc {
    float: right;
    min-width: 170px;
    position: static;
    right: 0;
    top: 0;
    width: 30%;
}

.node-type-support-document .node-video-library.video-has-series .field-name-field-youtube-id,
.node-type-support-document .node-video-library.video-has-series h2,
.node-type-support-document .node-video-library.video-has-series #node_video_library_full_group_video_details,
.node-type-support-document .node-video-library.video-has-series .field-name-body {
    float: left;
    width: 68%;
}

.node-type-support-document .node-video-library.video-has-series .field-name-field-youtube-id.field-type-youtube-video-id {
    padding-bottom: 38.23%;
    margin-bottom: 30px;
}

.node-type-support-document .node-video-library.video-has-series #node_video_library_full_group_video_details {
    clear: left;
}

.node-type-support-document .node-video-library.video-has-series .field.body {
    clear: left;
}

.node-type-support-document .node-video-library .field-name-field-youtube-id.field-type-youtube-video-id {
    margin-bottom: 30px;
    width: 68%;
    padding-bottom: 38.23%;
}

#node_support_document_full_group_article ol li {
    border-bottom: 1px solid #efefef;
    line-height: 33px;
    list-style-position: inside;
    padding-bottom: 15px;
    padding-top: 15px;
}

#node_support_document_full_group_article ol {
    margin: 0 0 1.5em;
    padding: 0;
    counter-reset: item;
}

#node_support_document_full_group_article ol>li {
    margin: 0;
    /*padding-left: 2em;
     text-indent: -2em;
    */
    list-style-type: none;
    counter-increment: item;
}

#node_support_document_full_group_article ol>li:before {
    display: inline-block;
    width: 25px;
    padding-right: 20px;
    text-align: right;
    content: counter(item) ".";
    font-family: "Sero_bold", Arial, sans-serif;
}

.video-library-results-series {
    border-radius: 4px;
    box-shadow: none;
    font-size: 11px;
    line-height: 18px;
    position: static;
}

#node_support_document_full_group_video .field-name-field-related-video-single .video-has-series .body.field {
    display: inline-block;
    margin-bottom: 50px;
    padding-top: 20px;
    width: 68%;
}

#block-video_library-video_library_series_toc .video-library-results-series {
    float: right;
    margin: 0 0 16px 10px;
}

.node-type-support-document #node_support_document_full_group_video .node-video-library .field-name-field-video-category h2.field-label,
.node-type-support-document #node_support_document_full_group_video .node-video-library .field-name-field-product-line h2.field-label,
.node-type-support-document #node_support_document_full_group_video .node-video-library .field-name-field-related-products {
    display: block;
    float: left;
    margin-right: 10px;
    width: auto;
}

.node-type-support-document #node_support_document_full_group_video .node-video-library #node_video_library_full_group_video_details .field-name-field-related-products .product-link {
    font-size: 14px;
    line-height: 26px;
    position: relative;
    top: -2px;
}

.node-type-support-document #node_support_document_full_group_video .field-name-field-related-products.field-type-node-reference {
    width: 100%;
}

.node-type-support-document #node_support_document_full_group_video .node-video-library #node_video_library_full_group_video_details ul {
    list-style: none;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0px;
}

.node-type-support-document .video-library-view-more {
    top: 22px;
}

.node-type-support-document .slideout-menu {
    margin-bottom: 45px;
}

.node-type-support-document #node_support_document_full_group_video .node-video-library #node_video_library_full_group_video_details .field-label {
    display: block;
    float: left;
    margin-right: 10px;
    width: auto;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.node-type-support-document #node_support_document_full_group_video .node-video-library .field-name-field-published .date-display-single {
    font-size: 14px;
}

.node-type-support-document #node_support_document_full_group_video .node-video-library #node_video_library_full_group_tags {
    border-bottom: 1px solid #eaeaeb;
    border-top: 1px solid #eaeaeb;
    margin-top: 10px;
    padding: 8px 0 5px;
}

.support-landing-menu [class*="column"]+[class*="column"]:last-child {
    clear: both;
    float: left;
}

.i_20_adjustment.clearfix {
    border-bottom: 1px solid #e6e6e7;
    margin-bottom: 20px;
    padding-bottom: 40px;
}

.i_20_adjustment.clearfix .left_side {
    float: left;
    width: 50%;
    padding-right: 20px;
}

.i_20_adjustment.clearfix .right_side {
    float: left;
    width: 50%;
}

.i_20_adjustment img {
    width: 100% !important;
    height: auto !important;
}

.support-list-title {
    clear: both;
    margin-bottom: 10px;
}

.node-support-document ol,
.node-support-document ul {
    padding-left: 20px;
}

.node-support-document ol li,
.node-support-document ul li {
    margin-bottom: 10px;
}

.node-support-document .support-list ul li,
.node-support-document .support-list ol li {
    list-style-position: outside;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Document Library -------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.search-results-label {
    background-color: #333;
    color: #fff;
    display: block;
    float: left;
    padding: 20px 10px;
    text-transform: uppercase;
    width: 57%;
    text-align: center;
}

.current-search-results-total {
    background-color: #7e7c79;
    color: #fff;
    display: block;
    padding: 20px 10px;
    width: 43%;
    float: right;
    text-align: center;
}

.section-documents .slideout-menu {
    margin-top: 60px;
}

.slideout-menu #block-hunter-facetapi-select-facet-filters-title .block-title {
    border-bottom: 1px solid #cfcdcb;
    border-top: 5px solid #cfcdcb;
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-top: 10px;
    background: none;
    color: #333;
    display: inline-block;
    width: 100%;
}

.section-headlines .slideout-menu .block-title,
.section-documents .slideout-menu .block-title,
.section-photos .slideout-menu .block-title {
    background-color: #333;
    border-bottom: 3px solid #ccc;
    color: #f5f5f6;
    font-size: 16px;
    padding: 14px 10px 10px 14px;
    margin-bottom: 0;
}

#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category {}

#block-hunter-facetapi-select-facet-filters-title .video-library-button.active {
    margin-bottom: 20px;
}

.block.block-facetapi.contextual-links-region.block-facetapi-1akz3eb5oar3hsam0lyhldtwiivopwaa.clearfix {
    border-bottom: 3px solid #ccc;
    /*border-left: 1px solid #000;
     border-right: 1px solid #000;
    */
}

#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type input[type="file"],
#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type input[type="checkbox"],
#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type input[type="radio"],
#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type select,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories input[type="file"],
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories input[type="checkbox"],
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories input[type="radio"],
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories select,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category input[type="file"],
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category input[type="checkbox"],
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category input[type="radio"],
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category select {
    margin-bottom: 0;
    float: none;
}

#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type ul,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories ul,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category ul {
    position: relative;
    width: 100%;
}

#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category li {
    margin: 0;
}

#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories li {
    border: 1px solid #aca9a7;
    margin: -1px 0 0;
    padding: 10px 16px;
}

.slideout-menu .facetapi-checkbox {
    left: 10px;
    position: absolute;
    top: 35%;
}

#facetapi-facet-apachesolracquia-search-server-1-block-im-field-landscape li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-topics li,
#facetapi-facet-apachesolracquia-search-server-1-block-sm-field-site-study-location li,
#facetapi-facet-apachesolracquia-search-server-1-block-hunter-resource-type li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-category li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-video-features li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-categories li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-orientation li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-photos-related-products li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-photos-product-line li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-classification li,
#facetapi-facet-apachesolracquia-search-server-1-block-im-field-photos-location li,
#block-facetapi-apachesolr-im-field-photo-keywords li {
    border: 1px solid #aca9a7;
    margin: -1px 0 0;
    padding: 0;
    position: relative;
}

.apachesolr-browse-blocks .facetapi-checkbox {
    left: 10px;
    position: absolute;
    top: 35%;
}

.facetapi-hunter-links.facetapi-facet-hunter-resource-type {
    margin-bottom: 0;
}

.facetapi-hunter-links a {
    /*background-color: #ff6600;
    */
    color: #3b3b3b;
    display: inline-block;
    font-size: 13px;
    height: 44px;
    margin-left: 0;
    padding: 13px 32px;
    text-transform: none;
    width: 100%;
}

.block-facetapi {
    margin-bottom: 40px;
}

.hunter-facetapi-select-form {
    border-right: 1px solid #aca9a7;
    border-left: 1px solid #aca9a7;
    border-bottom: 1px solid #aca9a7;
    margin-bottom: 0px;
}

.hunter-facetapi-select-form .form-item {
    margin-top: 0;
}

.chosen-container-single .chosen-single {
    background-color: #cfcdcb;
    background-image: none;
    background-position: 0 -10px;
    background-repeat: repeat-x;
    background-size: 100% 60px;
    border: none;
    box-shadow: none;
    color: #3b3b3b;
    display: block;
    height: auto;
    line-height: 24px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    white-space: nowrap;
    border-radius: 0;
}

.chosen-container-active .chosen-single:hover {
    border: none;
}

.chosen-container-single .chosen-single span {
    display: block;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.chosen-container {
    display: inline-block;
    font-size: 13px;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

.ctools-use-ajax.ctools-auto-submit-click.ctools-auto-submit-click-hide.form-submit {
    display: none;
}

.video-library-download-button,
.video-library-button,
.video-library-button-wrapper {
    /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    */
    border: medium none;
    border-radius: 0;
    cursor: pointer;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 10px 5px;
    text-transform: uppercase;
}

.hunter-facetapi-select-clear-button .video-library-button.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #3b3b3b !important;
}

.hunter-facetapi-select-form .hunter-facetapi-select-clear-button {
    display: block;
    margin: 0 10px 10px;
    text-align: right;
    width: auto;
}

/* Hiding the filter by date block! */
.block.block-doclib-listview.contextual-links-region.block-doclib-listview-doclib-listview-date-filter.clearfix {
    display: none;
}

.block.block-facetapi.contextual-links-region.block-facetapi-1akz3eb5oar3hsam0lyhldtwiivopwaa.clearfix {
    margin-top: 0;
}

/* .video-library-button.active {
     background-color: #efefef;
}
 */
#block-hunter-facetapi-select-facet-filters-title .content a.video-library-button.active {
    text-align: center;
    background-color: #cfcdcb;
    display: block;
}

.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
    background-image: none !important;
    background: none;
}

.chosen-rtl .chosen-search input,
.chosen-container-single .chosen-search input {
    background-position: 100% -27px;
    background-size: 70px 48px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
    background-position: 0 -10px;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
}

.section-documents .horizontal-rule-title {
    clear: both;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}

.section-documents .horizontal-rule-title h2 {
    background-color: #fff;
    display: inline-block;
    font-size: 20px;
    margin: 0;
    padding: 10px 20px 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
    font-family: "Sero_bold", Arial, sans-serif;
}

.title_first_part {
    color: #00658a;
}

.title_second_part {
    color: #47abd1;
    font-family: "Sero", Arial, sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.page-documents h1.title,
.page-videos h1.title,
.page-site-studies h1.title,
.page-project-library h1.title,
.page-project-profiles h1.title {
    border-bottom: 1px solid #e6e6e7;
    margin-top: 52px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size: inherit;
    display: block;
    font-size: 40px;
    margin-right: 0;
    margin-left: 0;
}

.page-headlines h1.title {
    border-bottom: 1px solid #e6e6e7;
    margin-top: 52px;
    padding-bottom: 10px;
    margin-bottom: 35px;
    font-size: inherit;
    display: block;
    font-size: 40px;
    margin-right: 0;
    margin-left: 0;
}

.block.block-doclib-listview.contextual-links-region.block-doclib-listview-doclib-listview-sort-icons {
    float: right;
    margin-bottom: 20px;
}

.video-library-sort-alphabetical a,
.video-library-sort-views a,
.video-library-sort-duration a,
.video-library-view-list,
.video-library-view-grid {
    margin-left: 10px;
}

.hunter-resource-display-language-title {
    padding-top: 4px;
}

.language-icon {
    width: 25px;
}

.mobile_sub_header {
    display: none;
}

#block-doclib-listview-doclib-listview-date-filter {
    display: none;
}

.button_apply_filters,
.button_apply_filters_bottom {
    display: none;
}

.block.block-doclib-listview.block-doclib-listview-doclib-listview-sort-icons {
    float: right;
    margin-bottom: 15px;
}

.mobile_slideout_subheader {
    background-color: #333;
    height: auto;
    position: relative;
    top: 0;
    width: 100%;
}

.hunter-facetapi-select-form .ajax-progress .throbber {
    float: left;
    height: 15px;
    margin: 0;
    width: 15px;
}

.hunter-facetapi-select-form .ajax-progress .throbber {
    background: transparent url("../images/throbber_white_15.gif") no-repeat scroll 0 center;
}

.hunter-facetapi-select-form .ajax-progress {
    float: none;
    position: absolute;
    right: 13px;
    top: -34px;
}

.facetapi-hunter-links a:hover {
    background-color: #cfcdcb;
}

.button_apply_filters:hover,
.button_apply_filters_bottom:hover {
    background-color: #00658a;
}

.filter_toggle:hover {
    background-color: #2bc5f5;
}

ul.pagination li.current a {
    background: none;
    color: #fff;
}

ul.pagination li a {
    color: #646460;
    display: block;
    padding: 2px 10px;
}

ul.pagination li {
    height: auto;
    background-color: #dedede;
}

ul.pagination li.current {
    background: #00658a none repeat scroll 0 0;
    color: white;
    cursor: default;
}

ul.pagination li:hover a,
ul.pagination li a:focus {
    background: none;
}

ul.pagination li:hover {
    background-color: #00658a;
    color: #fff;
}

ul.pagination li:hover a {
    color: #fff;
}

ul.pagination li.current a:hover,
ul.pagination li.current a:focus {
    background: none;
}

/* 4 */
@media only screen and (min-width: 1040px) {
    .section-documents .hunter-resource-display-item:nth-child(4n+1) {
        clear: both;
    }
}

/* 3 */
@media only screen and (max-width: 1040px) and (min-width: 500px) {
    .section-documents .hunter-resource-display-item:nth-child(3n+1) {
        clear: both;
    }
}

/* 2 */
@media only screen and (max-width: 500px) {
    .section-documents .hunter-resource-display-item:nth-child(2n+1) {
        clear: both;
    }
}

.hunter-resource-display-resource-title {
    z-index: 2;
}

.hunter-resource-display-language-file-language .language-icon {
    width: 20px;
}

img.file-icon {
    width: auto;
}

.chosen-drop {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: -1px;
}

.chosen-container .chosen-drop {
    width: 100.5%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Video Library ----------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.pagination-centered {
    float: right;
    margin-top: 30px;
    text-align: center;
}

.node-type-vl-landing .field-name-field-featured-video h1.title {
    display: none;
}

.node-type-vl-landing .node-video-library {
    background: none;
    margin-bottom: 0;
    padding: 0;
}

.node-type-vl-landing .field-name-field-featured-video .body.text-secondary h2 a {
    text-transform: none;
}

.node-type-vl-landing .field-name-field-featured-video .body.text-secondary h2 {
    display: table;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 10px;
}

@media screen and (max-width: 1024px) {
    .node-type-vl-landing .field-name-field-featured-video .body.text-secondary h2 {
        display: inline-block;
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 20px;
        padding-top: 0px;
    }
}

.node-type-vl-landing .field-name-field-featured-video .body.text-secondary {
    line-height: 28px;
}

.node-type-vl-landing h1.title {
    border-bottom: 1px solid #ccc;
    margin-top: 52px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: block;
    font-size: 40px;
}

.node-type-vl-landing .search-form {
    margin-bottom: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 480px) {
    .node-type-vl-landing .search-form {
        margin-bottom: 0;
        margin-top: 10px;
    }
}

.node-type-vl-landing .large-9 .block-views h2 {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 7px;
}

.node-type-vl-landing .block-views {
    margin: 0;
    display: inline-block;
    width: 100%;
}

.node-type-vl-landing h2.block-title .video-library-button {
    float: right;
    font-weight: 400;
    margin-left: 15px;
    position: relative;
    top: -5px;
    color: #00658a !important;
    background: none;
}

.node-type-vl-landing .field-name-field-youtube-id {
    float: left;
    margin-right: 30px;
}

.field.field-name-field-featured-video.field-type-node-reference.field-label-hidden.field-wrapper {
    margin-bottom: 50px;
}

.view-video-library-views .views-field.views-field-title {
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin-top: 8px;
    text-align: left;
}

.node-type-vl-landing .view.view-video-library-views {
    display: inline-block;
    padding-bottom: 70px;
    text-align: center;
    width: 100%;
}

.view-id-video_library_views .views-row {
    position: relative;
}

.node-type-video-library .video-library-related-video .video-library-results-series,
.node-type-video-library .view-display-id-video_library_related_videos .views-row .video-library-results-series {
    width: 58px;
}

.view-video-library-views .views-field.views-field-nothing {
    position: relative;
}

.video-library-duration {
    padding: 7px 8px 5px;
}

.view-video-library-views .views-field .field-content a {
    color: #00658a;
}

.node-type-vl-landing h2.block-title .video-library-button::after {
    content: "→";
    margin-left: 10px;
}

.block.block-video-library.block-video-library-video-library-home-button {
    display: none;
}

.video-library-result {
    background: #e4e4e4 none repeat scroll 0 0;
    clear: both;
    float: left;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
}

.block.block-video-library.block-video-library-video-library-sort-icons {
    float: right;
    margin-bottom: 15px;
}

.video-library-teaser {
    font-size: 13px;
    line-height: 18px;
}

.video-library-result-label {
    line-height: 20px;
    margin-top: 0;
}

#video-library-results.grid-view .video-library-image img,
#video-library-results.grid-view .video-library-image {
    float: none;
    height: auto;
    width: 100%;
}

#video-library-results.grid-view .video-library-result.item-1 {
    clear: both;
    margin-left: 0;
}

#video-library-results.grid-view .video-library-result.item-3 {
    margin-right: 0;
}

#video-library-results.grid-view .video-library-result {
    clear: none;
    float: left;
    margin: 1.7%;
    width: 31%;
}

.node-type-video-library .node-video-library {
    width: auto;
}

.node-type-video-library #node_video_library_full_group_video_details {
    width: 100%;
}

#node_video_library_full_group_video_details .field-label-inline .field-label,
#node_video_library_full_group_video_details .field-label-inline .field-items {
    float: left;
    font-size: 14px;
}

.lang-ar #node_video_library_full_group_video_details .field-label-inline .field-label,
.lang-ar #node_video_library_full_group_video_details .field-label-inline .field-items {
    float: right;
    margin-left: 6px;
}

#block-video-library-video-library-related-videos {
    margin-top: 60px;
}

#block-video-library-video-library-related-videos h2 {
    font-size: 18px;
}

.view-video-library-views .view-content {
    display: inline-block;
}

.view-video-library-views .attachment.attachment-before {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 100%;
}

.view-video-library-views .views-row {
    margin-top: 30px;
}

/* List View styles pulled from doclib_listview.css , but changed some selectors that weren't present in the DOM! */
.block-system-main.list-view .hunter-resource-display-item {
    display: block;
    width: 100%;
    margin: 0;
    margin: 10px 0;
    border-bottom: 1px solid #979797;
    padding: 10px 0 30px 0;
}

#block-system-main.list-view .hunter-resource-display-item .file {
    padding: 0px;
}

#block-system-main.list-view .hunter-resource-display-item a.hunter-resource-display-resource-image {
    float: left;
    margin-right: 20px;
    width: 18%;
    /*min-width: 120px;
    */
}

#block-system-main.list-view .hunter-resource-display-languages {
    background: #E1E1E1;
    clear: none;
    display: inline-block !important;
    margin: 0;
    min-height: 153px;
    padding: 5px 0 0;
    /*position: static;
    */
    width: 76%;
}

#block-system-main.list-view .hunter-resource-display-languages .hunter-resource-display-language {
    background-color: #f5f5f5;
    float: left;
    border: 1px solid #979797;
    width: 32%;
    margin-left: 5px;
    margin-bottom: 5px;
    height: 25px;
    overflow: hidden;
}

#block-system-main.list-view .hunter-resource-display-language-file-language {
    display: inline;
}

.hunter-resource-display-language.does-not-exist {
    display: none;
    background: #bbb !important;
    color: #777;
    text-align: center;
}

#block-system-main.list-view .hunter-resource-display-language-title {
    width: 100%;
}

#block-system-main.list-view .hunter-resource-display-languages .hunter-resource-display-language .language-icon {
    /*display: none;
    */
    float: left;
}

#block-system-main.list-view .hunter-resource-display-language .hunter-resource-display-language-title {
    float: none;
    display: inline;
    margin-left: 10px;
}

#block-system-main.list-view .hunter-resource-display-language-globe {
    display: none;
}

#block-system-main.list-view .hunter-resource-display-edit-media {
    margin-left: 10px;
    display: inline-block !important;
    position: relative;
    z-index: 2;
}

#block-system-main.list-view .hunter-resource-display-resource-title {
    display: none;
}

#block-system-main.list-view .hunter-resource-display-resource-title.list-view-only {
    display: block !important;
    width: auto;
    font-size: 14px;
    text-transform: none;
}

#block-system-main.list-view .hunter-resource-display-item .hunter-resource-display-resource-title.list-view-only a {
    width: auto;
    font-size: 14px;
    text-transform: none;
    margin: 0 0 10px 0;
}

#block-system-main.list-view .hunter-resource-display-language a.resource-block-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

#block-system-main.list-view .hunter-resource-display-language {
    position: relative;
}

.node-type-video-library .field-name-field-youtube-id,
.node-type-video-library .field-name-field-custom-code {
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 56.23%;
    position: relative;
    width: 100%;
}

.node-type-video-library .field-name-field-youtube-id iframe,
.node-type-video-library .field-name-field-custom-code iframe,
.node-type-video-library .field-name-field-custom-code video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.taxonomy-field-wrapper .field-name-field-video-category .links.inline {
    list-style: outside none none;
}

.taxonomy-list-wrapper .field-name-field-product-line .links.inline {
    list-style: outside none none;
}

.video-library-results-series {
    display: block;
    float: right;
    margin-bottom: 20px;
    width: 100%;
}

.video-library-image .video-library-results-series {
    background: #026386 none repeat scroll 0 0;
    border-radius: 0 0 0 4px;
    box-shadow: -1px 2px 3px 1px rgba(68, 68, 68, 0.6);
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: auto;
}

.video-library-series-title {
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
}

.node-type-video-library .node-video-library h1.title {
    display: block;
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.video-library-toc.video-library-toc-item {
    border-top: 1px solid #ccc;
    font-size: 14px;
    line-height: 19px;
    padding: 20px 5px;
    position: relative;
}

.node-type-video-library .sub_header {
    background-color: #e4e1dd;
    height: 32px;
    margin-bottom: 30px;
    width: 100%;
}

.node-type-video-library #node_video_library_full_group_tags>div {
    float: none;
    margin-right: 20px;
}

.lang-ar.node-type-video-library #node_video_library_full_group_tags>div {
    float: none;
    margin-right: 0px;
    margin-left: 20px;
}

.lang-ar .video-library-view-more {
    left: 0;
    right: auto;
}

.lang-ar.node-type-video-library #node_video_library_full_group_video_details.expanded #node_video_library_full_group_tags>div {
    float: none;
    margin-left: 20px;
    margin-right: 0;
}

.node-type-video-library .taxonomy-list-wrapper .links li {
    display: inline;
    margin-left: 6px;
}

.node-type-video-library .taxonomy-list-wrapper .links.inline {
    margin-bottom: 0px;
}

.node-type-video-library .field-name-field-related-products .field-label,
.node-type-video-library .field-name-field-published .field-label {
    font-family: "Sero_bold", arial, sans-serif;
    text-transform: uppercase;
}

.node-type-video-library .field-name-field-related-products {
    margin-bottom: 5px;
}

.node-type-video-library .taxonomy-list-wrapper .taxonomy-term {
    font-size: 14px;
    line-height: 25px;
}

.node-type-video-library .field.field-name-field-published.field-type-datestamp {
    line-height: 25px;
}

.node-type-video-library .field.field-name-field-published span.date-display-single {
    font-size: 14px;
}

.node-type-video-library .field.field-name-field-related-products.field-type-node-reference {
    line-height: 25px;
}

.node-type-video-library .video-library-related-video,
.view-display-id-video_library_related_videos .views-row,
#node_product_full_group_videos .video-library-related-video {
    float: left;
    margin-left: 2.6%;
}

.node-type-video-library .video-library-related-video,
.view-display-id-video_library_related_videos .views-row,
#node_product_full_group_videos .video-library-related-video {
    background: #e4e4e4 none repeat scroll 0 0;
    padding: 10px;
    position: relative;
    width: 23%;
}

.node-type-video-library #node_video_library_full_group_video_details {
    padding: 5px 0;
}

.node-type-video-library #node_video_library_full_group_tags .field-name-field-published {
    margin-right: 0px;
}

.node-type-video-library .field-name-field-related-products .product-link {
    font-size: 14px;
    margin-left: 4px;
}

#block-block-76 ul {
    list-style: outside none none;
}

.node-type-video-library .large-3.pull-9.columns h2.block-title {
    font-size: 18px;
}

.node-type-video-library .view-display-id-video_products_featured .views-row {
    float: left;
    margin: 0;
    width: 50%;
    text-align: center;
}

.view-video-library-views.view-display-id-video_products_featured .views-row {
    margin-top: 20px;
}

.node-type-video-library .view-video-library-views .view-content {
    width: 100%;
}

.video-library-series-prev-next-links .next-link,
.video-library-series-prev-next-links .prev-link {
    background-color: #00658a;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
}

.video-library-series-prev-next-links .next-link:hover,
.video-library-series-prev-next-links .prev-link:hover {
    background-color: #47abd1;
}

.prev-link.icon-chevron-left-before {
    float: left;
    width: 48%;
}

.next-link.icon-chevron-right-after {
    float: right;
    width: 48%;
}

.prev-link.icon-chevron-left-before:before {
    margin-right: 10px;
}

.next-link.icon-chevron-right-after:after {
    margin-left: 10px;
}

.node-type-video-library .video-library-series-prev-next-links {
    clear: both;
    display: block;
    margin-bottom: 35px;
    margin-top: 15px;
    text-align: center;
}

.section-videos .slideout-menu #block-hunter-facetapi-select-facet-filters-title .block-title {
    border-bottom: 1px solid #cfcdcb;
    border-top: 5px solid #cfcdcb;
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-top: 10px;
    background: none;
    color: #333;
    display: inline-block;
    width: 100%;
}

.section-videos .slideout-menu .block-title {
    background-color: #333;
    border-bottom: 3px solid #ccc;
    color: #f5f5f6;
    font-size: 16px;
    padding: 14px 10px 10px 14px;
    margin-bottom: 0;
}

.section-videos .slideout-menu {
    margin-top: 60px;
}

/* ------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Site Studies Library ---------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.page-search .apachesolr-browse-blocks #block-facetapi-apachesolr-hunter-related-product .block-title,
.page-search .apachesolr-browse-blocks #block-facetapi-apachesolr-bundle .block-title {
    margin-bottom: 1em;
    background-color: #333;
    border-bottom: 3px solid #ccc;
    color: #f5f5f6;
    font-size: 16px;
    padding: 14px 10px 10px 14px;
}

.page-search .slideout-menu .block-title,
.section-headlines .slideout-menu .block-title,
.section-site-studies .slideout-menu .block-title,
.section-project-library .slideout-menu .block-title,
.section-project-profiles .slideout-menu .block-title,
.page-search .apachesolr-browse-blocks .block-facetapi .block-title {
    background-color: #333;
    border-bottom: 3px solid #ccc;
    color: #f5f5f6;
    font-size: 16px;
    margin-bottom: 0;
    padding: 14px 10px 10px 14px;
}

.page-search .slideout-menu,
.section-headlines .slideout-menu,
.section-site-studies .slideout-menu,
.section-project-library .slideout-menu,
.section-project-profiles .slideout-menu {
    margin-top: 60px;
}

.search-result .inner_container {
    position: relative;
    overflow: hidden;
}

.page-site-studies .search-result .title,
.page-project-library .search-result .title,
.page-project-profiles .search-result .title {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    display: table;
    font-size: 15px;
    height: 80px;
    line-height: 20px;
    padding: 12px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.page-site-studies .search-result .read_more_slider,
.page-project-library .search-result .read_more_slider,
.page-project-profiles .search-result .read_more_slider {
    background: rgba(43, 197, 245, 0.8) none repeat scroll 0 0;
    bottom: -80px;
    display: table;
    font-size: 15px;
    height: 80px;
    line-height: 20px;
    padding: 12px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.page-site-studies .search-result .read_more_slider a,
.page-project-library .search-result .read_more_slider a,
.page-project-profiles .search-result .read_more_slider a {
    color: #fff;
    display: table-cell;
    /*font-family: "Sero_bold",Arial,sans-serif;
    */
    text-transform: uppercase;
    vertical-align: middle;
}

.page-site-studies .search-result .read_more_slider a:after,
.page-project-library .search-result .read_more_slider a:after,
.page-project-profiles .search-result .read_more_slider a:after {
    content: "→";
    margin-left: 10px;
    font-family: Arial;
}

.page-site-studies .search-result .title a,
.page-project-library .search-result .title a,
.page-project-profiles .search-result .title a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.page-search .search-results li,
.page-site-studies .search-results li,
.page-project-library .search-results li,
.page-project-profiles .search-results li {
    margin-bottom: 4px;
}

.page-search .search-result.small-4.large-4.columns,
.page-site-studies .search-result.small-4.large-4.columns,
.page-project-library .search-result.small-4.large-4.columns,
.page-project-profiles .search-result.small-4.large-4.columns {
    margin-bottom: 30px;
}

.page-search ol::after,
.page-site-studies ol::after,
.page-project-library ol::after,
.page-project-profiles ol::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: auto;
    visibility: hidden;
}

.page-search .content>h2,
.page-site-studies .content>h2,
.page-project-library .content>h2,
.page-project-profiles .content>h2 {
    display: none;
}

.page-search .form-item.form-type-checkbox.form-item-retain-filters,
.page-site-studies .form-item.form-type-checkbox.form-item-retain-filters,
.page-project-library .form-item.form-type-checkbox.form-item-retain-filters,
.page-project-profiles .form-item.form-type-checkbox.form-item-retain-filters {
    background-color: #ccc;
    display: table-cell;
    margin: 0;
    min-width: 240px;
    padding: 13px 20px;
    text-transform: uppercase;
    width: 100%;
    vertical-align: middle;
}

.page-search #edit-basic .form-item input[type="checkbox"],
.page-site-studies #edit-basic .form-item input[type="checkbox"],
.page-project-library #edit-basic .form-item input[type="checkbox"],
.page-project-profiles #edit-basic .form-item input[type="checkbox"] {
    margin-bottom: 0px;
    float: left;
    margin-right: 6px;
}

.page-search #edit-basic .form-item label.option,
.page-site-studies #edit-basic .form-item label.option,
.page-project-library #edit-basic .form-item label.option,
.page-project-profiles #edit-basic .form-item label.option {
    margin-bottom: 0;
    position: relative;
    top: 2px;
    margin-left: 4px;
}

.page-search .form-item.form-type-textfield.form-item-keys,
.page-site-studies .form-item.form-type-textfield.form-item-keys,
.page-project-library .form-item.form-type-textfield.form-item-keys,
.page-project-profiles .form-item.form-type-textfield.form-item-keys {
    display: table-cell;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 0;
    width: 100%;
}

.page-search .form-item.form-type-textfield.form-item-keys input,
.page-site-studies .form-item.form-type-textfield.form-item-keys input,
.page-project-library .form-item.form-type-textfield.form-item-keys input,
.page-project-profiles .form-item.form-type-textfield.form-item-keys input {
    box-shadow: none;
    height: 50px;
    margin: 0;
    padding: 2px 16px 0;
}

.page-search .form-item.form-type-textfield.form-item-keys label,
.page-site-studies .form-item.form-type-textfield.form-item-keys label,
.page-project-library .form-item.form-type-textfield.form-item-keys label,
.page-project-profiles .form-item.form-type-textfield.form-item-keys label {
    display: none;
}

.page-search #edit-basic .form-submit,
.page-site-studies #edit-basic .form-submit,
.page-project-library #edit-basic .form-submit,
.page-project-profiles #edit-basic .form-submit {
    background-color: #2bc5f5;
    border: medium none;
    box-shadow: none;
    display: table-cell;
    float: left;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    min-width: 100px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 15px 10px 11px;
    height: 50px;
}

.page-search #edit-basic .form-submit:hover,
.page-site-studies #edit-basic .form-submit:hover,
.page-project-library #edit-basic .form-submit:hover,
.page-project-profiles #edit-basic .form-submit:hover {
    background-color: #3fcff9;
    color: #fff;
}

#edit-basic {
    width: 100%;
    display: table;
}

.page-search .large-9.push-3.main.columns #search-form,
.page-site-studies .large-9.push-3.main.columns #search-form,
.page-project-library .large-9.push-3.main.columns #search-form,
.page-project-profiles .large-9.push-3.main.columns #search-form {
    margin-bottom: 40px;
    margin-top: 36px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Photo Library ----------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.photo_download {
    float: right;
}

.hunter-photos-display-item img {
    display: block;
    margin: 0 auto;
    max-height: 200px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: auto;
}

.view-photos-tab .file img {
    display: block;
    margin: 0 auto;
    max-height: 200px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: auto;
}

.node-type-product .cboxPhoto,
.section-photos .cboxPhoto {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: auto;
}

.view-photos-tab .file a.colorbox {
    background-color: #f1f1f1;
    float: left;
    height: 240px;
    margin: 0.2%;
    padding: 5%;
    width: 100%;
}

.hunter-photos-display-item a.colorbox,
.hunter-photos-display-item a.direct {
    background-color: #f1f1f1;
    float: left;
    height: 240px;
    margin: 0.2%;
    padding: 5%;
    width: 100%;
}

.hunter-photos-display-item a.colorbox:hover,
.hunter-photos-display-item a.direct:hover {
    background-color: #ccc;
}

.view-photos-tab .file a.colorbox:hover {
    background-color: #ccc;
}

.hunter-photos-display-photos-title {
    display: none;
}

.page-photos .cboxPhoto {
    border: 0 none;
    display: block;
    float: left;
    height: auto;
    margin: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.node-type-product .cboxPhoto {
    border: 0 none;
    display: block;
    float: left;
    height: auto;
    margin: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.page-photos #cboxLoadedContent {
    margin-bottom: 10px;
    background-color: #333;
}

.node-type-product #cboxLoadedContent {
    margin-bottom: 10px;
    background-color: #333;
}

.node-type-product .image_wrapper img {
    display: block;
    margin: 0 auto;
    max-height: 450px;
}

.node-type-photos .image_wrapper img {
    display: block;
    margin: 0 auto;
    max-height: 450px;
}

.node-type-photos .image_and_profile_wrapper .image_wrapper {
    /* background-color: #f1f1f1;
     */
    border-top: none;
    float: left;
    position: relative;
    width: 68%;
}

.node-type-photos .image_and_profile_wrapper .image_wrapper .field-name-field-photos-image .field-label {
    display: none;
}

.image_and_profile_wrapper .photo_specs_and_download {
    background-color: #f6f4f2;
    border-bottom: 3px solid #47abd1;
    border-top: 10px solid #47abd1;
    float: right;
    min-height: 439px;
    width: 30%;
    padding: 22px 3%;
    font-size: 15px;
    position: relative;
}

#cboxTitle .photo_specs_and_download {
    /*background-color: #f6f4f2;
    */
    border-bottom: 3px solid #47abd1;
    border-top: 10px solid #47abd1;
    float: right;
    min-height: 439px;
    padding: 22px 6%;
    font-size: 15px;
    color: #fff;
}

/* For popups in Photo Library and Photos tab in product detail pages */
.photo_spec_label {
    float: left;
    color: #ccc;
    margin-right: 8px;
}

/* For actual photo node */
.node .photo_spec_label {
    color: #3b3b3b;
    float: left;
    margin-right: 8px;
}

.photo_spec_value {
    float: left;
    font-family: "Sero_bold", Arial, sans-serif;
}

.photo_spec.photo_keywords .photo_spec_value {
    float: none;
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 25px;
    margin-left: 0;
    position: relative;
    top: -5px;
}

.photo_spec.photo_keywords .photo_spec_label {
    margin-right: 5px;
}

.photo_spec {
    display: inline-block;
    padding: 4px 4px 4px 0px;
    width: 100%;
}

.photo_specs_wrapper {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 8px;
    padding-bottom: 24px;
}

.field-name-field-photos-product-line .field-label {
    display: none;
}

.field-name-field-photos-product-line ul.links li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    line-height: 16px;
}

.photo_specs_and_download input {
    margin-right: 10px;
    margin-bottom: 20px;
}

.photo_specs_and_download form {
    font-family: "Sero_bold", Arial, sans-serif;
}

.photo_specs_and_download .not_bold {
    margin-left: 20px;
    font-size: 0.8em;
}

.photo_more_info {
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-top: 20px;
}

.photo_more_info:after {
    color: #0ec3f7;
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
}

.download_image_heading {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.download_size_selection {
    width: 300px;
    height: 100px;
    background-color: #e7e7e8;
    color: #000;
    position: absolute;
    right: 0;
    bottom: 22px;
    display: none;
}

.download_size_selection a {
    display: block;
    padding: 7px;
    color: #00658a;
}

.page-photos #cboxLoadedContent {
    float: left;
    margin-left: 5%;
    width: 54% !important;
}

.node-type-product #cboxLoadedContent {
    float: left;
    margin-left: 5%;
    width: 54% !important;
}

/* #cboxLoadedContent{
     width: 92% !important;
     margin: 0 40px;
}
 */
.node-type-product #cboxTitle {
    float: right;
    margin-right: 5%;
    width: 34% !important;
    height: 100%;
    overflow: scroll;
}

.page-photos #cboxTitle {
    float: right !important;
    margin-right: 5%;
    width: 34% !important;
    height: 100%;
    overflow: scroll;
}

#download_selected_size .download_photo {
    font-size: 20px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    background-color: #47abd1;
    color: #fff;
    margin-top: 20px;
    width: 100%;
}

.photo_terms {
    font-family: "Sero", Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

.page-photos #cboxNext {
    background-color: #333;
    border-radius: 5px;
    float: right;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 45%;
}

.page-photos #cboxPrevious {
    background-color: #333;
    border-radius: 5px;
    float: right;
    left: 0;
    margin-right: 10px;
    padding: 10px;
    position: absolute;
    top: 45%;
}

.page-photos #colorbox,
.node-type-product #colorbox {
    width: 100% !important;
    left: 0px !important;
}

.page-photos #cboxContent,
.node-type-product #cboxContent {
    left: 5%;
}

.page-photos #cboxWrapper,
.node-type-product #cboxWrapper {
    width: 100% !important;
}

#cboxContent #cboxNext {
    background: none;
    border-radius: 5px;
    float: right;
    padding: 10px;
    position: absolute;
    right: -50px;
    top: 45%;
}

#cboxContent #cboxPrevious {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 5px;
    float: right;
    left: -50px;
    margin-right: 10px;
    padding: 10px;
    position: absolute;
    top: 45%;
}

.page-photos #cboxPrevious {
    background-color: #333;
    border-radius: 5px;
    float: right;
    left: -50px;
    margin-right: 10px;
    padding: 10px;
    position: absolute;
    top: 45%;
}

#cboxWrapper #cboxNext:after {
    /*color: #efefef;
    */
    color: rgba(239, 239, 239, 0.8);
    content: '\e800';
    display: inline-block;
    font-family: "fontello";
    font-size: 35px;
}

#cboxWrapper #cboxPrevious:after {
    /*color: #efefef;
    */
    color: rgba(239, 239, 239, 0.8);
    content: '\e800';
    display: inline-block;
    font-family: "fontello";
    font-size: 35px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.page-photos #cboxNext {
    background: none;
    float: right;
    padding: 10px;
}

.page-photos #cboxPrevious {
    background: none;
    float: right;
    margin-right: 10px;
    padding: 10px;
}

.page-photos #cboxNext:hover,
.page-photos #cboxPrevious:hover {
    background: none;
    color: #333;
}

#cboxNext:hover:after,
#cboxPrevious:hover:after {
    color: #cfcdcb;
}

/* .page-photos #cboxCurrent {
     color: #fff;
     margin-bottom: 10px;
     position: absolute;
     right: 49%;
     text-align: right;
     top: -33px;
     width: 100%;
     display: none;
}
 */
.page-photos #cboxCurrent {
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    float: right;
    width: 100%;
    display: none;
}

.node-type-product #cboxCurrent {
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    float: right;
    width: 100%;
    display: none;
}

.field-name-field-photos-data-placeholder {
    display: none;
}

.node-type-photos .photo_specs_and_download .not_bold {
    font-size: 13px;
    margin-left: 20px;
}

.page-photos .form-item.form-type-textfield.form-item-keys input,
.page-documents .form-item.form-type-textfield.form-item-keys input,
.page-videos .form-item.form-type-textfield.form-item-keys input,
.node-type-vl-landing .form-item.form-type-textfield.form-item-keys input {
    box-shadow: none;
    height: 50px;
    margin: 0;
    padding: 2px 16px 0;
}

.page-photos .form-item.form-type-textfield.form-item-keys,
.page-documents .form-item.form-type-textfield.form-item-keys,
.page-videos .form-item.form-type-textfield.form-item-keys,
.node-type-vl-landing .form-item.form-type-textfield.form-item-keys {
    display: table-cell;
    margin-right: 10px;
    margin-top: 0;
    vertical-align: top;
    width: 100%;
}

.page-photos #edit-basic .form-item input[type="checkbox"] {
    float: left;
    margin-bottom: 0;
    margin-right: 6px;
}

.page-photos .form-item.form-type-textfield.form-item-keys label,
.page-documents .form-item.form-type-textfield.form-item-keys label,
.page-videos .form-item.form-type-textfield.form-item-keys label,
.node-type-vl-landing .form-item.form-type-textfield.form-item-keys label {
    display: none;
}

.page-photos #edit-basic .form-item label.option {
    margin-bottom: 0;
    margin-left: 4px;
    position: relative;
    top: 2px;
}

.page-photos #edit-basic .form-submit,
.page-documents #edit-basic .form-submit,
.page-videos #edit-basic .form-submit,
.node-type-vl-landing #edit-basic .form-submit {
    background-color: #2bc5f5;
    border: medium none;
    box-shadow: none;
    display: table-cell;
    float: left;
    height: 50px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 0px;
    /*margin-right:10px;
    */
    min-width: 100px;
    padding: 15px 10px 11px;
    text-transform: uppercase;
    white-space: nowrap;
}

.page-photos .form-item.form-type-checkbox.form-item-retain-filters,
.page-documents .form-item.form-type-checkbox.form-item-retain-filters,
.page-videos .form-item.form-type-checkbox.form-item-retain-filters,
.node-type-vl-landing .form-item.form-type-checkbox.form-item-retain-filters {
    background-color: #ccc;
    /*display: table-cell;
    */
    display: none;
    margin: 0;
    min-width: 240px;
    padding: 13px 20px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

.page-photos .hunter-resource-display-row .small-block-grid-2.large-block-grid-3 {
    list-style: none;
}

.page-photos .hunter-photos-display-row .large-block-grid-3>li {
    padding: 0 0.1em 0.1em;
    width: 33.3333%;
}

.view-photos-tab .large-block-grid-3>li {
    padding: 0 0.1em 0.1em;
    width: 33.3333%;
}

.page-photos h1.title {
    border-bottom: 1px solid #e6e6e7;
    display: block;
    font-size: 40px;
    margin: 52px 0 25px;
    padding-bottom: 10px;
}

.page-photos .slideout-menu {
    margin-top: 60px;
}

.page-photos ul:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: auto;
    visibility: hidden;
}

.page-photos .hunter-photos-display-row ul.large-block-grid-3 {
    padding: 0 9px;
}

.view-photos-tab ul.large-block-grid-3 {
    padding: 0 9px;
}

.page-photos #search-form .form-text,
.page-doducments #search-form .form-text,
.page-videos #search-form .form-text {
    color: #3b3b3b;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.page-photos #cboxLoadingOverlay {
    background: #000 none repeat scroll 0 0;
}

.view-id-photos_tab img {
    width: auto;
}

.view-photos-tab .horizontal-rule-title {
    margin-bottom: 2em;
    margin-top: 3em;
    text-align: left;
}

.field-name-field-photos-placeholder .field-item:first-of-type .view-photos-tab .horizontal-rule-title {
    margin-top: 0;
}

#node_product_full_group_photos {
    border: 0 none;
    margin: 0;
    padding: 30px 15px 5px;
}

#cboxWrapper #cboxLoadingOverlay {
    background: none;
}

#cboxTitle_mobile {
    display: none !important;
}

#cboxTitle {
    display: block !important;
}

.photo_specs_and_download a {
    color: #0ec3f7;
}

.photo_specs_and_download a:hover {
    color: #2ba6cb;
}

#download_selected_size .download_photo:hover {
    background-color: #2ba6cb;
}

#download_selected_size label {
    color: #fff;
    cursor: pointer;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0;
}

.node-photos #download_selected_size label {
    color: #3b3b3b;
}

.terms_window {
    background: rgba(0, 0, 0, 0.97) none repeat scroll 0 0;
    display: none;
    font-family: "Sero", Arial, sans-serif;
    height: 100%;
    left: 0;
    overflow: scroll;
    padding: 15px 20px;
    position: absolute;
    top: 0;
    width: 100%;
}

.node-type-product a.close_terms {
    margin-top: 20px;
}

a.close_terms {
    bottom: 10px;
    color: #47abd1;
    float: right;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
}

a.close_terms:before {
    font-family: 'fontello';
    content: '\e803';
    margin-right: 10px;
}

a.close_terms:hover {
    color: #2ba6cb;
}

.terms_window p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 10px;
}

.terms_window h3 {
    color: #47abd1;
}

.expand_info {
    display: none;
}

.node-type-photos .photo_spec_value a {
    line-height: 16px;
}

.photo_spec_value a {
    line-height: 22px;
}

#colorbox.nozzles #cboxTitle {
    display: none !important;
}

.node-type-product #colorbox.nozzles #cboxLoadedContent {
    margin: 0 !important;
    width: 100% !important;
}

.node-type-photos .title_first_part {
    color: #00658a;
    float: left;
}

.node-type-photos .pipe {
    border-left: 2px solid;
    color: #e6e6e7;
    float: left;
    height: 36px;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    top: 6px;
}

.back_to_photo_library {
    clear: right;
    float: right;
    margin-top: 40px;
    color: #00658a;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.back_to_photo_library:after {
    color: #00658a;
    content: "→";
    margin-left: 10px;
    font-family: Arial, sans-serif;
    position: relative;
    top: -1px;
}

.back_to_photo_library:hover:after {
    color: #47abd1;
}

@media only screen and (min-width: 1500px) {

    .node-type-product #cboxLoadedContent,
    .page-photos #cboxLoadedContent {
        float: left;
        margin-left: 5%;
        width: 65% !important;
    }

    .node-type-product #cboxTitle,
    .page-photos #cboxTitle {
        float: right;
        margin-right: 5%;
        width: 22% !important;
    }

    #download_selected_size .download_photo {
        max-width: 400px;
    }
}

@media only screen and (max-width: 1150px) {
    .node-type-photos .photo_specs_and_download .not_bold {
        display: block;
        font-size: 13px;
        margin-left: 20px;
        width: 100%;
    }

    .photo_specs_and_download input {
        margin-bottom: 8px;
        margin-right: 10px;
    }

    .input_container {
        margin-bottom: 20px;
    }

    #cboxTitle .photo_specs_and_download {
        border-bottom: 3px solid #47abd1;
        border-top: 10px solid #47abd1;
        color: #fff;
        float: right;
        font-size: 13px;
        min-height: 439px;
        padding: 22px 6%;
    }

    .photo_spec_value a {
        line-height: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .node-type-photos .image_and_profile_wrapper .image_wrapper {
        background-color: #f1f1f1;
        border-top: medium none;
        float: left;
        position: relative;
        width: 100%;
    }

    .image_and_profile_wrapper .photo_specs_and_download {
        background-color: #f6f4f2;
        border-bottom: 3px solid #47abd1;
        border-top: 10px solid #47abd1;
        float: right;
        font-size: 15px;
        min-height: 439px;
        padding: 22px 30px;
        width: 100%;
    }

    .node-type-photos .photo_specs_and_download .not_bold {
        display: inline;
        font-size: 13px;
        margin-left: 20px;
        width: auto;
    }

    .page-photos .hunter-photos-display-row .small-block-grid-2>li {
        padding: 0 0.1em 0.1em;
        width: 50%;
    }

    .view-photos-tab .small-block-grid-2>li {
        padding: 0 0.1em 0.1em;
        width: 50%;
    }

    .page-photos .large-3.pull-9.columns {
        background-color: #f5f5f6;
        height: 100%;
        left: -100%;
        padding-bottom: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

    .node-type-product #cboxLoadedContent {
        float: left;
        /*max-height: 80%;
        */
        width: 100% !important;
        margin-left: 0;
    }

    .section-photos #cboxLoadedContent {
        float: left;
        margin-left: 0;
        width: 100% !important;
    }

    #cboxTitle_mobile .photo_specs_and_download {
        border-bottom: 3px solid #47abd1;
        border-top: 10px solid #47abd1;
        color: #fff;
        float: right;
        font-size: 15px;
        width: 100%;
    }

    .node-photos .photo_spec {
        display: inline-block;
        padding: 4px 20px 4px 0;
        width: 100%;
    }

    #download_selected_size {
        display: none;
    }

    .node-photos #download_selected_size {
        display: block;
    }

    .download_image_heading {
        display: none;
    }

    #cboxTitle .photo_specs_and_download {
        border-bottom: 3px solid #47abd1;
        border-top: 10px solid #47abd1;
        color: #fff;
        float: right;
        font-size: 15px;
        padding: 15px 5%;
        width: 100%;
    }

    .photo_specs_wrapper {
        margin-bottom: 60px;
        margin-top: 0px;
    }

    .node-type-product .cboxPhoto {
        border: 0 none;
        display: block;
        float: left;
        height: auto;
        margin: auto;
        max-height: 71%;
        max-width: 100%;
        width: auto;
    }

    .node-type-product .cboxPhoto,
    .section-photos .cboxPhoto {
        display: block;
        margin: 0 auto;
        position: relative;
        top: 0%;
        transform: translateY(0%);
        width: auto;
    }

    /* .node-type-product #cboxLoadedContent {
         float: left;
         margin-left: -15%;
         width: inherit !important;
    }
     */
    .node-type-product #cboxTitle_mobile,
    .section-photos #cboxTitle_mobile {
        display: block !important;
    }

    .node-type-product #cboxTitle,
    .section-photos #cboxTitle {
        display: none !important;
    }

    .node-type-product #cboxTitle_mobile {
        background-color: #ccc;
        bottom: 30%;
        float: right;
        margin-right: 0;
        width: 100% !important;
    }

    .node-type-product #cboxContent,
    .section-photos #cboxContent {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
        left: 0 !important;
        margin-left: 0;
        max-width: 100%;
        overflow: visible;
    }

    .node-type-product #cboxMiddleLeft,
    .node-type-product #cboxMiddleRight,
    .node-type-product #cboxTopLeft,
    .node-type-product #cboxTopCenter,
    .node-type-product #cboxTopRight,
    .section-photos #cboxMiddleLeft,
    .section-photos #cboxMiddleRight,
    .section-photos #cboxTopLeft,
    .section-photos #cboxTopCenter,
    .section-photos #cboxTopRight {
        display: none;
    }

    .node-type-product #colorbox,
    .section-photos #colorbox {
        height: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 96% !important;
    }

    .node-type-product #cboxWrapper,
    .section-photos #cboxWrapper {
        height: 100% !important;
        width: 100% !important;
    }

    .node-type-product #cboxContent,
    .section-photos #cboxContent {
        width: 100% !important;
    }

    .node-type-product .cboxPhoto,
    .section-photos .cboxPhoto {
        display: block;
        left: 0 !important;
        margin: 0 auto;
        position: relative;
        top: 0;
        /*float: left !important;
        */
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        /*width: 100% !important;
        */
    }

    .node-type-product #colorbox,
    .section-photos #colorbox {
        top: 0 !important;
    }

    .node-type-product #cboxClose,
    .section-photos #cboxClose {
        background: rgba(0, 0, 0, 1) none repeat scroll 0 0 !important;
        border: 2px solid #fff !important;
        border-radius: 50%;
        color: #fff !important;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 20px;
        height: 35px;
        line-height: 35px;
        position: absolute;
        right: 10px !important;
        text-align: center;
        top: 10px !important;
        width: 35px;
        z-index: 9999 !important;
    }

    .node-type-product .cboxPhoto,
    .section-photos .cboxPhoto {
        max-height: 100%;
    }

    .node-type-product #cboxTitle_mobile,
    .section-photos #cboxTitle_mobile {
        /*background-color: #ccc;
        */
        background: rgba(51, 51, 51, 1);
        bottom: -410px;
        float: right;
        margin-right: 0;
        max-height: 100%;
        width: 100% !important;
        z-index: 999;
        height: 500px;
        position: absolute;
    }

    .node-type-product .cboxPhoto,
    .section-photos .cboxPhoto {
        display: block;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: auto;
    }

    .node-type-product #cboxLoadedContent,
    .section-photos #cboxLoadedContent {
        background-color: #000;
    }

    .node-type-product #cboxContent #cboxNext,
    .section-photos #cboxContent #cboxNext {
        right: 4px;
    }

    .node-type-product #cboxContent #cboxPrevious,
    .section-photos #cboxContent #cboxPrevious {
        left: 0px;
    }

    .expand_info {
        background-color: #47abd1;
        height: 30px;
        padding: 7px;
        position: absolute;
        right: 20px;
        text-align: center;
        top: -30px;
        width: 80px;
        display: block;
    }

    .photo_more_info {
        display: none;
    }

    .expand_info:after {
        color: #fff;
        content: '\e800';
        display: inline-block;
        font-family: "fontello";
        font-size: 15px;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }

    .expand_info.active:after {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    .node-type-product #cboxCurrent,
    .section-photos #cboxCurrent {
        color: #fff;
        display: none;
        float: right;
        margin-bottom: 10px;
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: -33px;
    }

    .photo_spec.image_title {
        border-bottom: 1px solid #666;
        margin-bottom: 20px;
        padding: 20px;
    }

    .photo_spec {
        display: inline-block;
        padding: 4px 20px;
        width: 100%;
    }

    .page-photos .slideout-menu {
        background-color: #f5f5f6;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        position: relative;
    }

    .page-photos .large-3.pull-9.columns {
        padding: 0;
    }

    .page-photos .slideout-menu {
        margin-top: 0;
    }

    .photo_spec_value a {
        line-height: 16px;
    }
}

@media only screen and (max-width: 480px) {

    .page-photos .form-item.form-type-textfield.form-item-keys,
    .page-documents .form-item.form-type-textfield.form-item-keys,
    .page-videos .form-item.form-type-textfield.form-item-keys,
    .node-type-vl-landing .form-item.form-type-textfield.form-item-keys {
        display: block;
        float: left;
        margin-top: 0;
        width: 61%;
        margin-right: 0px;
    }

    #edit-basic {
        display: block;
        width: 100%;
    }

    .page-videos form#search-form,
    .node-type-vl-landing form#search-form {
        float: none;
        width: 100%;
        display: inline-block;
    }

    .page-photos #edit-basic .form-submit,
    .page-documents #edit-basic .form-submit,
    .page-videos #edit-basic .form-submit,
    .node-type-vl-landing #edit-basic .form-submit {
        display: block;
        float: right;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 0;
        min-width: 100px;
        white-space: nowrap;
        width: 35%;
    }

    .page-photos .form-item.form-type-checkbox.form-item-retain-filters,
    .page-documents .form-item.form-type-checkbox.form-item-retain-filters,
    .page-videos .form-item.form-type-checkbox.form-item-retain-filters,
    .node-type-vl-landing .form-item.form-type-checkbox.form-item-retain-filters {
        background-color: #ccc;
        /*display: block;
        */
        display: none;
        float: left;
        height: 50px;
        margin: 0 0 18px;
        min-width: 230px;
        padding: 17px 20px;
        text-transform: uppercase;
        vertical-align: middle;
        width: 100%;
    }

    .page-photos .large-9.push-3.main.columns #search-form {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .photo_specs_wrapper {
        margin-bottom: 60px;
        margin-top: 6px;
    }

    #cboxTitle_mobile .photo_specs_and_download {
        border-bottom: 3px solid #47abd1;
        border-top: 10px solid #47abd1;
        color: #fff;
        float: right;
        font-size: 15px;
        padding: 11px 0;
        width: 100%;
    }

    #cboxContent .photo_spec_label {
        float: left;
        padding: 0 0 0 20px;
    }

    .photo_specs_wrapper {
        margin-bottom: 60px;
        margin-top: 0px;
        font-size: 14px;
    }

    .node-type-product #cboxLoadedContent {
        float: left;
        width: inherit !important;
        margin: 0;
    }

    .node-type-product #cboxContent,
    .section-photos #cboxContent {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
        left: 0 !important;
        margin-left: 0;
        max-width: 100%;
        overflow: visible;
    }

    .node-type-product #cboxMiddleLeft,
    .node-type-product #cboxMiddleRight,
    .node-type-product #cboxTopLeft,
    .node-type-product #cboxTopCenter,
    .node-type-product #cboxTopRight,
    .section-photos #cboxMiddleLeft,
    .section-photos #cboxMiddleRight,
    .section-photos #cboxTopLeft,
    .section-photos #cboxTopCenter,
    .section-photos #cboxTopRight {
        display: none;
    }

    .node-type-product #colorbox,
    .section-photos #colorbox {
        height: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 93% !important;
    }

    .node-type-product #cboxWrapper,
    .section-photos #cboxWrapper {
        height: 100% !important;
        width: 100% !important;
    }

    .node-type-product #cboxContent,
    .section-photos #cboxContent {
        width: 100% !important;
    }

    .node-type-product .cboxPhoto,
    .section-photos .cboxPhoto {
        display: block;
        left: 0 !important;
        margin: 0 auto;
        position: relative;
        top: 0;
        /*float: left !important;
        */
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        /*width: 100% !important;
        */
    }

    .node-type-product #colorbox,
    .section-photos #colorbox {
        top: 0 !important;
    }

    .node-type-product #cboxClose,
    .section-photos #cboxClose {
        background: rgba(0, 0, 0, 1) none repeat scroll 0 0 !important;
        border: 2px solid #fff !important;
        border-radius: 50%;
        color: #fff !important;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 20px;
        height: 35px;
        line-height: 35px;
        position: absolute;
        right: 10px !important;
        text-align: center;
        top: 10px !important;
        width: 35px;
        z-index: 9999 !important;
    }

    .node-type-product .cboxPhoto,
    .section-photos .cboxPhoto {
        max-height: 100%;
    }

    .node-type-product #cboxTitle_mobile,
    .section-photos #cboxTitle_mobile {
        /*background-color: #ccc;
        */
        background: rgba(51, 51, 51, 1);
        bottom: -410px;
        float: right;
        margin-right: 0;
        max-height: 100%;
        width: 100% !important;
        z-index: 999;
        height: 500px;
    }

    .node-type-product .cboxPhoto,
    .section-photos .cboxPhoto {
        display: block;
        margin: 0 auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
    }

    .node-type-product #cboxLoadedContent,
    .section-photos #cboxLoadedContent {
        background-color: #000;
    }

    .node-type-product #cboxContent #cboxNext,
    .section-photos #cboxContent #cboxNext {
        right: 4px;
    }

    .node-type-product #cboxContent #cboxPrevious,
    .section-photos #cboxContent #cboxPrevious {
        left: 0px;
    }

    .expand_info {
        background-color: #47abd1;
        height: 30px;
        padding: 7px;
        position: absolute;
        right: 20px;
        text-align: center;
        top: -30px;
        width: 80px;
    }

    .photo_more_info {
        display: none;
    }

    .expand_info:after {
        color: #fff;
        content: '\e800';
        display: inline-block;
        font-family: "fontello";
        font-size: 15px;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .expand_info.active:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .node-type-product #cboxCurrent,
    .section-photos #cboxCurrent {
        color: #fff;
        display: none;
        float: right;
        margin-bottom: 10px;
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: -33px;
    }

    .photo_spec.image_title {
        border-bottom: 1px solid #666;
        margin-bottom: 20px;
        padding: 10px 0 20px;
    }

    .photo_spec {
        display: inline-block;
        padding: 0 0 6px;
        width: 100%;
    }

    .photo_spec_label {
        color: #ccc;
        float: left;
        padding-left: 20px;
    }

    .node-type-product #cboxTitle_mobile,
    .section-photos #cboxTitle_mobile {
        display: block !important;
    }

    .node-type-product #cboxTitle,
    .section-photos #cboxTitle {
        display: none !important;
    }

    .node-photos .photo_spec {
        display: inline-block;
        padding: 4px 20px 4px 0;
        width: 100%;
    }

    .node-photos .photo_spec_label {
        float: left;
        padding-left: 0;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Site Study Profile Pages ------------------------------------------ */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.image_and_profile_wrapper .image_wrapper {
    border-top: 10px solid #00658a;
    float: left;
    width: 68%;
    position: relative;
}

.image_and_profile_wrapper-two-column-inner {
    width: 68%;
}

.node-type-ss-profile .image_and_profile_wrapper-two-column-inner .quote {
    clear: left;
}

.image_and_profile_wrapper .block-views-site-study-profile-site-profile {
    background-color: #f6f4f2;
    border-bottom: 3px solid #d0cecc;
    border-top: 10px solid #d0cecc;
    float: right;
    width: 30%;
    min-height: 439px;
}

.location-locations-header {
    float: left;
    width: auto;
}

.location-locations-wrapper .location.vcard {
    border: medium none;
    display: inline-block;
    margin: 0 0 1.25em;
    padding: 8px;
    width: auto;
}

.node-ss-profile .form-item.form-type-item {
    display: none;
}

.view-display-id-site_profile .location.vcard {
    display: none;
}

.block-views-site-study-profile-site-profile h2.block-title {
    border-bottom: 1px solid #ccc;
    color: #00658a;
    font-size: 24px;
    padding: 6px 10px;
    margin-bottom: 22px;
}

.views-label-field-size {
    color: #00658a;
    float: left;
    margin-right: 10px;
}

.views-label-field-designer {
    color: #00658a;
    float: left;
    margin-right: 10px;
}

.view-id-site_study_profile .views-field {
    margin-bottom: 18px;
    padding: 0 12px;
}

.location-locations-wrapper .location.vcard .map-link {
    display: none;
}

.field.field-name-field-the-solution-photo {
    border: 1px solid #ccc;
}

.field.field-name-field-the-result-photo {
    border: 1px solid #ccc;
}

.field.field-name-field-the-challenge-photo {
    border: 1px solid #ccc;
}

.challenge .left_part,
.solution .left_part,
.result .left_part {
    display: table-cell;
    float: none;
    padding-right: 5%;
    vertical-align: middle;
    width: 60%;
}

.challenge .right_part,
.solution .right_part,
.result .right_part {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 38%;
}

.field-name-field-photo a.colorbox {
    width: 33%;
    float: left;
}

.node-type-ss-profile h1.section_title {
    border-bottom: 1px solid #e6e6e7;
    color: #3b3b3b;
    font-family: "Sero", Arial, sans-serif;
    font-size: 32px;
    margin-bottom: 23px;
    padding-bottom: 12px;
    text-transform: none;
}

.view_gallery_overlay_button {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    padding: 0px;
    position: absolute;
    text-align: right;
    width: 100%;
}

.view_gallery_overlay_button:hover {
    background: rgba(0, 101, 138, 0.7);
}

.view_gallery_overlay_button .divider {
    font-size: 18px;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.bold_it {
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.bolder {
    font-family: "Sero_bold", Arial, sans-serif;
}

.italicize {
    font-style: italic;
}

.field .field-label {
    font-weight: normal;
}

.view_gallery_overlay_button a {
    color: #fff;
    display: block;
    padding: 5px 20px 11px;
    width: 100%;
}

.view_gallery_overlay_button .icon-gallery-icon {
    font-size: 28px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}

.view-display-id-site_profile .views-label {
    color: #00658a;
    float: left;
    margin-right: 8px;
    margin-bottom: 6px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.views-field.views-field-field-related-products {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.view-display-id-site_profile .field-content {
    line-height: 20px;
    position: relative;
    top: -2px;
}

.views-label.views-label-field-related-products {
    display: block;
    margin-bottom: 11px;
    width: 100%;
}

.views-field-field-related-products a {
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 9px;
}

.field-name-field-site-study-location .field-label {
    display: inline-block;
    float: left;
    font-size: 18px;
    margin-right: 10px;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 10px;
    font-family: "Sero_bold", Arial, sans-serif;
}

.field-name-field-site-study-location .vcard {
    border: medium none;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.field-name-field-site-study-location {
    margin-bottom: 56px;
}

.field-name-field-site-study-location .vcard .fn {
    font-size: 18px;
    font-weight: normal;
    float: left;
    margin-right: 7px;
}

.field-name-field-site-study-location .locality {
    float: left;
    margin-right: 7px;
}

.field-name-field-site-study-location .country-name {
    float: left;
    width: auto;
}

.field-name-field-site-study-location .region {
    float: left;
    margin-right: 7px;
}

.field.field-name-field-subheader.field-type-text-long.field-label-hidden.field-wrapper {
    display: none;
}

.node-ss-profile .body.field {
    border-bottom: 1px solid #e6e6e7;
    line-height: 30px;
    padding-bottom: 60px;
}

.challenge h3,
.solution h3,
.result h3 {
    color: #00658a;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 36px;
    margin-bottom: 30px;
}

.challenge,
.solution,
.result {
    border-bottom: 1px solid #e6e6e7;
    padding-bottom: 60px;
    padding-top: 60px;
}

.left_part.full_width {
    display: table-cell;
    float: none;
    padding-right: 0;
    vertical-align: middle;
    width: 100%;
}

.field-name-field-photo a.colorbox {
    background-color: #f1f1f1;
    float: left;
    margin: 0.2%;
    padding: 5%;
    width: 32.9%;
    height: 280px;
}

.field-name-field-photo a.colorbox:hover {
    background-color: #ccc;
}

/* .field-name-field-photo a.colorbox:after{
     font-family: 'fontello';
     content: '\e81d';
     color: #666;
     display: inline-block;
     font-size: 18px;
}
 */
.view-site-study-profile .thumb {
    border: 3px solid #cfcdcb;
    position: relative;
}

.thumb_title a {
    color: #fff;
}

.view-site-study-profile .thumb_title {
    background: rgba(31, 73, 94, 0.7);
    bottom: 0;
    display: table;
    height: 80px;
    line-height: 20px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.thumb_title .field-content {
    display: table-cell;
    vertical-align: middle;
}

.node-type-ss-profile .horizontal-rule-title {
    clear: both;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
}

.node-type-ss-profile .horizontal-rule-title h2 {
    background-color: #fff;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 20px;
    margin: 0;
    padding: 10px 20px 20px 0px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

#block-views-1ee6076fa2d449b9b905639b342b3052,
#block-views-abfabf5d7fb79bc750e8f7db84615629 {
    margin-top: 80px;
}

.node-type-ss-profile .field-name-field-photo .colorbox.init-colorbox-processed.cboxElement img {
    display: block;
    margin: 0 auto;
    max-height: 200px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
}

.ss_photo_gallery_title {
    font-size: 24px;
    margin-bottom: 50px;
    margin-top: 60px;
}

.image_and_profile_wrapper.clearfix {
    margin-bottom: 74px;
}

.view-display-id-ss_profile_related_studies .view-footer {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 20px;
    text-align: center;
    display: none;
}

.view-display-id-ss_profile_related_studies .view-footer a {
    background-color: #00658a;
    border-radius: 5px;
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    padding: 20px 40px;
    text-transform: uppercase;
}

.view-display-id-site_profile .views-label:after {
    content: ':';
}

.view_all_site_studies {
    padding: 20px;
    text-align: right;
}

.view_all_site_studies a {
    color: #00658a;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.view_all_site_studies a:hover {
    color: #47abd1;
}

.view_all_site_studies a:after {
    content: "→";
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.node-type-ss-profile .field-quote-markup p {
    color: #999;
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    line-height: 1.7em;
    margin: 0 0 10px;
}

.node-type-ss-profile .quote-credit {
    color: #999999;
    font-size: 13px;
    font-style: italic;
    line-height: 17px;
    margin-right: 40px;
    text-align: right;
}

.node-type-ss-profile .field-quote-credit-name-markup {
    color: #2a6486;
    font-size: 14px;
    font-style: normal;
    padding-bottom: 2px;
}

.node-type-ss-profile .quote {
    border-bottom: 1px solid #e6e6e7;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.node-type-ss-profile .field.field-name-field-subheader h2 {
    color: #00658a;
    text-transform: none;
}

/* .field-name-field-photo a.colorbox{
     max-height: 100%;
     max-width: 100%;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     z-index: 2;
}
 .field-name-field-photo a.colorbox img{
     display: inline-block;
     vertical-align: middle;
     max-height: 100%;
}
 */
.node-type-site-study img {
    width: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Professional Programs ----------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Municipalities */
.hunter-resource-display-resource-title a {
    color: #3b3b3b;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 12px;
    height: auto;
    line-height: 16px;
    margin-top: 15px;
    padding: 0 3px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

img.top_section_image {
    width: 100%;
    margin-bottom: 10px;
}

a img.top_section_image {
    width: 100%;
    margin-bottom: 10px;
}

.marketing-resources_pgs main .top_section_image {
    width: 100%;
    margin-bottom: 10px;
}

.professionals_resources {
    border-bottom: 1px solid #e6e6e7;
    border-top: 1px solid #e6e6e7;
    margin: 60px 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.professionals_resources>h2 {
    margin-bottom: 25px;
}

blockquote {
    background-color: #efefef;
    border: medium none;
    padding: 20px;
    font-size: 20px;
}

h3.technical_support {
    font-family: "Sero_bold", Arial, sans-serif;
    line-height: 28px;
    margin-bottom: 50px;
    font-size: 1em;
}

/* Installers */
.section-installers img {
    width: auto;
}

.section-installers main .top_section_image {
    width: 100%;
    margin-bottom: 10px;
}

.section-installers .hunter-resource-display-resource-title a {
    color: #3b3b3b;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 12px;
    height: auto;
    line-height: 16px;
    margin-top: 15px;
    padding: 0 3px;
    text-align: left;
    text-transform: uppercase;
    width: 120px;
    display: block;
}

/* Online Training */
.online_training_unordered_list>ul {
    list-style: inside;
}

.online_training_unordered_list li {
    float: left;
    margin-bottom: 10px;
    width: 33%;
}

.online_training_unordered_list {
    border-bottom: 1px solid #e6e6e7;
    display: inline-block;
    margin-bottom: 40px;
    padding-bottom: 30px;
    width: 100%;
}

.margin_top {
    margin-top: 60px;
    margin-bottom: 60px;
}

.margin_top h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.row.margin_top ul {
    list-style: outside none disc;
    padding: 0 16px;
}

.row.margin_top ul li {
    margin-bottom: 20px;
}

.section-online-training .row.margin_top img {
    width: auto;
}

.pad {
    padding: 0 20px;
}

.border_top {
    border-top: 1px solid #e6e6e7;
    margin-top: 50px;
    padding-top: 50px;
}

.list_pad_left {
    padding-left: 20px;
}

.rebates h3 {
    margin-top: 20px;
    border-bottom: 1px solid #e6e6e7;
    padding-bottom: 6px;
    margin-bottom: 18px;
}

.rebates ol li {
    margin-bottom: 10px;
}

.rebates .small-12.large-6.columns {
    margin-top: 20px;
}

.field-type-step-by-step .step.has-image .image h3 {
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
}

.field-type-step-by-step .image h3 {
    background: #2a6486 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 20px 10px 0;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 2;
}

.field-type-step-by-step .image {
    display: block;
    height: auto;
    max-width: 100%;
    position: relative;
}

.field-type-step-by-step .image img {
    height: auto;
    max-width: 100%;
}

.step.has-image .image {
    margin-bottom: 20px;
}

.section-spring-start-checklist .step.has-image {
    margin-bottom: 40px;
}

.quote {
    color: #fff;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 26px;
    line-height: 40px;
    margin: 20px 0;
    padding: 40px;
}

.innovation_meets_conservation .small-block-grid-2.large-block-grid-4 img {
    margin-bottom: 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Proven Water Savers page -------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content-region-inner .proven_water_savers_wrapper p a {
    color: #0ec3f7;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

#content-region-inner .proven_water_savers_wrapper p a:hover {
    color: #9c9896;
}

.page-node-979 #block-system-main .gutter.inner.clearfix {
    margin: 0;
}

.page-node-979 h1.title {
    display: none;
}

.page-node-979.has-sidebar-first .block-translation-set-links {
    right: 120px;
    top: -48px;
}

.page-node-979.has-sidebar-first .block-addthis {
    right: 0;
    top: -47px;
}

.proven_water_savers_wrapper {
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
}

.proven_water_savers_wrapper .clearer {
    clear: both;
    height: 0px;
}

.proven_water_savers_wrapper .center_hero {
    padding: 0px;
    width: 100%;
    margin-bottom: 30px;
}

.section.online_tools .subsection .bubble {
    text-align: center;
}

.proven_water_savers_wrapper .link_container .sero-bold {
    display: block;
}

.proven_water_savers_wrapper .subsection a {
    color: #0ec3f7;
    font-size: 20px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
}

.proven_water_savers_wrapper .subsection a:hover {
    color: #9c9896;
}

.proven_water_savers_wrapper .subsection span.italicize {
    color: #9c9896;
    display: block;
    font-size: 16px;
    font-style: italic;
    margin-top: 4px;
    width: 100%;
}

.proven_water_savers_wrapper .link_container {
    line-height: 21px;
    text-align: center;
}

.proven_water_savers_wrapper .section {
    padding: 61px 25px 0;
    position: relative;
}

.proven_water_savers_wrapper .droplet {
    position: absolute;
    right: 16px;
    top: 34px;
}

.proven_water_savers_wrapper div.left,
.proven_water_savers_wrapper div.right {
    padding: 0px;
}

.proven_water_savers_wrapper .floating_title_1 {
    margin: 50px 0 60px;
    text-align: center;
}

.proven_water_savers_wrapper .floating_title_2 {
    margin: 54px 0 30px;
    text-align: center;
}

.proven_water_savers_wrapper .section_name {
    border-bottom: 1px solid #fff;
    color: #005a87;
    margin-bottom: 0;
    padding-bottom: 12px;
    text-transform: uppercase;
    font-size: 23px;
    padding-right: 80px;
}

.proven_water_savers_wrapper .lowercase {
    text-transform: none;
    font-weight: normal;
}

.proven_water_savers_wrapper h3 {
    color: #4bbfee;
    font-style: italic;
    font-weight: normal;
    margin: 15px 20px 15px 0;
    padding: 0 94px 0 0;
    font-size: 21px;
}

.proven_water_savers_wrapper .section p {
    font-family: "Sero Pro", sans-serif;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.proven_water_savers_wrapper .learn_more {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #4bbfee;
    display: inline-block;
    font-size: 16px;
}

.proven_water_savers_wrapper .learn_more .fa {
    padding-left: 10px;
}

.section.online_tools div.left img {
    left: auto;
    position: relative;
    top: auto;
}

.section.online_tools div.right img {
    left: auto;
    position: relative;
    top: auto;
}

.link_container .sero-light {
    float: left;
    margin-right: 14px;
    padding-top: 2px;
}

.proven_water_savers_wrapper .link_container .icon-chevron-right {
    font-size: 18px;
    margin-left: 0;
}

.intro_border {
    border-bottom: 5px solid #005583;
    display: block;
    width: 100%;
    display: none;
}

.proven_water_savers_wrapper .icon-chevron-right {
    font-size: 14px;
    height: 20px;
    margin-left: 12px;
    vertical-align: bottom;
}

/* ------------------------------------------- */
/* -----Intro -------------------------------- */
/* ------------------------------------------- */
.proven_water_savers_wrapper .intro h1 {
    color: #005a87;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 32px;
    text-transform: uppercase;
    display: none;
}

.proven_water_savers_wrapper .intro .light_blue {
    color: #4bbfee;
}

.proven_water_savers_wrapper .intro p {
    color: #005a87;
    font-size: 18px;
    line-height: 36px;
}

.proven_water_savers_wrapper .intro {
    padding: 0px;
}

/* ------------------------------------------- */
/* -----Smart Controllers--------------------- */
/* ------------------------------------------- */
.proven_water_savers_wrapper .section.smart {
    background-color: #e8e7e3;
    margin-top: 50px;
    padding-bottom: 40px;
}

.image_centered {
    width: 100%;
    text-align: center;
}

/* ------------------------------------------- */
/* -----MP Rotator---------------------------- */
/* ------------------------------------------- */
.proven_water_savers_wrapper .mp .section_name,
.flow .section_name {
    border-bottom: 1px solid #efefef;
    color: #005a87;
    margin-bottom: 0;
    padding-bottom: 12px;
    text-transform: uppercase;
}

.proven_water_savers_wrapper .section.mp p {
    float: left;
    line-height: 36px;
    margin-bottom: 30px;
    margin-right: 20px;
    margin-top: 40px;
    width: 80%;
}

.proven_water_savers_wrapper .section.mp .learn_more,
.proven_water_savers_wrapper .section.drip .learn_more {
    margin-left: 0;
    margin-top: 30px;
}

.proven_water_savers_wrapper .section.mp {
    background-color: #fff;
    color: #000;
    padding-bottom: 0px;
    min-height: 550px;
}

.section.mp .image_right_side {
    bottom: 0;
    min-width: 130px;
    position: absolute;
    right: 0;
    width: 15%;
}

/* ------------------------------------------- */
/* -----Dripline------------------------------ */
/* ------------------------------------------- */
.container_table {
    display: table;
    float: none;
}

.proven_water_savers_wrapper .section.drip {
    background-color: #3b3b3b;
    color: #fff;
    padding-bottom: 50px;
}

.proven_water_savers_wrapper .section.drip h2 {
    color: #4bbfee;
}

.proven_water_savers_wrapper .section.drip h3 {
    color: #fff;
}

.proven_water_savers_wrapper img.pld {
    float: right;
}

.section.drip .image_right_side {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.proven_water_savers_wrapper .section.drip p {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 67%;
}

/* ------------------------------------------- */
/* -----Flow Sensor--------------------------- */
/* ------------------------------------------- */
.section.flow .image_right_side {
    bottom: 0;
    min-width: 130px;
    position: absolute;
    right: 0;
    width: 30%;
    max-width: 280px;
}

.proven_water_savers_wrapper .section.flow {
    height: 475px;
}

.proven_water_savers_wrapper .section.flow .warning {
    position: absolute;
    right: 16px;
    top: 52px;
}

.proven_water_savers_wrapper section.flow {
    height: 485px;
}

.proven_water_savers_wrapper img.flow_sensor {
    width: 100%;
}

.proven_water_savers_wrapper .section.flow p {
    float: left;
    width: 70%;
}

.proven_water_savers_wrapper .flow .learn_more {
    margin-top: 40px;
}

.proven_water_savers_wrapper .section.flow h2 {
    color: #4bbfee;
}

.proven_water_savers_wrapper .section.flow h3 {
    color: #9c9896;
}

.proven_water_savers_wrapper .section.flow .learn_more {
    float: right;
    margin-top: 30px;
}

.proven_water_savers_wrapper .section.flow p {
    color: #fff;
}

.proven_water_savers_wrapper .section.flow {
    background-color: #005a87;
}

/* ------------------------------------------- */
/* -----Pro Spray----------------------------- */
/* ------------------------------------------- */
.proven_water_savers_wrapper .section_name {
    border-bottom-color: #efefef;
}

.proven_water_savers_wrapper img.spray {
    bottom: 0;
    left: -25px;
    position: relative;
}

.brand-bar-block p {
    font-size: 1.5em !important;
}

@media (max-width: 768px) {
    .brand-bar-block {
        text-align: center;
    }
}

.savings-potential,
.savings-potential-graph {
    font-size: 1.2em;
}

.savings-potential {
    background: #f8f6f4;
    border-bottom: 1px solid #c5c2c0;
    border-top: 1px solid #eae6e0;
    padding: 30px 0;
    margin-bottom: 2em !important;
    display: table;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.savings-potential img {
    float: left;
    width: 30px !important;
    height: auto;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    left: 0;
}

.savings-potential div {
    display: table-cell;
    float: none !important;
    vertical-align: middle;
}

.savings-potential p {
    margin: 0 0 0 20px !important;
    padding: 0 !important;
    vertical-align: middle;
    line-height: 21px !important;
}

@media (max-width: 768px) {
    .savings-potential div {
        display: block;
        float: none !important;
        margin: 20px 0;
        text-align: center;
        width: 100%;
        height: 60px;
    }

    .savings-potential div p {
        margin: 0;
        font-size: 1em !important;
        line-height: 1.3em !important;
    }

    .savings-potential .water-icon-div {
        margin-bottom: 40px !important;
    }

    .savings-potential img {
        float: none;
        position: relative;
        margin: 0 !important;
        left: -10px;
        top: auto;
    }

    .savings-potential .iconprs-water img {
        top: 15px;
    }
}

.savings-potential-graph p {
    font-size: 2.0em !important;
    line-height: 1.1em !important;
    margin: 46px 0 0 0 !important;
    padding-bottom: 15px;
}

@media (max-width: 1030px) {
    .savings-potential-graph p {
        margin: 30px 0 0 0 !important;
    }
}

@media (max-width: 768px) {
    .savings-potential-graph p {
        font-size: 1em !important;
    }
}

.savings-potential-graph.model-a,
.savings-potential-graph.model-b {
    margin-bottom: 10px !important;
}

.savings-potential,
.savings-potential-graph.model-a,
.savings-potential-graph.model-b,
.savings-potential-graph.model-diff {
    color: #666;
}

.savings-potential-graph.model-diff {
    margin-bottom: 40px;
}

.savings-potential-graph.model-a div,
.savings-potential-graph.model-diff div {
    border-bottom: 20px solid #e8e3dc;
}

.savings-potential-graph.model-b div {
    border-bottom: 20px solid #f0eeea;
}

.savings-potential-graph.model-a>div:first-child,
.savings-potential-graph.model-a>div:last-child,
.savings-potential-graph.model-b>div:first-child,
.savings-potential-graph.model-diff>div:first-child {
    border-bottom: none;
}

.savings-potential-graph.model-diff div:last-child {
    border-bottom-color: #0EC3F7;
}

.savings-potential-graph.model-diff>div:first-child p {
    text-align: right;
}

.savings-potential p {
    font-size: 1.2em !important;
    white-space: nowrap;
    line-height: 1.3em !important;
}

@media (max-width: 960px) {
    .savings-potential p {
        font-size: 1em !important;
        white-space: normal;
    }
}

@media (max-width: 1120px) {
    .savings-potential-graph p {
        font-size: 1.8em !important;
    }
}

@media (max-width: 960px) {
    .savings-potential-graph p {
        font-size: 1.2em !important;
    }
}

@media (max-width: 600px) {
    .savings-potential-graph p {
        font-size: 0.9em !important;
        margin-top: 0 !important;
    }
}

/* ------------------------------------------- */
/* -----Valves-------------------------------- */
/* ------------------------------------------- */
.section.valves .image_left_side {
    bottom: 0;
    left: 30px;
    position: absolute;
    width: 30%;
}

.section.valves .image_right_side {
    bottom: 40px;
    max-width: 280px;
    min-width: 130px;
    position: absolute;
    right: 0;
    width: 30%;
}

.proven_water_savers_wrapper .section.valves p {
    position: relative;
    width: 80%;
    z-index: 2;
}

.proven_water_savers_wrapper .section.valves {
    height: auto;
    min-height: 530px;
}

.proven_water_savers_wrapper img.valve {
    bottom: 10px;
    float: right;
    position: absolute;
    right: 0;
}

.proven_water_savers_wrapper .valves .section_name {
    border-bottom: 1px solid #efefef;
}

.proven_water_savers_wrapper .section.valves .warning {
    position: absolute;
    right: 16px;
    top: 52px;
}

.proven_water_savers_wrapper img.hcv {
    bottom: 0px;
    left: 0;
    position: absolute;
}

/* ------------------------------------------- */
/* -----Accu-Sync----------------------------- */
/* ------------------------------------------- */
.proven_water_savers_wrapper .accu-sync .droplet {
    top: 6px;
}

.proven_water_savers_wrapper .section.accu-sync {
    background-image: url("/sites/default/files/images_proven_water_savers/accu-background.jpg");
    background-repeat: no-repeat;
    height: 490px;
    background-size: cover;
}

.proven_water_savers_wrapper .section.accu-sync p {
    width: 75%;
}

.proven_water_savers_wrapper .background_overlay {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    left: 0;
    padding: 32px 20px 20px 20px;
    position: absolute;
    width: 95%;
}

.proven_water_savers_wrapper img.accu-sync {
    position: absolute;
    right: 16px;
    top: 140px;
    width: 23%;
}

.proven_water_savers_wrapper .accu-sync .learn_more {
    margin-left: 10px;
}

.smart .learn_more {
    margin-left: 2px;
}

/* ------------------------------------------- */
/* -----Online Tools-------------------------- */
/* ------------------------------------------- */
.proven_water_savers_wrapper .section.online_tools {
    padding-bottom: 40px;
    padding-top: 20px;
}

.proven_water_savers_wrapper .subsection.middle .bubble {
    text-align: center;
}

.proven_water_savers_wrapper .subsection.right .bubble {
    text-align: right;
}

.proven_water_savers_wrapper .subsection.middle .align_left {
    padding-left: 20px;
}

.proven_water_savers_wrapper .subsection.right .align_left {
    padding-left: 48px;
}

.proven_water_savers_wrapper .go_with_a_pro {
    border-top: 1px solid #9c9896;
    display: inline-block;
    margin: 0px;
    padding: 60px 0 27px;
    width: 100%;
}

.proven_water_savers_wrapper .not_bold {
    font-weight: normal;
}

.proven_water_savers_wrapper .bubble {
    margin-bottom: 26px;
}

.proven_water_savers_wrapper .go_with_a_pro .inner_left {
    border-right: 1px solid #9c9896;
    color: #9c9896;
    display: table-cell;
    float: none;
    font-size: 40px;
    line-height: 45px;
    padding: 20px 30px;
    text-align: right;
    text-transform: uppercase;
    vertical-align: middle;
    width: 50%;
}

.proven_water_savers_wrapper .go_with_a_pro .inner_right {
    display: table-cell;
    float: none;
    font-size: 32px;
    line-height: 38px;
    padding: 20px 30px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 50%;
}

.proven_water_savers_wrapper .go_with_a_pro .inner_right .sero-light {
    font-weight: normal;
}

.proven_water_savers_wrapper .go_with_a_pro a {
    color: #005a87;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.proven_water_savers_wrapper .go_with_a_pro a:hover {
    color: #9c9896;
}

.proven_water_savers_wrapper .go_with_a_pro .icon-chevron-right {
    font-size: 27px;
}

.proven_water_savers_wrapper img {
    width: auto;
}

.link_container_inner {
    display: inline-block;
    text-align: left;
    width: auto;
}

/* Marketing Pages -------------------------------- */
.page-node-38546 ul.marketing-page-toc li a,
.page-node-38321 ul.marketing-page-toc li a,
.page-node-38311 ul.marketing-page-toc li a,
.page-node-38301 ul.marketing-page-toc li a,
.page-node-38821 ul.marketing-page-toc li a {
    width: 400px;
}

.page-node-38546 .modified-field-html-title p,
.page-node-38321 .modified-field-html-title p,
.page-node-38311 .modified-field-html-title p,
.page-node-38301 .modified-field-html-title p,
.page-node-38821 .modified-field-html-title p {
    position: relative;
    top: -32px;
}

.page-node-38546 .large-title,
.page-node-38321 .large-title,
.page-node-38311 .large-title,
.page-node-38301 .large-title,
.page-node-38821 .large-title {
    font-size: 2.5em;
}

.page-node-38821 .large-title {
    font-size: 2em;
    line-height: 1em;
}

.page-node-38821 .modified-field-html-title h1 {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
}

.page-node-38821 .modified-field-html-title p {
    position: relative;
    top: -20px;
}

div#flowsync--flow-monitoring.marketing-page-section,
div#solar-sync--weather-sensor.marketing-page-section {
    padding: 60px 50px 60px 80px;
    width: 830px;
}

#mktg-title-above {
    margin-top: 20px;
}

#mktg-title-below {
    margin-top: 158px;
}

#mktg-title-above,
#mktg-title-below {
    text-align: left;
    font-size: 2.3em;
    line-height: 1em;
    color: #fff;
}

.intro-subtitle {
    font-size: 2em;
    margin-top: 1.5em;
}

/* Sensors - Built to Respond ------------------------------- */
.modified-field-html-title {
    position: absolute;
    right: 4%;
    text-align: right;
    top: 16%;
}

div#solar-sync--weather-sensor.marketing-page-section.format-type-image-left h2.title,
div#soilclik--soil-moisture-sensor.marketing-page-section h2.title {
    margin-top: 0;
}

div#soil-clik--soil-moisture-sensor.marketing-page-section h2.title,
div#flowsync--flow-monitoring.marketing-page-section h2.title {
    margin-top: 20px;
}

div#solar-sync--weather-sensor.marketing-page-section.format-type-image-left img {
    margin: 20px 40px 20px 0;
}

.page-node-39481 .field-name-field-hero-title,
.page-node-42866 .field-name-field-hero-title,
.page-node-42871 .field-name-field-hero-title,
.page-node-43011 .field-name-field-hero-title,
.page-node-42951 .field-name-field-hero-title,
.page-node-43636 .field-name-field-hero-title,
.page-node-44991 .field-name-field-hero-title,
.page-node-42876 .field-name-field-hero-title,
.page-node-45031 .field-name-field-hero-title,
.page-node-45036 .field-name-field-hero-title,
.page-node-44551 .field-name-field-hero-title {
    background-color: #56b9da;
    text-align: center;
    color: #fff;
    padding: 20px;
}

.page-node-39481 .field-name-field-hero-title h1,
.page-node-42866 .field-name-field-hero-title h1,
.page-node-42871 .field-name-field-hero-title h1,
.page-node-43011 .field-name-field-hero-title h1,
.page-node-42951 .field-name-field-hero-title h1,
.page-node-43636 .field-name-field-hero-title h1,
.page-node-44991 .field-name-field-hero-title h1,
.page-node-42876 .field-name-field-hero-title h1,
.page-node-45031 .field-name-field-hero-title h1,
.page-node-45036 .field-name-field-hero-title h1,
.page-node-44551 .field-name-field-hero-title h1 {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.page-node-39481 .field-name-field-hero-title p,
.page-node-42866 .field-name-field-hero-title p,
.page-node-42871 .field-name-field-hero-title p,
.page-node-43011 .field-name-field-hero-title p,
.page-node-42951 .field-name-field-hero-title p,
.page-node-43636 .field-name-field-hero-title p,
.page-node-44991 .field-name-field-hero-title p,
.page-node-42876 .field-name-field-hero-title p,
.page-node-45031 .field-name-field-hero-title p,
.page-node-45036 .field-name-field-hero-title p,
.page-node-44551 .field-name-field-hero-title p {
    color: #fff;
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.page-node-39481 h1.section_title,
.page-node-42866 h1.section_title,
.page-node-42871 h1.section_title,
.page-node-43011 h1.section_title,
.page-node-42951 h1.section_title,
.page-node-43636 h1.section_title,
.page-node-44991 h1.section_title,
.page-node-42876 h1.section_title,
.page-node-45031 h1.section_title,
.page-node-45036 h1.section_title,
.page-node-44551 h1.section_title {
    display: none;
}

.modified-field-html-title h2 small {
    color: #fff;
    font-size: 60%;
    line-height: 0;
}

@media only screen and (max-width: 1040px) {
    .modified-field-html-title {
        position: absolute;
        right: 2%;
        text-align: right;
        top: 11%;
    }
}

@media only screen and (max-width: 860px) {

    .page-node-39481 #mktg-title-above,
    .page-node-39481 #mktg-title-below,
    .page-node-42866 #mktg-title-above,
    .page-node-42866 #mktg-title-below,
    .page-node-42871 #mktg-title-above,
    .page-node-42871 #mktg-title-below,
    .page-node-43011 #mktg-title-above,
    .page-node-43011 #mktg-title-below,
    .page-node-42951 #mktg-title-above,
    .page-node-42951 #mktg-title-below,
    .page-node-44991 #mktg-title-above,
    .page-node-44991 #mktg-title-below,
    .page-node-42876 #mktg-title-above,
    .page-node-42876 #mktg-title-below,
    .page-node-45031 #mktg-title-above,
    .page-node-45031 #mktg-title-below,
    .page-node-45036 #mktg-title-above,
    .page-node-45036 #mktg-title-below,
    .page-node-44551 #mktg-title-above,
    .page-node-44551 #mktg-title-below {
        color: #fff;
        font-size: 2em;
        line-height: 1em;
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {

    .page-node-39481 .field-name-field-hero-title h1,
    .page-node-42866 .field-name-field-hero-title h1,
    .page-node-42871 .field-name-field-hero-title h1,
    .page-node-43011 .field-name-field-hero-title h1,
    .page-node-42951 .field-name-field-hero-title h1,
    .page-node-43636 .field-name-field-hero-title h1,
    .page-node-44991 .field-name-field-hero-title h1,
    .page-node-42876 .field-name-field-hero-title h1,
    .page-node-45031 .field-name-field-hero-title h1,
    .page-node-45036 .field-name-field-hero-title h1,
    .page-node-44551 .field-name-field-hero-title h1 {
        color: #fff;
        font-size: 35px;
        font-weight: bold;
        line-height: 35px;
        margin: 0;
        padding: 0;
        text-transform: none;
    }

    .page-node-39481 .field-name-field-hero-title p,
    .page-node-42866 .field-name-field-hero-title p,
    .page-node-42871 .field-name-field-hero-title p,
    .page-node-43011 .field-name-field-hero-title p,
    .page-node-42951 .field-name-field-hero-title p,
    .page-node-43636 .field-name-field-hero-title p,
    .page-node-44991 .field-name-field-hero-title p,
    .page-node-42876 .field-name-field-hero-title p,
    .page-node-45031 .field-name-field-hero-title p,
    .page-node-45036 .field-name-field-hero-title p,
    .page-node-44551 .field-name-field-hero-title p {
        color: #fff;
        font-size: 22px;
        line-height: 24px;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {

    .page-node-39481 .field-name-field-hero-title h1,
    .page-node-42866 .field-name-field-hero-title h1,
    .page-node-42871 .field-name-field-hero-title h1,
    .page-node-43011 .field-name-field-hero-title h1,
    .page-node-42951 .field-name-field-hero-title h1,
    .page-node-43636 .field-name-field-hero-title h1,
    .page-node-44991 .field-name-field-hero-title h1,
    .page-node-42876 .field-name-field-hero-title h1,
    .page-node-45031 .field-name-field-hero-title h1,
    .page-node-45036 .field-name-field-hero-title h1,
    .page-node-44551 .field-name-field-hero-title h1 {
        color: #fff;
        font-size: 28px;
        font-weight: bold;
        line-height: 28px;
        margin: 0;
        padding: 0;
        text-transform: none;
    }

    .page-node-39481 .field-name-field-hero-title p,
    .page-node-42866 .field-name-field-hero-title p,
    .page-node-42871 .field-name-field-hero-title p,
    .page-node-43011 .field-name-field-hero-title p,
    .page-node-42951 .field-name-field-hero-title p,
    .page-node-43636 .field-name-field-hero-title p,
    .page-node-44991 .field-name-field-hero-title p,
    .page-node-42876 .field-name-field-hero-title p,
    .page-node-45031 .field-name-field-hero-title p,
    .page-node-45036 .field-name-field-hero-title p,
    .page-node-44551 .field-name-field-hero-title p {
        color: #fff;
        font-size: 16px;
        line-height: 18px;
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width: 1040px) {

    .page-node-38546 .modified-field-html-title,
    .page-node-38321 .modified-field-html-title,
    .page-node-38311 .modified-field-html-title,
    .page-node-38301 .modified-field-html-title,
    .page-node-38821 .modified-field-html-title {
        left: 40px;
        position: absolute;
        text-align: left;
        top: 20px;
    }

    .page-node-38546 .modified-field-html-title h1,
    .page-node-38321 .modified-field-html-title h1,
    .page-node-38311 .modified-field-html-title h1,
    .page-node-38301 .modified-field-html-title h1,
    .page-node-38821 .modified-field-html-title h1 {
        color: #fff;
        font-size: 20px;
    }

    .page-node-38546 .medium-title,
    .page-node-38321 .medium-title,
    .page-node-38311 .medium-title,
    .page-node-38301 .medium-title,
    .page-node-38821 .medium-title {
        font-size: 1.5em;
        text-transform: uppercase;
    }

    .page-node-38821 .medium-title {
        font-size: 1em;
    }

    .page-node-38821 .modified-field-html-title p {
        font-size: 1em;
        left: -4px;
        line-height: 3em;
    }

    .page-node-38546 .large-title,
    .page-node-38321 .large-title,
    .page-node-38311 .large-title,
    .page-node-38301 .large-title,
    .page-node-38821 .large-title {
        font-size: 2em;
    }

    .page-node-38546 .modified-field-html-title p,
    .page-node-38321 .modified-field-html-title p,
    .page-node-38311 .modified-field-html-title p,
    .page-node-38301 .modified-field-html-title p,
    .page-node-38821 .modified-field-html-title p {
        position: relative;
        top: -20px;
    }
}

/* Smart Controllers - Marketing Pages ---------------------------- */
#smart-slider {
    background: #3f413c url("http://www.hunterindustries.com/sites/default/files/smart_controller_seo_landing/smart-slider-arrow.png") no-repeat scroll center top;
    height: 570px;
    width: 100%;
    text-align: center;
}

#smart-slider .smart-slider-panes {
    /*float: left;
    */
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

#smart-slider .smart-slider-pane {
    float: left;
    text-align: center;
    width: 40%;
}

#smart-slider .smart-slider-pane.first {
    display: table;
    height: 435px;
    padding: 0% 8% 0;
}

#smart-slider .smart-slider-pane.middle {
    width: 20%;
    margin-top: 175px;
}

#smart-slider .smart-slider-pane.last {
    overflow: hidden;
    position: relative;
}

.smart-slider-pane.last .cover,
#smart-slider .smart-slider-pane.last {
    background: rgba(0, 0, 0, 0) url("http://www.hunterindustries.com/sites/default/files/smart_controller_seo_landing/smart-slider-pane-last-bg.png") no-repeat scroll 0 0;
    display: block;
    height: 435px;
    width: 40%;
}

.smart-slider-pane.last .cover {
    position: relative;
    width: 100%;
    z-index: 3;
}

#smart-slider .smart-slider-pane p,
#smart-slider .smart-slider-footer p {
    color: #fff;
    display: block;
    font-size: 38px;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 0;
}

#smart-slider .smart-slider-pane.middle p {
    font-size: 100px;
    line-height: 110px;
}

#smart-slider .smart-slider-footer {
    border-top: 1px solid #47abd1;
    clear: both;
    margin: 0 auto;
    padding-top: 25px;
    text-align: center;
    width: 100%;
}

#smart-slider .smart-slider-footer p {
    font-size: 32px;
    line-height: 36px;
}

#smart-slider .smart-slider-footer span.hunter-gray {
    font-size: 52px;
    margin-right: 10px;
    position: relative;
    top: 7px;
}

.smart-slider-slide {
    display: block;
    height: 435px;
    left: 0;
    position: absolute;
    top: -435px;
    width: 100%;
}

.smart-slider-slide>img {
    height: 240px;
    width: auto;
}

.smart-slider-slide strong {
    display: block;
    font-size: 38px;
    line-height: 36px;
}

.hunter-gray {
    color: #b7b7b7 !important;
}

#smart-slider .smart-slider-slide p {
    font-size: 18px;
    line-height: 28px;
}

.smart-slider-controls {
    color: white;
    display: inline;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 2;
}

.smart-slider-controls span {
    background: rgba(0, 0, 0, 0) url("http://www.hunterindustries.com/sites/default/files/smart_controller_seo_landing/slider-control-button.png") no-repeat scroll center top;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.smart-slider-controls span.active,
.smart-slider-controls span:hover {
    background: rgba(0, 0, 0, 0) url("http://www.hunterindustries.com/sites/default/files/smart_controller_seo_landing/slider-control-button.png") no-repeat scroll center bottom;
    cursor: pointer;
}

.ad-banner-b {
    background-image: url("http://www.hunterindustries.com/sites/default/files/smart_controller_benefits/solar-sync-benefits-top-banner-2.jpg");
    background-repeat: no-repeat;
    height: 382px;
    width: 100%;
}

.ad-banner-b h1 {
    font-size: 2.5em;
    font-weight: bold;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    margin-right: 10px;
}

.ad-banner-b h2 {
    font-size: 1.25em;
    font-style: italic;
    font-weight: normal;
    position: relative;
    text-align: right;
    margin-right: 10px;
}

.hreset {
    font-size: 1.8em !important;
    font-style: normal !important;
    text-transform: uppercase;
}

.breakline-light-blue {
    background-color: #0ec3f7;
    height: 5px;
    position: relative;
    width: 45px;
}

.breakline-dark-blue {
    background-color: #005a87;
    height: 5px;
    position: relative;
    width: 340px;
}

.box-lightblue {
    background-color: #47abd1;
    float: left;
}

.box-benefits-title {
    background-color: #005a87;
    color: #fff;
    float: left;
    font-size: 1.3em;
    height: 46px;
    margin-bottom: 1em;
    vertical-align: middle;
    width: 96%;
}

.box-benefits-title p {
    line-height: 0 !important;
    padding-left: 10px;
    padding-top: 2px;
}

.box-product-line {
    background-image: url("http://www.hunterindustries.com/sites/default/files/smart_controller_benefits/hunter-dark-blue-background.jpg");
    float: right;
    height: 223px;
    width: 875px;
}

#what #products {
    background-color: #efefef;
    padding: 40px;
}

.feature-1 {
    clear: both;
}

.page-node-36051 .section_title,
.page-node-36061 .section_title,
.page-node-36076 .section_title,
.page-node-36521 .section_title,
.page-node-36531 .section_title,
.page-node-36541 .section_title,
.page-node-36426 .section_title,
.page-node-36431 .section_title {
    display: none;
}

.inner_pane {
    display: table-cell;
    vertical-align: middle;
}

.smart-slider-pane.last .inner_pane {
    display: table-cell;
    padding: 20px 30px;
    vertical-align: middle;
}

.smart-slider-pane.last .inner_pane img {
    max-height: 310px;
    max-width: 250px;
}

.smart-slider-slide.s1 {
    top: 5px;
}

#watersense {
    padding: 50px;
}

#watersense .left_side {
    float: left;
    width: 38%;
}

#watersense .right_side {
    float: right;
    width: 56%;
}

#watersense .left_side img {
    max-width: 200px;
    float: right;
}

#watersense .left_side h3 {
    font-size: 27px;
    margin-top: 0;
    padding-top: 0;
    text-align: right;
}

.hunter-lightblue-bright {
    margin-bottom: 26px;
}

@media only screen and (max-width: 768px) {
    .smart-slider-slide>img {
        height: 155px;
        width: auto;
    }

    #smart-slider .smart-slider-pane p,
    #smart-slider .smart-slider-footer p {
        color: #fff;
        display: block;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
        margin-top: 0;
    }

    #smart-slider .smart-slider-pane.last p {
        font-size: 17px;
        line-height: 17px;
    }

    .smart-slider-slide strong {
        display: block;
        font-size: 30px;
        line-height: 34px;
    }

    #smart-slider .smart-slider-pane.first {
        display: table;
        height: 435px;
        padding: 0 5%;
    }

    .smart-slider-pane.last .cover,
    #smart-slider .smart-slider-pane.last {
        background: rgba(0, 0, 0, 0) url("http://www.hunterindustries.com/sites/default/files/smart_controller_seo_landing/smart-slider-pane-last-bg.png") no-repeat scroll 0 0;
        display: block;
        height: 435px;
        padding: 0 5%;
        width: 40%;
    }

    .smart-slider-pane.last .inner_pane {
        display: table-cell;
        padding: 20px;
        vertical-align: middle;
    }

    #watersense .left_side {
        float: none;
        text-align: center;
        width: 100%;
        clear: both;
    }

    #watersense .left_side h3 {
        font-size: 27px;
        margin-top: 0;
        padding-top: 0;
        text-align: center;
    }

    #watersense .left_side img {
        float: none;
        max-width: 200px;
    }

    #watersense .right_side {
        clear: both;
        float: none;
        margin-top: 40px;
        width: 100%;
    }

    .smart-slider-slide {
        display: table;
    }

    .smart-slider-slide .inner_pane .inner_pane {
        padding: 0;
        display: inline;
    }

    .smart-slider-slide .inner_pane>p {
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {

    #smart-slider .smart-slider-pane p,
    #smart-slider .smart-slider-footer p {
        color: #fff;
        display: block;
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .smart-slider-slide strong {
        display: block;
        font-size: 24px;
        line-height: 24px;
    }

    #watersense {
        padding: 20px;
    }
}

/* ----------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Sections we don't want 100% width images ---------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.page-search404 main img {
    width: auto;
}

.winterizing_pgs main img {
    width: auto;
}

.professionals_resources img {
    width: auto;
}

.section-installers main img {
    width: auto;
}

.marketing-resources_pgs main img {
    width: auto;
}

.section-tools main img {
    width: auto;
}

.section-main main img {
    width: auto;
}

.hunter-photos-display-item img {
    width: auto;
}

/* Water Savings Calculator - Landing Page ------------------------- */
.top_section_bar {
    background-color: #3b3b3b;
    color: #fff;
    padding: 14px;
}

.top_section_bar .version {
    float: left;
    font-size: 14px;
    line-height: 16px;
}

.top_section_bar .launch {
    float: right;
    text-transform: uppercase;
}

.wrapper_wsc .top_section {
    border-bottom: 10px solid #00658a;
    margin-bottom: 80px;
}

.wrapper_wsc .columns .inner {
    border: 1px solid #e6e6e7;
    padding: 40px;
    text-align: center;
}

.wrapper_wsc .columns .inner p {
    text-align: left;
}

.wrapper_wsc .columns .inner h2 {
    color: #00658a;
    font-size: 20px;
    margin-top: 20px;
}

.wrapper_wsc .columns .inner .learn_more {
    text-transform: uppercase;
    color: #00658a;
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 13px;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.wrapper_wsc .columns .inner .learn_more:after {
    color: #00658a;
    content: "→";
    font-family: Arial, sans-serif;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.anchor_space {
    display: inline-block;
    height: 40px;
    width: 100%;
}

.wrapper_wsc .columns {
    float: left;
    padding-left: 0.5375em;
    padding-right: 0.5375em;
    position: relative;
}

.wrapper_wsc .horizontal-rule-title {
    clear: both;
    margin: 100px 0;
    position: relative;
    text-align: center;
}

.wrapper_wsc .horizontal-rule-title h2 {
    background-color: #fff;
    display: inline-block;
    font-family: "Sero", Arial, sans-serif;
    font-size: 28px;
    font-weight: normal;
    margin: 0;
    padding: 0 24px;
    position: relative;
    text-transform: none;
    z-index: 2;
}

.wrapper_wsc .horizontal-rule-title hr {
    border-color: #00658a;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 49%;
    width: 100%;
    z-index: 1;
}

.wrapper_wsc .pipe {
    border-left: 2px solid;
    color: #000;
    float: left;
    height: 31px;
    margin-left: 9px;
    margin-right: 14px;
    position: relative;
    top: 2px;
}

.wrapper_wsc .bold_it {
    display: inline-block;
    font-family: "Sero_bold", Arial, sans-serif;
    text-transform: uppercase;
}

.wrapper_wsc h3 {
    font-size: 18px;
    margin-bottom: 14px;
    margin-top: 30px;
    text-align: center;
}

.wrapper_wsc .large-block-grid-3>li {
    padding: 0 1.5em 5em;
    width: 33.3333%;
}

.launch_box {
    border: 1px solid #000;
    margin-bottom: 100px;
    padding: 0 40px 40px;
    text-align: center;
    margin-top: 100px;
}

.launch_box h2 {
    background-color: #fff;
    display: inline-block;
    font-family: "Sero", Arial, sans-serif;
    margin-bottom: 0;
    max-width: 75%;
    padding: 0 20px;
    position: relative;
    top: -24px;
}

.launch_box .instructions {
    font-style: italic;
    margin-bottom: 50px;
}

.button.launch {
    font-size: 22px;
    margin: 0 50px 40px;
    padding: 20px;
    width: 300px;
    background-color: #0ec3f7;
}

.wrapper_wsc .launch .pipe {
    border-left: 2px solid;
    color: #fff;
    float: left;
    height: 17px;
    margin-left: 9px;
    margin-right: 14px;
    position: relative;
    top: -2px;
}

.launch a {
    color: #0ec3f7;
    margin-left: 6px;
    margin-right: 6px;
}

.for_small {
    display: none;
}

.for_desktop {
    display: block;
}

/* Water Saving Calculator - Videos Page --------------- */
.wsc_navigation {
    border-bottom: 2px solid #00658a;
    border-top: 10px solid #00658a;
    margin-bottom: 65px;
    margin-top: 65px;
    padding-bottom: 6px;
    padding-top: 24px;
}

.wsc_navigation img {
    float: left;
    margin-right: 16px;
    max-height: 32px;
    margin-left: 10px;
    max-width: 45px;
}

.wsc_navigation h2 {
    color: #00658a;
    font-size: 18px;
    line-height: 20px;
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: left;
    position: relative;
    top: 1px;
}

.wsc_navigation a {
    border: 1px solid #e6e6e7;
    display: block;
    padding: 15px;
    width: 100%;
}

.wsc_navigation .inner {
    display: table;
    margin: 0 auto;
}

.wsc_navigation a:hover {
    background-color: #e6e6e7;
}

.wrapper_wsc.tuts .small-block-grid-2.large-block-grid-3 h4 {
    margin-bottom: 15px;
    margin-top: 30px;
    text-align: center;
}

.wrapper_wsc.tuts .small-block-grid-2.large-block-grid-3 li {
    margin-bottom: 70px;
}

.wrapper_wsc.tuts .small-12.large-5.columns>h2 {
    margin-top: 0;
    font-size: 24px;
}

.sub_heading {
    font-family: "Sero_bold", Arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 30px;
    text-transform: uppercase;
    line-height: 20px;
}

.sub_heading_italic {
    font-family: "Sero", Arial, sans-serif;
    margin-bottom: 40px;
    font-style: italic;
    text-transform: uppercase;
}

.wrapper_wsc.tuts h4 {
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
}

.wsc_navigation .last h2 {
    font-size: 14px;
    line-height: 16px;
    position: relative;
    top: 2px;
}

.wsc_navigation .save_app img {
    margin-left: 0;
}

/* Water Saving Calculator - iPad Page --------------- */
.wrapper_wsc.ipad .large-block-grid-3 li h3 {
    background: #2a6486 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 20px 10px 0;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    z-index: 2;
}

.wrapper_wsc.ipad .large-block-grid-3 li h3 span {
    display: block;
    font-size: 20px;
    font-weight: 800;
}

.section-main main .wrapper_wsc_ipad img {
    width: 100%;
}

.wrapper_wsc.ipad .large-block-grid-3 p {
    line-height: 25px;
    margin-bottom: 16px;
}

.wrapper_wsc.ipad .large-block-grid-3.small-block-grid-1 {
    margin-top: 50px;
}

.wrapper_wsc.ipad .image_container {
    background-color: #000;
    text-align: center;
}

.section-main main .wrapper_wsc.ipad .wsc_navigation img {
    width: auto;
}

.wrapper_wsc .panel {
    width: 100%;
    display: inline-block;
}

.wrapper_wsc .last img {
    max-height: 258px;
}

.wrapper_wsc .wsc_navigation .last img {
    max-height: 32px;
}

.et-graphic-inner {
    background-color: #025c89;
}

.top_text {
    color: #fff;
    padding: 40px 50px;
}

.container-seo .top_text h3 {
    color: #fff;
    font-size: 22px;
    margin: 0 auto 40px !important;
    max-width: 400px;
    text-align: center;
}

.stroke_it {
    border: 1px solid #efefef;
    -webkit-box-shadow: 0px 14px 8px -10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 14px 8px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 14px 8px -10px rgba(0, 0, 0, 0.2);
}

#what .feature-1 {
    clear: both;
    background-color: #efefef;
    padding: 50px 30px;
}

.benefits .benefits {
    background-color: #333;
    color: #fff;
    display: block;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.benefits .benefits {
    background-color: #333;
    color: #fff;
    display: block;
    margin: 10px 0;
    padding: 11px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.button_container.button {
    width: 100%;
}

.button_container.button a {
    color: #fff;
    display: block;
    margin-right: 20px;
    position: relative;
    top: 1px;
}

.button_container.button {
    text-align: left;
    margin-top: 20px;
}

.button_container.button.half_right {
    float: right;
    width: 49%;
}

.button_container.button.half_left {
    float: left;
    width: 49%;
}

.button_container.button.gray {
    background-color: #444;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 0px;
}

.button_container .icon-chevron-right {
    float: right;
}

.button_container {
    display: table;
}

.button_container span {
    display: table-cell;
    /*width: 80%;
    */
}

.button_container span.icon-chevron-right {
    display: table-cell;
    float: none;
    text-align: right;
    vertical-align: middle;
    /*width: 20%;
    */
}

.button_container.button.gray.half_left {
    text-align: left;
}

/* Benefits of a smart controller --------------------------------- */
.container-seo.container_what_smart_controller img {
    width: 100%;
}

.SC-product-box img {
    width: auto;
}

.container-seo.container_what_smart_controller .one-half {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}

.container-seo h1,
.container-seo h2,
.container-seo h3,
.container-seo h4,
.container-seo h5,
.container-seo h6 .container-seo p {
    margin: 0 !important;
}

.container-seo .nav {
    position: relative;
    text-align: right;
}

.smart-control-h1 {
    padding-top: 15px;
}

.smart-control-h2 {}

.smart-control-nav {
    margin-top: 40px;
}

@media only screen and (max-width: 758px) {

    .smart-control-h1,
    .smart-control-h2,
    .smart-control-nav {
        padding-right: 20px !important;
    }
}

@media only screen and (max-width: 530px) {}

.container-seo .nav ul {
    list-style: none;
}

.container-seo .nav ul li {}

.container-seo .nav ul li a {
    background: rgba(14, 195, 247, 0.82);
    padding: 13px 50px 13px 20px;
    margin: 2px 0;
    font-size: 1.2em;
    line-height: 1.5em;
    text-decoration: none;
    color: #fff;
    float: right;
    clear: both;
    width: 560px;
    max-width: 100%;
    text-align: right;
    position: relative;
}

@media only screen and (max-width: 644px) {
    .container-seo .nav ul li a {
        width: 100%;
    }

    .ad-banner-b {
        background-image: none;
    }

    .smart-control-h1,
    .smart-control-h2,
    .smart-control-nav {
        padding-right: 0 !important;
    }

    .container-seo h1,
    .container-seo h2 {
        text-align: center;
    }
}

.container-seo .nav ul li a:after,
.container-seo .nav ul li+li+li+li+li a:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 1.5em;
    content: '\e800';
    position: absolute;
    font-size: 0.9em;
    right: 25px;
    top: 37%;
}

.container-seo .nav ul li a:hover {
    background: #2a6486;
}

.container-seo.container_smart_controllers .box-product-line p {
    clear: both;
    font-size: inherit;
    line-height: 20px;
}

.container-seo p {
    clear: both;
    font-size: 1.2em;
    line-height: 2em;
}

.container_smart_controllers .box-product-line {
    background: none;
    float: left;
    height: 223px;
    width: 100%;
    margin: 0px !important;
}

.container_smart_controllers .SC-product-box {
    margin-top: 40px;
}

.container_smart_controllers .SC-product-box>a,
.container_smart_controllers .SC-product-box p {
    padding-left: 50px;
}

.container_smart_controllers .lowercase {
    font-family: "Sero", arial, sans-serif;
    text-transform: none;
}

.container_smart_controllers .bigger {
    font-family: "Sero_bold";
    line-height: inherit;
    margin-right: 4px;
}

.SC-product-box.last {
    margin-right: 0;
}

.SC-product-box p {
    color: white;
    font-size: 15px;
    line-height: 15px;
    margin-top: 16px;
    padding-left: 0.2em;
}

.firts-box {
    margin-left: 7%;
}

.bigger {
    line-height: 2em;
}

.configurator-mkt h1 {
    border-bottom: 1px solid #ccc;
    color: #2a6486;
    display: inline !important;
    font-size: 1.7em;
    line-height: 2em;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.configurator-mkt .center p em {
    font-size: 1.38em;
}

.configurator-mkt .center h3 {
    color: #999;
    font-size: 1.2em;
    margin-top: 1.5em;
    text-transform: uppercase;
}

.configurator-mkt .configurator-button {
    display: inline-block;
}

.configurator-mkt .configurator-button a {
    border-radius: 60px;
    color: #fff !important;
    display: inline-block;
    font-size: 1.7em;
    font-weight: bold;
    height: 120px;
    line-height: 117px;
    margin: 25px;
    text-transform: uppercase;
    width: 120px;
}

.configurator-mkt .configurator-button.first a {
    background: #005487 none repeat scroll 0 0;
}

.configurator-mkt .configurator-button.middle a {
    background: #3f413c none repeat scroll 0 0;
}

.configurator-mkt .configurator-button.last a {
    background: #46abd1 none repeat scroll 0 0;
}

.configurator-mkt p {
    margin: 1em 30px;
}

.configurator-mkt p.intro {
    font-size: 1.23em;
    line-height: 2em;
    margin-bottom: 2em;
}

.configurator-3-column>div {
    background: #f3f3f3 none repeat scroll 0 0;
    float: left;
    margin: 30px 10px;
    min-height: 500px;
    text-align: center;
    width: 30%;
}

.configurator-3-column>div h2,
.configurator-3-column>div p {
    text-align: left;
}

.configurator-3-column>div.first {
    margin-left: 17px;
}

.configurator-3-column>div h2 {
    color: #2a6486;
    font-size: 1.3em;
    margin: 0 30px;
    text-transform: uppercase;
}

.configurator-mkt .section-fade-light,
.configurator-mkt .section-fade-lighter {
    float: left;
}

.configurator-mkt .section-fade-lighter.imms h2,
.configurator-mkt .section-fade-lighter.acc h2,
.configurator-mkt .section-fade-lighter.icore h2 {
    color: #2a6486;
    font-size: 2em;
    margin: 1.5em 30px 1em;
}

.configurator-mkt .section-fade-lighter.imms img,
.configurator-mkt .section-fade-lighter.icore img {
    float: right;
    margin: 10px 20px 30px;
}

.configurator-mkt .section-fade-lighter.acc img {
    float: left;
    margin: 10px 2em 30px 0;
}

.configurator-mkt .section-fade-lighter p.sero {
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 1.5em;
}

.configurator-mkt .section-fade-lighter.imms img {
    position: relative;
    top: -40px;
}

.configurator-mkt .section-fade-lighter.imms p {
    margin-top: 5em;
}

.configurator-mkt .section-fade-lighter.imms p.sero {
    margin-top: 1em;
}

.configurator-mkt .section-fade-lighter.imms .action-button,
.configurator-mkt .section-fade-lighter.icore .action-button {
    margin: 1em 30px;
}

.container-seo.container_smart_controllers .row img {
    width: 100%;
}

.container-seo.container_smart_controllers .box-benefits-title p {
    line-height: inherit !important;
    margin: 0;
    padding: 16px 16px 14px 20px;
}

.container-seo.container_smart_controllers .box-benefits-title {
    background-color: #005a87;
    border-left: 15px solid #47abd1;
    color: #fff;
    float: left;
    font-family: "Sero_bold", Arial, sans-serif;
    font-size: 24px;
    height: auto;
    margin-bottom: 20px;
    vertical-align: middle;
    width: 100%;
}

.container-seo.container_smart_controllers p {
    clear: both;
    font-size: inherit;
    line-height: 30px;
}

.container-seo.container_smart_controllers .small-12.large-6.columns {
    margin-bottom: 80px;
}

.feature-1.gray_bg {
    background-color: #efefef;
    padding: 40px;
}

.container_smart_controllers .inner_text {
    padding-right: 6%;
    position: relative;
    top: 27%;
}

.container_smart_controllers .inner_text h2.hreset {
    font-family: "Sero", Arial, sans-serif;
}

.container-seo.container_smart_controllers .box-product-line {
    background-color: #005b88;
    background-image: none;
    float: left;
    height: auto;
    margin-bottom: 60px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100%;
}

.inner_text.for_small {
    background-color: #efefef;
    padding: 40px;
}

.inner_text.for_small .lowercase {
    font-size: 16px;
    font-style: italic;
}

.container_smart_controllers .inner_text.for_small h2.hreset {
    font-family: "Sero", Arial, sans-serif;
    font-size: 22px !important;
}

.inner_text.for_small h1 {
    border-bottom: 5px solid;
    display: block;
    margin-bottom: 20px !important;
    margin-top: 5px !important;
}

.page-node-36056 h1.section_title,
.page-node-36066 h1.section_title,
.page-node-36436 h1.section_title,
.page-node-36526 h1.section_title,
.page-node-36536 h1.section_title,
.page-node-36546 h1.section_title,
.page-node-36471 h1.section_title,
.page-node-36776 h1.section_title {
    display: none;
}

@media only screen and (max-width: 1080px) {
    .wsc_navigation h2 {
        font-size: 14px;
        line-height: 16px;
    }

    .wsc_navigation .last h2 {
        font-size: 12px;
        line-height: 14px;
    }

    .wsc_navigation a {
        padding: 15px 10px;
    }
}

@media only screen and (max-width: 840px) {
    .wsc_navigation h2 {
        font-size: 14px;
        line-height: 16px;
    }

    .wsc_navigation img {
        float: left;
        margin-right: 16px;
        max-height: 30px;
        max-width: 45px;
    }
}

@media only screen and (max-width: 768px) {
    .launch_box {
        border: 1px solid #000;
        margin-bottom: 50px;
        margin-top: 50px;
        padding: 0 40px 40px;
        text-align: center;
    }

    .top_section_bar {
        background-color: #3b3b3b;
        color: #fff;
        padding: 0;
    }

    .top_section_bar .launch {
        float: none;
        text-transform: uppercase;
        width: 100%;
    }

    .wsc_navigation .save_app img {
        margin-left: 10px;
    }

    .launch_right {
        float: right;
        padding: 16px;
        width: 50%;
        text-align: center;
        border-left: 1px solid #fff;
    }

    .launch_left {
        text-align: center;
        float: left;
        padding: 16px;
        width: 50%;
    }

    .wrapper_wsc .top_section {
        border-bottom: 10px solid #00658a;
        margin-bottom: 20px;
    }

    .launch a {
        margin: 0px;
    }

    .for_desktop {
        display: none;
    }

    .for_small {
        display: block;
    }

    .wrapper_wsc .columns {
        float: left;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        position: relative;
        margin-bottom: 20px;
    }

    .wrapper_wsc.start .large-block-grid-3>li {
        text-align: center;
    }

    .wrapper_wsc .large-block-grid-3>li {
        padding: 0 0.5em 3em;
        width: 100%;
    }

    .wrapper_wsc .pipe {
        display: none;
    }

    .wrapper_wsc .horizontal-rule-title {
        border-bottom: 1px solid #e6e6e7;
        border-top: 1px solid #e6e6e7;
        clear: both;
        margin: 20px 0 40px;
        padding-bottom: 30px;
        padding-top: 30px;
        position: relative;
        text-align: center;
    }

    .section-main main .large-block-grid-3 img {
        width: 100%;
    }

    .top_section_bar .version {
        display: none;
        float: left;
        font-size: 14px;
        line-height: 16px;
    }

    .white_and_bold {
        color: #fff;
        font-family: "Sero_bold", Arial, sans-serif;
        margin-right: 8px;
    }

    .launch a:hover {
        background-color: #333;
    }

    .wrapper_wsc .columns .for_small a {
        border: 1px solid #e6e6e7;
        display: block;
        padding: 15px 30px;
    }

    .wrapper_wsc .for_small .wsc_icon {
        float: left;
        max-height: 50px;
    }

    .wrapper_wsc .for_small a h2 {
        color: #00658a;
        margin: 0;
        line-height: 50px;
        position: relative;
        left: -3%;
    }

    .wrapper_wsc .for_small a {
        text-align: center;
    }

    .wrapper_wsc .small-block-grid-2 p {
        text-align: left;
    }

    .wrapper_wsc .columns .for_small a:hover {
        background-color: #e6e6e7;
    }

    .for_small.version {
        background-color: #00658a;
        color: #fff;
        font-size: 12px;
        padding: 12px 10px 0;
    }

    .wsc_navigation {
        border-bottom: medium none;
        border-top: medium none;
        margin-bottom: 30px;
        margin-top: 20px;
        padding-top: 25px;
    }

    .wsc_navigation .last h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .wsc_navigation .last h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .wsc_navigation .inner {
        display: table;
        margin: 0 auto;
        width: 100%;
    }

    .wsc_navigation img {
        float: left;
        margin-left: 10px;
        margin-right: 30px;
        max-height: 45px;
    }

    .wsc_navigation h2 {
        float: none;
        font-size: 18px;
        line-height: 20px;
        text-align: left;
        width: 70%;
    }

    .section-main main .large-block-grid-3 img {
        width: auto;
    }

    .wrapper_wsc .last img {
        max-height: 100%;
    }

    .wrapper_wsc .wsc_navigation .last img {
        max-height: 100%;
    }

    .wrapper_wsc.ipad .large-block-grid-3 p {
        line-height: 25px;
        margin-bottom: 5px;
    }

    .button_container.button.half_left {
        float: left;
        width: 100%;
    }

    .button_container.button.half_right {
        float: right;
        width: 100%;
    }

    .button_container.button {
        text-align: left;
    }

    .button_container.button.gray {
        text-align: left;
    }

    .container-seo.container_smart_controllers .box-benefits-title p {
        font-size: 1em;
        line-height: inherit !important;
        margin: 0;
        padding: 16px 16px 14px 20px;
    }
}

@media only screen and (max-width: 520px) {
    .wsc_navigation .last h2 {
        font-size: 13px;
        line-height: 16px;
    }

    .wsc_navigation h2 {
        float: none;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        width: 70%;
    }

    .wsc_navigation a {
        padding: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .launch a {
        font-size: 13px;
    }

    .wrapper_wsc .columns .inner {
        border: 1px solid #e6e6e7;
        padding: 15px 30px;
        text-align: center;
    }

    .wsc_navigation .inner {
        display: table;
        margin: 0 auto;
        width: 100%;
    }

    .wrapper_wsc .columns .inner p {
        display: none;
    }

    .wrapper_wsc .columns .wsc_icon {
        float: left;
        max-height: 45px;
        position: relative;
        top: 2px;
    }

    .wrapper_wsc .columns .inner .learn_more {
        display: none;
    }

    .wrapper_wsc .horizontal-rule-title h2 {
        background-color: #fff;
        display: inline-block;
        font-family: "Sero", Arial, sans-serif;
        font-size: 20px;
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        text-transform: none;
        z-index: 2;
    }

    .wrapper_wsc .bold_it {
        display: inline-block;
        font-family: "Sero_bold", Arial, sans-serif;
        margin-top: 10px;
        text-transform: uppercase;
    }

    .launch_box {
        border: 1px solid #000;
        margin-bottom: 60px;
        margin-top: 50px;
        padding: 0 20px 40px;
        text-align: center;
    }

    .button.launch {
        font-size: 18px;
        margin: 10px;
        padding: 20px;
        width: 230px;
    }

    .launch_box .bold_it {
        display: block;
        font-size: 34px;
        margin-bottom: 10px;
    }

    .launch_box h2 {
        background-color: #fff;
        display: inline-block;
        font-family: "Sero", Arial, sans-serif;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0;
        max-width: 75%;
        padding: 0 10px;
        position: relative;
        top: -24px;
    }

    .wrapper_wsc .for_small a h2 {
        color: #00658a;
        margin: 0;
        line-height: 50px;
        position: relative;
        left: -3%;
        font-size: 18px;
    }

    .launch_it {
        height: 0px;
    }

    .wsc_navigation .small-block-grid-2>li {
        width: 100%;
    }

    .wsc_navigation h2 {
        position: relative;
        text-align: left;
        width: 70%;
        padding: 1px;
    }

    .wsc_navigation .last h2 {
        font-size: 16px;
        line-height: 18px;
    }

    .container-seo.container_smart_controllers p {
        clear: both;
        font-size: 16px;
        line-height: 28px;
    }

    .container_smart_controllers .SC-product-box a,
    .container_smart_controllers .SC-product-box p {
        padding-left: 3%;
    }

    .container_smart_controllers .feature-1.gray_bg {
        background-color: #efefef;
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {

    .video-library-series-prev-next-links .next-link,
    .video-library-series-prev-next-links .prev-link {
        background-color: #00658a;
        border-radius: 5px;
        color: #fff;
        font-size: 10px;
        padding: 10px 3px;
        text-transform: uppercase;
    }
}

/* ----------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Small Desktop Styles (768px to 1024px) 
/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* ----------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tagline {
        display: none;
    }

    .megamenu-parent-title a {
        font-size: 14px;
    }

    .megamenu-slot ul.megamenu-items {
        list-style-position: inside;
        /*this is important addition*/
        margin-right: 40px;
        float: left;
    }

    .megamenu-menu li .megamenu-bin .megamenu-slot.last {
        margin-right: 0;
    }

    /* PRODUCTS */
    /* Products > Residential / Commercial Irrigation */
    .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0 {
        width: 49%;
    }

    /* Products > Golf */
    .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-1 {
        width: 18%;
    }

    /* Products > Golf */
    .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-2 {
        width: 23%;
    }

    /* PROFESSIONALS */
    /* Professionals > Professional Programs */
    .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-0 {
        width: 20.7%;
    }

    /* Professionals > Tools and calculators */
    .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1 {
        width: 20.7%;
    }

    /* Professionals > Design resources */
    .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-2 {
        width: 48%;
    }

    .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-2 .megamenu-items:last-child {
        margin-right: 0;
    }

    /* GOLF */
    /* Applies to all megamenu slots in Golf */
    .megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot {
        width: 21%;
    }

    /* HOMEOWNERS */
    /* Applies to all megamenu slots in Homeowners */
    .megamenu-menu li.leaf-3 .megamenu-bin .megamenu-slot {
        width: 30%;
    }

    .site_studies_row .site_studies_body {
        display: none;
    }

    .site_studies_row .site_studies_title a {
        font-size: 15px;
        line-height: 20px;
    }

    .hunter_headlines_row .read_all {
        margin-right: 5px;
        width: 47.2%;
    }

    .site_studies_row .right_part_inner {
        margin: 20px 20px auto 20px;
        max-width: none;
    }

    .slick-prev,
    .slick-next {
        top: 34%;
    }

    .node-type-video-library .video-library-related-video .video-library-image,
    .node-type-video-library .video-library-related-video .video-library-image img,
    .view-display-id-video_library_related_videos .views-row .views-field-nothing,
    .view-display-id-video_library_related_videos .views-row .views-field-nothing img,
    #node_product_full_group_videos .video-library-related-video .video-library-image,
    #node_product_full_group_videos .video-library-related-video .video-library-image img {
        float: left;
        height: auto;
        max-width: 150px;
        width: 100%;
        margin-right: 10px;
    }

    .view-display-id-video_library_related_videos .views-row,
    #node_product_full_group_videos .video-library-related-video {
        background: #e4e4e4 none repeat scroll 0 0;
        padding: 10px;
        position: relative;
        width: 100%;
    }

    .video-library-related-video,
    .view-display-id-video_library_related_videos .views-row,
    #node_product_full_group_videos .video-library-related-video {
        float: left;
        margin-left: 0px;
    }

    .node-type-video-library .video-library-related-video {
        margin-left: 2.6%;
    }

    .node-type-video-library .video-library-related-video a.video-library-result-link {
        font-size: 12px;
    }

    .node-type-video-library .video-library-related-video .video-library-image {
        margin-bottom: 10px;
    }

    #node_product_full_group_videos .video-library-related-video {
        min-height: 0;
    }

    .view-display-id-video_library_related_videos .views-row .views-field-nothing,
    #node_product_full_group_videos .video-library-related-video .video-library-image {
        margin-bottom: 0px;
    }

    /* .slide_text {
         color: #fff;
         font-size: 20px;
         left: 11%;
         line-height: 20px;
         position: absolute;
         text-transform: uppercase;
         top: 12%;
         width: 13%;
    }
     */
    .block-addthis-addthis .content a {
        font-size: 13px;
        text-align: center;
    }

    /* .translation-set-links-title {
         padding: 10px 2px 8px;
         text-align: center;
    }
     */
    /* Product Right Sidebar translate and share buttons ------------------ */
    .product-right-sidebar .block-addthis-addthis .content .icon-share::before {
        float: none;
        font-size: 19px;
        position: relative;
        top: -1px;
        margin-left: 0;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .product-right-sidebar .translation-set-links-title.icon-globe::before {
        font-size: 19px;
        margin-right: 10px;
        position: relative;
        top: -2px;
        vertical-align: middle;
    }

    .product-right-sidebar .block-addthis-addthis .content a {
        padding: 13px 10px 10px;
    }

    .product-right-sidebar .translation-set-links-title {
        font-size: 13px;
    }

    .product-right-sidebar .translation-set-links-title.icon-globe {
        padding: 10px 10px 6px;
    }

    /* -------------------------------------------------------------- */
    #node_product_full_group_videos .video-library-related-video a.video-library-result-link {
        font-size: 14px;
    }

    #modalLanguage .col1,
    #modalLanguage .col2 {
        border-bottom: 1px solid #ccc;
    }

    #modalLanguage .col1,
    #modalLanguage .col2,
    #modalLanguage .col3 {
        width: 100%;
        text-align: center;
    }

    #modalLanguage .col1 {
        padding-left: 0px;
        padding-bottom: 16px;
    }

    #modalLanguage .col2 {
        padding-bottom: 16px;
    }

    .choose_title_container {
        border-bottom: 1px solid;
        margin-bottom: 14px;
        text-align: center;
    }

    .page-node-295 .field-name-field-chart table {
        border-collapse: collapse;
        border-color: #999999;
        border-spacing: 0;
        border-width: 1px;
        font-family: arial;
        font-size: 0.75em;
        line-height: 1.4em;
    }

    /* .large-4.columns{
         width: 50%;
    }
     */
    .section-professional-contractor-referral-form .large-4.columns {
        width: 33%;
    }

    .resources_row .large-4.columns {
        width: 33%;
    }

    .section-support .field-name-field-section-menu ul.menu>li>a,
    .section-support .field-name-field-section-menu ul.menu>li>.text-item {
        color: #00658a;
        display: block;
        font-family: "Sero", Arial, verdana, sans-serif;
        font-size: 15px;
        padding: 15px 25px 15px 0;
        width: 100%;
    }

    #block-hunter-support-support-section-node-menu-block .block-title {
        font-size: 15px;
    }

    #block-hunter-support-support-section-node-menu-block .block-title::before {
        font-size: 18px;
    }

    .section-support .field-name-field-section-menu ul.menu li.has-children li a,
    .section-support .field-name-field-section-menu ul.menu li.has-children li .text-item {
        color: #00658a;
        display: block;
        font-family: "Sero", Arial, verdana, sans-serif;
        font-size: 15px;
        padding: 15px 10px 15px 0;
        width: 100%;
    }

    .section-support .field-name-field-section-menu ul.menu li.has-children li a.active,
    .section-support .field-name-field-section-menu ul.menu li.has-children li .text-item.active,
    .section-support .field-name-field-section-menu ul.menu li a.active,
    .section-support .field-name-field-section-menu ul.menu li .text-item.active,
    .section-support .field-name-field-section-menu ul.menu li.has-children li a.active,
    .section-support .field-name-field-section-menu ul.menu li.has-children li .text-item.active {
        font-family: "Sero_bold", Arial, sans-serif;
    }

    .video-library-result .video-library-image {
        float: left;
        height: auto;
        margin-right: 10px;
        position: relative;
        width: 200px;
        z-index: 1;
    }

    .video-library-published-date {
        bottom: 5px;
        left: 0;
        position: absolute;
    }

    /* .field-name-field-youtube-id iframe {
         height: 100%;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
         z-index: 2;
    }
     */
    /* Container for video div */
    .node-type-vl-landing .field-name-field-youtube-id {
        background: #000 none repeat scroll 0 0;
        height: 0;
        padding-bottom: 56.23%;
        position: relative;
        width: 100%;
    }

    /* Within container div, target iframe */
    .field-name-field-youtube-id iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .view-video-library-views .view-content {
        margin-left: 0px;
    }

    .view-display-id-video_products_featured.view-id-video_library_views .views-row {
        width: auto;
    }

    #block-system-main.list-view .hunter-resource-display-languages .hunter-resource-display-language {
        width: 48%;
    }

    .node-type-video-library .field-name-field-youtube-id {
        clear: both;
        margin-bottom: 10px;
        padding-bottom: 56.23%;
        position: relative;
        width: 100%;
    }

    .view-id-video_library_views .views-row {
        width: 22.9%;
    }

    .view-id-video_library_views .views-row {
        float: left;
        margin-left: 2.8%;
    }

    .view-id-video_library_views .views-row.views-row-first {
        margin-left: 0;
    }

    .node-type-video-library .view-id-video_library_views .views-row.views-row-first {
        margin-left: 0px;
    }

    .node-type-video-library .view-display-id-video_products_featured img {
        width: auto;
        height: auto;
    }

    .node-type-video-library .view-display-id-video_products_featured.view-id-video_library_views .views-row {
        width: 100%;
    }

    #node_support_document_full_group_video .field-name-field-related-video-single .video-has-series .body.field {
        display: inline-block;
        margin-bottom: 250px;
        padding-top: 20px;
        width: 68%;
    }

    .contact_inner .inner>a {
        color: #fff;
        display: inline-block;
        float: none;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 15px;
        margin-bottom: 30px;
        margin-top: 40px;
        max-width: 200px;
        text-align: left;
        text-transform: uppercase;
    }

    .contact_inner .inner h3 {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 36px;
    }

    .subscribe_text {
        color: #3b3b3b;
        display: table-cell;
        font-size: 18px;
        font-style: italic;
        line-height: 31px;
        padding-left: 40px;
        padding-right: 40px;
        vertical-align: middle;
    }

    .newsletter_icon::after {
        font-size: 90px;
    }

    .contact_inner .inner .tablet_title_and_link .link_text {
        color: #fff;
        display: inline-block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        max-width: 200px;
        text-align: left;
        text-transform: uppercase;
    }

    .contact_inner .inner {
        min-height: 0px;
        text-align: center;
    }

    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>.text-item {
        color: #000;
        font-size: 22px;
        padding: 0 10px 10px 0;
    }

    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li.has-children>a::after,
    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li.has-children>.text-item::after {
        display: none;
    }

    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li.has-children {
        border-bottom: 1px solid #ccc;
        padding: 27px 0 30px;
    }

    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>a,
    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>.text-item,
    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>ul li.last a,
    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>ul li.last .text-item {
        border: none;
    }

    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>a,
    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>.text-item {
        padding: 0;
    }

    .section-support .inline_support_menu .field-name-field-section-menu ul.menu>li>a {
        color: #47abd1;
    }

    .section-support .inline_support_menu .welcome-page-link.active {
        display: none !important;
    }

    .section-support .inline_support_menu .field-name-field-section-menu ul.menu li.has-children li a,
    .section-support .inline_support_menu .field-name-field-section-menu ul.menu li.has-children li .text-item {
        color: #47abd1;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 880px) {
    .page-documents .slideout-menu .block-title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) {
    .tagline {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {

    .current-search-results-total,
    .search-results-label {
        width: 100%;
    }
}

@media only screen and (max-width: 1080px) {

    #node-28046 .field-name-field-chart table tr th,
    #node-28046 .field-name-field-chart table tr td {
        font-size: 0.65em;
    }

    #block-hunter-support-support-section-node-menu-block .block-title {
        font-size: 15px;
    }

    .section-support .field-name-field-section-menu ul.menu>li>a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 960px) {
    .comparison-chart.responsive.sensors .comparison_chart_blurb {
        display: none;
    }
}

@media only screen and (max-width: 870px) {
    .site_studies_row h2 {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:1101px) and (max-width:1140px) {
    .megamenu-menu .megamenu-parent {
        margin-left: 20px;
        margin-right: 20px;
        position: static;
    }
}

@media only screen and (max-width: 843px) {
    .megamenu-menu .megamenu-parent {
        margin-left: 20px;
        margin-right: 20px;
        position: static;
    }
}

/* ------------------------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Mobile Styles (Below 768px) 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .node-type-product .spec-builder.column-count-4 .columns {
        width: 100%;
        display: block;
        margin-top: 1em;
    }

    .node-type-product .spec-builder.column-count-3 .columns {
        width: 100%;
        display: block;
        margin-top: 1em;
    }

    .node-type-product .spec-builder.column-count-2 .columns {
        width: 100%;
        display: block;
        margin-top: 1em;
    }

    .node-type-product .spec-builder.column-count-1 .columns {
        width: 100%;
        display: block;
    }

    .mobile-only {
        display: block !important;
    }

    .show_for_desktop {
        display: none;
    }

    .top_bar_1 {
        display: none;
    }

    .fixed {
        position: static;
        top: 0;
        left: 0;
    }

    .mobile-logo-oc img {
        margin: 0 auto;
        width: 100px;
    }

    header {
        background: rgba(0, 112, 150, 1) url("/sites/all/themes/hunter_responsive/images/bg_header.jpg") no-repeat scroll 0 0;
        height: 50px;
        margin: 0 auto;
        width: 100%;
        z-index: 1000;
    }

    .golf_products header {
        background: rgba(0, 112, 150, 1) url("/sites/all/themes/hunter_responsive/images/bg_header_golf.jpg") no-repeat scroll 0 0;
        height: 50px;
        margin: 0 auto;
        width: 100%;
        z-index: 1000;
    }

    .page-product-line-golf-rotors header,
    .page-golf header,
    .golf_products header {
        height: 50px;
    }

    .mobile_utility {
        background-color: #3b3b3b;
    }

    .mobile_utility .language_selector {
        border-right: 1px solid #fff;
        color: #fff;
        font-family: "Sero_bold", Arial, sans-serif;
        text-align: center;
        width: 50%;
        text-transform: uppercase;
    }

    .mobile_utility .login_logout {
        color: #fff;
        float: left;
        font-family: "Sero_bold", Arial, sans-serif;
        text-align: center;
        width: 50%;
    }

    /* Hides Log Out Button */
    #secondary-menu-links li.menu-15.last {
        display: none;
    }

    #secondary-menu li.menu-2 a {
        padding: 7px 20px;
    }

    .top-bar-section ul li>a {
        background-color: #3b3b3b;
    }

    .top-bar-section ul li>a {
        padding: 5px 12px;
    }

    #secondary-menu {
        display: inline-block;
        float: left;
        height: 45px;
        margin-right: 0;
        width: 50%;
    }

    #secondary-menu a {
        color: #fff;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 13px;
        line-height: 33px;
        text-transform: uppercase;
        font-size: 16px;
    }

    #secondary-menu-links li {
        display: block;
        width: 100%;
        text-align: center;
    }

    .off-canvas-wrap .tab-bar .right-small .search-icon {
        border: none;
    }

    .right-off-canvas-menu button.columns {
        position: absolute;
    }

    .resources_row .columns:nth-child(2) {
        margin: 100px 0;
    }

    .hunter_headlines_row .read_all.bottom {
        display: block;
    }

    .hunter_headlines_row .read_all.top {
        display: none;
    }

    .hunter_headlines_row .inner {
        position: static;
    }

    .content .node-video-library {
        margin-top: 12px;
    }

    /* This is so that when the mobile slider first loads it won't show all of the slides, only once the slider is initialized! */
    /* To Re-enable slick slide, uncomment these lines */
    /*.home_slider_mobile {
         display: none;
    }
    */
    /*.home_slider_mobile.slick-initialized {
         display: block;
    }
    */
    .home_accordion {
        display: none;
    }

    .front .front_user_type {
        display: none;
    }

    .sub_header {
        display: none;
    }

    .slick-dots li {
        float: left;
        height: 10px;
        list-style: outside none none;
        margin-right: 20px;
        width: 10px;
    }

    .home_slider_mobile li button {
        background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
        border: 2px solid #cfcfcf;
        border-radius: 16px;
        box-shadow: none;
        color: transparent;
        display: block;
        height: 15px;
        margin: 0;
        padding: 0;
        width: 15px;
    }

    .home_slider_mobile li.slick-active button {
        background-color: #0d6d90;
        border-color: #0d6d90;
    }

    .slick-dots {
        bottom: 10px;
        left: 43%;
        margin: 0 auto;
        position: absolute;
        width: auto;
    }

    /* Footer --------------------------- */
    #feedbackify {
        display: none;
    }

    .footer.large-12.columns {
        display: none;
    }

    .footer_accordion {
        display: block;
    }

    .l-footer.panel.row {
        padding: 0;
    }

    .l-footer .block .menu-accordion>div>ul>li>a,
    .l-footer .block .menu-accordion>div>ul>li>.text-item {
        background: #3b3b3b none repeat scroll 0 0;
    }

    .l-footer .block .menu-accordion ul,
    .l-footer .block .menu-accordion ul>li,
    .l-footer .block .menu-accordion ul>li a,
    .l-footer .block .menu-accordion ul>li>ul,
    .l-footer .block .menu-accordion ul>li>ul>li,
    .l-footer .block .menu-accordion ul>li>ul>li a,
    .l-footer .block .menu-accordion ul>li>ul>li .text-item {
        background-color: #3b3b3b;
        display: block;
        width: 100%;
    }

    .l-footer .menu li.expanded>a,
    .l-footer .menu li.expanded>.text-item {
        margin-bottom: 0px;
    }

    .l-footer .menu li.last.expanded>a,
    .l-footer .menu li.last.expanded>.text-item {
        margin-top: 0;
        padding-bottom: 14px;
        top: 0;
    }

    .copyright_row {
        background-color: #fff;
        color: #cfcdcb;
        float: left;
        font-family: "Sero_bold", Arial, sans-serif;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        width: 100%;
    }

    /* Hunter Headlines ---------------- */
    .site_studies_row .site_studies_read_all a:hover {
        background-color: #2ba6cb;
        border: none;
        color: #fff;
    }

    .hunter_headlines_row .read_all {
        width: 100%;
    }

    .hunter_headlines_row .read_all {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .hunter_headlines_row .read_all {
        padding: 20px 18px;
    }

    .hunter_headlines_row h2 {
        text-align: center;
        margin-top: 40px;
    }

    .hunter_headlines_row .headlines_title {
        font-size: 16px;
        font-family: "Sero_bold", Arial, sans-serif;
        line-height: 20px;
        margin-bottom: 8px;
        margin-top: 0;
    }

    .hunter_headlines_row .icon-chevron-right::before {
        margin-left: 10px;
    }

    .hunter_headlines_row .read_all .icon-chevron-right {
        position: relative;
        top: 0;
    }

    .hunter_headlines_row .headlines_body {
        font-size: 14px;
    }

    .hunter_headlines_row .views-row {
        border-bottom: 1px solid #cfcdcb;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .hunter_headlines_row .views-row.views-row-3 {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* ------------------------------------ */
    .resources_row_outer {
        display: none;
    }

    /* Site Studies ---------------- */
    .site_studies_row {
        background-color: #fff;
        margin-top: 22px;
    }

    .site_studies_row .left_part {
        float: left;
        width: 100%;
    }

    .site_studies_row .left_part h2 {
        display: block;
        color: #47abd1;
        text-align: center;
    }

    .site_studies_row .right_part h2 {
        display: none;
    }

    .site_studies_row .right_part {
        float: left;
        max-width: 100%;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .site_studies_row .right_part_inner {
        max-width: none;
        margin: 0px;
        height: 140px;
        position: relative;
    }

    .site_studies_row .site_studies_body {
        display: none;
    }

    .site_studies_row .site_studies_title {
        margin: 40px 30px 40px 30px;
    }

    .site_studies_read_more {
        position: relative;
        bottom: 0px;
        right: 0px;
        margin-bottom: 40px;
        display: block;
    }

    .site_studies_read_all {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .site_studies_read_more {
        bottom: 30px;
        right: 18px;
    }

    .site_studies_row .right_part img {
        display: none;
    }

    .site_studies_row .site_studies_read_all a {
        padding: 20px 18px;
    }

    .site_studies_read_all .icon-chevron-right {
        top: 20px;
    }

    .site_studies_row .site_studies_title a {
        font-size: 18px;
    }

    .site_studies_title {
        margin-bottom: 10px;
    }

    .site_studies_read_more a {
        color: #7e7c79;
    }

    /* ---------------------------- */
    .copyright a {
        color: #cfcdcb;
        font-family: "Sero_bold", Arial, sans-serif;
    }

    .copyright_row {
        height: auto;
        line-height: 20px;
        padding: 10px;
        font-size: 14px;
    }

    .home_hero_container {
        display: none;
    }

    .home_hero_container_mobile {
        display: block;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li {
        width: 100%;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list {
        border-right: none;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li {
        border-right: none;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected {
        margin-top: 0;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.first.selected {
        margin-top: 0;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li {
        background: #f4f2f1 none repeat scroll 0 0;
        border-right: 1px solid #cfcdcb;
        float: left;
        margin: 0;
        min-width: 5em;
        padding: 0 1px 1px;
        text-transform: uppercase;
        display: block;
        text-align: left;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list {
        border-top: 3px solid #cfcdcb;
        display: table;
    }

    .node-type-product .large-3.push-9.columns {
        display: none;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li {
        background: #fff none repeat scroll 0 0;
        border-bottom: 1px solid #cfcdcb;
        border-right: medium none;
        float: none;
        margin: 0;
        min-width: 5em;
        padding: 0;
        text-align: left;
        text-transform: uppercase;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected {
        background-color: #fbfaf9;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #cfcdcb;
        padding: 0;
    }

    .product_name_and_quick_specs,
    .product_name_and_quick_specs .title,
    .region-product-image,
    .region-post-product-image,
    .field-name-field-product-tag-line h3 {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .product_name_and_quick_specs .title {
        margin: 20px 0 0 0;
    }

    #block-product-quick-specs {
        padding-left: 0;
        padding-top: 12px;
    }

    #selector .icon-play-after::after {
        font-size: 18px;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list {
        border: none;
    }

    article.node-advanced-feature .image {
        max-height: 350px;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected.last {
        border-right: none;
    }

    .horizontal-tabs ul.horizontal-tabs-list li a {
        color: #00658a;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected a.current {
        color: #fff;
    }

    .horizontal-tabs ul.horizontal-tabs-list .selected strong {
        color: #3b3b3b;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li {
        padding: 0px;
    }

    #node_product_full_group_videos .video-library-related-video {
        cursor: pointer;
        margin-bottom: 15px;
        width: 100%;
    }

    .video-library-related-video,
    .view-display-id-video_library_related_videos .views-row,
    #node_product_full_group_videos .video-library-related-video {
        float: left;
        margin-left: 0px;
    }

    .node-type-video-library .video-library-related-video .video-library-image,
    .node-type-video-library .video-library-related-video .video-library-image img,
    .view-display-id-video_library_related_videos .views-row .views-field-nothing,
    .view-display-id-video_library_related_videos .views-row .views-field-nothing img,
    #node_product_full_group_videos .video-library-related-video .video-library-image,
    #node_product_full_group_videos .video-library-related-video .video-library-image img {
        float: left;
        height: auto;
        max-width: 150px;
        width: 100%;
        margin-right: 10px;
    }

    #node_product_full_group_videos .video-library-related-video {
        min-height: 0;
    }

    .view-display-id-video_library_related_videos .views-row .views-field-nothing,
    #node_product_full_group_videos .video-library-related-video .video-library-image {
        margin-bottom: 0px;
    }

    .back_up {
        display: block;
    }

    table tr th,
    table tr td {
        color: #3b3b3b;
        font-size: 0.775em;
    }

    .comparison-chart tr td:first-child {
        font-size: 0.77em;
    }

    .field-name-field-chart table {
        font-size: 0.77em;
    }

    .comparison-chart .first-child.nohover a {
        color: #fff;
        line-height: 2.35em;
        text-transform: uppercase;
    }

    /* PGP Comparison Chart -- */
    table.comparison-chart:not(.wide) tr th,
    table.comparison-chart:not(.wide) tr td {
        color: #222222;
        font-size: 0.875em;
        padding: 0 0.625em;
    }

    .field-name-field-chart #chartWrap table thead tr th,
    .field-name-field-chart #chartWrap table tfoot tr th,
    .field-name-field-chart #chartWrap table tbody tr td,
    .field-name-field-chart #chartWrap table tr td,
    .field-name-field-chart #chartWrap table tfoot tr td {
        line-height: 1em;
    }

    .cpTable .nozzleClassWhite,
    .cpTable tr:hover td.nozzleClassWhite {
        font-size: 18px;
    }

    .cpTable .nozzleClass,
    .cpTable tr:hover .nozzleClass,
    .cpTable tr.hover .nozzleClass {
        font-size: 18px;
    }

    /* MP Rotator Comparison Chart -- */
    .node-product .horizontal-tabs ul.horizontal-tabs-list li a:hover {
        background-color: #fbfaf9;
        color: #00658a;
        outline: medium none;
        border-top: none;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected a:hover,
    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected:hover a,
    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected:hover a strong {
        background-color: #fbfaf9;
        color: #00658a;
        outline: medium none;
        border-top: none;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li.last {
        border-bottom: medium none;
        border-right: medium none;
    }

    .view-product-landing-page .large-block-grid-4>li {
        padding: 0 1em 2em;
    }

    .view-product-landing-page [class*="block-grid-"] {
        display: block;
        margin: 0 -1em;
        padding: 0;
    }

    .view-product-line-landing-page .large-block-grid-4>li {
        padding: 0 .5em 2em;
    }

    .view-product-line-landing-page [class*="block-grid-"] {
        display: block;
        margin: 0 -.5em;
        padding: 0;
    }

    .page-golf-product-line .large-block-grid-4>li {
        padding: 0 .5em 2em;
    }

    .page-golf-product-line [class*="block-grid-"] {
        display: block;
        margin: 0 -.5em;
        padding: 0;
    }

    .scrollable colgroup.blank {
        display: none;
    }

    .block.block-addthis.block-addthis-addthis {
        display: block;
        float: right;
        width: 50%;
    }

    .block.block-translation-set-links.block-translation-set-links-translation-set-links {
        display: inline-block;
        float: left;
        height: 30px;
        width: 50%;
    }

    .add_this_and_language .block-addthis-addthis .content .icon-share::before {
        float: none;
        font-size: 20px;
        margin-top: 0;
        margin-left: 0;
    }

    .add_this_and_language .block-addthis-addthis .content a {
        border: 2px solid #7e7c79;
        color: #7e7c79;
        display: block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        margin-top: 0;
        padding: 14px 15px 10px;
        text-transform: uppercase;
    }

    .translation-set-links-title {
        border: 2px solid #7e7c79;
        color: #7e7c79;
        display: block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        margin-top: 0;
        padding: 10px 15px 7px;
        text-transform: uppercase;
        border-radius: 0;
        background: none;
    }

    .add_this_and_language .block-addthis-addthis .content a {
        background-color: #fff;
        margin-left: 20px;
        text-align: center;
        width: 80%;
    }

    .add_this_and_language .block-addthis-addthis .content .icon-share::before {
        display: inline-block;
        float: none;
        font-size: 25px;
        line-height: 15px;
        position: relative;
        top: -2px;
        vertical-align: middle;
    }

    .add_this_and_language .translation-set-links-display {
        display: block;
        float: right;
        margin-right: 20px;
        text-align: center;
        width: 80%;
    }

    .add_this_and_language {
        margin-bottom: 30px;
    }

    .large-3.push-9.columns .block.block-addthis.block-addthis-addthis {
        display: none;
    }

    .large-3.push-9.columns .block.block-translation-set-links.block-translation-set-links-translation-set-links {
        display: none;
    }

    .add_this_and_language .block.block-addthis.block-addthis-addthis,
    .add_this_and_language .block.block-translation-set-links.block-translation-set-links-translation-set-links {
        display: inline-block;
    }

    .field-name-field-comparison-chart {
        margin-top: 100px;
        margin-bottom: 40px;
    }

    #node_product_full_group_videos .video-library-related-video a.video-library-result-link {
        font-size: 14px;
        line-height: 20px;
    }

    /* Golf ----------------- */
    .nav-landing-banner-teaser-wrapper {
        color: #333;
        font-size: 12px;
        line-height: 20px;
        padding: 0 20px 10px;
    }

    .nav-landing-banner-splash-title {
        padding: 5px 20px 0;
    }

    .nav-landing-icons-wrapper .nav-landing-icons-item-wrapper {
        margin-bottom: 40px;
        min-height: 0px;
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list li a,
    .node-product .horizontal-tabs ul.horizontal-tabs-list li.selected a {
        padding: 0.5em 1.2em 0.3em;
    }

    #modalLanguageMobile {
        padding: 0;
    }

    /* New Tablet and Mobile Dropdown for product details! */
    #selector {
        background-color: #00658a;
        color: #fff;
        display: block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 20px;
        height: 55px;
        padding: 20px;
        text-transform: uppercase;
        width: 100%;
        margin: 0;
    }

    .selector_inner {
        width: auto;
    }

    .icon-play-after {
        float: right;
        line-height: 16px;
        margin-right: 7px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .node-product .horizontal-tabs ul.horizontal-tabs-list {
        position: relative;
        top: 0px;
        background: #f1f1f1;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #cfcdcb;
        border-left: 1px solid #cfcdcb;
        border-right: 1px solid #cfcdcb;
    }

    .section-support .large-3.pull-9.columns {
        position: fixed;
        top: 0px;
        left: -280px;
        width: 280px;
        height: 100%;
        z-index: 1000;
        background-color: #fff;
    }

    .slideout-menu {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        background-color: #f5f5f6;
    }

    .slideout-menu .menu li {
        float: left;
        margin-right: 0px;
        width: 100%;
    }

    .slideout-menu-toggle {
        background-color: #aca9a7;
        display: inline-block;
        float: right;
        height: auto;
        position: absolute;
        right: -45px;
        top: 88px;
        width: 45px;
        padding-top: 20px;
        text-align: center;
        padding-bottom: 40px;
    }

    h4 span {
        display: block;
        color: #f5f5f6;
        /*padding-left: 17px;
        */
    }

    .section-support .large-9.push-3.main.columns {
        padding-left: 60px;
    }

    .field-name-field-section-menu ul.menu>li>a {
        /* display: block;
         font-family: Arial,verdana,sans-serif;
         font-size: 1.2em;
         padding: 20px 40px 20px 20px;
         */
        width: 100%;
    }

    .section-support .large-3.pull-9.columns {
        padding: 0;
    }

    .slideout-menu-toggle h4::before {
        border-bottom: 1px solid #f5f5f6;
        content: '\e818';
        display: block;
        font-family: "fontello";
        font-size: 25px;
        margin-left: 7px;
        margin-right: 7px;
        padding-bottom: 15px;
        color: #f5f5f6;
        margin-bottom: 15px;
    }

    .arrow-right {
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        border-left: 15px solid #aca9a7;
        left: 45px;
        position: absolute;
        top: 40%;
    }

    .section-support #selector {
        display: none;
    }

    .section-support #sel-option {
        display: inline-block;
    }

    .section-support .field-group-htabs-wrapper {
        margin-left: 0;
        width: 100%;
    }

    .section-support .field-name-field-section-menu ul.menu>li>a {
        color: #00658a;
        display: block;
        font-family: Arial, verdana, sans-serif;
        font-size: 16px;
        padding: 15px 0;
        width: 100%;
    }

    #block-hunter-support-support-section-node-menu-block .block-title {
        font-size: 20px;
    }

    #block-hunter-support-support-section-node-menu-block .block-title::before {
        font-size: 25px;
    }

    .section-support .large-3.pull-9.columns {
        margin-top: 0px;
    }

    .section-support .small-6 {
        width: 50%;
    }

    .field-name-field-support-subsections .support-landing-menu-item {
        display: block;
        margin-bottom: 18px;
        vertical-align: top;
        margin-right: 0;
    }

    .support-list {
        display: block;
    }

    .support-list .image {
        display: block;
        float: none;
        margin-left: 0;
    }

    #block-hunter-support-support-section-title-block h1.title {
        font-size: 25px;
    }

    .pipe {
        border-left: 2px solid;
        color: #e6e6e7;
        float: left;
        height: 25px;
        margin-left: 12px;
        margin-right: 2px;
        position: relative;
        top: 0;
    }

    .section-support .support-list .content {
        display: block;
        float: left;
        padding-right: 20px;
        vertical-align: middle;
        width: 100%;
    }

    .section-support .support-list .image {
        display: block;
        float: right;
        width: 100%;
        margin-left: 0px;
    }

    .next_article {
        width: 50%;
    }

    .next_article a,
    .prev_article a {
        color: #fff;
        font-size: 13px;
    }

    .prev_article>a {
        text-align: right;
        margin-bottom: 0;
        height: 80px;
    }

    .next_article>a {
        text-align: left;
        margin-bottom: 0;
    }

    .prev_article,
    .next_article {
        height: 100px;
    }

    footer li.last.expanded.has-children {
        position: relative;
        top: 0px;
    }

    h2 {
        font-size: 1.4em;
    }

    .nav-landing-banner-splash-teaser {
        font-size: 12px;
    }

    .nav-landing-banner-teaser-wrapper {
        color: #333;
        font-size: 12px;
        line-height: 17px;
        padding: 0 20px 10px;
    }

    .jcarousel-skin-tango {
        border-top: 1px solid #ccc;
        position: relative;
        width: 100%;
    }

    .nav-landing-banner-title-wrapper {
        float: left;
        height: 90px;
        position: relative;
        width: 100%;
    }

    .nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-container {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        height: auto !important;
        max-width: 100%;
        width: auto;
    }

    .nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal ul,
    .nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal li {
        height: 100%;
    }

    .nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
        display: block;
        height: auto;
        left: 0px;
        max-width: auto;
        top: 0;
        width: auto;
    }

    .nav-landing-banner-wrapper .jcarousel-skin-tango a {
        background-color: #fff;
        border: 2px solid #00658a;
        border-radius: 16px;
        display: block;
        height: 16px;
        line-height: 16px;
        width: 16px;
    }

    .nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
        display: block;
        height: auto;
        left: 40%;
        top: -112px;
        width: 100px;
    }

    .nav-landing-banner-thumb-image-wrapper>img {
        display: none;
    }

    .arrow {
        display: none;
    }

    .jcarousel-skin-tango {
        border-top: medium none;
        height: 0;
        position: relative;
        width: 100%;
    }

    .nav-landing-banner-thumb-item-wrapper {
        width: 20px !important;
    }

    .nav-landing-banner-title-wrapper #text-wrapper h2 {
        font-size: 14px;
        margin-bottom: 5px;
        font-family: "Sero_bold", Arial, sans-serif;
    }

    #title-wrap-inner img {
        max-width: 100%;
        margin-top: 25px;
    }

    .field-name-field-chart table {
        border-collapse: collapse;
        border-color: #999999;
        border-spacing: 0;
        border-width: 1px 1px 2px;
        font-family: arial;
        font-size: 0.95em;
        line-height: 1.4em;
    }

    /* Document Library ---------------------- */
    .page-documents .large-3.pull-9.columns {
        position: fixed;
        /*top: 148px;
        */
        top: 0px;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: #f5f5f6;
        padding-bottom: 100px;
    }

    .page-documents .slideout-menu {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        background-color: #f5f5f6;
        position: relative;
    }

    .page-videos .slideout-menu,
    .page-search .slideout-menu,
    .section-headlines .slideout-menu,
    .page-site-studies .slideout-menu,
    .page-project-library .slideout-menu,
    .page-project-profiles .slideout-menu {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        background-color: #f5f5f6;
        position: relative;
        padding-bottom: 20px;
    }

    .mobile_sub_header {
        background-color: #333;
        display: block;
        height: 80px;
        position: relative;
        margin-bottom: 10px;
    }

    .page-documents .hunter-facetapi-select-form .ajax-progress {
        float: none;
        position: absolute;
        right: 29px;
        top: -31px;
    }

    .page-documents .slideout-menu {
        margin-top: 0;
    }

    .block.block-current-search.contextual-links-region.block-facetapi.block-current-search-standard {
        background-color: #333;
        display: inline-block;
        padding: 10px;
        width: 100%;
    }

    .current-search-results-total {
        background-color: #333;
        color: #fff;
        display: block;
        float: left;
        font-size: 20px;
        left: 10px;
        padding: 10px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 35px;
        width: auto;
    }

    .search-results-label {
        color: #fff;
        display: block;
        float: left;
        font-size: 16px;
        height: auto;
        padding: 20px;
        text-align: center;
        text-transform: uppercase;
        width: auto;
    }

    .button_apply_filters {
        background-color: #47abd1;
        color: #fff;
        cursor: pointer;
        display: block;
        font-family: "Sero_bold", Arial, sans-serif;
        padding: 15px 30px;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        top: 17px;
        z-index: 999;
    }

    .button_apply_filters_bottom {
        background-color: #47abd1;
        color: #fff;
        cursor: pointer;
        display: block;
        font-family: "Sero_bold", Arial, sans-serif;
        margin: 20px auto 0;
        padding: 15px 30px 12px;
        text-transform: uppercase;
        width: 160px;
        z-index: 999;
        display: none;
    }

    .filter_toggle {
        background-color: #00658a;
        color: #fff;
        cursor: pointer;
        font-family: "Sero_bold", Arial, sans-serif;
        padding: 15px 20px;
        position: absolute;
        right: 20px;
        text-align: center;
        text-transform: uppercase;
        top: 17px;
        width: 120px;
    }

    .mobile_sub_header .block-facetapi {
        margin-top: 0;
        display: inline-block;
    }

    .page-documents h1.title {
        border-bottom: medium none;
        margin-bottom: 15px;
        margin-top: 30px;
        text-align: center;
    }

    .block.block-doclib-listview.block-doclib-listview-doclib-listview-sort-icons {
        display: none;
    }

    .mobile_slideout_subheader {
        background-color: #333;
        height: 80px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .left-off-canvas-menu #secondary-menu #secondary-menu-links.links li {
        margin-left: 0px;
    }

    .page-documents .large-3.pull-9.columns {
        /*padding: 0 0 200px;
        */
        padding: 0px;
    }

    .block-facetapi {
        margin-bottom: 0;
    }

    .page-documents .slideout-menu .block-title {
        margin-top: 0;
    }

    .page-documents .horizontal-rule-title h2 {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-top: 2px solid #ccc;
        display: inline-block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 20px;
        margin: 10px 0;
        padding: 10px 20px;
        position: relative;
        text-transform: uppercase;
        width: 100%;
        z-index: 2;
    }

    .page-documents .horizontal-rule-title hr {
        display: none;
    }

    #block-hunter-facetapi-select-facet-filters-title .video-library-button.active {
        background-color: #cfcdcb;
        margin: 0 10px 20px;
    }

    /* Video Library ----------- */
    .section-videos .large-3.pull-9.columns {
        position: fixed;
        top: 0px;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: #f5f5f6;
        padding-bottom: 0px;
    }

    .node-type-video-library .large-3.pull-9.columns {
        position: relative;
        top: 0px;
        left: auto;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: none;
        padding-bottom: 0px;
    }

    .section-videos .slideout-menu {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        background-color: #f5f5f6;
        position: relative;
    }

    .mobile_sub_header {
        background-color: #333;
        display: block;
        height: 80px;
        position: relative;
        margin-bottom: 10px;
    }

    .section-videos .hunter-facetapi-select-form .ajax-progress {
        float: none;
        position: absolute;
        right: 29px;
        top: -31px;
    }

    .section-videos .slideout-menu {
        margin-top: 0;
    }

    .section-videos h1.title {
        border-bottom: medium none;
        margin-bottom: 15px;
        margin-top: 30px;
        text-align: center;
    }

    .section-videos .field.field-name-field-featured-video {
        display: none;
    }

    .video-library-teaser {
        font-size: 12px;
    }

    .video-library-result-label {
        line-height: 15px;
    }

    .video-library-published-date {
        bottom: 5px;
        left: 0;
        position: absolute;
    }

    .video-library-result .video-library-image {
        float: left;
        height: auto;
        margin-right: 10px;
        position: relative;
        width: 200px;
        z-index: 1;
    }

    .video-library-teaser {
        font-size: 13px;
        line-height: 14px;
    }

    .view-video-library-views .view-content {
        margin-left: 0px;
    }

    .view-id-video_library_views .views-row {
        width: 22%;
    }

    .node-type-video-library .field-name-field-youtube-id {
        clear: both;
        margin-bottom: 10px;
        padding-bottom: 56.23%;
        position: relative;
        width: 100%;
    }

    .field-name-field-youtube-id iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    .node-type-vl-landing .large-9 .block-views h2 {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 5px;
        padding-top: 7px;
    }

    .view-id-video_library_views .views-row {
        width: 22.9%;
    }

    .view-id-video_library_views .views-row {
        float: left;
        margin-left: 2.8%;
    }

    .view-id-video_library_views .views-row.views-row-first {
        margin-left: 0px;
    }

    .node-type-video-library .large-3.pull-9.columns {
        margin-top: 80px;
        z-index: 2;
    }

    .node-type-video-library .taxonomy-list-wrapper .taxonomy-term {
        font-size: 14px;
        line-height: 25px;
    }

    #node_video_library_full_group_video_details .field-label-inline .field-label,
    #node_video_library_full_group_video_details .field-label-inline .field-items {
        float: left;
        font-size: 14px;
    }

    .lang-ar #node_video_library_full_group_video_details .field-label-inline .field-label,
    .lang-ar #node_video_library_full_group_video_details .field-label-inline .field-items {
        float: right;
        margin-left: 6px;
    }

    .node-type-video-library .taxonomy-list-wrapper .links li {
        display: inline;
        margin-left: 6px;
        position: relative;
        top: -2px;
    }

    .node-type-video-library .view-display-id-video_products_featured img {
        height: auto;
        width: auto;
    }

    .block.block-video-library.contextual-links-region.block-video-library-video-library-series-toc {
        margin-bottom: 60px;
    }

    #block-block-76 {
        margin-top: 60px;
    }

    .video-library-toc .video-library-single-item {
        background: #2a6486 none repeat scroll 0 0;
        border-radius: 4px;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        left: 0;
        padding: 5px 11px;
        position: absolute;
        top: 15px;
    }

    .video-library-toc-link {
        display: block;
        margin-left: 38px;
    }

    .node-type-support-document .node-video-library.video-has-series .block-video_library_series_toc {
        float: right;
        min-width: 170px;
        right: 0;
        top: 0;
        width: 100%;
        position: relative;
    }

    .node-type-support-document .node-video-library.video-has-series .field-name-field-youtube-id,
    .node-type-support-document .node-video-library.video-has-series h2,
    .node-type-support-document .node-video-library.video-has-series #node_video_library_full_group_video_details,
    .node-type-support-document .node-video-library.video-has-series .field-name-body {
        float: left;
        width: 100%;
    }

    .field-name-field-related-video-single h1.title {
        width: 100%;
        display: block;
        float: left;
    }

    #node_support_document_full_group_video .field-name-field-related-video-single .body.field {
        display: inline-block;
        padding-top: 20px;
        width: 100%;
    }

    .page-headlines .view-latest-news .left_part {
        border: 1px solid #cfcdcb;
        float: left;
        height: auto;
        margin-bottom: 20px;
        margin-right: 30px;
        width: 33%;
    }

    .page-headlines .view-latest-news .headlines_body {
        font-size: 14px;
        line-height: 22px;
    }

    .section-newsroom .view-display-id-newsroom_page .view-header>div.view {
        float: left;
        margin: 0 0 90px 0;
        width: 100%;
    }

    .section-search .large-3.pull-9.columns,
    .section-headlines .large-3.pull-9.columns,
    .section-site-studies .large-3.pull-9.columns,
    .section-project-library .large-3.pull-9.columns,
    .section-project-profiles .large-3.pull-9.columns {
        position: fixed;
        /*top: 148px;
        */
        top: 0px;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: #f5f5f6;
        /*padding-bottom: 100px;
        */
        padding-bottom: 0px;
    }

    .image_app {
        float: left;
        margin-bottom: 20px;
        margin-right: 20px;
        text-align: center;
        width: 100%;
    }

    .image_pdf {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #node-801 .body.field {
        text-align: center;
    }

    .field-name-field-photo a.colorbox {
        background-color: #f1f1f1;
        float: left;
        margin: 0.2%;
        padding: 5%;
        width: 49.6%;
    }

    .image_and_profile_wrapper .block-views-site-study-profile-site-profile {
        background-color: #f6f4f2;
        border-bottom: 3px solid #d0cecc;
        border-top: 10px solid #d0cecc;
        float: right;
        margin-bottom: 40px;
        margin-top: 40px;
        width: 100%;
    }

    .image_and_profile_wrapper-two-column-inner {
        width: 100%;
    }

    .image_and_profile_wrapper .image_wrapper {
        border-top: 10px solid #00658a;
        float: left;
        position: relative;
        width: 100%;
    }

    .node-ss-profile .left_part,
    .node-ss-profile .right_part {
        width: 100%;
        display: block;
        padding: 0;
    }

    .image_and_profile_wrapper.clearfix {
        margin-bottom: 5px;
    }

    .section-news .large-9.pull-3.main.columns {
        padding-right: 0.9375em;
    }

    .contact_inner .small-4.large-4.columns {
        margin-bottom: 30px;
        width: 100%;
    }

    .contact_inner .inner>a {
        color: #fff;
        display: inline-block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 20px;
        margin-left: 40px;
        max-width: 200px;
        text-align: left;
        text-transform: uppercase;
    }

    .right_part img.circle {
        float: none;
        margin-top: 80px;
        max-width: 400px;
    }

    .contact_inner .inner h3 {
        color: #fff;
        line-height: 24px;
        margin-bottom: 40px;
    }

    .commercial_projects .inner .circle {
        padding: 20px 0;
        width: 260px;
    }

    .contact_inner .inner .circle {
        margin-bottom: 20px;
        padding: 20px 0;
        width: 260px;
    }

    .sign_up_button_container {
        display: block;
        margin: 40px auto 0;
        vertical-align: middle;
        width: 260px;
    }

    .subscribe_text {
        padding-right: 0;
    }

    .homeowners_inner {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .professionals_inner {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .homeowners_inner p {
        color: #3b3b3b;
        font-size: 18px;
        text-align: left;
    }

    .professionals_inner p {
        color: #fff;
        font-size: 18px;
        text-align: left;
    }

    /* Styles for get-hunter pages non-usa versions with different bg colors */
    .page-node-38941 .professionals_inner p,
    .page-node-41851 .professionals_inner p,
    .page-node-42921 .professionals_inner p,
    .page-node-39236 .professionals_inner p,
    .page-node-39496 .professionals_inner p,
    .page-node-40616 .professionals_inner p,
    .page-node-39526 .professionals_inner p,
    .page-node-42821 .professionals_inner p,
    .page-node-39501 .professionals_inner p,
    .page-node-49291 .professionals_inner p {
        color: #3b3b3b;
    }

    .homeowners_inner .bold_it {
        margin-bottom: 40px;
        text-transform: none;
    }

    .professionals_inner .bold_it {
        margin-bottom: 40px;
        text-transform: none;
    }

    .find_button.blue {
        background-color: #47abd1;
        color: #fff;
        display: inline-block;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 18px;
        padding: 20px;
        position: relative;
        text-transform: uppercase;
        width: 100%;
        text-align: left;
        margin-left: 0px;
        float: left;
    }

    .find_button .icon-right-open-1 {
        float: right;
    }

    .get_hunter_section_titles {
        display: inline-block;
        width: auto;
        margin-bottom: 20px;
    }

    .sub {
        text-align: left;
    }

    .large-8.pull-4.main.columns {
        padding-right: 0.9375em;
    }

    #hunter-lead-forms-referral-results-form #map-canvas {
        float: right;
        height: 440px;
        width: 100%;
    }

    #hunter-lead-forms-referral-results-form .listings {
        float: left;
        width: 100%;
    }

    h2.referral-count-results {
        display: block;
        font-size: 18px;
        padding: 12px 20px;
    }

    .left_part .find_button.blue {
        display: none;
    }

    .find_button.blue.for_small {
        background-color: #47abd1;
        color: #fff;
        display: inline-block;
        float: left;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 18px;
        margin-left: 0;
        padding: 20px;
        position: relative;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        margin-top: 60px;
    }

    .sign_up_button_container {
        display: block;
        margin: 40px auto 0;
        vertical-align: middle;
        width: 100%;
    }

    .homeowners_row_full_width {
        min-height: 0px;
    }

    .professionals_row_full_width {
        min-height: 0px;
    }

    .contact_inner .inner h3 {
        display: none;
    }

    .contact_inner .inner h3.tablet {
        color: #47abd1;
        display: block;
        margin-bottom: 25px;
    }

    .small-4.large-4.columns .inner {
        display: table;
        width: 100%;
    }

    .contact_inner .inner .circle {
        display: table-cell;
        margin-bottom: 0px;
        margin-right: 50px;
        padding: 20px 0;
        max-width: 260px;
        width: 80%;
    }

    .tablet_title_and_link {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 50%;
    }

    .find_button.blue {
        display: block;
    }

    .subscribe_text {
        font-size: 20px;
        padding-left: 30px;
    }

    #edit-submit-distributor-search.form-submit {
        width: 100%;
        bottom: 85px;
        left: 0;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .views-buttons {
        margin-top: 100px;
    }

    #edit-province-wrapper>label::before {
        content: "Search By:";
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        margin-right: 20px;
        position: absolute;
        top: -10px;
    }

    .form-item-distance-postal-code>label::before {
        content: "Search By:";
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        margin-right: 20px;
        position: absolute;
        top: -10px;
    }

    .form-item-distance-country>label::before {
        content: "Search By:";
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        margin-right: 20px;
        position: absolute;
        top: -10px;
    }

    /* Distributor Lookup page */
    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form div.form-item-province input {
        width: 100%;
        float: left;
        margin-bottom: 30px;
        margin: 0;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form div.form-item-distance-postal-code input {
        width: 100%;
        margin-bottom: 30px;
        margin: 0px;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form #edit-distance-country {
        width: 100%;
        margin: 0px;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form div.form-item-distance-postal-code {
        float: left;
        left: auto;
        padding: 10px 0 0;
        position: relative;
        top: auto;
        width: 100%;
        height: auto;
        margin: 40px 0;
        background: none;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form #edit-province-wrapper {
        left: auto;
        margin: 0 auto;
        padding: 10px 0 0px;
        position: relative;
        top: auto;
        width: 100%;
        height: auto;
        background: none;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .form-item-distance-country {
        float: right;
        padding: 10px 0 0;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        height: auto;
        background: none;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .form-item-distance-search-distance {
        float: left;
        margin-right: 0;
        padding: 10px 0 0;
        position: static;
        right: auto;
        top: auto;
        width: auto;
        height: auto;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .views-exposed-widget {
        background: none;
        left: auto;
        padding: 0;
        position: relative;
        top: auto;
        width: 100%;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 .views-exposed-form .form-item-distance-search-units {
        float: left;
        padding: 10px 0 0 20px;
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        z-index: 5;
    }

    #block-views-010d3e26e5d74aab19ef2deaf57e3dd0 {
        clear: both;
        height: auto;
        width: 100%;
    }

    /* Distributor Lookup - Results page */
    .view-distributor-search .attachment.attachment-before {
        float: left;
        width: 100%;
        margin-bottom: 35px;
    }

    .view-distributor-search .attachment.attachment-before .view-content {
        width: 100%;
    }

    .view-distributor-search .view-content {
        width: 100%;
        float: left;
    }

    .view-distributor-search>.view-content {
        width: 100%;
    }

    .comparison-chart.icv_ibv th:first-child p {
        height: 82px;
        padding: 10px;
        text-align: left;
    }

    /* Marketing Pages (less than 768px ) ---------------------------- */
    /* Need to add some HTML markup to have full control over page elements on this type of page */
    .modified-field-html-title {
        position: relative;
        right: 0;
        text-align: center;
        top: 0;
    }

    .modified-field-html-title h1 {
        color: #00658a;
        display: inline-block;
        font-size: 21px;
        margin-top: 20px;
        width: 100%;
    }

    ul.marketing-page-toc {
        bottom: 0px;
        display: inline-block;
        list-style: outside none none;
        margin-bottom: 0 !important;
        position: relative;
        right: 0;
        width: 100%;
    }

    ul.marketing-page-toc li a {
        background: rgba(14, 195, 247, 0.82) none repeat scroll 0 0;
        clear: both;
        color: #fff;
        float: left;
        font-size: 1.2em;
        line-height: 1.5em;
        margin: 2px 0;
        padding: 13px 50px 13px 20px;
        position: relative;
        text-align: right;
        width: 100% !important;
    }

    .block-menu-block.contextual-links-region {
        display: inline-block;
        margin-bottom: 0px;
    }

    div.marketing-page-section {
        float: left;
        font-size: 1.1em;
        line-height: 2.1em;
        padding: 60px 30px;
        width: 100%;
    }

    .marketing-page-section .image_container {
        display: block;
        float: none;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .marketing-page-section .image-left-content {
        display: block;
        float: none;
        vertical-align: middle;
        width: 100%;
        padding: 0;
    }

    div.marketing-page-section.format-type-image-left img,
    div.marketing-page-section.format-type-image-right img {
        float: none;
        margin: 0 auto;
        max-width: 300px;
        width: 100%;
    }

    .node-marketing-page .modified-field-html-title {
        display: none;
    }

    .page-node-46451 div.marketing-page-section.background-white,
    .page-node-46506 div.marketing-page-section.background-white,
    div.marketing-page-section.background-white {
        width: 100%;
        max-width: 100%;
    }

    div.marketing-page-section.background-white {
        padding: 20px !important;
    }

    div.marketing-page-section.background-white h2.line span {
        font-size: 30px !important;
    }

    .online_training_unordered_list li {
        float: left;
        margin-bottom: 10px;
        width: 50%;
    }

    #ttsMid {
        float: none;
    }

    .view_button.button {
        border: medium none;
        box-shadow: none;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
        padding: 20px;
        text-transform: uppercase;
    }

    .node-type-product .add_this_and_language {
        display: block;
    }

    .proven_water_savers_wrapper h3 {
        color: #4bbfee;
        font-size: 21px;
        font-style: italic;
        font-weight: normal;
        margin: 15px 0;
        padding: 0 90px 0 0;
    }

    .proven_water_savers_wrapper img.pld {
        float: none;
    }

    .section.drip .image_right_side {
        display: block;
        float: none;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .proven_water_savers_wrapper .section.drip p {
        display: block;
        float: none;
        vertical-align: middle;
        width: 100%;
    }

    .section.online_tools .link_container a {
        font-size: 16px;
    }

    .proven_water_savers_wrapper .link_container .icon-chevron-right {
        font-size: 14px;
        margin-left: 0;
    }

    .link_container .sero-light {
        float: left;
        margin-right: 6px;
        padding-top: 2px;
    }

    .proven_water_savers_wrapper .go_with_a_pro .inner_right {
        display: block;
        float: none;
        font-size: 28px;
        line-height: 32px;
        padding: 20px 30px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: 100%;
    }

    .proven_water_savers_wrapper .go_with_a_pro .inner_left {
        border-right: medium none;
        color: #9c9896;
        display: block;
        float: none;
        font-size: 36px;
        line-height: 38px;
        padding: 20px 30px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: 100%;
    }

    .proven_water_savers_wrapper .go_with_a_pro .icon-chevron-right {
        font-size: 22px;
    }

    .nav-landing-icons-title-wrapper {
        color: #fff;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 12px;
        text-align: center;
        text-transform: uppercase;
    }

    /* Homeowners Support Pages ----------------------- */
    .product_id .rotor #cap>img {
        display: none;
    }

    .subsection .right_side {
        float: right;
        margin-top: 24px;
        padding-left: 0;
        width: 100%;
    }

    .subsection .left_side {
        float: left;
        width: 100%;
    }

    .button.support_library {
        display: inline-block;
        margin: 20px auto;
        width: 100%;
    }

    .home_slider_mobile .slider_text_container .inner {
        left: -45px;
        position: relative;
        width: 110%;
        padding-right: 20px;
    }

    .home_slider_mobile .paragraph_text .learn_more.for_small {
        color: #fff;
        display: block;
        font-size: 15px;
        text-align: right;
    }

    .i_20_adjustment.clearfix .left_side {
        float: left;
        width: 100%;
        padding-right: 0px;
    }

    .i_20_adjustment.clearfix .right_side {
        float: left;
        width: 100%;
        margin-top: 15px;
    }

    .site_studies_row .site_studies_title a {
        line-height: 20px;
    }

    /* Precision Distribution Control Adjustable Nozzles Chart too big ---- */
    table.cpTable.mini tr th,
    table.cpTable.mini tr td {
        color: #222222;
    }

    table.cpTable h3 {
        font-size: 14px;
    }

    .view-distributor-search .attachment.attachment-before .view-content {
        width: 100%;
    }

    .page-locations-search-distributor .view-distributor-search>.view-content {
        float: left;
        width: 100%;
    }

    .gmap-control.gmap-gmap.gmap.gmap-map.gmap-dl_results_map-gmap.gmap-processed {
        height: 400px !important;
    }

    .view-distributor-search .view-content .views-row .views-field-distance {
        float: right;
        margin-right: 0px;
    }

    .view-distributor-search .view-header a.button.new_search {
        left: 15px;
        position: absolute;
        text-align: left;
        top: 72px;
        width: 270px;
    }

    .l-footer .menu li {
        margin: 0;
        padding: 0;
    }

    .field-name-field-resource-list .totop {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .newsletter_icon {
        border-right: medium none;
        display: block;
        margin: 0 auto;
        width: 95px;
    }

    .subscribe_text {
        padding-right: 0;
        padding-left: 0;
        font-size: 20px;
    }

    .find_button.blue {
        background-color: #47abd1;
        color: #fff;
        display: inline-block;
        float: left;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 18px;
        margin-left: 0;
        padding: 20px;
        position: relative;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
    }

    .homeowners_inner p {
        color: #3b3b3b;
        font-size: 18px;
        text-align: left;
    }

    .professionals_inner p {
        color: #fff;
        font-size: 18px;
        text-align: left;
    }

    .homeowners_inner .show_for_small,
    .professionals_inner .show_for_small {
        display: block;
        margin: 0 auto 40px;
        max-width: 220px;
    }

    .homeowners_inner .right_part,
    .professionals_inner .right_part {
        display: none;
    }

    .homeowners_inner .left_part {
        display: block;
        float: none;
        padding-right: 0;
        vertical-align: middle;
        width: 100%;
    }

    .professionals_inner .left_part {
        display: block;
        float: none;
        padding-right: 0px;
        vertical-align: none;
        width: 100%;
        text-align: center;
    }

    .homeowners_inner .left_part,
    .homeowners_inner .right_part {
        text-align: center;
    }

    .find_button.for_small.blue {
        display: block;
    }

    .inner .find_button.blue {
        display: none;
    }

    .inner h3 {
        display: none;
    }

    .inner h3.tablet {
        display: block;
    }

    .find_button.blue.for_small {
        margin-top: 0;
    }

    .contact_inner .inner h3.tablet {
        display: none;
    }

    .contact_inner .inner h3 {
        display: block;
        margin-bottom: 0px;
    }

    .tablet_title_and_link {
        display: block;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .contact_inner .inner .circle {
        display: block;
        margin: 0 auto;
        padding: 20px 0;
        max-width: 260px;
        width: 100%;
    }

    .top_part_tts .left_image {
        float: left;
        margin-right: 20px;
        width: 200px;
    }

    .product_id .rotor {
        float: left;
        margin-bottom: 1%;
        margin-right: 1%;
        text-align: center;
        width: 32%;
    }
}

@media only screen and (max-width: 550px) {
    .slider_text_container .droplet {
        display: none;
    }

    .home_slider_mobile .slider_text_container .inner {
        left: 0;
        padding-right: 0;
        position: relative;
        width: 100%;
    }

    .slider_text_container {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        bottom: 10%;
        color: #fff;
        display: block;
        padding: 0px 20px 20px;
        position: absolute;
        right: 0;
        width: auto;
        z-index: 99;
    }
}

@media only screen and (max-width: 530px) {
    .view-id-video_library_views .views-row {
        width: 47%;
        margin-bottom: 22px;
    }

    .view-id-video_library_views .views-row.views-row-odd {
        margin-left: 0;
        clear: both;
    }

    .view-id-video_library_views .views-row {
        margin-left: 6%;
    }

    .view-id-video_library_views .views-row-first {
        margin-left: 0px;
    }

    .node-type-video-library .video-library-related-video,
    .view-display-id-video_library_related_videos .views-row,
    #node_product_full_group_videos .video-library-related-video {
        background: #e4e4e4 none repeat scroll 0 0;
        padding: 10px;
        position: relative;
        width: 46%;
        margin-right: 2%;
    }

    #block-video-library-video-library-related-videos .video-library-related-video.item-3 {
        margin-left: 0;
    }

    #block-video-library-video-library-related-videos .video-library-related-video {
        margin-bottom: 3%;
    }

    .node-type-video-library .video-library-related-video .video-library-image,
    .node-type-video-library .video-library-related-video .video-library-image img,
    .view-display-id-video_library_related_videos .views-row .views-field-nothing,
    .view-display-id-video_library_related_videos .views-row .views-field-nothing img,
    #node_product_full_group_videos .video-library-related-video .video-library-image,
    #node_product_full_group_videos .video-library-related-video .video-library-image img {
        float: left;
        height: auto;
        margin-right: 10px;
        max-width: none;
        width: 100%;
    }

    .sub_title_description {
        color: #b0b0af;
        font-family: "Sero", Arial, sans-serif;
        font-size: 19px;
        font-weight: normal;
        line-height: 28px;
        margin-bottom: 65px;
    }

    .homeowners_inner p {
        color: #3b3b3b;
        font-size: 18px;
        text-align: left;
    }

    .find_button.blue {
        float: left;
    }

    #node_product_full_group_videos .video-library-related-video a.video-library-result-link {
        display: inline-block;
        font-size: 14px;
        line-height: 15px;
        margin-top: 8px;
    }
}

/* ------------------------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Mobile Styles (Below 480px) */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
    .site_studies_row .site_studies_title a {
        font-size: 14px;
        line-height: 16px;
    }

    .site_studies_row .site_studies_title {
        margin: 20px 30px;
    }

    .site_studies_read_more {
        bottom: 0;
    }

    .hunter_headlines_row .left_part {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        width: 300px;
    }

    .page-headlines .view-latest-news .right_part {
        display: block;
        margin-top: 40px;
        max-width: 100%;
    }

    .page-headlines .view-latest-news .left_part {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        width: 300px;
        border: 1px solid #cfcdcb;
        height: auto;
    }

    .page-headlines .view-latest-news .headlines_title {
        margin-bottom: 6px;
    }

    .hunter_headlines_row .headlines_title {
        line-height: 20px;
        margin-bottom: 20px;
    }

    .hunter_headlines_row .headlines_body {
        /*display: none;
        */
    }

    .hunter_headlines_row .right_part {
        display: block;
        margin-top: 40px;
    }

    .hunter_headlines_row h2 {
        font-size: 33px;
    }

    .site_studies_row .left_part h2 {
        font-size: 33px;
    }



    .hunter_headlines_row .views-row {
        display: block;
    }

    .at_a_glance {
        display: none;
    }

    .node-product .bullet-list {
        border-left: medium none;
        margin: 51px 0 80px;
        padding-left: 0;
    }

    .field-name-field-product-tag-line h3 {
        width: 100%;
    }

    body.lang-en-gb.page-node-38346 .field-name-field-product-tag-line h3 {
        width: 100%;
    }

    .page-node-55236 .field-name-field-product-tag-line h3 {
        display: inline-block;
        clear: both;
        font-size: 1.4em;
        font-style: italic;
        line-height: 1.3;
        margin-bottom: 32px;
        margin-top: 34px;
        padding: 10px;
        /*text-transform: uppercase;
        */
        width: 100%;
    }

    article.node-advanced-feature .image {
        width: 100%;
    }

    .title_wrapper {
        display: block;
    }

    .small-6 {
        width: 100%;
    }

    .small-4 {
        width: 100%;
    }

    .dimension-chart.item-count-2 .large-4 {
        width: 100%;
    }

    #block-product-product-main-image img {
        margin-left: -5%;
        max-width: 110%;
        padding: 0;
        width: 110%;
    }

    .related-product-wrapper {
        box-shadow: none;
    }

    #block-product-product-main-image .content {
        border: none;
    }

    .field-name-field-related-videos .view-all a {
        display: block;
    }

    .field-group-htabs-wrapper {
        margin-left: -5%;
        width: 110%;
    }

    /* Product Detail - Support Button - */
    #block-hunter-misc-product-support {
        padding: 0;
        width: 100%;
        float: left;
        margin-left: -5%;
        margin-top: 20px;
        margin-bottom: 0;
        width: 110%;
    }

    #block-hunter-misc-product-support .product-support-button-wrapper {
        padding: 0;
        margin: 0;
    }

    #block-hunter-misc-product-support a:hover {
        background-color: #666;
    }

    .product-support-button-link::before {
        display: inline-block;
        font-size: 25px;
        margin-top: 0;
        padding-right: 11px;
        vertical-align: middle;
    }

    .product-support-button-link {
        color: #000;
        font-family: "Sero_bold", Arial, sans-serif;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
    }

    .field-name-field-advanced-features .element-hidden {
        display: none;
    }

    .title_wrapper {
        height: auto;
    }

    .product_name_and_quick_specs .title {
        padding-bottom: 2px;
    }

    .product-support-button-link {
        float: right;
        padding-right: 20px;
    }

    .product-support-button-link::before {
        display: inline-block;
        font-size: 25px;
        margin-top: -4px;
        padding-right: 11px;
        vertical-align: middle;
    }

    .product-support-button-wrapper {
        margin-top: 2px;
    }

    .product_name_and_quick_specs {
        display: block;
        height: auto;
        padding-top: 25px;
        vertical-align: middle;
        width: 100%;
    }

    .features_list {
        display: none;
    }

    .node-product .bullet-list {
        border-left: medium none;
        margin: 20px 0 80px;
        padding-left: 18px;
        padding-top: 0;
        width: 100%;
        left: 0;
    }

    .field-name-field-features {
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    .field-name-field-features .horizontal-rule-title {
        display: block;
    }

    #node_product_full_group_description_tab_item .field-name-field-features .horizontal-rule-title {
        margin: 0;
    }

    .small-block-grid-3>li {
        padding: 0 0.625em 1.25em;
        width: 50%;
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: none;
    }

    .view-product-line-landing-page .attachment-after .related-links-item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .view-product-line-landing-page .attachment-after .related-links-item:nth-of-type(3) {
        margin-bottom: 0px;
    }

    .hunter-misc-related-links-formatter {
        border: 2px solid #cfcdcb;
        display: inline-block;
        padding: 40px 20px 10px;
        position: relative;
        width: 100%;
    }

    .view-product-line-landing-page li.views-row {
        min-height: 470px;
    }

    .add_this_and_language .block-addthis-addthis .content a {
        background-color: #fff;
        margin-left: 2%;
        text-align: center;
        width: 98%;
    }

    .add_this_and_language .translation-set-links-display {
        display: block;
        float: right;
        margin-right: 2%;
        text-align: center;
        width: 98%;
    }

    .support-landing-menu-item-label {
        font-size: 1em;
    }

    .section-support .field-type-step-by-step .small-6 {
        width: 100%;
    }

    .section-support .block-addthis-addthis .content a {
        left: -5px;
        position: relative;
    }

    .next_article a,
    .prev_article a {
        color: #fff;
        font-size: 11px;
    }

    .next_article .icon-chevron-right::before,
    .prev_article .icon-chevron-right::before {
        font-size: 20px;
    }

    .prev_article,
    .next_article {
        height: 50px;
    }

    .next_article a,
    .prev_article a {
        padding: 13px 10px 10px;
        font-size: 0;
        height: auto;
        margin-top: 7px;
    }

    .next_article a .next_header,
    .prev_article a .prev_header {
        margin-bottom: 0;
        font-size: 11px;
    }

    .next_article .icon-chevron-right::before,
    .prev_article .icon-chevron-right::before {
        position: relative;
        top: -5px;
    }

    .nav-landing-banner-title-wrapper {
        float: left;
        height: 120px;
        position: relative;
        width: 100%;
    }

    .nav-landing-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
        display: block;
        height: auto;
        left: 37%;
        top: -142px;
        width: 100px;
    }

    #modalPageLanguage .translation-set-links {
        float: left;
        padding: 3px 5px;
        width: 50%;
        text-align: left;
    }

    #modalPageLanguage .translation-set-links-language-name {
        display: inline-block;
        font-size: 14px;
        text-align: left;
        width: auto;
    }

    h1 {
        font-size: 29px;
    }

    .mobile_sub_header {
        left: -6%;
        width: 112%;
    }

    #video-library-results h3 a.video-library-result-link {
        color: #333;
        font-size: 13px;
        line-height: 13px;
    }

    .video-library-teaser {
        display: none;
    }

    .video-library-result .video-library-image {
        float: left;
        height: auto;
        margin-right: 10px;
        position: relative;
        width: 40%;
        z-index: 1;
    }

    .video-library-result-details {
        height: auto;
    }

    .video-library-published-date {
        position: static;
    }

    .video-library-tags {
        display: none;
    }

    #video-library-results.grid-view .video-library-result.item-1 {
        margin-left: 2%;
    }

    #video-library-results.grid-view .video-library-result.item-3 {
        margin-right: 2%;
    }

    #video-library-results.grid-view .video-library-result.item-1 {
        clear: none;
    }

    #video-library-results.grid-view .video-library-result {
        clear: none;
        float: left;
        margin: 2%;
        width: 46%;
    }

    .page-documents h1.title,
    .section-videos h1.title {
        font-size: 24px;
    }

    .section-videos .large-3.pull-9.columns {
        padding: 0px;
    }

    .node-type-video-library .large-3.pull-9.columns {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .node-type-vl-landing .view.view-video-library-views {
        display: inline-block;
        padding-bottom: 40px;
    }

    .block.block-video-library.contextual-links-region.block-video-library-video-library-series-toc {
        margin-bottom: 60px;
    }

    #block-block-76 {
        margin-top: 60px;
    }

    .node-type-video-library .view-id-video_library_views .views-row.views-row-first {
        margin-left: 0;
        margin-right: 7%;
    }

    .node-type-video-library .view-display-id-video_products_featured .views-row {
        float: left;
        margin: 0;
        text-align: center;
        width: 46%;
    }

    #corporate_div #img_frame150 {
        float: left;
        margin-right: 3%;
        width: 47%;
        max-width: none;
    }

    .page-search .large-3.pull-9.columns,
    .section-headlines .large-3.pull-9.columns,
    .page-site-studies .large-3.pull-9.columns,
    .page-project-library .large-3.pull-9.columns,
    .page-project-profiles .large-3.pull-9.columns {
        /*padding: 0 0 200px;
        */
        padding: 0px;
    }

    .hunter_worldwide .icon-globe {
        font-size: 20px;
        margin-right: 16px;
    }

    .hunter_worldwide {
        background-color: #00658a;
        color: #fff;
        font-size: 20px;
        margin-bottom: 0;
        padding: 7px 0 6px;
        text-align: center;
    }

    .panel {
        margin-bottom: 1.25em;
    }

    .image_pdf {
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }

    .resource_groups .small-3.large-2.columns {
        margin-bottom: 30px;
        width: 50%;
    }

    h1.section_title {
        color: #006588;
        font-size: 30px;
        margin-bottom: 16px;
        margin-top: 34px;
        text-transform: uppercase;
    }

    .resource_groups .small-3 {
        width: 100%;
    }

    .page-site-studies .small-block-grid-2>li,
    .page-project-library .small-block-grid-2>li,
    .page-project-profiles .small-block-grid-2>li {
        width: 100%;
    }

    .page-search .form-item.form-type-textfield.form-item-keys,
    .section-headlines .form-item.form-type-textfield.form-item-keys,
    .page-site-studies .form-item.form-type-textfield.form-item-keys,
    .page-project-library .form-item.form-type-textfield.form-item-keys,
    .page-project-profiles .form-item.form-type-textfield.form-item-keys {
        display: block;
        float: left;
        margin-top: 0;
        width: 61%;
        margin-right: 0px;
    }

    #edit-basic {
        display: block;
        width: 100%;
    }

    .page-search #edit-basic .form-submit,
    .section-headlines #edit-basic .form-submit,
    .page-site-studies #edit-basic .form-submit,
    .page-project-library #edit-basic .form-submit,
    .page-project-profiles #edit-basic .form-submit {
        display: block;
        float: right;
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 0;
        min-width: 100px;
        white-space: nowrap;
        width: 35%;
    }

    .page-search .form-item.form-type-checkbox.form-item-retain-filters,
    .page-site-studies .form-item.form-type-checkbox.form-item-retain-filters,
    .page-project-library .form-item.form-type-checkbox.form-item-retain-filters,
    .page-project-profiles .form-item.form-type-checkbox.form-item-retain-filters {
        background-color: #ccc;
        display: block;
        float: left;
        height: 50px;
        margin: 0 0 18px;
        min-width: 230px;
        padding: 17px 20px;
        text-transform: uppercase;
        vertical-align: middle;
        width: 100%;
    }

    .page-search .large-9.push-3.main.columns #search-form,
    .section-headlines .large-9.push-3.main.columns #search-form,
    .page-site-studies .large-9.push-3.main.columns #search-form,
    .page-project-library .large-9.push-3.main.columns #search-form,
    .page-project-profiles .large-9.push-3.main.columns #search-form {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .node-ss-profile .left_part,
    .node-ss-profile .right_part {
        width: 100%;
        display: block;
        padding: 0;
    }

    .field-name-field-photo a.colorbox {
        background-color: #f1f1f1;
        float: left;
        margin: 0;
        padding: 15%;
        width: 100%;
        margin-bottom: 6px;
    }

    .challenge,
    .solution,
    .result {
        border-bottom: 1px solid #e6e6e7;
        padding-bottom: 60px;
        padding-top: 40px;
    }

    .contact_inner .inner>a {
        margin-left: 0;
    }

    .field-name-field-related-articles .related-links-item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .field-name-field-related-articles .related-links-item:nth-of-type(3) {
        margin-bottom: 0px;
    }

    .field-name-field-related-articles {
        border: 2px solid #cfcdcb;
        display: inline-block;
        padding: 40px 20px 10px;
        position: relative;
        width: 100%;
    }

    div.marketing-page-section.format-type-image-left h2.title,
    div.marketing-page-section.format-type-image-right h2.title {
        font-size: 30px;
        margin-top: 50px;
    }

    .field-name-field-marketing-page-section .marketing-page-section.background-light-blue h2.title {
        font-size: 30px !important;
    }

    .online_training_unordered_list li {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

    .small-block-grid-2.large-block-grid-4.tools_and_calculators_list>li {
        width: 100%;
    }

    .small-block-grid-4.large-block-grid-6.golf_resources_cad>li {
        width: 50%;
    }

    .top_part_tts .left_image {
        float: none;
        margin-bottom: 30px;
        margin-right: 0;
        width: 100%;
    }

    .section.mp .image_right_side {
        bottom: 0;
        min-width: 130px;
        position: relative;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .proven_water_savers_wrapper .section.mp p {
        float: left;
        line-height: 36px;
        margin-bottom: 30px;
        margin-right: 20px;
        margin-top: 40px;
        width: 100%;
    }

    .proven_water_savers_wrapper img.pld {
        float: none;
        width: 100%;
    }

    .proven_water_savers_wrapper .section.flow p {
        float: left;
        width: 100%;
    }

    .section.flow .image_right_side {
        bottom: 0;
        display: block;
        position: absolute;
        right: 0;
        width: 60%;
    }

    .proven_water_savers_wrapper .flow .learn_more {
        margin-top: 10px;
    }

    .proven_water_savers_wrapper .section.flow {
        height: auto;
        min-height: 660px;
    }

    .proven_water_savers_wrapper .section.valves p {
        position: relative;
        width: 100%;
        z-index: 2;
    }

    .section.valves .image_right_side {
        display: none;
    }

    .section.valves .image_left_side img {
        width: 100%;
    }

    .section.valves .image_left_side {
        width: 100%;
        left: 0;
    }

    .proven_water_savers_wrapper .section.valves {
        height: auto;
        min-height: 680px;
    }

    .section.valves .image_left_side {
        bottom: -17px;
        left: 30px;
        position: absolute;
        width: 80%;
    }

    .proven_water_savers_wrapper .section.accu-sync p {
        width: 100%;
    }

    .proven_water_savers_wrapper img.accu-sync {
        display: none;
    }

    .proven_water_savers_wrapper .background_overlay {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        left: 0;
        padding: 32px 20px 0;
        position: absolute;
        width: 95%;
    }

    .proven_water_savers_wrapper .section.accu-sync {
        background-image: url("/sites/default/files/images_proven_water_savers/accu-background.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        min-height: 620px;
    }

    .section.online_tools .small-block-grid-3>li {
        padding: 0 0.625em 1.25em;
        width: 100%;
    }

    .nav-landing-icons-wrapper.small-block-grid-3>li {
        padding: 0 0.625em 1.25em;
        width: 100%;
    }

    /* Homeowners Section ---------------------------- */
    .homeowners_prod_support .product_line_name a {
        display: table-cell;
        font-size: 14px;
        line-height: 18px;
        vertical-align: middle;
    }

    .button.learn_more {
        width: 100%;
    }

    #faqs_readmore .button.learn_more {
        margin-bottom: 0;
        margin-top: 20px;
        background-color: #47abd1;
        color: #fff;
        text-align: left;
    }

    #faqs_readmore .button.learn_more:hover {
        background-color: #2ba6cb;
        color: #fff;
    }

    #faqs_readmore .button.learn_more:after {
        content: "\e800";
        font-family: "fontello";
        margin-left: 10px;
        position: relative;
        top: -2px;
        float: right;
    }

    .button.support_library {
        width: 100%;
    }

    .node-advanced-feature .image {
        text-align: center;
    }

    div.marketing-page-section h2.title {
        font-size: 22px !important;
    }

    div.marketing-page-section.background-white h2.line span {
        font-size: 22px !important;
    }

    .node-advanced-feature img {
        width: 100%;
    }

    #block-hunter-misc-product-support a {
        background-color: #3b3b3b;
        color: #fff;
        padding: 12px 24px 10px 20px;
        text-align: right;
        width: 100%;
        min-height: 40px;
    }

    .node-distributor .field-location {
        font-size: 18px;
        line-height: 24px;
    }

    .node-distributor .field-name-field-distributor-website a,
    .node-distributor .field-name-field-driving-directions a {
        font-size: 15px;
    }

    .view-distributor-search .view-header a.button.new_search {
        left: 15px;
        position: absolute;
        right: 15px;
        text-align: left;
        top: 55px;
        width: auto;
    }
}

@media only screen and (max-width: 400px) {
    .professionals_inner h2 {
        color: #0ec3f7;
        font-size: 34px;
        margin-bottom: 0;
    }

    .slider_text_container {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        bottom: 10%;
        color: #fff;
        display: block;
        padding: 0 10px 10px;
        position: absolute;
        right: 0;
        width: auto;
        z-index: 99;
    }

    .slider_text_container .title_text {
        font-size: 19px;
        line-height: 21px;
        margin-bottom: 17px;
        margin-top: 17px;
        text-transform: uppercase;
    }

    .home_slider_mobile .paragraph_text .learn_more.for_small {
        color: #fff;
        display: block;
        font-size: 12px;
        text-align: right;
    }

    #block-product-product-main-image img {
        margin-left: -6%;
        max-width: 112%;
        padding: 0;
        width: 112%;
    }

    #block-hunter-misc-product-support {
        float: left;
        margin-left: -6%;
        padding: 0;
        width: 112%;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Internet Explorer ------------------------------------------------- */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Left Off Canvas Menu ------------------ */
/* Inactive State ------- */
.lt-ie10 .left-off-canvas-menu {
    left: -85%;
    /* width of your menu */
    position: fixed;
}

.lt-ie10 .inner-wrap {
    left: 0;
}

/* Active State --------- */
.lt-ie10 .move-right .left-off-canvas-menu {
    left: 0;
}

.lt-ie10 .move-right>.inner-wrap {
    left: 85%;
    /* width of your menu */
}

/* Right Off Canvas Menu ------------------ */
/* Inactive State ------- */
.lt-ie10 .right-off-canvas-menu {
    right: -85%;
    /* width of your menu */
}

/* Active State --------- */
.lt-ie10 .move-left .right-off-canvas-menu {
    right: -85%;
}

.lt-ie10 .move-left>.inner-wrap {
    left: -85%;
    /* width of your menu */
}

/* Support Section mobile slideout menu fixes --------- */
.lt-ie10 .field-name-field-section-menu ul.menu>li.has-children>a::after {
    line-height: 1em;
    font-size: 1em;
}

/* Other IE9 fixes ------------- */
.lt-ie10 .copyright.large-12.columns {
    text-align: center;
    padding-top: 5px;
}

.lt-ie10 #modalLanguage .close-reveal-modal {
    border: 3px solid #fff;
    border-radius: 22px;
    color: #fff;
    font-size: 30px;
    height: 40px;
    right: 48%;
    text-align: center;
    top: -58px;
    width: 40px;
    line-height: 28px;
}

.lt-ie10 .chosen_language {
    color: #fff;
    font-size: 14px;
    font-family: "Sero_bold", Arial, sans-serif;
    margin-left: 5px;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    top: 2px;
}

.lt-ie10 .top_bar_1 .inner_right .block-menu-block .menu-block-wrapper a {
    color: #fff;
    font-size: 13px;
    line-height: 38px;
    text-transform: uppercase;
}

.lt-ie10 #secondary-menu a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 38px;
}

/*Resource Page*/
img.regular_width {
    width: auto;
}

img.full_width {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
}

.krumo-root * {
    color: #000 !important;
    font-family: arial, Helvetica, sans-serif;
}

.finding-a-professional h3.fancy-title {
    background: url("/sites/all/themes/hunter/images/bg-border-get-hunter.gif") repeat-x scroll center center rgba(0, 0, 0, 0);
    clear: both;
    font-family: sero, arial, verdana, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin: 20px 30px !important;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 !important;
}

.finding-a-professional ul li {
    margin-bottom: 24px;
}

.section-professional-contractor-referral-form h1.title {
    display: none;
}

h1.title.show {
    display: block !important;
}

.golf-pilot-header,
.get-hunter-golf-pilot-image {
    text-align: center;
}

.get-hunter-golf-pilot ul.benefits p.image {
    text-align: center;
}

.golf-pilot-header h1 {
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 10px;
}

.golf-pilot-header p {
    font-size: 1.5em;
    margin: 0;
}

.page-node-25516 h1.title {
    display: none;
}

.page-node-25516 #block-system-main .gutter {
    margin: 0;
}

.page-node-25516 #block-system-main .three-column {
    padding: 0 20px;
}

/* Overwrites custom_styles.css line 15309 */
.block.block-addthis.block-addthis-addthis {
    float: none;
}

/* Overwrites custom_styles.css line 15316 */
.block.block-translation-set-links.block-translation-set-links-translation-set-links {
    float: none;
}

.add_this_and_language {
    text-align: center;
}

.hunter-blue {
    color: #00658a !important;
}

.hunter-lightblue {
    color: #47abd1 !important;
}

.hunter-lightblue-bright {
    color: #0EC3F7 !important;
}

.hunter-gray {
    color: #b7b7b7 !important;
}

.hunter-dark-gray {
    color: #7f7f7f !important;
}

.golf-green {
    color: #a7ca33 !important;
}

/** Overwrites custom_styles.css line 9759 */
/* Adds the class for use outside of the footer */
ul.menu li .menu-item-two-rows {
    padding-bottom: 50px !important;
    position: relative;
    top: -18px;
}

/** Spanish Megamenu Styles */
.i18n-es .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0,
.i18n-fr .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0,
.i18n-pt .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0,
.i18n-de .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0,
.i18n-tr .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 50%;
}

.i18n-it .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 55%;
}

.i18n-ru .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 72%;
}

.i18n-ar .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 90%;
}

.i18n-zh-hans .megamenu-menu li.leaf-0 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 50%;
}

.i18n-es .megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot,
.i18n-it .megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot,
.i18n-fr .megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot,
.i18n-pt .megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot,
.i18n-de .megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot,
.i18n-tr .megamenu-menu li.leaf-2 .megamenu-bin .megamenu-slot {
    width: 30%;
}

.i18n-es .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1,
.i18n-it .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1,
.i18n-fr .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1,
.i18n-tr .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1 {
    width: 62%;
}

.i18n-pt .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1,
.i18n-de .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-1 {
    width: 68%;
}

.i18n-ru .megamenu-menu li.leaf-1 .megamenu-bin .megamenu-slot.leaf-0 {
    width: 75%;
}

/* Overrides custom_styles.css line 4561 */
.comparison_chart_sidebar_link {
    margin-top: 0;
}

.product-right-sidebar .block-menu-block {
    margin-bottom: 40px;
    margin-top: 20px;
}

.field-name-field-spec-examples .item-field-model,
.field-name-field-spec-examples-2 .item-field-model,
.field-name-field-spec-examples-3 .item-field-model,
.node-type-product .spec-builder .item-field-model,
.node-type-product .spec-builder .item-field-option {
    font-family: "Sero_bold";
}

a.login-before::before {
    color: #fff;
    content: '\e80d';
    font-family: "fontello";
    font-size: 13px;
    line-height: 33px;
    text-transform: uppercase;
    margin-right: 10px;
}

/* * Winterization page styles */
.winterizing_pgs h1.title {
    margin: 20px 10px;
}

#warning148 {
    background: none repeat scroll 0 0 #005483;
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 21px;
    padding: 1em;
    text-align: center;
    margin-top: 0.5em;
}

#warning148 p {
    margin: 0px;
}

#warning148 h4 {
    font-size: 0.75em;
    font-weight: normal;
    margin: 15px 0;
}

#warning148 h4 a {
    margin: 0px;
    font-size: .8em;
    font-family: arial;
    text-transform: uppercase;
    color: #7cbed7;
    text-decoration: none;
}

#warning148 h4 a:hover {
    text-decoration: underline;
}

#valveTypes div {
    float: left;
    width: 150px;
    margin-left: 25px;
}

.blow-out-warning {
    margin: 0;
    float: right;
    display: block;
    background: #005483;
    width: 200px;
    margin: 0 10px 20px 20px !important;
    color: white;
    text-align: center;
    padding: 20px;
}

.winterizing_pgs p {
    margin: 1em 0;
}

.blow-out-warning a {
    color: white !important;
    text-decoration: underline;
}

/*----------------------------------- * Confoigrator Marketing Page *----------------------------------*/
.configurator-mkt h1 {
    text-transform: uppercase;
    color: #2a6486;
    border-bottom: 1px solid #ccc;
    font-size: 1.7em;
    line-height: 2em;
    padding: 0 0 10px 0;
    display: inline !important;
}

.configurator-mkt .center p em {
    font-size: 1.38em;
}

.configurator-mkt .center h3 {
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 1.5em;
    color: #999;
}

.configurator-mkt .configurator-button {
    display: inline-block;
}

.configurator-mkt .configurator-button a {
    display: inline-block;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 120px;
    width: 120px;
    margin: 25px;
    line-height: 117px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.7em;
}

.configurator-mkt .configurator-button.first a {
    background: #005487;
}

.configurator-mkt .configurator-button.middle a {
    background: #3f413c;
}

.configurator-mkt .configurator-button.last a {
    background: #46abd1;
}

.configurator-mkt p.intro {
    font-size: 1.23em;
    line-height: 2em;
    margin-bottom: 2em;
}

.configurator-3-column>div {
    float: left;
    background: #f3f3f3;
    margin: 10px;
    margin-bottom: 30px;
    width: 30%;
    text-align: center;
    margin-top: 30px;
    min-height: 500px;
}

.configurator-3-column>div h2,
.configurator-3-column>div p {
    text-align: left;
}

.configurator-3-column>div.first {
    margin-left: 17px;
}

.configurator-3-column>div h2 {
    margin: 0 30px;
    text-transform: uppercase;
    color: #2a6486;
    font-size: 1.3em;
}

.configurator-mkt .section-fade-light,
.configurator-mkt .section-fade-lighter {
    float: left;
}

.configurator-mkt .section-fade-lighter.imms h2,
.configurator-mkt .section-fade-lighter.acc h2,
.configurator-mkt .section-fade-lighter.icore h2 {
    font-size: 2em;
    color: #2a6486;
    margin: 1.5em 30px 1em;
}

.configurator-mkt .section-fade-lighter.imms img,
.configurator-mkt .section-fade-lighter.icore img {
    float: right;
    margin: 10px 20px 30px 20px;
}

.configurator-mkt .section-fade-lighter.acc img {
    float: left;
    margin: 10px 2em 30px 0px;
}

.configurator-mkt .section-fade-lighter p.sero {
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 1.5em;
}

.configurator-mkt .section-fade-lighter.imms img {
    position: relative;
    top: -40px;
}

.configurator-mkt .section-fade-lighter.imms p {
    margin-top: 5em;
}

.configurator-mkt .section-fade-lighter.imms p.sero {
    margin-top: 1em;
}

.configurator-mkt .section-fade-lighter.imms .action-button,
.configurator-mkt .section-fade-lighter.icore .action-button {
    margin: 1em 30px;
}

.configurator-mkt .action-button {
    margin: 0 !important;
}

.action-button {
    padding: 7px 20px 7px 25px;
}

.action-button,
.secondary-button {
    display: inline-block;
    border: none;
    text-transform: uppercase;
    background: #47abd1;
    color: #fff !important;
    font-weight: 200;
}

.secondary-button {
    background: #7f7f7f;
}

.action-button:hover,
.secondary-button:hover {
    background: #46ABD1;
}

.action-button.large,
.secondary-button.large {
    font-size: 18px;
    padding: 10px 25px 10px 30px;
}

.action-button.full-width,
.secondary-button.full-width {
    font-size: 2.2em;
    width: 80%;
    padding: 40px 10%;
    text-align: center;
}

.action-button.medium,
.secondary-button.medium {
    font-size: 14px;
    padding: 7px 20px 7px 25px;
}

.action-button.small,
.secondary-button.small {
    font-size: 12px;
    padding: 5px 15px 5px 20px;
}

.action-button:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 1.5em;
    padding: 0.5em 0 0.5em 1.43em;
    content: '\e800';
}

.action-button.no-arrow:after {
    content: none;
}

.action-button:active {
    position: relative;
    top: 1px;
    text-shadow: -1px -1px 0px rgba(5, 44, 56, 0.5);
}

.about-runtime .intro-graph {
    text-align: center;
    margin-bottom: 4em;
}

.about-runtime .about-inner {
    margin: 0 20px;
}

.about-runtime h1.intro {
    margin-left: 110px;
    border-bottom: 1px solid #c5c5c5;
    text-transform: none;
    font-size: 1.5em;
    color: #555;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.about-runtime p.intro {
    font-size: 1.3em;
    font-weight: 300;
    text-align: center;
}

.about-runtime .img_text.big img {
    float: left;
    margin-right: 30px;
}

.about-runtime .text_img.big img {
    float: right;
    margin-left: 30px;
    border: 5px solid #fff;
}

.about-runtime .img_text.big .text {
    float: left;
    width: 515px;
}

.about-runtime .text_img.big .text {
    float: left;
    width: 300px;
}

.about-runtime .img_text.small {
    width: 330px;
    float: left;
    margin: 40px 20px 0 0;
}

.about-runtime .img_text.small .text {
    width: 235px;
    float: left;
}

.about-runtime .img_text.small img.icon {
    float: left;
    margin: 0 10px 10px 0px;
}

.about-runtime .img_text.intro h2 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.about-runtime .img_text.big.intro .text {
    width: 365px;
    margin-bottom: 20px;
}

.about-runtime .img_text.conserve h2 {
    margin-top: 65px;
    margin-bottom: 10px;
}

.about-runtime .img_text.conserve {
    width: 600px;
    margin-left: 75px;
}

.about-runtime .img_text.conserve .text {
    width: 375px;
}

.about-runtime h2 {
    font-size: 18px;
    color: #222;
    line-height: 26px;
    font-weight: 400;
}

.about-runtime .img_text.big p,
.about-runtime .text_img.big p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}

.about-runtime .img_text.small p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
}

.about-runtime .text_img.big p {
    line-height: 28px;
}

.about-runtime .img_text.intro p {
    font-size: 15px;
}

.about-runtime .banner p a {
    font-weight: bold;
    color: #57b8dd !important;
}

.about-runtime .banner p a:hover {
    color: #ffffff !important;
}

.about-runtime .img_text.small h2 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
}

.about-runtime .line {
    border-bottom: 1px solid #c5c5c5;
    height: 1px;
    width: 500px;
    margin: 40px 0 40px 90px;
}

.about-runtime .imgtop_text {
    width: 275px;
    margin: 40px 0px 40px 45px;
    float: left;
}

.about-runtime .imgtop_text h2,
.about-runtime .imgtop_text p {
    margin-left: 10px;
    margin-top: 10px;
    line-height: 22px;
}

.about-runtime .imgtop_text img.icon {
    border: 5px solid #e1e1e1;
}

.about-runtime .imgtop_text_three {
    text-align: center;
    width: 200px;
    margin-right: 35px;
    float: left;
}

.about-runtime .imgtop_text_three h2 {
    margin: 10px 0;
}

.about-runtime .img_text.last,
.about-runtime .imgtop_text_three.last {
    margin-right: 0;
}

.about-runtime img.icon.stock {}

.about-runtime .banner * {
    list-style: none;
}

/* Opacity Effect */
.about-runtime .about-banner-thumb-wrapper .active {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

/* Opacity Effect */
.about-runtime .about-banner-thumb-wrapper .faded {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

/* Carosel Theme Overrides */
.about-runtime .about-banner-wrapper .jcarousel-skin-tango {
    position: relative;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 85px;
    background: none;
    border: none;
    list-style: none outside none;
    overflow: hidden;
    padding: 0;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-container {
    height: 85px;
    width: 720px;
    background: none;
    border: none;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 0;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 720px;
    height: 85px;
    text-align: center;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal ul,
.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal li {
    height: 85px;
    display: inline-block;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 0 5px;
}

.about-runtime .about-banner-wrapper .about-banner-thumb-image-wrapper {
    height: 85px;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-prev,
.about-runtime .about-banner-wrapper .jcarousel-skin-tango .jcarousel-next {
    display: none;
}

.about-runtime .about-banner-wrapper .jcarousel-skin-tango a {
    line-height: 20px;
}

/* Display Formatting*/
.about-runtime .about-banner-wrapper ul.about-banner-splash-wrapper {
    margin-left: 0;
    display: block;
    list-style: none;
    margin-bottom: 12px;
}

.about-runtime .about-banner-splash-item-wrapper {
    overflow: hidden;
    height: 367px;
    display: none;
}

.about-runtime .about-banner-splash-wrapper .active {
    display: block !important;
}

.about-runtime .about-banner-splash-wrapper {
    position: relative;
}

.about-runtime .about-banner-wrapper {
    background: #f4f3f3 url("/sites/default/files/runtime_landing/imgs/runtime_banner_00-bg.jpg") no-repeat bottom left;
    width: 720px;
    height: 477px;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.about-runtime ul.about-banner-thumb-wrapper {
    padding: 0;
    margin: 0;
    width: 720px !important;
}

.about-runtime .about-banner-thumb-wrapper li {
    display: inline-block;
    margin: 0 5px;
}

.about-runtime .about-banner-splash-image-wrapper {
    display: inline-block;
    width: 720px;
    height: 367px;
    margin-right: 10px;
}

.about-runtime .about-banner-thumb-image-wrapper img {
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

.about-runtime .banner {
    position: relative;
}

.about-runtime .textoverlay {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 360px;
    background: url("/sites/default/files/runtime_landing/imgs/textoverlay.png");
    padding: 15px;
    color: #ffffff;
    text-align: left;
}

.about-runtime .textoverlay h1 {
    border: 0;
    color: #ffffff;
    line-height: 20px;
    margin: 0 0 10px 0;
    width: auto;
    padding: 0;
    text-align: left;
}

.about-runtime .textoverlay p {
    margin: 0;
}

.about-runtime div.imgtop_text_three div.text p {
    font-size: 0.95em;
    line-height: 18px;
}

.about-runtime .margin-top-bottom-2 {
    margin-top: 2em;
    margin-bottom: 2em;
}

.wsc-wrapper #prods105 {
    margin: 0 10px;
}

.wsc-wrapper #campaign-techsupport-100wrap #campaign-techsupport-block #appBtn a {
    color: #D5D5D5;
    float: left;
    margin-right: 10px;
    padding: 3px;
    width: 125px;
    background-color: #005483;
    background-image: url(/sites/default/files/wsc-btn-back.jpg);
    background-position: 0 0;
    text-decoration: none;
}

.wsc-wrapper #campaign-techsupport-100wrap #campaign-techsupport-block #appBtn a:hover {
    color: #FFFFFF;
}

.wsc-wrapper #campaign-techsupport-100wrap #campaign-techsupport-block #appBtn a:hover {
    text-decoration: underline;
}

.wsc-wrapper #campaign-techsupport-block {
    width: 33%;
}

.wsc-wrapper #campaign-techsupport-100wrap #campaign-techsupport-block #appBtnDiv {
    font-size: 0.85em;
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
}

.wsc-wrapper #campaign-techsupport-100wrap #campaign-techsupport-block #appBtnDiv #appBtnFull a {
    background-image: url(/sites/default/files/wsc-btn-back.jpg);
    background-position: 0 0;
    color: #D5D5D5;
    margin-right: 10px;
    width: 90%;
    padding: 3px;
    text-decoration: none;
    display: block;
}

.wsc-wrapper #campaign-techsupport-100wrap #campaign-techsupport-block #appBtnDiv #appBtnFull a:hover {
    color: #FFFFFF;
}

.wsc-wrapper #campaign-techsupport-100wrap #campaign-techsupport-block #appBtnDiv p {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 4px;
}

.wsc-wrapper #wsc-top-img {
    float: left;
    position: relative;
    clear: both;
}

.wsc-wrapper #wsc-top-img-rt {
    background-color: #1E3F48;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    height: 363px;
    line-height: 24px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 274px;
}

.wsc-wrapper #wsc-top-img-rt ul {
    margin-bottom: 0;
}

.wsc-wrapper #wsc-top-img-rt li {
    font-weight: normal;
    margin-top: 5px;
}

.wsc-wrapper #wsc-top-img #version {
    color: #E1E1E1;
    font-size: 0.65em;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.wsc-wrapper .buttondiv {
    width: 260px;
    float: left;
    margin: 10px 30px;
}

.wsc-wrapper .wsc_img_list {
    float: left;
    margin: 0 15px 30px 0;
}

.wsc-wrapper #menuWrap {
    background-color: #E8E7E7;
    font-size: 0.9em;
    text-transform: uppercase;
    width: 720px;
}

.wsc-wrapper #menuWrap #menuWrapCol {
    background-color: #E8E7E7;
    color: #666;
    float: left;
    margin-top: -7px;
    padding: 5px;
    text-align: center;
    width: 350px;
}

.wsc-wrapper #div_clear {
    clear: both;
}

.wsc-wrapper #menuWrap #menuWrapCol h4 {
    font-size: 13px;
    margin: 3px 0 5px 0px;
}

.wsc-wrapper #menuWrap #menuWrapCol p {
    margin: 0px;
}

.wsc-wrapper #menuWrap #menuWrapCol p a,
.wsc-wrapper #menuWrap #menuWrapCol p a:hover {
    font-weight: bold;
}

.youtube-responsive {
    height: 0;
    padding-bottom: 56.23%;
    position: relative;
    width: 100%;
}

.youtube-responsive iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

main .block-menu ul li a {
    color: #47abd1;
}

main .block-menu ul li a:hover {
    color: #2ba6cb;
}

.block-menu-menu-water-savings-calc-metric .block-menu-menu-water-savings-calculator-me {
    width: 100%;
    float: left;
}

.block-menu-menu-water-savings-calc-metric .menu li,
.block-menu-menu-water-savings-calculator-me .menu li {
    margin: 0 10px 25px 0 !important;
}

.logo-guidelines-do-not {
    margin-left: 25px;
    line-height: 1.4em;
}

.logo-guidelines-do-not strong {
    color: #c50a20;
    position: relative;
}

.logo-guidelines-do-not strong:before {
    font-family: "fontello";
    content: '\e803';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
    border: 1px solid #c50a20;
    border-radius: 20px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -25px;
    top: 0;
}

object#Benefits_Hunter_System {
    width: 960px;
    height: 631px;
    max-width: none;
}

/* Overrides custom_styles.css line 9713 */
.pilot-header {
    background: #015579 url("/sites/default/files/pilot_header.jpg") no-repeat scroll right bottom;
    min-height: 344px;
    height: auto;
    width: 100%;
    float: left;
}

@media only screen and (max-width: 800px) {
    .pilot-header {
        background: #015579;
    }

    .pilot-header .pilot-copy {
        width: 100%;
    }
}

.views-field-title img,
.page-media #block-system-main img {
    width: auto;
}

.page-search-site .button-group {
    display: none;
}

.page-search-site .search-result img,
.page-search404 .search-result img {
    max-height: 145px;
}

.search-result-product-image {
    position: relative;
    float: left;
    margin: 5px 10px 20px 0;
}

.page-search p {
    margin-bottom: 0;
}

.page-search .search-result {
    margin-bottom: 1.8em;
    clear: both;
}

.page-search .search-result cite {
    color: #093;
    font-style: normal;
}

.node-type-hunter-event #WebToLeadForm select {
    width: auto;
}

.field-type-dimension-chart .columns {
    float: left;
}

.large-3 .block.block-addthis.block-addthis-addthis {
    width: 100%;
}

.facetapi-overlay {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}

/* Surveyor */
#golf_central_control_advantages #title-wrap {
    background: #e7e7e7;
    min-height: 300px;
}

#golf_central_control_advantages #title-wrap-inner {
    padding: 0px 0px 30px 50px;
}

#golf_central_control_advantages #title-wrap img {
    float: right;
    margin-left: 20px;
}

#golf_central_control_advantages #title-wrap h1 {
    font-size: 1.7em;
    margin-bottom: 1em;
    padding-top: 30px;
}

#golf_central_control_advantages #title-wrap a {
    font-weight: bold;
}

#golf_central_control_advantages #title-wrap p {
    line-height: 1.8em;
}

#golf_central_control_advantages .content-group-inner,
#golf_central_control_advantages #block-system-main .gutter {
    margin: 0 !important;
}

#golf_central_control_advantages .breadcrumbs,
#golf_central_control_advantages h1.title {
    display: none;
}

/* Tabs ------------------------ */
#golf_central_control_advantages #cc-tabs {
    margin: 30px 40px;
    float: left;
}

#golf_central_control_advantages #cc-tabs ul.tabs {
    margin-left: 0;
}

#golf_central_control_advantages #cc-tabs .tabs li {
    list-style: none;
    margin-right: 5px;
    float: left;
}

#golf_central_control_advantages #cc-tabs .tabs li a {
    display: block;
    float: left;
    padding: 10px 15px;
    text-align: center;
    background: #ccc;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 0.95em;
}

#golf_central_control_advantages #cc-tabs .tabs a.active {
    background: #f2f2f2;
    color: #005483;
}

#golf_central_control_advantages #cc-tabs .tabs a:hover {
    background: #bbb;
}

#golf_central_control_advantages #cc-tabs .tabs a.active:hover {
    background: #f2f2f2;
}

#golf_central_control_advantages #cc-tabs .tabs-content {
    display: none;
    background: #f2f2f2;
    clear: both;
    float: left;
}

#golf_central_control_advantages #cc-tabs .tabs-content-inner {
    padding: 20px;
    float: left;
}

#golf_central_control_advantages #cc-tabs .tabs-content-inner.controllers {
    padding: 20px 10px;
}

#golf_central_control_advantages #cc-tabs .active {
    display: block;
}

/* tabs-content -----------------------------*/
#golf_central_control_advantages #cc-tabs .tabs-content h2 {
    font-size: 1.2em;
    color: #005483;
}

#golf_central_control_advantages #cc-tabs .tabs-content h3 {
    font-size: 1em;
    color: #005483;
}

#golf_central_control_advantages #cc-tabs .tabs-content .tabs3 {
    float: left;
    width: 250px;
    margin-left: 30px;
}

#golf_central_control_advantages #cc-tabs .tabs-content .tabs3.first {
    margin-left: 0;
}

#golf_central_control_advantages #cc-tabs .tabs-content .tabs3 img {
    float: left;
    margin: 1em 10px 10px 0;
    border: 1px solid #797979;
}

#golf_central_control_advantages #cc-tabs .tabs-content .tabs2 {
    width: 405px;
    margin-left: 30px;
    float: left;
}

#golf_central_control_advantages #cc-tabs .tabs-content .tabs2.first {
    margin-left: 0;
}

#golf_central_control_advantages #cc-tabs .tabs-content-inner.controllers .tabs2 {
    width: 415px;
    margin-bottom: 30px;
}

#golf_central_control_advantages #cc-tabs .tabs-content-inner.accessories .tabs2 {
    margin-bottom: 30px;
}

#golf_central_control_advantages #cc-tabs .tabs-content #clear_both {
    clear: both;
    height: 1px;
}

#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs,
#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs-right {
    float: left;
}

#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs-right {
    margin-left: 10px;
    width: 230px;
    margin-top: 10px;
}

#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs.agc img {
    position: relative;
    left: -50px;
}

#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs.agc {
    width: 175px;
}

#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs-right li {
    margin-bottom: 20px;
    font-size: 0.95em;
}

#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs ul,
#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs-right ul {
    margin-left: 16px;
}

#golf_central_control_advantages #cc-tabs .tabs-content .button_learnmore {
    width: 100%;
}

#golf_central_control_advantages #cc-tabs .tabs-content .controller-sXs.agc .button_learnmore {
    margin-left: 14px;
}

#golf_central_control_advantages #cc-tabs .tabs-content .button_learnmore a {
    display: block;
    text-transform: uppercase;
    color: #005483;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    line-height: 24px;
    text-shadow: 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

#golf_central_control_advantages #cc-tabs .tabs-content .button_learnmore a:hover {
    color: #46ABD1;
}

/*Custom SASS*/
.section-resource-guide .field-name-field-resource-list .frame-full>table {
    background-color: #f1f1f1;
}

.section-resource-guide .field-name-field-block-quote blockquote {
    width: 100%;
}

.water-agency-resources .videos fieldset {
    border: none;
    background-color: #e8e7e3;
    padding: 30px 40px 40px;
    margin: 0;
}

.water-agency-resources {
    padding: 0 40px;
}

.water-agency-resources .intro {
    font-size: 16px;
    line-height: 24px;
}

.water-agency-resources img {
    width: auto;
}

.horizontal-rule-title p.hrt-subtitle {
    font-family: sero, arial, helvetica, sans-serif;
    position: absolute;
    bottom: -18px;
    width: 100%;
    z-index: 3;
}

.water-agency-resources {
    padding: 0 40px;
}

.water-agency-resources h1 {
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    font-size: 40px;
    line-height: 50px;
}

.water-agency-resources h2,
.water-agency-resources .four-column {
    text-align: center;
}

.water-agency-resources h2 {
    color: #9c9896;
    background-color: #fff;
    font-size: 2.3em;
    line-height: 2em;
}

.water-agency-resources .four-column img {
    border: 1px solid #ddd;
}

.water-agency-resources .four-column p {
    font-size: 16px;
}

.water-agency-resources .four-column a {
    margin-top: 10px;
}

.water-agency-resources .videos #node_product_full_group_videos .video-library-related-video {
    width: 30%;
}

.water-agency-resources .video-library-related-video,
.water-agency-resources .view-display-id-video_library_related_videos .views-row,
.water-agency-resources #node_product_full_group_videos .video-library-related-video {
    margin-left: 5%;
}

.water-agency-resources .videos #node_product_full_group_videos .video-library-related-video.row-2 {
    width: 48%;
}

.water-agency-resources #node_product_full_group_videos .video-library-related-video.row-2.item-4 {
    margin-left: 0;
}

.water-agency-resources #node_product_full_group_videos .video-library-related-video.row-2.item-5 {
    margin-left: 4%;
}

.water-agency-resources .videos #node_product_full_group_videos .video-library-related-video .video-library-image,
.water-agency-resources .videos #node_product_full_group_videos .video-library-related-video .video-library-image img {
    width: 100%;
    height: auto;
    max-width: none;
}

.water-agency-resources .videos #node_product_full_group_videos #related.thumbnail-three-column .video-library-related-video {}

@media only screen and (max-width: 768px) {
    .water-agency-resources .videos #node_product_full_group_videos #related.thumbnail-three-column .video-library-related-video {
        width: 45%;
    }

    .water-agency-resources .videos #node_product_full_group_videos #related.thumbnail-three-column .video-library-related-video {
        min-height: 0;
        height: auto !important;
    }

    .water-agency-cta a {
        text-align: left !important;
    }
}

.water-agency-resources .videos #node_product_full_group_videos #related.thumbnail-three-column .video-library-related-video .video-library-image,
.water-agency-resources .videos #node_product_full_group_videos #related.thumbnail-three-column .video-library-related-video .video-library-image img {}

.water-agency-resources.videos {
    padding: 0;
}

.water-agency-resources .videos fieldset {
    border: none;
    background-color: #e8e7e3;
    padding: 30px 40px 40px;
    margin: 0;
}

.water-agency-resources .videos .videos-inner {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

.water-agency-resources #node_product_full_group_videos #related,
.water-agency-resources #node_product_full_group_videos .video-library-related-video {
    margin-bottom: 4%;
}

.water-agency-resources #node_product_full_group_videos .video-library-related-video {
    background-color: #fff;
}

.water-agency-resources .videos #node_product_full_group_videos #related.thumbnail-three-column {
    margin-bottom: 15px;
}

.water-agency-resources #video_tab_label .video-library-result-label {
    text-align: center;
}

.water-agency-resources .video-library-result-label {
    text-align: left;
}

.water-agency-resources .tumbnail-two-column .video-library-result-label {
    padding-right: 30px;
}

.water-agency-resources .horizontal-rule-title {
    margin-top: 60px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.water-agency-resources .horizontal-rule-title hr {
    top: 42%;
}

.water-agency-cta {
    text-align: left;
    margin-top: 0;
}

.water-agency-cta p {
    font-size: 35px;
    line-height: 50px;
    margin: 0;
}

.water-agency-cta p strong {
    font-size: 38px;
}

.water-agency-cta img {
    margin-left: 10px;
}

.water-agency-cta a {
    padding: 50px 40px;
    text-align: center;
    display: block;
    -webkit-transition: color 0.2s, background 0.5s;
    -moz-transition: color 0.2s, background 0.5s;
    -o-transition: color 0.2s, background 0.5s;
    transition: color 0.2s, background 0.5s;
}

.water-agency-cta a:hover {
    color: #fff !important;
}

.water-agency-cta a:hover {
    background-color: #46ABD1;
}

.water-agency-cta .icon-chevron-right {
    font-size: 28px;
    position: relative;
    top: -4px;
    margin-left: 10px;
}

.page-node-49676 .field-name-field-featured-image {
    display: none;
}

.page-node-38696 h1.section_title {
    display: none;
}

.page-node-55551 .views-field-field-landscape .field-content {
    clear: both;
}

.troubleshooting-table {
    border: 1px solid #e2e2e1;
    font-family: pt-sans, arial, verdana, sans-serif;
    font-size: 1.3em;
}

.troubleshooting-table td {
    background-color: #fcfcfc;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
    border-bottom: 1px solid #e2e2e1;
    border-right: 1px solid #e2e2e1;
}

.troubleshooting-table .cause {
    background-color: #FFF !important;
}

.troubleshooting-table .solution {
    background-color: #f7f6f5 !important;
}

.troubleshooting-table .intern {
    margin-top: -5px;
    font-weight: bold;
}

.troubleshooting-table tr td:first-child,
.troubleshooting-table .solution {
    border-bottom: 4px solid #e2e2e1 !important;
}

.node-type-support-document table,
.node-type-support-document tbody {
    border: none;
}

/** SiteRec App Marketing Page **/
.siterec-hero {
    position: relative;
    margin-bottom: 2em;
}

.siterec-hero * {
    position: relative;
    z-index: 2;
}

.siterec-hero img {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.siterec-hero h1 {
    color: #00d4ff;
    font-size: 2.625em;
    line-height: 1.2em;
    text-transform: uppercase;
    text-shadow: 0 3px 0px rgba(0, 0, 0, 0.3);
    font-style: italic;
    margin-bottom: 0.3em;
}

.siterec-hero h1 span {
    color: #fff;
    font-size: 0.85em;
    text-transform: none;
    font-weight: normal;
    font-family: "Sero", Arial, sans-serif;
    font-style: normal;
}

.siterec-hero p {
    color: #fff;
    font-size: 1.3em;
    line-height: 1.3em;
    max-width: 350px;
}

.siterec-hero a {
    position: absolute;
    right: 40px;
    bottom: 40px;
    background: #00d4ff;
    display: block;
    color: #fff;
    font-size: 1.3em;
    padding: 25px 30px 20px 30px;
}

.siterec-hero a:hover {
    background: #12b2e0;
    cursor: pointer;
}

.siterec-hero .inner {
    padding: 2em 3em;
    position: absolute;
    top: 0;
    left: 0;
}

.feature_title.siterec {
    margin-bottom: 4em;
}

.feature_title.siterec h2.line {
    width: 100%;
}

.feature_title.siterec h2.line:after {
    border-top-color: #e6e6e6;
}

.feature_title.siterec h2.line span {
    font-family: "Sero", Arial, sans-serif;
    text-transform: none;
    color: #47abd1;
    font-size: 32px;
}

#send-bids-instantly {
    display: table;
}

#send-bids-instantly .column {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#send-bids-instantly img {
    width: 100%;
    max-width: 533px;
    height: auto;
}

#send-bids-instantly p {
    margin: 0;
}

#send-bids-instantly svg {
    color: #b7e2f7;
    max-width: 125px;
}

#send-bids-instantly .column.icon {
    text-align: center;
}

#send-bids-instantly p {
    font-size: 1.75em;
    font-style: italic;
}

.siterec-footer-cta {
    padding: 50px;
    border: 10px solid #f7f7f7;
    width: 90%;
    margin: 6em auto 0;
    text-align: center;
}

.siterec-footer-cta p {
    font-size: 1.75em;
    margin: 0;
    color: #47abd1;
}

.siterec-footer-cta a {
    background: #47abd1;
    display: inline-block;
    padding: 10px;
    width: 500px;
    margin-top: 1.4em;
    color: #fff;
    max-width: 100%;
}

.siterec-footer-cta a:hover {
    background: #0ec3f7;
}

.siterec-video {
    max-width: 830px;
    margin: 0 auto 7em;
    border: 7px solid #e6e6e7;
}

.siterec-video .siterec-video-inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.siterec-video .siterec-video-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row.siterec-preview {
    margin-bottom: 8em;
}

.siterec-tablet-preview {
    position: relative;
}

.siterec-tablet-frame {
    position: relative;
    z-index: 2;
}

.siterec-tablet-preview .siterec-tablet-screens {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 67.3%;
    height: 100%;
    margin: 9.2% 16% 10.8% 16.8%;
    overflow: hidden;
}

.siterec-tablet-preview .siterec-tablet-screens img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: -600px;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}

.siterec-tablet-preview .siterec-tablet-screens img.active {
    left: 0;
    z-index: 1;
}

.siterec-tablet-preview .siterec-tablet-screens img.active.outro {
    left: 600px;
    z-index: -1;
}

.siterec-tablet-preview-text {
    padding: 15px 40px;
    border: 1px solid #fff;
    margin-bottom: 20px;
}

.siterec-tablet-preview-text:hover {
    cursor: pointer;
}

.siterec-tablet-preview-text h3 {
    color: #47abd1;
    text-transform: none;
    font-size: 1.3em;
    font-weight: normal;
    font-family: "Sero", Arial, sans-serif;
}

.siterec-tablet-preview-text p {
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0;
}

.siterec-tablet-preview-text.active h3 {
    font-weight: bold;
    font-family: "Sero_bold", Arial, sans-serif;
}

.siterec-tablet-preview-text.active {
    position: relative;
    background: #f7f7f7;
    border: 1px solid #f1f1f1;
}

.siterec-tablet-preview-text.active:after {
    content: url("/sites/all/themes/hunter_responsive/images/1488257120_check_alt.svg");
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
}

@media only screen and (max-width: 850px) {
    .siterec-hero h1 {
        font-size: 2em;
    }

    .siterec-hero p {
        font-size: 1em;
    }
}

@media only screen and (max-width: 768px) {
    .desktop-only#send-bids-instantly {
        display: none;
    }

    .feature_title.siterec {
        display: block;
        margin-left: -0.9375em;
        margin-right: -0.9375em;
        margin-bottom: 1em;
        margin-top: 3em;
    }

    .feature_title.siterec h2.line {
        text-align: left;
        margin: 0;
        background: #f1f1f1;
        line-height: 2em;
        padding: 15px 20px 10px;
    }

    .feature_title.siterec h2.line span {
        font-size: 24px;
    }

    .feature_title.siterec span {
        background: transparent;
    }

    .siterec-hero img {
        display: none;
    }

    .siterec-hero {
        background-image: url("/sites/all/themes/hunter_responsive/images/siterec_hero.jpg");
        background-repeat: no-repeat;
        background-position: 50% -65px;
        background-attachment: scroll;
        background-size: cover;
        height: 350px;
        margin-left: -0.9375em;
        margin-right: -0.9375em;
    }

    .siterec-hero h1 {
        font-size: 1.9em;
    }

    .siterec-hero h1,
    .siterec-hero p {
        text-shadow: 0 0px 10px rgba(0, 0, 0, 0.8);
    }

    .siterec-hero a {
        width: 100%;
        bottom: 0;
        left: 0;
        right: auto;
        text-align: center;
    }

    .row.siterec-preview {
        margin-bottom: 0;
    }

    .siterec-tablet-preview {
        display: none;
    }

    .siterec-tablet-preview-text img {
        max-width: 350px;
        margin: 2em auto;
        border: 1px solid #e6e6e6;
    }

    .siterec-tablet-preview-text,
    .siterec-tablet-preview-text.active {
        background: #fff;
        border: none;
        padding: 0;
        margin-bottom: 3em;
    }

    .siterec-tablet-preview-text p {
        line-height: 1.6em;
    }

    .siterec-tablet-preview-text.active h3 {
        font-weight: normal;
        font-family: "Sero", Arial, sans-serif;
    }

    .siterec-tablet-preview-text.active:after {
        display: none;
    }

    .siterec-video {
        margin-left: -0.9375em;
        margin-right: -0.9375em;
        border: none;
        margin-bottom: 0;
        margin-top: -1em;
    }

    #send-bids-instantly {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    #send-bids-instantly .icon {
        text-align: center;
    }

    #send-bids-instantly .icon svg {
        max-width: 90px;
        height: auto;
    }

    #send-bids-instantly p {
        font-style: normal;
        font-size: 1.125em;
        line-height: 1.6em;
        margin: 1em 0;
    }

    #send-bids-instantly .bids-image {
        text-align: center;
    }

    .siterec-footer-cta {
        width: 100%;
        text-align: left;
        padding: 20px;
    }

    .siterec-footer-cta p {
        font-style: normal;
        font-size: 1.375em;
    }

    .siterec-footer-cta a {
        text-align: center;
        font-size: 0.9em;
        width: 100%;
    }
}

.top-support-articles-block {
    border: 1px solid #ebecec;
    margin-top: 3em;
}

.top-support-articles-block h2 {
    width: 100%;
    text-align: center;
    background: #f3f3f3;
    color: #00648a;
    font-size: 21px;
    line-height: 28px;
    padding: 10px 10px 5px 10px;
    margin: 0 0 20px 0;
}

.top-support-articles-block ul {
    margin: 0;
    padding: 0 10px;
}

.top-support-articles-block li {
    padding: 10px;
    margin-bottom: 15px;
}

.top-support-articles-block li:nth-child(4) {
    border-right: none;
}

.page-node-43256 h1.section_title,
.page-node-43256 .body p {
    max-width: 800px;
    margin: 1em auto;
}

#smartling_translate_popup img {
    max-width: 145px !important;
}

#smartling_translate_popup {
    width: 400px !important;
}

.fsm-wrapper .fsm-card .fsm-card-content {
    margin-bottom: 1.875em;
    border: 1px solid rgba(214, 214, 214, 0.5);
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(214, 214, 214, 0.5);
    -moz-box-shadow: 2px 2px 3px 0px rgba(214, 214, 214, 0.5);
    box-shadow: 2px 2px 3px 0px rgba(214, 214, 214, 0.5);
}

.fsm-wrapper .fsm-card .fsm-card-content p {
    margin: 1em 1em 0.7em 1em;
}

.fsm-wrapper .fsm-name {
    font-size: 1.3em;
    display: block;
    margin-top: 1em;
}

.hydrawise-email-wrapper legend {
    font-size: 1.6em;
    color: #00648a;
    text-transform: uppercase;
}

.hydrawise-email-wrapper .image-container img {
    max-height: 170px;
    width: auto;
    border: 1px solid #ccc;
    margin-left: 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .hydrawise-email-wrapper .image-container img {
        max-height: none;
        max-width: 200px;
    }
}

@media only screen and (max-width: 477px) {
    .hydrawise-email-wrapper .image-container img {
        max-width: 100px;
        float: left;
    }
}

.hydrawise-email-wrapper .success-message {
    display: none;
    padding-left: 15px;
}

.hydrawise-email-wrapper textarea.email-content {
    height: 200px;
}

.hydrawise-email-wrapper textarea {
    line-height: 21px;
}

.hydrawise-email-wrapper textarea.subject-line {
    resize: none;
    font-weight: 800;
}

.hydrawise-email-wrapper .section-hydrawise-images {
    margin: 2em 0;
}

.mp-line-feature-callout {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.mp-line-feature-callout .mp-img-bg {
    background: url("../images/MP815_1960_013.png") center 62% no-repeat;
    width: 45%;
}

.mp-line-feature-callout .nozzle-img-bg {
    background: url(/sites/default/files/banner_product_line_nozzles.jpg) center 70% no-repeat;
    width: 45%;
    background-size: cover;
}

.mp-line-feature-callout .spray-img-bg {
    background: url(https://www.hunterindustries.com/sites/default/files/bg_hero_prospray_kill_page.jpg) center 95% no-repeat;
    width: 45%;
    background-size: cover;
}

.mp-line-feature-callout .content {
    border: 1px solid #2BA6CB;
    border-left: none;
    padding: 0 25px 0;
    width: 55%;
}

.mp-line-feature-callout .mp-img-bg,
.mp-line-feature-callout .nozzle-img-bg,
.mp-line-feature-callout .spray-img-bg,
.mp-line-feature-callout .content {
    height: 135px;
    float: left;
    position: relative;
}

.mp-line-feature-callout .mp-title {
    font-size: 2.25em;
    line-height: 1em;
    color: #006588;
    font-weight: 800;
    padding: 0;
    margin: 0;
}

.mp-line-feature-callout .mp-title:after {
    content: url("/sites/all/themes/hunter_responsive/images/right_arrow_2.svg");
    width: 15px;
    height: 29px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
}

.mp-line-feature-callout .mp-description {
    color: #2BA6CB;
    font-size: 1.5em;
    line-height: 1em;
    margin: 0;
    padding: 10px 0 0 0;
}

.mp-line-feature-callout .content {
    display: table;
}

.mp-line-feature-callout .content-inner {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}

@media only screen and (max-width: 1150px) {
    .mp-line-feature-callout .mp-title {
        font-size: 2.8vw;
    }

    .mp-line-feature-callout .mp-description {
        font-size: 1.9vw;
    }
}

@media only screen and (max-width: 768px) {

    .mp-line-feature-callout .mp-img-bg,
    .mp-line-feature-callout .nozzle-img-bg,
    .mp-line-feature-callout .content {
        float: none;
        width: 100%;
    }

    .mp-line-feature-callout .content {
        border: none;
    }

    .mp-line-feature-callout {
        border: 1px solid #2BA6CB;
    }

    .mp-line-feature-callout .mp-title {
        font-size: 5vw;
    }

    .mp-line-feature-callout .mp-description {
        font-size: 3.2vw;
    }

    .mp-line-feature-callout .content {
        height: auto;
        padding: 15px;
    }
}

.hellobar_block.hide {
    display: none;
}

.hellobar_block.show {
    display: block;
}

#grow_to_go_landing_page #growth_tools .for_specifiers li a {
    -webkit-transition: all .5s;
    transition: all .5s;
}

#grow_to_go_landing_page #growth_tools .for_specifiers li a:hover {
    background-color: #f1f1f1;
}

@media screen and (max-width: 440px) {
    #grow_to_go_landing_page #growth_tools .for_specifiers li {
        width: 100%;
    }
}

/* Spray Nozzle Marketing Page --------------------------- */

#elevate_your_nozzle_game:before,
#solve_common_problems:before,
#a_nozzle_for_everyday_landscape:before,
#earn_points:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 60px;
    margin-top: -60px;
}

.scroll_spacer:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 60px;
    margin-top: -60px;
}

#spray_nozzle_marketing_page .section_inner {
    padding-top: 3em;
    padding-bottom: 3em;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


@media screen and (max-width: 1080px) {
    #spray_nozzle_marketing_page .section_inner {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }
}

@media screen and (max-width: 768px) {
    #spray_nozzle_marketing_page .section_inner {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
}

#spray_nozzle_marketing_page h2.line {
    font-size: 3.2em;
    margin: 0.5em 0 0.4em;
}

#spray_nozzle_marketing_page h2.line span {
    font-family: "Sero_bold", Arial, sans-serif;
    display: inline-block;
    max-width: 1180px;
    margin: 0 auto;
    line-height: 1.2;
    font-size: inherit;
}

#spray_nozzle_marketing_page .title_bar .section_inner {
    padding-top: 1em;
    padding-bottom: 1em;
}


#spray_nozzle_marketing_page #mantle .hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 37.5em;
    background-color: #CCE0E8;
}

#spray_nozzle_marketing_page #mantle .hero .image_bg {
    background: url('/sites/default/files/spray_nozzle_marketing_hero_bg.jpg');
    background-repeat: none;
    background-size: cover;
    background-position: left top;
    width: 46%;

    -webkit-clip-path: polygon(0 0, 0 330%, 100% 0);
    clip-path: polygon(0 0, 0 330%, 100% 0);
}

#spray_nozzle_marketing_page #mantle .hero .content img {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 2em;
}

#spray_nozzle_marketing_page #mantle .hero .content {
    width: 54%;
    max-width: 722px;
    background-color: #CCE0E8;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}





#spray_nozzle_marketing_page #mantle .hero .content img {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 2em;
}

#spray_nozzle_marketing_page #mantle .hero .content h1 {
    text-transform: none;
    font-size: 3em;
    line-height: 1.2;
    margin-bottom: 0;
}

@media screen and (max-width: 1030px) {
    #spray_nozzle_marketing_page #mantle .hero .content h1 {
        font-size: 2.2em;
    }
}


@media screen and (max-width: 768px) {

    #spray_nozzle_marketing_page #mantle .hero {
        height: 25em;
    }

    #spray_nozzle_marketing_page #mantle .hero .content img {
        width: 12.5em;
    }

    #spray_nozzle_marketing_page #mantle .hero .content h1 {
        font-size: 1.6em;
    }

}


@media screen and (max-width: 550px) {
    #spray_nozzle_marketing_page #mantle .hero .image_bg {
        display: none;
    }

    #spray_nozzle_marketing_page #mantle .hero .content {
        width: 100%;
    }

    #spray_nozzle_marketing_page #mantle .hero {
        height: 20em;
    }

    #spray_nozzle_marketing_page #mantle .hero .content img {
        margin-bottom: 1em;
    }
}

section .sub_section {
    width: 100%;
}

section .sub_section .section_inner {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.border-gray.radius-5 {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.videoWrapper.responsive {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper.responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.title_bar {
    background-color: #3b3b3b;
    color: #fff;
    text-align: center;
}

.comparison_thumb {
    width: auto;
    border: 4px solid #fff;
    position: absolute;
    bottom: 9.375em;
    left: 2.5em;
    background-color: #fff;
    cursor: pointer;
}

div#side_by_side {
    position: relative;
}

#side_by_side .title_bar .section_inner h4 {
    display: none;
    margin-bottom: 6px;
}

#side_by_side .title_bar .section_inner h4.active {
    display: block;
}

#side_by_side .comparison_thumb .thumb_label_container .thumb_label {
    display: none;
}

#side_by_side .comparison_thumb .thumb_label_container .thumb_label.active {
    display: block;
}

#side_by_side .comparison_full img {
    display: none;
}

#side_by_side .comparison_full img.active {
    display: block;
}

#side_by_side .comparison_thumb img.thumb {
    display: none;
}

#side_by_side .comparison_thumb img.thumb.active {
    display: block;
}

.thumb_label_container {
    padding: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 40px;
}

.thumb_label_container p {
    margin-bottom: 0;
}

#spray_nozzle_marketing_page nav {
    background-color: #fff;
    display: inline-block;
    padding: 1.375em 1.250em 1em 1.250em;
    width: 100% !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#spray_nozzle_marketing_page nav.scroll-to-fixed-fixed {
    padding: 0.813em 1.250em;
    box-shadow: 2px 2px 6px #e6e6e6;
    z-index: 5 !important;
}

#spray_nozzle_marketing_page nav>ul {
    margin: 0 auto;
    max-width: 1400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


#spray_nozzle_marketing_page nav li {
    list-style: outside none none;
    text-align: center;
}

.piper {
    color: #e6e6e7;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.875em;
}

.piper:after {
    content: "";
    border-left: 2px solid;
}

#spray_nozzle_marketing_page nav a {
    font-size: 1.37em;
    text-transform: uppercase;
}

#spray_nozzle_marketing_page nav a.active {
    font-family: "Sero_bold", Arial, sans-serif;
}

#spray_nozzle_marketing_page #mp_marketing_page_nav li {
    width: auto;
}

#spray_nozzle_marketing_page #mp_marketing_page_nav li:not(:last-child) {
    border: none;
}

.border_bottom_gray:not(:last-of-type) {
    border-bottom: 2px solid #D8D8D8;
}

@media screen and (max-width: 768px) {
    .border_bottom_gray {
        border-bottom: 2px solid #D8D8D8;
    }
}

#spray_nozzle_marketing_page ol.custom_ordered_list {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 3.125em;
}

#spray_nozzle_marketing_page ol.custom_ordered_list li {
    margin: 0 0 2.5em 0;
    counter-increment: my-awesome-counter;
    position: relative;
    font-size: 18px;
    line-height: 1.4;
    padding-top: 7px;
}

#spray_nozzle_marketing_page ol.custom_ordered_list li:before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-size: 1.091em;
    font-weight: bold;
    position: absolute;
    left: calc(-1 * 1.818em - 10px);
    line-height: 2em;
    width: 1.818em;
    height: 1.818em;
    top: 0;
    background: #00658a;
    border-radius: 50%;
    text-align: center;
}

@media screen and (max-width: 1080px) {

    #spray_nozzle_marketing_page ol.custom_ordered_list {
        font-size: 86%;
    }

}

@media screen and (max-width: 950px) {

    #spray_nozzle_marketing_page ol.custom_ordered_list {
        font-size: 76%;
    }
}


@media screen and (max-width: 768px) {

    #elevate_your_nozzle_game .section_inner .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #elevate_your_nozzle_game img {
        margin: 0 auto 2em;
        display: block;
    }

    #spray_nozzle_marketing_page ol.custom_ordered_list {
        width: auto;
        display: table;
        margin: 0 auto;
    }

}

@media screen and (max-width: 530px) {
    #spray_nozzle_marketing_page ol.custom_ordered_list li {
        font-size: 16px;
    }
}


#elevate_your_nozzle_game .section_inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#short-radius-nozzles .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#short-radius-nozzles .row .columns {
    text-align: center;
}

#nozzle_comparison li>div {
    min-height: 13.875em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    #nozzle_comparison li>div {
        min-height: 0;
    }
}

section#see_nozzles_in_action {
    padding-top: 10px;
}

h2.line span.bg_light_gray {
    background: #f2f2f2;
}

@media screen and (max-width: 1080px) {
    #spray_nozzle_marketing_page h2.line {
        font-size: 2.6em;
        margin-bottom: 0.6em
    }

    #spray_nozzle_marketing_page h2.line span {
        padding-left: 20px;
        padding-right: 20px;
    }

    .comparison_thumb {
        width: 12em;
    }

    .thumb_label_container {
        padding: 8px;
        margin-bottom: 10px;
    }

    .thumb_label_container img {
        width: 1.625em;
    }
}


@media screen and (max-width: 768px) {
    #spray_nozzle_marketing_page h2.line {
        font-size: 2.2em;
        margin-bottom: 0.4em;
    }

    .comparison_thumb {
        display: none;
    }

    #side_by_side .comparison_full img {
        display: block;
    }

    #side_by_side .title_bar.for_mobile .section_inner h4 {
        display: block;
    }

    #side_by_side .title_bar .section_inner h4.adjustable_arc {
        display: none;
    }

    #side_by_side .title_bar .section_inner h4 {
        display: block;
    }
}

@media screen and (max-width: 530px) {
    #spray_nozzle_marketing_page h2.line {
        font-size: 2em;
    }
}


@media screen and (max-width: 400px) {
    #spray_nozzle_marketing_page h2.line {
        font-size: 1.8em;
    }
}

section#see_nozzles_in_action .section_inner {
    padding-top: 0;
}


@media screen and (max-width: 768px) {

    #spray_nozzle_marketing_page nav {
        display: none !important;
    }

    #strip_pattern_nozzles .small-12.large-6.columns:first-of-type {
        text-align: center;
        margin-bottom: 2em;
    }

}

.for_mobile_flex .small-3 {
    min-width: 12.5em;
}

@media screen and (max-width: 620px) {

    .for_mobile_flex.row.align_items_center {
        display: block;
    }

    .for_mobile_flex .small-3 {
        min-width: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 1.875em;
    }

    .for_mobile_flex .small-9 {
        min-width: 0;
        width: 100%;
        margin-top: 1.250em;
        padding-left: 0;
    }

    #spray_nozzle_marketing_page .section_inner.border_bottom_gray {
        padding-bottom: 2em;
        margin-bottom: 1em;
    }

}

#spray_nozzle_marketing_page #upgrade_cta .section_inner {
    padding-bottom: 3em;
}

@media screen and (max-width: 768px) {

    #spray_nozzle_marketing_page #upgrade_cta .section_inner {
        padding-bottom: 1.5em;
    }

}

#earn_points ul {
    max-width: 900px;
}

#earn_points ul li {
    text-align: center;
    padding-bottom: 0;
}

#earn_points ul li img {
    margin-bottom: 1em;
}

#earn_points ul li p {
    line-height: 1.3;
}

@media screen and (max-width: 1280px) {
    #spray_nozzle_marketing_page {
        font-size: 80%;
    }
}


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

    /* Styles targeting IE10 and IE11 */
    #spray_nozzle_marketing_page #mantle .hero .content {
        padding-left: 2em;
    }
}

@media screen and (max-width: 550px) and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #spray_nozzle_marketing_page #mantle .hero .content {
        padding-left: 1em;
    }
}

@supports (-ms-accelerator:true) {

    /* Styles targeting IE12 and IE13 */
    #spray_nozzle_marketing_page #mantle .hero .content {
        padding-left: 2em;
    }

    @media screen and (max-width: 550px) {
        #spray_nozzle_marketing_page #mantle .hero .content {
            padding-left: 1em;
        }
    }
}

@supports (-ms-ime-align:auto) {

    /* Styles targeting all Edge versions */
    #spray_nozzle_marketing_page #mantle .hero .content {
        padding-left: 2em;
    }

    @media screen and (max-width: 550px) {
        #spray_nozzle_marketing_page #mantle .hero .content {
            padding-left: 1em;
        }
    }
}


/**** New Golf Page Redesign ******/

/*** Shared css ***/
.golf-container {
    max-width: 1150px;
    margin: 0 auto;
    float: none;
    padding-left: 20px;
    padding-right: 20px;
}

/*** Contact form ***/


.golf_fieldset {
    padding: 0;
    border: none;
}

.golf_fieldset input {
    padding: 27px;
    border-radius: 5px;
}

.webform-client-form .golf_fieldset .form-item label {
    font-weight: 500;
    font-size: 1em;
}

.golf_fieldset .chosen-container-single .chosen-single {
    background-color: transparent;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 15px;
}

.golf_fieldset .chosen-container-single a.chosen-single div {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    right: 16px;
    top: 23px;
}

.golf_fieldset .chosen-single>div::before {
    border-left: none;
}

.golf_steps {
    border-bottom: 1px solid #D8D8D8;
    margin: 1em 0;
    margin-left: 0.9375em;
    padding: 0px;
    color: #a7ca32;
    font-size: 18px;
}

.golf_label {
    background: #a7ca32 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 23px;
    line-height: 32px;
    margin-right: 10px;
    padding: 9px 19px;
    width: auto;
    font-family: "Sero_bold", "Arial";
}

.golf-container .secondary.form-submit {
    background-color: #a7ca32;
    margin: 0 0 1.25em;
}

.golf-container .secondary.form-submit:hover {
    background-color: #a7ca32;
}

.golf_fieldset .form-item {
    margin-top: 0.8em;
    margin-bottom: 0;
}

.golf_fieldset .chosen-container-single .chosen-single span {
    display: block;
    font-family: "Sero", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.webform-client-form .golf_fieldset .form-item.webform-component-checkboxes {
    margin: .5em 0;
}

.webform-client-form .golf_fieldset .form-type-checkbox input {
    margin-bottom: 6px;
}

.gray-golf-bg {
    background-color: #F4F3F2;
    padding: 50px 0;
}

#golf-form .golf-container h2.block-title {
    color: #959595;
    font-size: 28px;
    margin-top: 40px;
}

.golf-container .golf_fieldset input {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .golf-container h2 {
        font-size: 20.7px;
    }
}

/*** menu ***/
#block-menu-menu-golf-top-menu {
    background-color: #00658A;
}

.golf-menu ul li ul li.active-trail {
    border-bottom: 2px solid #a7ca32;
}

.golf-menu li.has-children:first-child {
    padding: 0;
}

.golf-menu .text-item {
    display: none;
}

.golf-menu li {
    padding: 5px;
}

#block-menu-menu-golf-top-menu .menu li a {
    color: rgba(255, 255, 255, .70);
    text-transform: uppercase;
}

#block-menu-menu-golf-top-menu .menu li a:hover {
    color: #fff;
}

.golf-accordion ul li {
    text-align: center;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin-left: 0 !important;
    background: #003C58;
}

.golf-accordion ul li.first span {
    padding: 20px;
    background: transparent;
    color: #fff;
}

.golf-accordion ul li span {
    padding: 20px;
    background: transparent;
    color: #fff;
    border-bottom: 2px solid #a7ca32;
}

.golf-accordion ul li.first span.ui-icon {
    border: none;
}

.golf-accordion ul li ul li {
    border-bottom: 2px solid #a7ca32 !important;
}

.golf-accordion ul li ul li a {
    color: #fff;
    display: block;
    padding: 20px 0 !important;
}

.golf-accordion ul li.first span.ui-corner-top:after {
    background-image: url(/sites/all/themes/hunter_responsive/images/golf_redesign/icons/ic_up.svg);
    content: "";
    width: 12px;
    background-repeat: no-repeat;
    height: 8px;
    margin-left: 13px;
    margin-bottom: 1px;
    background-size: contain;
    display: inline-block;
}

.golf-accordion ul li.first span:after {
    background-image: url(/sites/all/themes/hunter_responsive/images/golf_redesign/icons/ic_down.svg);
    content: "";
    width: 12px;
    background-repeat: no-repeat;
    height: 8px;
    margin-left: 13px;
    margin-bottom: 1px;
    background-size: contain;
    display: inline-block;
}

@media screen and (min-width: 769px) {
    #block-menu-menu-golf-top-menu {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1065px) {
    #block-menu-menu-golf-top-menu .menu li a {
        font-size: 14px;
        padding: 11px 0;

    }

    .golf-menu .menu li .menu li {
        margin-right: 10px;
    }
}

/*** Footer Links ***/
.golf-links-bg {
    background-color: #E4E1DD;
}

.mobile-menu-block {
    background-color: #00658A;
    color: #fff;
    margin: 180px 0;
    border-radius: 9px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-menu-block a,
.golf-links a {
    color: #fff;
}

.golf-links {
    padding: 28px;
}

.golf-links:nth-child(2) {
    background-color: #3B3B3B;
    border-radius: 10px;
}

.golf-links h2 {
    color: #fff;
    font-size: 24px;
}

.golf-links img {
    max-height: 70px;
    margin: 20px 0;
}

.golf-links ul li {
    list-style-type: none;
    margin: 10px 0;
}

.mobile-golf-footer a {
    color: #fff;
    background-color: #00658A;
    padding: 20px 20px;
    text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

.mobile-golf-footer:nth-child(2) a {
    background-color: #3B3B3B;
}

.mobile-golf-footer a:after {
    content: url(/sites/all/themes/hunter_responsive/images/golf_redesign/icons/ic_link_arrow.svg);
    margin-left: 10px;
}

#golf_products,
#golf_help,
#golf_resources {
    position: fixed;
    top: 0 !important;
    width: 100vw;
    height: 100vh;
    margin: 0;
    left: 0;
    overflow-x: scroll;
    background-color: #00658A;
    color: #fff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#golf_help {
    background-color: #3B3B3B;
}

/*** END SHARED ***/

/*** HOME ***/
.golf-banner-bg {
    background-image: url('/sites/all/themes/hunter_responsive/images/golf_redesign/HI-001937_RT_cmyk.png');
    background-size: cover;
    background-position: center center;
}

.golf-hero-content {
    background-color: rgba(255, 255, 255, .7);
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    text-align: center;
}

.golf-hero-heading {
    font-size: 28px;
    font-weight: 600;
    color: #00658A;
    margin-bottom: 30px;
}

.golf-hero-content p {
    font-size: 20.7px;
    line-height: 1.2em;
    margin-bottom: 1.3em;
    padding: 0 10px;
}

a.golf-hero-btn {
    color: #fff;
    font-weight: 600;
    background-color: #a7ca32;
    padding: 19px 34px;
}

.golf-hero-btn:hover,
.golf-hero-btn:focus {
    background-color: #a7ca32;
}

.golf-content-btn:hover,
.golf-content-btn:focus {
    color: #a7ca32;
    background-color: transparent;
}

/**** experience golf section *****/

.exp-diff {
    margin: 40px 0;
}

.golf-headings,
.block-views-golf-partners-block h2,
.block-webform-client-block-94828 h2 {
    color: #959595;
    font-size: 20.7px;
}

.block-views-golf-partners-block h2,
.block-webform-client-block-94828 h2 {
    margin-bottom: 36px;
}

.golf-diff-icon h3 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 0;
}

/*** Zebra Content ***/
.zebra-bg:nth-child(odd) {
    background-color: #F8F7F6;
}

.golf-content-row {
    margin: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.golf-zebra-content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.golf-content-btn {
    background-color: transparent;
    color: #a7ca32;
    border: 1px solid #a7ca32;
}

.golf-zebra-content img {
    width: 90px;
    height: auto;
}

.golf-zebra-content .golf-headings {
    margin-top: 25px;
}

/*** partners section ***/
.golf-arrow {
    position: absolute;
    top: 40%;
    margin-top: -15px;
}

.prev-golf-arrow {
    left: -25px;
    width: 16px;
}

.next-golf-arrow {
    right: -25px;
    width: 16px;
}

.view-golf-partners .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.view-golf-partners .views-field-field-teaser-image .field-content a img {
    width: 100%;
}

.view-golf-partners .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
}

.view-golf-partners .slick-list {
    margin-left: -10px;
    /* px size of slide space */
    width: calc(100% + 20px);
    /* add double the px size of slide space */
}

.view-golf-partners .views-field.views-field-name {
    margin-top: 15px;
    margin-bottom: 5px;
}

.view-golf-partners .views-field.views-field-name a {
    color: #515356;
    font-weight: 600;
    font-size: 18px;
}

.view-golf-partners .views-field.views-field-nothing,
.view-golf-partners .views-field.views-field-city,
.view-golf-partners .views-field.views-field-province,
.view-golf-partners .views-field.views-field-country {
    display: inline-block;
}

.gray-golf-bg {
    background-color: #F4F3F2;
    padding: 50px 0;
}

.golf-zebra-content p {
    font-size: 16px;
}

@media screen and (min-width:768px) {
    .golf-hero-content {
        padding: 43px;
        margin: 50px;
    }

    .golf-hero-heading {
        font-size: 46px;
    }

    .golf-hero-content p {
        font-size: 28px;
    }

    .golf-headings,
    .block-views-golf-partners-block h2,
    .block-webform-client-block-94828 h2 {
        font-size: 36px;
    }

    .golf-zebra-content p {
        font-size: 22px;
    }

    /*** partners mobile ***/
    .prev-golf-arrow {
        left: -40px;
    }

    .next-golf-arrow {
        right: -40px;
    }
}

@media screen and (max-width: 769px) {
    .golf-content-row {
        margin: 15px 0;
    }

    .golf-arrow {
        top: 45%;
    }
}

/*** END HOME ***/

/*** Improve page ***/

.improve-banner-bg {
    background-image: url('/sites/all/themes/hunter_responsive/images/golf_redesign/Pilot_Ad_057-RT.jpg');
    background-size: cover;
    background-position: bottom center;
}

.improve-life-heading {
    font-size: 1.751em;
    color: #a7ca32;
    font-weight: 600;
}

.mobile-golf-contact a {
    background-color: #a7ca32;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 20px;
    color: #fff;
    font-weight: 600;
}

.golf-improve-content p {
    color: #fff;
    font-style: italic;
    font-size: 1.295em;
    font-family: "Sero_light";
    font-weight: lighter;
}

.golf-improve-content {
    margin-top: 40px;
    margin-bottom: 350px;
}

.golf-improve-content img {
    margin: 0 auto;
    display: none;
}

.golf_improve_jump {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.large-block-grid-3.golf_improve_jump {
    margin: 0;
    background-color: transparent;
}

.golf_improve_jump h2 {
    color: #fff;
    font-size: 16px;
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
    background-color: #a7ca32;
    padding: 20px;
    margin-bottom: .7em;
}

.golf_improve_jump a {
    color: #fff;
}

.golf_improve_jump a:hover h2 {
    background-color: #a7ca32;
}

.golf_improve_jump li {
    padding: 0;
}

.jump-links-layout {
    display: -ms-grid;
    display: grid;
    margin: 10px 0 30px 0;
}

.jump-links-content {
    -ms-grid-row: 1;
    grid-row: 1;
}

/*** IMPROVE END ***/

/*** Pilot CCS ***/


#pilot-ccs {
    padding-bottom: 70px;
}

#pilot-ccs h2,
#control-systems h2,
#top-rotors h2 {
    font-size: 20.7px;
    font-weight: 600;
    color: #00658A;
    margin-left: 0.9375rem;
}

ul.pilot-ccs-list {
    list-style-type: none;
}

ul.pilot-ccs-list li {
    margin: 20px 0;
    background: url(/sites/all/themes/hunter_responsive/images/golf_redesign/icons/ic_check.svg) no-repeat 0 2px;
    padding-left: 30px;
}

.improve-ccs-content p {
    font-size: 22px;
    font-family: "Sero_light";
    font-weight: 600;
}

.golf-content-btn {
    background-color: transparent;
    color: #a7ca32;
    border: 1px solid #a7ca32;
}

.golf-content-btn:after {
    content: url(/sites/all/themes/hunter_responsive/images/golf_redesign/icons/ic_link_arrow.svg);
    margin-left: 10px;
}

#pilot-ccs .control-link {
    text-align: left;
}


/*** Control Systems ***/


#control-systems {
    padding: 40px 0 20px 0;
}

#control-systems h2,
#top-rotors h2 {
    color: #fff;
}

.control-bg {
    background-image: url('/sites/all/themes/hunter_responsive/images/golf_redesign/control-systems-bg.jpg');
    background-size: cover;
    background-position: top center;
}

.cs-content {
    background-color: #F2F1EF;
    border: 1px solid #E4E1DD;
    border-radius: 5px;
    padding: 20px 40px;
}

.cs-image {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #E4E1DD;
    text-align: center;
    padding: 10px;
}

.control-link a {
    display: block;
}

.control-link {
    display: block;
    text-align: center;
}

.ccs-content>.control-link {
    text-align: left;
}

.control-wrap,
.control-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.control-wrap {
    margin-bottom: 40px;
}

.cs-content strong {
    font-size: 16px;
}

.cs-content p {
    margin-top: 8px;
    font-size: 13.4px;
}

.control-stretch:first-child {
    margin-bottom: 20px;
}


/*** Top Rotors ***/


#top-rotors {
    color: #fff;
}

.top-rotors-bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), url(/sites/all/themes/hunter_responsive/images/golf_redesign/HI-001937_RT_cmyk.jpg);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(/sites/all/themes/hunter_responsive/images/golf_redesign/HI-001937_RT_cmyk.jpg);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(/sites/all/themes/hunter_responsive/images/golf_redesign/HI-001937_RT_cmyk.jpg);
    background-size: cover;
    background-position: center;
}

.top-rotors-title {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 0px;
}

.top-rotors-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    text-align: center;
}

.rotor-icon {
    padding: 0 10px;
}

#top-rotors a.golf-content-btn.button {
    margin-bottom: 40px;
}

@media screen and (max-width: 769px) {
    .improve-banner-bg {
        height: 35vh;
    }

    .golf-improve-content {
        margin-bottom: 0;
    }

    .rotor-icon {
        padding: 10px 10px;
        margin-bottom: 20px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 15% 85%;
        grid-template-columns: 15% 85%;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.34);
    }

    .rotor-icon img {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .rotor-icon p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding-left: 5px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .ccs-content p {
        font-size: 16px;
        font-family: inherit;
        font-weight: 600;
    }

    #pilot-ccs {
        padding-bottom: 10px;
        padding-top: 20px;
    }

    #control-systems {
        padding: 30px 0 0 0;
    }

    .control-wrap {
        margin-bottom: 20px;
    }
}


@media screen and (min-width:768px) {
    .golf-improve-content p {
        font-size: 1.669em;
    }

    .golf-improve-content img {
        display: block;
    }

    .golf_improve_jump h2 {
        font-size: 22px;
    }

    .improve-life-heading {
        font-size: 2.85em;
    }

    .golf_improve_jump {
        display: block;
    }

    .golf_improve_jump li {
        padding: 0 0.625em 1.25em;
    }

    .jump-links-content {
        -ms-grid-row: 2;
        grid-row: 2;
    }

    .control-wrap,
    .control-stretch {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .control-stretch:first-child {
        margin-bottom: 0;
    }

    #pilot-ccs h2,
    #control-systems h2,
    #top-rotors h2 {
        font-size: 52px;
    }

    .cs-content p,
    .cs-content strong {
        font-size: 22px;
    }

    .control-link a {
        display: inline-block;
    }

    .top-rotors-title {
        text-align: center;
        margin-top: 100px;
        margin-bottom: 60px;
    }

    .top-rotors-title p {
        font-size: 42px;
    }

    .top-rotors-content {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: 100px;
    }

    .rotor-icon img {
        padding-bottom: 10px;
    }

    .block-webform-client-block-94828 h2 {
        font-size: 28px;
    }
}

/*** PILOT END ***/
/*** Rotors page ***/
.rotors-banner-bg {
    background-image: url('/sites/all/themes/hunter_responsive/images/golf_redesign/Highlands_Falls-27-RT.jpg');
    background-size: cover;
    background-position: bottom center;
}

.golf-rotors-hero {
    color: #fff;
    position: relative;
    height: 60vh;
}

.rotors-heading {
    font-size: 45.6px;
    margin-top: 40px;
}

.golf-rotors-hero span {
    color: #a7ca32;
    font-weight: 600;
}

.golf-rotors-hero p {
    font-size: 26.7px;
    font-style: italic;
    font-family: "Sero_light";
}

.overlap-golf-rotors {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rotor-circles p {
    padding: 0;
    margin: 0;
    color: #fff;
    line-height: 1.5em;
    font-size: 14px;
    font-style: normal;
}

.rotor-circles p:first-child {
    font-weight: bold;
}

.rotor-circles {
    margin-top: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mobile-golf-contact a {
    background-color: #a7ca32;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 20px;
    color: #fff;
    font-weight: 600;
}

.mobile-golf-circles {
    margin-top: 20px;
    text-align: center;
}

.below-hero-content {
    padding: 85px 0.9375em;
}

/*** Video ***/
.golf-video-title {
    font-size: 32px;
    color: rgba(59, 59, 59, 0.54);
    font-weight: 600;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/*** rotor parts ***/
.rotor-parts-bg {
    background-image: url('/sites/all/themes/hunter_responsive/images/golf_redesign/rotor_gear_bg.png');
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.rotor-parts-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
}

.rotor-parts-title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
}

.rotor-parts-title h2 {
    font-size: 28px;
    color: #C3C3C3;
}

.parts-breakdown {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
}

.parts-breakdown p {
    font-size: 28px;
    font-family: "Sero_light";
    font-style: italic;
    color: #006488;
}

.parts-breakdown p span {
    color: #a7ca32;
    font-weight: 600;
}

.parts-breakdown ol {
    list-style-position: outside;
}

.parts-breakdown ol li {
    margin-left: 20px;
}

.parts-breakdown ol li {
    margin-bottom: 25px;
    font-size: 18px;
}

.rotor-parts-list .rotor-parts {
    -ms-grid-column-align: end;
    justify-self: end;
    padding: 10px;
}

.rotor-parts-list .rotor-parts img {
    width: 100%;
}

.rotor-parts-list .rotor-parts {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
}

.inner_golf_container {
    display: table;
    height: 650px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #E4E1DD;
}

.golf_right_side {
    background-image: url(/sites/all/themes/hunter_responsive/images/golf_redesign/HI-001937_RT_cmyk.png);
    background-repeat: no-repeat;
    background-position: 25% 22%;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    display: table-cell;
    width: 48%;
}

.golf_right_side:after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1100px;
    position: absolute;
    left: -136px;
    top: 0;
    -ms-transform: rotate(-17deg);
    -webkit-transform: rotate(-17deg);
    transform: rotate(-17deg);
    width: 298px;
    z-index: 0;
}

.golf_left_side {
    background-color: #fff;
    color: #000;
    display: table-cell;
    height: 650px;
    left: 0;
    padding: 26px 46px 0;
    position: relative;
    width: 54%;
    vertical-align: middle;
    z-index: 1;
}

.golf_left_side .golf_inner {
    max-width: 625px;
    float: right;
}

.golf_left_side .golf_inner2 {
    max-width: 780px;
}

/*** Compare Chart ***/
.golf-compare-wrap {
    padding: 70px 0;
    border-bottom: 1px solid #E4E1DD;
}

.golf-chart-content {
    line-height: 2em;
    font-size: 18px;
    margin-bottom: 40px;
}

.chart-product-title {
    background-color: #a7ca32;
    color: #fff;
    padding: 10px;
    margin-top: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chart-product-title a {
    float: right;
}

.golf-compare-wrap .comparison-chart th p {
    padding: 3px 2px;
}

.golf-compare-wrap .comparison-chart th {
    width: 10%;
}

.golf-compare-wrap #comparison-chart-wrap tr th .chart-bg {
    background-color: #f7f6f7;
    border: 1px solid #E4E1DD;
    text-align: center;
    padding: 10px;
}

.golf-compare-wrap #comparison-chart-wrap tr th .chart-bg img {
    max-height: 155px;
}

.golf-compare-wrap .comparison-chart {
    border: none;
}

.golf-compare-wrap .comparison-chart tbody {
    border: none;
}

.golf-compare-wrap .comparison-chart tbody th {
    border-bottom: 1px solid #E4E1DD;
    border-right: 1px solid #E4E1DD;
    border-left: none;
}

.golf-compare-wrap .comparison-chart tbody th:last-child {
    border-right: none;
}

.golf-compare-wrap .comparison-chart tr td {
    border-right: 1px solid #E4E1DD;
}

.golf-compare-wrap .comparison-chart tr td:last-child {
    border-right: none;
}

.golf-compare-wrap .comparison-chart tbody tr {
    border-bottom: 1px solid #E4E1DD;
}

.golf-compare-wrap .comparison-chart tbody tr:last-child {
    border-bottom: none;
}

.golf-compare-wrap .comparison-chart tr td {
    padding: 20px;
}

a.golf-hero-btn {
    color: #fff;
    font-weight: 600;
    background-color: #a7ca32;
    padding: 12px 27px;
}

.golf-compare-wrap .comparison-chart tr td:first-child {
    font-family: "Sero";
    font-size: 18px;
    text-transform: none;
}

@media screen and (max-width: 768px) {
    .rotors-heading {
        font-size: 24px;
    }

    .golf-rotors-hero {
        height: 40vh;
        overflow: hidden;
    }

    .golf-rotors-hero p {
        font-size: 20.7px;
    }

    .below-hero-content {
        padding: 85px 0.9375em;
        background-color: #fff;
        z-index: 2;
    }

    .overlap-golf-rotors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        bottom: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mobile_hide {
        display: none;
    }

    .parts-breakdown {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        -ms-grid-row: 3;
    }

    .rotor-parts-list .rotor-parts {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column-align: center;
        margin: 20px auto;
        text-align: center;
    }

    .rotor-parts-title h2 {
        font-size: 20.7px;
    }

    .rotor-parts-title p {
        color: #515356;
        font-style: italic;
    }

    .golf-compare-wrap .comparison-chart tr td:first-child {
        font-size: 0.77em;
    }
}

@media screen and (max-height: 1140px) and (min-height: 769px) {
    .rotor-circles {
        margin-bottom: 120px;
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-height: 769px) {
    .rotor-circles {
        margin-bottom: 200px;
    }
}

@media screen and (min-width: 769px) and (max-width: 940px) {

    .rotor-circles {
        margin-top: 60px;
    }
}

@media screen and (max-height: 667px) {
    .overlap-golf-rotors img {
        max-width: 50%;
        margin: 0 auto;
    }
}

@media screen and (max-height: 375px) and (min-width: 736px) {
    .overlap-golf-rotors {
        bottom: -220px;
    }

    .rotors-banner-bg {
        height: 300px;
    }
}

.comparison-golf table {
    width: 100%;
    border: none;
    table-layout: fixed;
}

.comparison-golf thead {
    background: transparent;
}

.comparison-golf td,
.comparison-golf th {
    border-right: 1px solid #E4E1DD;
    empty-cells: show;
    padding: 10px;
}

.comparison-golf td:last-child,
.comparison-golf th:last-child {
    border-right: none;
}

.comparison-golf .compare-heading {
    font-size: 14px;
    border-bottom: 0 !important;
    padding-top: 10px !important;
}

.comparison-golf .compare-heading .chart-bg {
    background-color: #f7f6f7;
    border: 1px solid #E4E1DD;
    text-align: center;
    padding: 10px;
}

.comparison-golf .compare-heading img {
    max-height: 155px;
    max-width: 100%;
    width: auto;
}

.comparison-golf tbody tr:nth-child(odd) {
    display: none;
}

.comparison-golf tbody tr td {
    text-align: center;
}

.comparison-golf .compare-row {
    border-top: 1px solid #E4E1DD;
    border-bottom: 1px solid #E4E1DD;
}

.comparison-golf .compare-row:last-child {
    border-bottom: none;
}

.comparison-golf th {
    font-weight: normal;
    border-bottom: 1px solid #E4E1DD;
}

.comparison-golf tr td:first-child {
    text-align: left;
    font-size: 18px;
}

.comparison-golf .qbse,
.comparison-golf .qbo,
.comparison-golf .tl {
    color: #FFF;
    padding: 10px;
    font-size: 13px;
    border-right: 1px solid #E4E1DD;
    border-bottom: 0;
}

.comparison-golf .tl2 {
    border-right: 0;
}

.comparison-golf .qbse {
    background: #0078C1;
    border-top-left-radius: 3px;
    border-left: 0px;
}

.comparison-golf .qbo {
    background: #009E2C;
    border-top-right-radius: 3px;
    border-right: 0px;
}

.chart-product-title {
    background-color: #a7ca32;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    margin-top: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chart-product-title a {
    float: right;
}

.comparison-golf .compare-heading p {
    padding: 8px 2px;
    padding-bottom: 0;
}

a.golf-hero-btn {
    color: #fff;
    font-weight: 600;
    background-color: #a7ca32;
    padding: 12px 27px;
}

@media (max-width: 1100px) {

    .comparison-golf td:first-child,
    .comparison-golf th:first-child {
        display: none;
    }

    .comparison-golf td:last-child,
    .comparison-golf th:last-child {
        border-right: none;
    }

    .comparison-golf tbody tr:nth-child(odd) {
        display: table-row;
        background: #fff;
        font-weight: bold;
    }

    .comparison-golf .row {
        background: #FFF;
    }

    .comparison-golf td,
    .comparison-golf th {
        border-bottom: 1px solid #E4E1DD;
    }

    .compare-row:last-child td {
        border-bottom: none;
    }
}

@media (max-width: 639px) {

    .comparison-golf td,
    .comparison-golf th {
        padding: 10px 5px;
    }

    .comparison-golf .hide-mobile {
        display: none;
    }

    .comparison-golf .qbse,
    .comparison-golf .qbo {
        font-size: 12px;
        padding: 10px 5px;
    }

    .comparison-golf .compare-heading {
        font-size: 13px;
        padding: 0 3px;
    }

    td a.golf-hero-btn {
        padding: 7px 15px;
    }
}

@media (max-width: 580px) {
    .comparison-golf .compare-heading .chart-bg img {
        height: 90px;
    }

    .comparison-golf .compare-heading p {
        font-size: 12px;
    }

    .chart-product-title {
        text-align: center;
        font-size: 12px;
    }

    .chart-product-title a {
        display: none;
    }
}

@media screen and (max-width: 360px) {

    .chart-product-title,
    .comparison-golf .compare-heading p {
        font-size: 11px;
    }

    td a.golf-hero-btn {
        padding: 4px 6px;
    }
}

@media screen and (max-height: 879px) and (min-width: 414px) {
    .rotors-hide-mobile {
        display: none !important;
    }

    .rotors-display-mobile {
        display: block !important;
    }

    .golf-rotors-hero {
        overflow: hidden;
    }

    .overlap-golf-rotors {
        right: 0;
    }
}

/*** ROTORS END ***/

/*** Pilot Page ***/
.golf-ccs-bg {
    background-image: url('/sites/all/themes/hunter_responsive/images/golf_redesign/ccs_top.jpg');
    background-size: cover;
    background-position: center center;
    height: 50vh;
}

.gray-golf-bg {
    background-color: #F4F3F2;
    padding: 50px 0;
}

.ccs-content {
    padding-top: 50px;
}

.ccs-heading {
    font-size: 44.8px;
    color: #4CBFEE;
    font-family: "Sero_light";
    font-weight: lighter;
    font-style: italic;
    text-transform: uppercase;
}

.ccs-content p {
    font-size: 44.8px;
    color: #fff;
    font-style: italic;
}

.golf-container .pilot-copy {
    font-size: 18px;
    margin: 60px 0;
}

#cs-page .pilot-copy.cs-golf p {
    line-height: 1.7em;
}

.pilot-content ol li {
    list-style-position: inside;
}

.pilot-content {
    text-align: center;
}

.golf-container .adjustments {
    margin-top: 40px;
}

ol.custom_counter {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin-top: 30px;
}

ol.custom_counter li {
    counter-increment: my-awesome-counter;
}

ol.custom_counter li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-weight: bold;
    background-color: #47abd1;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    line-height: 2.2;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.custom_counter li {
    text-align: left;
}

.adjustments img {
    margin-bottom: 15px;
}

.custom_counter li p:first-of-type {
    line-height: 1.5;
}

.golf-container .pilot-content-content h2 {
    color: #4CBFEE;
    font-size: 44.8px;
    text-align: left;
    font-weight: lighter;
    font-family: "Sero_light";
    font-style: italic;
    line-height: 1em;
}

.golf-container .pilot-content-content h2 span {
    color: #006488;
    font-family: "Sero";
    font-weight: bold;
}

.pilot-content-developed {
    text-align: left;
}

.pilot-content-developed h2 {
    color: rgba(59, 59, 59, 0.54);
    font-size: 28px;
}

.pilot-content-developed p {
    line-height: 2em;
    font-size: 18px;
}

.pilot-content-developed .button {
    background-color: #a7ca32;
}

.pilot-content-developed .button:hover {
    background-color: #a7ca32;
}

@media screen and (max-width: 768px) {

    .ccs-heading,
    .ccs-content p {
        font-size: 22px;
    }

    .golf-ccs-bg {
        height: 22vh;
    }

    .block-webform-client-block-94828 h2 {
        font-size: 20.7px;
    }

    .pilot-content-developed h2 {
        font-size: 20.7px;
    }
}

/*** PILOT END ***/

/*** Control page ***/
.gray-golf-bg {
    background-color: #F4F3F2;
    padding: 50px 0;
}

.golf-container .pilot-header .pilot-copy {
    margin: 0 0 0 10px;
}

.active p.title {
    background-color: #E4E1DD;
}

p.title {
    padding: 10px;
    border: 1px solid #979797;
    margin-right: 20px;

}

#cs-page .golf-pilot-title {
    text-transform: uppercase;
}

.golf-pilot-title {
    font-size: 42px;
    font-family: "Sero_black";
    color: #00658A;
    margin: 30px 0 40px;
}

.golf-container .pilot-header-inner {
    padding: 0px;
}

.golf-container .pilot-header .pilot-copy h1 {
    color: #dcd9d9;
    font-size: 32px;
    margin-bottom: 20px;
}

.golf-container .pilot-copy p {
    font-size: 18px;
}

.pilot-below {
    margin: 30px 0px;
}

.pilot-below p {
    font-size: 18px;
}

.golf-hr {
    border-bottom: 1px solid #E4E1DD;
    padding: 40px 0;
}

.golf-hr:last-child {
    border: none;
}

.pilot-content-inner {
    border-top: 1px solid #E4E1DD;
    border-bottom: 1px solid #E4E1DD;
}

#cs-page .pilot-content-golf h2 {
    padding: 0 0 30px;
    width: 100%;
    display: inline-block;
    font-size: 32px;
    color: rgba(59, 59, 59, .54);
    text-align: center;
}

.nav-tabs {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.nav-golf {
    text-transform: uppercase;
    color: rgba(59, 59, 59, .54);
    font-weight: bold;
    font-size: 28px;
    border: 1px solid #979797;
    display: inline-block;
    padding: 18px;
    width: 45%;
}

.nav-golf:hover,
.nav-golf:focus {
    color: rgba(59, 59, 59, .54);
}

.info-golf {
    text-align: center;
    margin-top: 25px;
}

.info-golf {
    display: none
}

.golf-tab-active {
    display: block
}

.current-golf {
    background-color: #E4E1DD;
}

.pilot-content-golf .pilot-content-content {
    background: transparent;
}

.components-first {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
    color: #515356;
}

.components-second {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #515356;
}

.pilot-content-golf .pilot-content-content p {
    font-size: 18px;
    margin-bottom: 8px;
}

a.golf-learn-more {
    color: #a7ca32;
}

@media screen and (max-width: 768px) {
    .golf-container .pilot-header .pilot-copy {
        margin: 0;
    }

    .pilot-header-inner img {
        width: 100%;
    }

    .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .nav-golf {
        width: 100%;
        margin-bottom: 10px;
        color: rgba(59, 59, 59, .72);
    }

    .nav-golf:hover {
        color: rgba(59, 59, 59, .72);
    }

    .golf-container .pilot-content-content .columns {
        text-align: center;
    }

    .golf-container .pilot-content-content .columns p {
        text-align: left;
    }

    .components-first,
    .components-second {
        text-align: left;
        font-size: 18px;
    }
}

.golf-container .secondary.form-submit {
    background-color: #a7ca32;
}

.golf-container .secondary.form-submit:hover {
    background-color: #a7ca32;
}

#golf-form .golf-container h2.block-title {
    color: #959595;
    font-size: 28px;
    margin-top: 40px;
}

.golf-container .golf_fieldset input {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .golf-container h2 {
        font-size: 20.7px;
    }
}

/*** CONTROL END ***/

/*** NODE BT HOMEPAGE  BANNER **/

.hero-node-bt-desktop {

    background-color: rgba(0, 0, 0, 0);
    height: 650px;
    position: relative;
    margin-bottom: 16px;

}

.hero-node-bt-desktop .inner_container {
    display: table;
    height: 650px;
    width: 100%;
    overflow: hidden;
}

.hero-node-bt-desktop .left_side {
    background-image: url(/sites/all/themes/hunter_responsive/images/node-bg.png);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    display: table-cell;
    width: 48%;
}

.hero-node-bt-desktop .floating_image {
    position: absolute;
    bottom: 0;
    width: 620px;
    height: auto;
    left: -25%;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 0;
}

.hero-node-bt-desktop .right_side {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    color: #fff;
    display: table-cell;
    height: 650px;
    left: 0;
    padding: 26px 46px 0;
    position: relative;
    width: 54%;
}

.hero-node-bt-desktop .right_side .inner {
    max-width: 625px;
}

.hero-node-bt-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-node-bt-desktop .right_side .inner2 h1 {
    font-size: 58px;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
}

.hero-node-bt-desktop .right_side .inner2 p {
    font-size: 28px;
    color: #fff;
    margin-bottom: 0;
}

.hero-node-bt-desktop .right_side .inner2 .bluetooth-icon {
    padding-bottom: 14px;
}

.hero-node-bt-desktop .right_side .inner2 a.button {
    position: absolute;
    bottom: 0;
}




.hero-node-bt-mobile .mobile_image {
    width: 100%;
}

.hero-node-bt-mobile-text {
    position: relative;
}

.hero-node-bt-mobile-text .mobile_floating_image {
    position: absolute;
    right: 0;
    top: -55%;
}

.hero-node-bt-mobile .button {

    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;

}

.hero-node-bt-mobile .text_container_inner {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    padding: 15vw 7vw 4vw;
    width: 100%;
}

.hero-node-bt-mobile .text_container_inner p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}

.hero-node-bt-mobile .text_container_inner h1 {
    font-size: 40px;
    color: #fff;
    margin-top: 0;
    text-shadow: none;
}

@media screen and (max-width: 1024px) {

    .hero-node-bt-desktop .right_side .inner2 h1 {
        font-size: 41.2px;
    }

    .hero-node-bt-desktop .right_side .inner2 p {
        font-size: 21px;
    }

}

/** END NODE BT BANNER **/

/*** X2 HOMEPAGE BANNER **/
.hero-x2-desktop {

    background-color: rgba(0, 0, 0, 0);
    height: 650px;
    position: relative;
    margin-bottom: 16px;

}

.hero-x2-desktop .inner_container {
    display: table;
    height: 650px;
    width: 100%;
    overflow: hidden;
}

.hero-x2-desktop .left_side {
    background-image: url(/sites/all/themes/hunter_responsive/images/x2-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    display: table-cell;
    width: 48%;
}

.hero-x2-desktop .floating_image {
    position: absolute;
    bottom: -1px;
    max-width: 219px;
    width: auto;
    height: auto;
    right: 50%;
    z-index: 0;
}

.hero-x2-desktop .right_side {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    color: #fff;
    display: table-cell;
    height: 650px;
    left: 0;
    padding: 46px 35px 0;
    position: relative;
    width: 54%;
}

.hero-x2-desktop .right_side .inner {
    max-width: 625px;
}

.hero-x2-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-x2-desktop .right_side .inner2 h1 {
    font-size: 64px;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
}

.hero-x2-desktop .right_side .inner2 p {
    font-size: 28px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.hero-x2-desktop .right_side .inner2 p.x2-tagline {
    font-size: 32px;
}



.hero-x2-mobile .mobile_image {
    width: 100%;
}

.hero-x2-mobile-text {
    position: relative;
}

.hero-x2-mobile .button {

    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;

}

.hero-x2-mobile .text_container_inner {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    padding: 4vw 7vw 4vw;
    width: 100%;
}

.hero-x2-mobile .text_container_inner p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}

.hero-x2-mobile .text_container_inner h1 {
    font-size: 40px;
    color: #fff;
    margin: 0;
    text-shadow: none;
}

@media screen and (min-width: 1440px) and (max-width: 1920px) {

    .hero-x2-desktop .left_side {
        background-position: 69% 22%;
    }

    .hero-x2-desktop .floating_image {
        right: 25%;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1439px) {

    .hero-x2-desktop .floating_image {
        right: 10%;
    }

    .hero-x2-desktop .floating_image {
        max-width: 191px;
    }

}

@media screen and (max-width: 1024px) {

    .hero-x2-desktop .right_side .inner2 h1 {
        font-size: 41.2px;
    }

    .hero-x2-desktop .right_side .inner2 p {
        font-size: 21px;
    }

    .hero-x2-desktop .floating_image {
        right: 10%;
    }

    .hero-x2-desktop .floating_image {
        max-width: 191px;
    }

    .hero-x2-desktop .right_side {
        padding: 46px 25px 0;
    }
}

@media screen and (max-width: 768px) {

    .hero-x2-desktop .right_side .inner2 h1 {
        font-size: 40px;
    }

    .hero-x2-desktop .right_side .inner2 p {
        font-size: 17px;
    }

    .hero-x2-desktop .right_side .inner2 p.x2-tagline {
        font-size: 20px;
    }

}

/** END X2 HOMEPAGE BANNER **/

/** I-50 HOMEPAGE BANNER **/

.I-50-desktop {
    background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.52)0%, rgba(255, 255, 255, 0)100%),
        url('/sites/all/themes/hunter_responsive/images/stadium.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-content: flex-end;
}

.I-50-desktop .banner-container {
    max-width: 1150px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: .5fr 1fr;
    margin-top: 20px;
}

.I-50-desktop .product-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: 40px;
}

.I-50-desktop .tag {
    font-size: 32px;
    font-style: italic;
    color: #fff;
    margin-bottom: 20px;
}

.I-50-desktop .info {
    font-size: 64px;
    color: #fff;
    margin-bottom: 90px;
}

.I-50-mobile {
    display: none;
}

.info span {
    font-weight: 600;
}

.info {
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .I-50-desktop {
        display: none;
    }

    .I-50-mobile {
        display: block;
    }

    .product-img-mobile {
        background-image:
            linear-gradient(to bottom, rgba(0, 0, 0, 0.52)0%, rgba(255, 255, 255, 0)100%),
            url('/sites/all/themes/hunter_responsive/images/stadium.jpg');
        background-size: cover;
        background-position: 40%;
        background-repeat: no-repeat;
    }

    .product-img-mobile img {
        max-height: 450px;
        padding: 0 20px;
        margin-top: 40px;
    }

    .product-text-mobile {
        background-color: #00658A;
        display: flex;
        flex-direction: column;
        padding-top: 20px;
    }

    .tag {
        font-size: 20px;
        color: #fff;
        font-style: italic;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .info {
        font-size: 24px;
        color: #fff;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .product-text-mobile a.button {
        margin-bottom: 0;
        font-size: 20px;
    }
}

/** END I-50 HOMEPAGE BANNER **/

/** Catalog Volume 38 **/


.hero-catalog-desktop {

    background-color: rgba(0, 0, 0, 0);
    position: relative;
    margin-bottom: 16px;

}

.hero-catalog-desktop .inner_container {
    display: table;
    width: 100%;
    overflow: hidden;
}

.hero-catalog-desktop .left_side {
    background-image: url(/sites/all/themes/hunter_responsive/images/catalog_38/catalog-banner-half.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    height: 750px;
    position: relative;
    display: table-cell;
    width: 48%;
}

.hero-catalog-desktop .right_side {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    color: #fff;
    display: table-cell;
    left: 0;
    position: relative;
    width: 54%;
    vertical-align: middle;
}

.hero-catalog-desktop .right_side .inner2 {
    max-width: 780px;
    padding-left: 40px;
    margin-top: 80px;
    margin-bottom: 100px;
}

.cat-vol {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: #80CCF1;
    width: 290px;
    padding: 10px 0;
    padding-left: 40px;
}

.cat-title {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9AD4F3;
    margin-bottom: 10px;
}

.hero-catalog-desktop .right_side .inner2 p.catalog-tagline {
    font-size: 28px;
    font-style: italic;
    font-family: "Sero_light";
    color: #FEFEFE;
}

.hero-catalog-desktop .inner a.button {
    margin-left: 40px;
    font-size: 20px;
}


.hero-catalog-mobile .mobile_image {
    width: 100%;
}

.hero-catalog-mobile-text {
    position: relative;
}

.hero-catalog-mobile .button {

    font-size: 14px;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;

}

.hero-catalog-mobile .text_container_inner {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
}

a.divLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 2;
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

.hero-catalog-desktop .right_side {
    padding-right: 40px;
}

@media screen and (max-width: 1440px) {
    .hero-catalog-desktop .left_side {
        height: 500px;
    }

    .hero-catalog-desktop .right_side {
        padding: 46px 0;
    }
}

@media screen and (max-width: 1024px) {
    .hero-catalog-desktop .left_side {
        height: 350px;
    }

    .cat-vol,
    .cat-title {
        font-size: 22px
    }

    .hero-catalog-desktop .right_side .inner2 p.catalog-tagline {
        font-size: 19px;
    }

    .hero-catalog-desktop .inner a.button {
        font-size: 14.2px;
    }

    .hero-catalog-desktop .right_side .inner2 {
        max-width: 450px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

}

@media screen and (max-width: 768px) {

    .cat-title {
        margin: 0;
        padding: 20px 40px;
    }
}

/** End Catalog **/

/** Hunter My List Landing **/
.mylist-wrap,
.mylist-container {
    margin: 0 auto;
    max-width: 1350px;
    padding: 0 20px;
}

#my-list-header {
    background-image: url('/sites/all/themes/hunter_responsive/images/hunter_my_list/mylist-hero.jpg');
    background-size: cover;
    background-position: 50% 14%;
    min-height: 765px;
    padding-top: 30px;
    position: relative;
    margin-bottom: 30px;
}

#my-list-header h1 {
    text-transform: uppercase;
    font-size: 42px;
    color: #00658A;
    font-weight: 600;
}

.mylist-container:after {
    content: '';
    display: table;
    height: 0;
    clear: both;
}

.mylist-hero-content {
    position: absolute;
    width: 100%;
    bottom: -30px;
    left: 0;
}

#hunter-my-list-landing .hero-content {
    width: 41%;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 32px;
    padding: 20px 0;
    padding-right: 20px;
    margin-bottom: 10px;
}

#hunter-my-list-landing .hero-content:last-child {
    margin-bottom: 0;
}

#hunter-my-list-landing .hero-content:before {
    content: '';
    background: #00658A;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50vw;
    z-index: -1;
}

section#my-list-columns {
    padding-top: 30px;
}

#my-list-columns p {
    font-size: 18px;
    max-width: 1050px;
    margin: 0 auto;
    margin-bottom: 35px;
}

#hunter-my-list-landing .mylist-highlights {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-gap: 20px;
}

#hunter-my-list-landing .list-column:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
}

#hunter-my-list-landing .list-column:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 2;
}

#hunter-my-list-landing .list-column:nth-child(3) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 5;
    grid-column: 3;
}

#hunter-my-list-landing .list-column {
    background-color: #00658A;
    border-radius: 6px;
    border: solid 1px #E4E1DD;
}

#hunter-my-list-landing .list-column p {
    color: #fff;
    padding: 15px 10px;
    text-align: center;
}

#hunter-my-list-landing .list-column img {
    width: 100%;
}

#my-list-benefits {
    margin: 40px 0;
}

#my-list-benefits .mylist-wrap {
    border-top: 2px solid #D8D8D8;
    border-bottom: 2px solid #D8D8D8;
}

#my-list-benefits h2,
#my-list-experience h2 {
    font-size: 32px;
    color: #00658A;
    text-align: center;
    margin-top: 30px;
    text-transform: none;
}

#hunter-my-list-landing .list-wrapper,
#mp_marketing_page_container .list-wrapper {
    position: relative;
    margin-bottom: 20px;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
}

#hunter-my-list-landing .list-item-wrapper,
#mp_marketing_page_container .list-item-wrapper {
    margin-top: 0;
    position: relative;

}

#hunter-my-list-landing div.list-item-wrapper~div.list-item-wrapper,
#mp_marketing_page_container div.list-item-wrapper~div.list-item-wrapper {
    margin-top: 40px;
    position: relative;
}

#hunter-my-list-landing .list-bullet,
#mp_marketing_page_container .list-bullet {
    float: left;
    margin-right: 20px;
    background: #FFF;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
    color: #7D8A8F;
    text-align: center;
    border: 2px solid #9BD1E6;
}

#hunter-my-list-landing .list-item,
#mp_marketing_page_container .list-item {
    display: table-row;
    vertical-align: middle;
}

#hunter-my-list-landing .list-text,
#mp_marketing_page_container .list-text {
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
}

#hunter-my-list-landing .blue-line,
#mp_marketing_page_container .blue-line {
    background: #9BD1E6;
    width: 2px;
    height: 98%;
    position: absolute;
    left: 16px;
}

#hunter-my-list-landing .split-list,
#mp_marketing_page_container .split-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr .5fr;
    grid-template-columns: 1fr .5fr;
}

#hunter-my-list-landing .image-wrapper {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}

#my-list-experience {
    text-align: center;
}

#my-list-experience h2 {
    margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
    #my-list-header {
        min-height: 550px;
        background-position: 33% 16%;
    }

    #hunter-my-list-landing .hero-content {
        width: 75%;
    }

    #hunter-my-list-landing .hero-content:before {
        width: 75vw;
    }

    #hunter-my-list-landing .split-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    #hunter-my-list-landing .list-wrapper {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    #hunter-my-list-landing .image-wrapper {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
    }
}

@media screen and (max-width: 768px) {
    #my-list-header {
        min-height: 350px;
        padding-top: 10px;
        background-position: 75% 16%;
    }

    #my-list-header h1 {
        font-size: 28px;
    }

    #hunter-my-list-landing .hero-content {
        font-size: 22px;
        width: 100%;
    }

    #hunter-my-list-landing .hero-content:before {
        width: 100vw;
    }

    #hunter-my-list-landing .mylist-highlights {
        grid-template-columns: 100%;
        -ms-grid-columns: 100%;
    }

    #hunter-my-list-landing .list-column:nth-child(1) {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1;
    }

    #hunter-my-list-landing .list-column:nth-child(2) {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1;
    }

    #hunter-my-list-landing .list-column:nth-child(3) {
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 1;
        grid-column: 1;
    }

    #my-list-benefits h2,
    #my-list-experience h2 {
        font-size: 22px;
    }

    #hunter-my-list-landing .mylist-hero-content {
        bottom: -120px;
    }

    section#my-list-columns {
        padding-top: 120px;
    }
}

/** My List End **/

/** My List Banner **/
.hero-mylist-desktop {
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    margin-bottom: 16px;
}

.hero-mylist-desktop .inner_container {
    display: table;
    height: 650px;
    width: 100%;
    overflow: hidden;
}

.hero-mylist-desktop .left_side {
    background-image: url(/sites/all/themes/hunter_responsive/images/hunter_my_list/Mylist-Banner.jpg);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    height: 650px;
    position: relative;
    display: table-cell;
    width: 50%;
}

.hero-mylist-desktop .floating_image {
    position: absolute;
    bottom: -1px;
    max-width: 219px;
    width: auto;
    height: auto;
    right: 50%;
    z-index: 0;
}

.hero-mylist-desktop .right_side {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    color: #fff;
    display: table-cell;
    height: 650px;
    left: 0;
    padding: 46px 35px 0;
    position: relative;
    width: 50%;
}

.inner2 ul {
    list-style-position: outside;
    margin-left: 25px;
    margin-bottom: 80px;
}

.inner2 li {
    font-size: 28px;
    font-style: italic;
}

.hero-mylist-desktop .right_side .inner {
    max-width: 625px;
}

.hero-mylist-desktop .right_side .inner2 {
    max-width: 780px;
}

.hero-mylist-desktop .right_side .inner2 h1 {
    font-size: 48px;
    color: #9AD4F3;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
    margin-bottom: 30px;
}

.hero-mylist-mobile .mobile_image {
    width: 100%;
}

.hero-mylist-mobile-text {
    position: relative;
}

.hero-mylist-mobile .button {
    font-size: 4.5vw;
    margin: 0;
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 100%;
}

.hero-mylist-mobile .text_container_inner {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    padding: 4vw 7vw 4vw;
    width: 100%;
}

.hero-mylist-mobile .text_container_inner h1 {
    font-size: 32px;
    color: #9AD4F3;
    margin: 0;
    text-shadow: none;
    margin-bottom: 20px;
}

.hero-mylist-mobile .text_container_inner ul {
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 0;
}

.hero-mylist-mobile .text_container_inner ul li {
    font-size: 22.4px;
    color: #fff;
    font-style: italic;
}

@media screen and (min-width: 1440px) and (max-width: 1920px) {
    .hero-mylist-desktop .left_side {
        background-position: 69% 22%;
    }

    .hero-mylist-desktop .floating_image {
        right: 25%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .hero-mylist-desktop .floating_image {
        right: 10%;
    }

    .hero-mylist-desktop .floating_image {
        max-width: 191px;
    }
}

@media screen and (max-width: 1024px) {
    .hero-mylist-desktop .right_side .inner2 h1 {
        font-size: 41.2px;
    }

    .hero-mylist-desktop .right_side .inner2 p {
        font-size: 21px;
    }

    .hero-mylist-desktop .floating_image {
        right: 10%;
    }

    .hero-mylist-desktop .floating_image {
        max-width: 191px;
    }

    .hero-mylist-desktop .right_side {
        padding: 46px 25px 0;
    }
}

/** My List Banner End **/

/** Chosen Update **/

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: -1px;
}

.chosen-container.chosen-with-drop .chosen-drop,
.chosen-container.chosen-container-single.chosen-container-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 6px 8px;
    list-style: none;
    line-height: 15px;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

/** Water tested **/
.region-post-product-tag-line .water-tested {
    background: #FAF9F8;
    border: 1px solid #E4E1DD;
    padding: 10px;
    margin-top: 40px;
}

div#water-tested {
    display: flex;
}

#water-tested img {
    margin-right: 10px;
    align-self: flex-start;
    flex-basis: 19%;
    width: 100%;
}

#water-tested p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    flex-basis: 81%;
}

@media screen and (max-width:768px) {
    #water-tested img {
        max-height: 90px;
    }

    #water-tested p {
        align-self: center;
    }
}

/*** Pro-C Module Banner ****/

#pro-c-banner {
    position: relative;
}

a.global-link {
    position: absolute;
    width: 100%;
    height: 100%;
    color: transparent;
    z-index: 2;
}

#pro-c-banner .pro-desktop {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}

.pro-desktop .left img {
    position: relative;
    float: right;
    margin-right: -80px;
}

#pro-c-banner .pro-desktop .left {
    background-image: url(/sites/all/themes/hunter_responsive/images/Pro-C-Banner/Pro-C-BG.jpg);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    padding: 40px 20px;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

#pro-c-banner .pro-desktop .right {
    background-color: #00658a;
    background-image: url(/sites/all/themes/hunter_responsive/images/node-color.png);
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-attachment: scroll;
    background-size: cover;
    padding: 40px 80px;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

#pro-c-banner .pro-desktop .right h1 {
    font-weight: 600;
    font-size: 38px;
    color: #9AD4F3;
}

#pro-c-banner .pro-desktop .right p {
    font-style: italic;
    font-size: 28px;
    color: #FEFEFE;
}

#pro-c-banner .pro-desktop .right button {
    text-transform: uppercase;
    display: block;
}

#pro-c-banner .pro-desktop .right .circle-images {
    display: -ms-grid;
    display: grid;
    max-width: 450px;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.circle-images img {
    width: 100%;
}

.circle-images img:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.circle-images img:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

#pro-c-banner .pro-desktop .left .circle-images-mobile {
    display: none;
}

@media (max-width: 1440px) {
    #pro-c-banner .pro-desktop .right h1 {
        font-size: 28px;
    }

    #pro-c-banner .pro-desktop .right p {
        font-size: 21px;
    }
}

@media (max-width: 768px) {
    #pro-c-banner .pro-desktop {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    #pro-c-banner .pro-desktop .left .circle-images-mobile {
        left: 50%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        position: absolute;
        width: 65%;
        bottom: -15%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    #pro-c-banner .pro-desktop .right .circle-images {
        display: none;
    }

    #pro-c-banner .pro-desktop .left {
        text-align: center;
        position: relative;
    }

    #pro-c-banner .pro-desktop .left img {
        float: none;
        width: 80%;
        margin-right: 0;
    }

    #pro-c-banner .pro-desktop .left .circle-images-mobile img {
        width: 100%;
    }

    #pro-c-banner .pro-desktop .right {
        padding: 0;
        padding-right: 0;
        padding-top: 60px;
    }

    #pro-c-banner .pro-desktop .right h1 {
        padding: 50px 20px 0;
    }

    #pro-c-banner .pro-desktop .right p {
        padding: 0 20px;
    }

    #pro-c-banner .pro-desktop .right button {
        width: 100%;
        margin-bottom: 0;
    }
}

@media (max-width: 460px) {
    #pro-c-banner .pro-desktop .right {
        padding-top: 10px;
    }
}

.state-pressure-reg {
    float: left;
    margin: 28px 0 20px;
}

.state-pressure-reg .icon-info {
    color: #00648a;
    height: 18px;
    margin-right: 5px;
}

.state-pressure-reg a {
    color: #333;
}

/** A2CLTE Homepage Banner **/
#cell-module {
    display: flex;
    background-color: #003C58;
    color: #fff;
    position: relative;
}

#cell-module a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}

#cell-module .right-cell,
#cell-module .left-cell {
    width: 50%;
}

#cell-module .image-cell {
    width: 100%;
    text-align: right;
}

#cell-module .left-cell {
    background-image: url(https://www.hunterindustries.com/sites/default/files/earth.png);
    background-repeat: no-repeat;
    background-position: bottom;
    display: flex;
    justify-content: flex-end;
    padding: 30px 0 0 0;
    align-items: flex-end;
}

#cell-module .left-cell img {
    margin-right: 15%;
}

#cell-module .right-cell {
    background-image: url(https://www.hunterindustries.com/sites/default/files/hunter-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 20px 0 20px;
}

#cell-module .cell-title {
    font-style: italic;
    font-size: 52px;
    max-width: 60%;
    text-transform: uppercase;
}

#cell-module .bottom-cell {
    display: flex;
    position: relative;
}

#cell-module .bottom-cell button {
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
}

#cell-module .cell-tag {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-style: italic;
    width: 40%;
    line-height: 1.8em;
}

#cell-module .cell-tag img {
    max-width: 221px;
    width: 100%;
}

#cell-module .mobile-benefits,
#cell-module .mobile-hand {
    display: none;
}

@media screen and (max-width: 1300px) {
    #cell-module .cell-title .nowrap {
        white-space: initial;
    }
}

@media screen and (max-width:1024px) {
    #cell-module .left-cell {
        background-position: top;
    }

    #cell-module .image-cell {
        text-align: center;
    }

    #cell-module .left-cell img {
        margin-right: 0;
        max-height: 360px;
    }

    #cell-module .cell-title {
        font-size: 36px;
        max-width: 100%;
    }

    #cell-module .cell-tag {
        font-size: 18px;
        width: 100%;
    }

    #cell-module .cell-tag img {
        max-width: 160px;
    }
}

@media screen and (max-width:768px) {
    #cell-module {
        flex-direction: column;
    }

    #cell-module .right-cell,
    #cell-module .left-cell {
        width: 100%;
    }

    #cell-module .hand-cell {
        display: none;
    }

    #cell-module .cell-title {
        font-size: 28px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        max-width: 100%;
        border-bottom: 1px solid #fff;
    }

    #cell-module .cell-tag {
        font-size: 22.4px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    #cell-module .bottom-cell button {
        display: none;
    }

    #cell-module .mobile-benefits {
        display: block;
        width: 100%;
        color: #fff;
        background-color: #47ABD1;
        text-transform: uppercase;
        text-align: center;
        padding: 20px;
    }

    #cell-module .left-cell {
        position: relative;
        padding: 30px 30px 0 30px;
    }

    #cell-module .mobile-hand {
        display: block;
        position: absolute;
        left: 30px;
        max-height: 360px;
        bottom: 0;
        max-width: 40%;

    }

    #cell-module .image-cell {
        margin-left: 60px;
    }
}

/*----- CSR Homepage Banner -------*/
#csr-banner {
    position: relative;
}
#csr-banner a {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.csr-top {
    background-color: #00658A;
}
.csr-top-desktop {
    display: flex;
    max-width: 1150px;
    margin: 0 auto;
    color: #fff;
    align-items: center;
    min-height: 145px;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
}
.csr-logo {
    margin-right: 20px;
    width: 10%;
}
.csr-title {
    width: 80%;
}
.csr-link-icon {
    width: 25%;
    text-align: right;
}
.csr-title .csr-header {
    font-size: 32px;
    font-weight: 500;
    color: #4CC0EF;
    text-transform: uppercase;
}
.csr-title .csr-header span {
    color: #fff;
}
.csr-title .csr-tag {
    font-size: 28px;
    font-style: italic;
}
.csr-img-desk img {
    width: 100%;
}
.csr-top-mobile,
.csr-img-mobile { display: none; }
@media screen and (max-width: 1024px){
    .csr-title .csr-header {
        font-size: 28px;
    }
    .csr-title .csr-tag {
        font-size: 22px;
    }
}
@media screen and (max-width: 768px){
    .csr-top-desktop {
        min-height: 80px;
    }

    .csr-logo {
        width: 15%;
    }
    .csr-logo img {
        width: 54px;
        height: auto;
    }
    .csr-title {
        width: 71%;
    }
    .csr-link-icon {
        width: 10%;
    }
    .csr-link-icon img {
        width: 24px;
        height: auto;
    }

    .csr-top-tag {
        display: flex;
        color: #fff;
        font-style: italic;
        height: 68px;
        align-items: center;
        justify-content: center;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }

    .csr-top-mobile,
    .csr-img-mobile { display: block; }

    .csr-title .csr-tag,
    .csr-img-desk { display: none; }

    .csr-title .csr-header,
    .csr-top-mobile .csr-top-tag {
        font-size: 16px;
    }

    .csr-top-mobile .csr-top-img img,
    .csr-img-mobile img {
        width: 100%;
    }
}

/** Innovation IA Landing page **/
#ia-innovation .columns.large-12 {
    max-width: 1150px;
}
.innovation-header {
    background-image: url("/sites/all/themes/hunter_responsive/images/Hunter-IA-Hero.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 768px;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 40px;
    display: grid;
}
.innovation-header .columns.large-12 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.innovation-header .upper-header {
    width: 34%;
}
.innovation-header .upper-header .title {
    color: #4CC0EF;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2em;
    padding-left: 20px;
    padding-right: 15px;
}
.innovation-header .upper-header .tag {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 20px;
    line-height: 1.4em;
    padding-left: 20px;
    padding-right: 15px;
}
.innovation-header .upper-header .video {
    background-color: #2BA6CB;
    text-transform: uppercase;
    border-radius: 4px;
    display: inline-block;
    font-weight: 600;
    padding: 15px;
    margin-left: 20px;
    margin-right: 15px;
    cursor: pointer;
}
.innovation-header .upper-header .video span {
    font-weight: 500;
}
.innovation-header .lower-header {
    display: flex;
}
.lower-header .large-3.small-12.columns {
    position: relative;
}
.lower-header .columns a {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.innovation-header .lower-header .card {
    background-color: #00658A;
    padding: 20px;
    height: 100%;
    font-size: 27px;
    font-style: italic;
    font-weight: 600;
    line-height: 1.2em;
    position: relative;
    padding-right: 30px;
}
.innovation-header .lower-header .card img {
    position: absolute;
    top: 20px;
    right: 20px;
}
#product-highlights {
    margin-top: 40px;
}
#product-highlights .header {
    color: #00658A;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
#product-highlights p {
    font-size: 24px;
    line-height: 1.4em;
    padding-left: 15px;
    padding-right: 15px;
}
#product-highlights .prod-wrap {
    display: flex;
    margin-bottom: 20px;
}
#product-highlights .card-border {
    border-radius: 4px;
    border: 1px solid #00000021;
    height: 100%;
    display: flex;
}
#product-highlights .card-border .title {
    color: #00658A;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#product-highlights .card-border .copy {
    margin-bottom: 20px;
    line-height: 1.7em;
}
#product-highlights .card-border .img-holder {
    width: 35%;
    background-size: cover;
    background-repeat: no-repeat;
}
#product-highlights .card-border .img-holder img {
    opacity: 0;
}
#product-highlights .card-border .content {
    width: 65%;
    padding: 20px;
    position: relative;
}

#product-highlights .card-border .more {
    position: absolute;
    bottom: 20px;
}
#product-highlights .card-border .more a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.tools-columns .columns.large-6:before {
    content: " ";
    position: absolute;
    left: 0;
    top: -40px;
    transform: translate(50%,0);
    border-top: 15px solid #E4E1DD;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: none;
}
.tools-header {
    background-color: #E4E1DD;
    padding: 40px 0;
    position: relative;
}
.tools-content .title {
    color: #00658A;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 15px;
}
.tools-content p {
    font-size: 24px;
    line-height: 1.3em;
    padding: 0 15px;
}

.tool-cards {
    display: flex;
}
.tool-cards .card-body .card-title {
    background-color: #00658A;
    color: #fff;
    font-size: 18px;
    text-align: right;
    padding: 15px;
}
.tool-cards .card-body .card-img img {
    width: 100%;
}

.column-title {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 20px;
    font-weight: 600;
}

.tools-lower {
    border-bottom: 1px solid #E4E1DD;
    margin-bottom: 20px;
}
.tools-lower .title {
    color: #00658A;
    font-size: 27px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.tools-lower .content {
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.tools-lower .link {
    margin-bottom: 20px;
}
.tools-lower .link {
    font-weight: 600;
}

#new {
    display: flex;
    max-width: 1150px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.pipeline {
    width: 72%;
    border: solid 2px #E4E1DD;
    margin: 0 10px;
    display: flex;
    padding: 20px;
    position: relative;
}
.pipeline .content {
    width:  80%;
}
.pipeline .pipeline-img {
    width: 30%;
}
.pipeline-img img {
    width: 100%;
}
.small-title {
    font-size: 18px;
    margin-bottom: 10px;
}
.bold-title {
    font-size: 48px;
    font-style: italic;
    color: #00658A;
    margin-bottom: 40px;
}
.pipeline .content .download {
    font-size: 28px;
    font-style: italic;
    color: #2BA6CB;
    font-weight: 600;
}
#new .sales {
    width: 28%;
    background-color: #00658A;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
#new .sales .title {
    color: #2BA6CB;
    font-size: 48px;
    font-style: italic;
    font-weight: 600;
}
#new .sales img {
    align-self: flex-start;
}
.tools-columns {
    padding-top: 40px !important;
}
.pipeline-mobile {
    display: none;
}
.pipeline a,
.sales a {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

#modalContent {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#modalContent iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fc-scroller.fc-day-grid-container {
    overflow: hidden !important;
}

.fc-col-header-cell {
    text-align: center !important;
}

table.fc-col-header {
    margin: 0;
}

table:not(.contest) td.fc-head-container,
table:not(.contest) th.fc-widget-header,
table:not(.contest) td.fc-widget-content,
table:not(.contest) td.fc-day-top {
    padding: 0 !important;
    text-align: center;
}

#calendar #calendar-display td,
#calendar #calendar-display th {
    padding: 0;
}

.fc-widget-header table {
    margin-bottom: 0;
}

#calendar .header {
    background-color: #585956;
    color: #fff;
    padding: 40px 20px;
    margin-bottom: 30px;
}

#calendar .header .title {
    font-size: 28px;
    color: #2BA6CB;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}

#calendar .header .tag {
    font-size: 32px;
    font-style: italic;
}

@media screen and (max-width: 768px){
    .innovation-header {
        padding-bottom: 0;
    }
    .innovation-header .upper-header {
        width: 100%;
    }
    .innovation-header .lower-header {
        flex-direction: column;
    }
    .innovation-header .lower-header .columns.large-3 {
        padding-left: 0;
        padding-right: 0;
    }
    .innovation-header .lower-header .card {
        border-bottom: 1px solid #fff;
    }    

    #product-highlights .prod-wrap {
        flex-direction: column;
        margin-bottom: 0;
    }
    #product-highlights .card-border {
        margin-bottom: 20px;
        flex-direction: column;
    }
    #product-highlights .card-border .img-holder,
    #product-highlights .card-border .img-holder img,
    #product-highlights .card-border .content,
    #new .pipeline .content {
        width: 100%;
    }
    #product-highlights .card-border .img-holder img {
        opacity: 1;
    }
    #new .pipeline,
    #new .sales {
        width: auto;
    }
    #new .sales {
        margin: 10px;
    }
    .tool-cards {
        display: none;
    }
    #new,
    #new .pipeline {
        flex-direction: column;
    }
    #new .pipeline {
        margin-bottom: 20px;
    }
    .pipeline-img {
        display: none;
    }
    .pipeline-mobile {
        display: block;
        margin-top: 15px;
    }
    .tools-columns .columns.large-6:nth-child(2):before {
        display: none;
    }
    #calendar .header .tag {
        padding: 0;
    font-size: 28px;
    }
    #calendar .header .title {
        font-size: 24px;
    }
    #calendar .header {
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
    }
    div#calendar-display {
        margin-right: 15px;
        margin-left: 15px;
    }
}

/** What's New Banner **/
#whats-new {
    display: flex;
    min-height: 768px;
    position: relative;
}

#whats-new a {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

#whats-new .spacer {
    width: 5%;
    background-color: #00658A;
}

#whats-new .left-new {    
    width: 45%;
    background-image: url(https://www.hunterindustries.com/sites/default/files/image_768-2x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#whats-new .left-new img {
    display: none;
}

#whats-new .right-new {
    background-image: url(https://www.hunterindustries.com/sites/default/files/hunter-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50%;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.right-new .new-title {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-style: italic;
    color: #fff;
    background-color: #80CCF1;
    display: inline-block;
    text-align: right;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 80px;
    padding-left: 30px;
}
.right-new .new-title span {
    font-family: 'Sero', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
}
.right-new .new-copy span {
    color: #9AD4F3;
    font-family: 'Sero', sans-serif;
    font-style: normal;
    font-size: 44px;
}
.right-new .new-copy {
    font-family: 'Roboto', sans-serif;
    font-size: 39px;
    font-weight: 600;
    font-style: italic;
    color: #fff;
    padding-left: 30px;
    width: 62%;
}
.right-new  .new-button {
    margin-left: 30px;
}
.right-new .new-button button {
    text-transform: uppercase;
}
.right-new .new-copy-mobile {
    display: none;
}

@media screen and (max-width: 1440px){
    .right-new .new-copy span {
        font-size: 32px;
    }
    .right-new .new-copy {
        font-size: 28px;
    }
    #whats-new .spacer {
        display: none;
    }
    #whats-new .left-new {    
        width: 50%;
    } 
    #whats-new {
        min-height: 500px;
    }

}

@media screen and (max-width: 1024px){
    .right-new .new-copy span {
        font-size: 22px;
    }
    .right-new .new-copy {
        font-size: 20px;
    }
    #whats-new .spacer {
        display: none;
    }
    #whats-new .left-new {    
        width: 50%;
    } 
    #whats-new {
        min-height: 500px;
    }

    .right-new .new-title,
    .right-new .new-title span {
        font-size: 22px;
    }

}

@media screen and (max-width: 768px) {
    #whats-new {
        flex-direction: column;
    }
    #whats-new .left-new,
    #whats-new .right-new {
        width: 100%;
    }
    #whats-new .left-new img {
        display: block;
    }
    #whats-new .right-new {
        padding-bottom: 0;
    }
    .right-new .new-button {
        margin-left: 0;
        display: grid;
    }
    .right-new .new-button button {
        margin-bottom: 0;
    }
    .right-new .new-title {
        margin-bottom: 20px;
    }
    .right-new .new-copy {
        display: none;
    }
    .right-new .new-title {
        padding-left: 15px;
    }
    .right-new .new-copy-mobile {
        display: block;
        color: #9AD4F3;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 20px;
        padding-left: 15px;
    }
}

table.hunter tr:first-child td {
    background: #f0ece8;
    border-top: 6px solid #cfcdcb;
    border-bottom: 1px solid #cfcdcb;
}

table.hunter td {   
    border-left: 1px solid #cfcdcb;
    border-bottom: 1px solid #cfcdcb;
    border-color: #cfcbcb;
}

table.hunter {
    border-right: 1px solid #cfcdcb;
}

/* PGP-06 Banner */

#pgp-06-hero {
  display: flex;
  position: relative;
  min-height: 650px;
  padding: 0 100px;
}

.mobile-pgp,
#pgp-06-hero .button.mobile {
  display: none;
}

#pgp-06-hero .left {
  float: none !important;
  display: inline-block;
  width: 40%;
}

#pgp-06-hero .left img {
  max-height: 850px;
}

#pgp-06-hero .right {
  float: none !important;
  display: inline-block;
  position: relative;
  width: 55%;
  z-index: 1;
}

#pgp-06-hero .group {
  max-width: 940px;
}

#pgp-06-hero .copy p a {
  color: #585956;
}

#pgp-06-hero .copy {
  position: relative;
  top: 125px;
}

#pgp-06-hero .copy span {
  font-size: 90px; 
  line-height: 86px; 
  font-weight: 800; 
  text-transform: uppercase; 
  color: #585956;
  font-family: "Sero_bold", Arial, sans-serif;  
  letter-spacing: -0.28px;
}

#pgp-06-hero p {
  font-size: 48px; 
  line-height: 56px;  
  color: #585956;
  font-family: "Sero_light", Arial, sans-serif;  
  margin-bottom: 15px;
}

#pgp-06-hero .button {
  font-size: 26px;
  color: #fff;
  background: #2BA6CB;
  text-transform: uppercase;
  padding: 19px 50px;
}

#pgp-06-hero .lower-right-images {
  position: absolute;
  bottom: 0;
  right: 100px;
  min-width: 560px;
  z-index: 0;  
}

#pgp-06-hero .lower-right-images img {
  display: inline-block;
}

#pgp-06-hero .lower-right-images .logo {
  max-width: 400px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#pgp-06-hero .lower-right-images .pgp {
  max-height: 350px;
  right: 0;
  position: absolute;
  bottom: 0;  
}

@media screen and (max-width: 1849px) {
  #pgp-06-hero .copy span {
    font-size: 74px; 
    line-height: 78px; 
  }
  #pgp-06-hero p {
    font-size: 40px; 
    line-height: 46px;  
  }  
  #pgp-06-hero .button {
    font-size: 24px;
  }  
  #pgp-06-hero .lower-right-images .logo {
    max-width: 375px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 325px; 
  }  
}

@media screen and (max-width: 1549px) {
  #pgp-06-hero {
    padding: 0 75px;
  }  
  #pgp-06-hero .copy span {
    font-size: 62px; 
    line-height: 68px; 
  }
  #pgp-06-hero p {
    font-size: 32px; 
    line-height: 38px;  
  }  
  #pgp-06-hero .button {
    font-size: 22px;
  }  
  #pgp-06-hero .lower-right-images {
    right: 75px;
  }    
  #pgp-06-hero .lower-right-images .logo {
    max-width: 350px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 275px; 
  }  
}

@media screen and (max-width: 1349px) {
  #pgp-06-hero {
    padding: 0 50px;
  }    
  #pgp-06-hero .copy span {
    font-size: 52px; 
    line-height: 58px; 
    margin-bottom: 15px;
  }
  #pgp-06-hero p {
    font-size: 28px; 
    line-height: 34px;  
  }  
  #pgp-06-hero .button {
    font-size: 20px;
  }  
  #pgp-06-hero .lower-right-images {
    right: 50px;
    min-width: 500px;
  }  
  #pgp-06-hero .lower-right-images .logo {
    max-width: 300px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 250px; 
  }  
}

@media screen and (max-width: 1249px) {
  #pgp-06-hero {
    padding: 0 25px;
    min-height: 0;
  }    
  #pgp-06-hero .group {
    max-width: 620px;
  }
  #pgp-06-hero .copy {
    top: 100px;
  }  
  #pgp-06-hero .copy span {
    font-size: 48px; 
    line-height: 52px; 
  }
  #pgp-06-hero p {
    font-size: 28px; 
    line-height: 34px;  
    margin-top: 5px;
  }  
  #pgp-06-hero .button {
    font-size: 18px;
  }  
  #pgp-06-hero .lower-right-images {
    right: 35px;
    min-width: 450px;
  }    
  #pgp-06-hero .lower-right-images .logo {
    max-width: 275px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 225px; 
  }  
}

@media screen and (max-width: 1049px) {
  #pgp-06-hero {
  }    
  #pgp-06-hero .copy {
    top: 65px;
  }  
  #pgp-06-hero .copy span {
    font-size: 42px; 
    line-height: 48px; 
  }
  #pgp-06-hero p {
    font-size: 26px; 
    line-height: 32px;  
  }  
  #pgp-06-hero .button {
    font-size: 18px;
    padding: 15px 30px;
  }  
  #pgp-06-hero .lower-right-images .logo {
    max-width: 275px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 225px; 
  }  
}

@media screen and (max-width: 991px) {
  #pgp-06-hero {
  }    
  #pgp-06-hero .copy {
    top: 65px;
  }  
  #pgp-06-hero .copy span {
    font-size: 36px; 
    line-height: 40px; 
  }
  #pgp-06-hero p {
    font-size: 22px; 
    line-height: 26px;  
  }  
  #pgp-06-hero .button {
    font-size: 16px;
  }  
  #pgp-06-hero .lower-right-images {
    min-width: 330px;
  }   
  #pgp-06-hero .lower-right-images .logo {
    max-width: 225px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 175px; 
  }  
}

@media screen and (max-width: 768px) {
  #pgp-06-hero {
    display: block;
    padding: 0 10px;
    padding-top: 25px;
  }
  #pgp-06-hero .button {
    display: none;
  }    
  .mobile-pgp {
    display: block;
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  #pgp-06-hero .left {
    display: none;
  }
  #pgp-06-hero .right {
    display: block;
    width: 100%;
  }
  #pgp-06-hero .group {
    max-width: 800px;
  }
  #pgp-06-hero .copy {
    top: 0;
  }  
  #pgp-06-hero .copy span {
    font-size: 46px; 
    line-height: 48px; 
    max-width: 95%;
    display: block;
  }
  #pgp-06-hero p {
    font-size: 24px; 
    line-height: 26px; 
    max-width: 85%; 
  }  
  #pgp-06-hero .button.mobile {
    display: block;
    font-size: 18px;
    width: 100%;
    margin-top: 25px;
  }  
  #pgp-06-hero .lower-right-images {
    position: relative;
    min-width: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    text-align: right;
    margin-top: -85px;
  }   
  #pgp-06-hero .lower-right-images .logo {
    max-width: 40%;
    position: relative;
    margin-right: 50px;
    vertical-align: bottom;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 230px;
    position: relative;
    max-width: 20%;
  }  
}
@media screen and (max-width: 550px) {
  #pgp-06-hero {
  }
  #pgp-06-hero .button {
  }    
  .mobile-pgp {
    max-width: 275px;
    margin-bottom: 20px;
  }
  #pgp-06-hero .left {
  }
  #pgp-06-hero .right {
  }
  #pgp-06-hero .group {
  }
  #pgp-06-hero .copy {
  }  
  #pgp-06-hero .copy span {
    max-width: 100%;
    font-size: 35px; 
    line-height: 39px; 
  }
  #pgp-06-hero p {
    font-size: 22px; 
    line-height: 24px; 
  }  
  #pgp-06-hero .button.mobile {
    font-size: 18px;
    margin-top: 15px;
  }  
  #pgp-06-hero .lower-right-images {
  }   
  #pgp-06-hero .lower-right-images .logo {
  }
  #pgp-06-hero .lower-right-images .pgp {
    max-height: 150px;
  }  
}

/* PGP-06 Banner */

#pgp-06-hero {
  display: flex;
  position: relative;
  min-height: 650px;
  padding: 0 100px;
}

.mobile-pgp,
#pgp-06-hero .button.mobile {
  display: none;
}

#pgp-06-hero .left {
  float: none !important;
  display: inline-block;
  width: 40%;
}

#pgp-06-hero .left img {
  max-height: 850px;
}

#pgp-06-hero .right {
  float: none !important;
  display: inline-block;
  position: relative;
  width: 55%;
  z-index: 1;
}

#pgp-06-hero .group {
  max-width: 940px;
}

#pgp-06-hero .copy {
  position: relative;
  top: 125px;
}

#pgp-06-hero .copy span {
  font-size: 90px; 
  line-height: 86px; 
  font-weight: 800; 
  text-transform: uppercase; 
  color: #585956;
  font-family: "Sero_bold", Arial, sans-serif;  
  letter-spacing: -0.28px;
}

#pgp-06-hero p {
  font-size: 48px; 
  line-height: 56px;  
  color: #585956;
  font-family: "Sero_light", Arial, sans-serif;  
  margin-bottom: 15px;
}

#pgp-06-hero .button {
  font-size: 26px;
  color: #fff;
  background: #2BA6CB;
  text-transform: uppercase;
  padding: 19px 50px;
}

#pgp-06-hero .lower-right-images {
  position: absolute;
  bottom: 0;
  right: 100px;
  min-width: 560px;
  z-index: 0;  
}

#pgp-06-hero .lower-right-images img {
  display: inline-block;
}

#pgp-06-hero .lower-right-images .logo {
  max-width: 400px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#pgp-06-hero .lower-right-images .pgp {
  max-height: 350px;
  right: 0;
  position: absolute;
  bottom: 0;  
}

@media screen and (max-width: 1849px) {
  #pgp-06-hero .copy span {
    font-size: 74px; 
    line-height: 78px; 
  }
  #pgp-06-hero p {
    font-size: 40px; 
    line-height: 46px;  
  }  
  #pgp-06-hero .button {
    font-size: 24px;
  }  
  #pgp-06-hero .lower-right-images .logo {
    max-width: 375px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 325px; 
  }  
}

@media screen and (max-width: 1549px) {
  #pgp-06-hero {
    padding: 0 75px;
  }  
  #pgp-06-hero .copy span {
    font-size: 62px; 
    line-height: 68px; 
  }
  #pgp-06-hero p {
    font-size: 32px; 
    line-height: 38px;  
  }  
  #pgp-06-hero .button {
    font-size: 22px;
  }  
  #pgp-06-hero .lower-right-images {
    right: 75px;
  }    
  #pgp-06-hero .lower-right-images .logo {
    max-width: 350px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 275px; 
  }  
}

@media screen and (max-width: 1349px) {
  #pgp-06-hero {
    padding: 0 50px;
  }    
  #pgp-06-hero .copy span {
    font-size: 52px; 
    line-height: 58px; 
    margin-bottom: 15px;
  }
  #pgp-06-hero p {
    font-size: 28px; 
    line-height: 34px;  
  }  
  #pgp-06-hero .button {
    font-size: 20px;
  }  
  #pgp-06-hero .lower-right-images {
    right: 50px;
    min-width: 500px;
  }  
  #pgp-06-hero .lower-right-images .logo {
    max-width: 300px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 250px; 
  }  
}

@media screen and (max-width: 1249px) {
  #pgp-06-hero {
    padding: 0 25px;
    min-height: 0;
  }    
  #pgp-06-hero .group {
    max-width: 620px;
  }
  #pgp-06-hero .copy {
    top: 100px;
  }  
  #pgp-06-hero .copy span {
    font-size: 48px; 
    line-height: 52px; 
  }
  #pgp-06-hero p {
    font-size: 28px; 
    line-height: 34px;  
    margin-top: 5px;
  }  
  #pgp-06-hero .button {
    font-size: 18px;
  }  
  #pgp-06-hero .lower-right-images {
    right: 35px;
    min-width: 450px;
  }    
  #pgp-06-hero .lower-right-images .logo {
    max-width: 275px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 225px; 
  }  
}

@media screen and (max-width: 1049px) {
  #pgp-06-hero {
  }    
  #pgp-06-hero .copy {
    top: 65px;
  }  
  #pgp-06-hero .copy span {
    font-size: 42px; 
    line-height: 48px; 
  }
  #pgp-06-hero p {
    font-size: 26px; 
    line-height: 32px;  
  }  
  #pgp-06-hero .button {
    font-size: 18px;
    padding: 15px 30px;
  }  
  #pgp-06-hero .lower-right-images .logo {
    max-width: 275px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 225px; 
  }  
}

@media screen and (max-width: 991px) {
  #pgp-06-hero {
  }    
  #pgp-06-hero .copy {
    top: 65px;
  }  
  #pgp-06-hero .copy span {
    font-size: 36px; 
    line-height: 40px; 
  }
  #pgp-06-hero p {
    font-size: 22px; 
    line-height: 26px;  
  }  
  #pgp-06-hero .button {
    font-size: 16px;
  }  
  #pgp-06-hero .lower-right-images {
    min-width: 330px;
  }   
  #pgp-06-hero .lower-right-images .logo {
    max-width: 225px;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 175px; 
  }  
}

@media screen and (max-width: 768px) {
  #pgp-06-hero {
    display: block;
    padding: 0 10px;
    padding-top: 25px;
  }
  #pgp-06-hero .button {
    display: none;
  }    
  .mobile-pgp {
    display: block;
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  #pgp-06-hero .left {
    display: none;
  }
  #pgp-06-hero .right {
    display: block;
    width: 100%;
  }
  #pgp-06-hero .group {
    max-width: 800px;
  }
  #pgp-06-hero .copy {
    top: 0;
  }  
  #pgp-06-hero .copy span {
    font-size: 46px; 
    line-height: 48px; 
    max-width: 95%;
    display: block;
  }
  #pgp-06-hero p {
    font-size: 24px; 
    line-height: 26px; 
    max-width: 85%; 
  }  
  #pgp-06-hero .button.mobile {
    display: block;
    font-size: 18px;
    width: 100%;
    margin-top: 25px;
  }  
  #pgp-06-hero .lower-right-images {
    position: relative;
    min-width: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    text-align: right;
    margin-top: -85px;
  }   
  #pgp-06-hero .lower-right-images .logo {
    max-width: 40%;
    position: relative;
    margin-right: 50px;
    vertical-align: bottom;
  }

  #pgp-06-hero .lower-right-images .pgp {
    max-height: 230px;
    position: relative;
    max-width: 20%;
  }  
}
@media screen and (max-width: 550px) {
  #pgp-06-hero {
  }
  #pgp-06-hero .button {
  }    
  .mobile-pgp {
    max-width: 275px;
    margin-bottom: 20px;
  }
  #pgp-06-hero .left {
  }
  #pgp-06-hero .right {
  }
  #pgp-06-hero .group {
  }
  #pgp-06-hero .copy {
  }  
  #pgp-06-hero .copy span {
    max-width: 100%;
    font-size: 35px; 
    line-height: 39px; 
  }
  #pgp-06-hero p {
    font-size: 22px; 
    line-height: 24px; 
  }  
  #pgp-06-hero .button.mobile {
    font-size: 18px;
    margin-top: 15px;
  }  
  #pgp-06-hero .lower-right-images {
  }   
  #pgp-06-hero .lower-right-images .logo {
  }
  #pgp-06-hero .lower-right-images .pgp {
    max-height: 150px;
  }  
}

/* STK Hero */

#stk-hero {
  position: relative; 
  z-index: 0;
}

#stk-hero .top-section {
  height: 50vw;
  min-height: 575px;
  max-height: 635px;
  background: url('https://www.hunterindustries.com/sites/default/files/stk-hero-main.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

#stk-hero .top-section .copy {
  position: relative;
  top: 100px;
}

#stk-hero .top-section .copy h2 {
  font-size: 4vw; 
  color: #00658A; 
  font-weight: bold; 
  letter-spacing: -0.72px; 
  line-height: 1;  
}

#stk-hero .button {
  display: inline-block;
  font-size: 1.5rem;
}

#stk-hero .lower-section {
  display:flex;
  align-items: center;
}

#stk-hero .lower-section .columns {
  display: flex;
  max-height: 250px;
  align-content: space-between;
  justify-content: space-between;
}

#stk-hero .image-block {
  position: relative;
  flex: 0 0 35%;
}

#stk-hero .text-block {
  display:flex;
  padding-left: 160px;  
  align-items: center;
  flex: 0 0 65%;
}

#stk-hero .text-block .text {
  flex: 0 0 55%; 
  position: relative; 
  font-family: 'sero_light', Arial;  
}

#stk-hero .text-block p {
  font-size: 2.5vw; 
  color: #585956; 
  letter-spacing: -1px; 
  line-height: 1; 
  margin-bottom: 0;
}

#stk-hero .text-block .logo {
  flex: 0 0 30%
}

#stk-hero .text-block .logo img {
  max-width: 290px;
}

#stk-hero .text-block div {
  margin-right: 25px;
}

#stk-hero .circle-image {
  position: absolute;
  right: -150px;
  width: 60%;
  max-width: 300px;
  top: -30px;
}

#stk-hero .sub-image {
  width: 100%;  
}

@media screen and (max-width: 1500px) {
  #stk-hero .button {
    display: inline-block;
    font-size: 1.25rem;
  }
}


@media screen and (max-width: 1300px) {
  #stk-hero .top-section .copy h2 {
    font-size: 4.75vw;
  }
  #stk-hero .button {
    display: inline-block;
    font-size: 1rem;
  }
}

@media screen and (max-width: 991px) {
  #stk-hero h2 {
    font-size: 50px !important;
  }
  #stk-hero .circle-image {
    right: 0 !!important;
    max-width: 170px;
  }
}

@media screen and (max-width: 768px) {
  #stk-hero .top-section {
    background: url('https://www.hunterindustries.com/sites/default/files/stk-hero-mobile.jpg');
    background-size: cover;
    width: 100%;
    height: 100vh;
    max-height: 475px;
    min-height: 415px;
  }
  #stk-hero .top-section .copy {
    max-width: 90%;
    margin: 0 auto;
    top: 25px;
  }
  #stk-hero .top-section .copy h2 {
    font-size: 2.15rem !important;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.3);
  }  
  #stk-hero .lower-section {
    display: block;
  }
  #stk-hero .image-block {
    flex: 0 0 100% !important;
    display: block;
  }  
  #stk-hero .text-block {
    display: block;
    flex: 0 0 100% !important;
    padding-top: 55px;
    padding-left: 2%;
    align-items: left;
  }
  #stk-hero .text-block p {
    font-size: 5.5vw;
    padding-right: 75px;
    margin-bottom: 15px;
  }
  #stk-hero .sub-image {
    flex: 0 0 100%; 
    max-width: 100%;
    height: auto;
  }
  #stk-hero .circle-image {
    position: absolute;
    top: -25%;
    left: 60%;
    max-width: 275px;
    width: 40vw;
    right: initial !important;   
  }  
}

@media screen and (max-width: 450px) {
  #stk-hero h2 {
    font-size: 38px !important;
  }    
  #stk-hero .circle-image {
    max-width: 170px;
    left: initial !important;
    right: 0 !important;
  }
  #stk-hero .text-block p {
    font-size: 1.75rem;
    padding-right: 50px;
  }  
}

/* Homepage Banner - WHCFLOW */

#homepage-hero.whcflow {
  display: flex;
  position: relative; 
  z-index: 0;  
  max-height: 90vh;
  height: 100%;  
}

#homepage-hero.whcflow .left-section {
  position: relative;
  z-index: 2;
}

#homepage-hero.whcflow .left-section:after {
  content: "";
  display: block;
  width: 20vw;
  height: 20vw;
  max-width: 285px;
  max-height: 285px;
  background-image: url('/sites/all/themes/hunter_responsive/images/whcflow-banner/detail_image@2x.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: -60px;
}

#homepage-hero.whcflow .left-section img {
  max-width: 36vw;
}

#homepage-hero.whcflow .left-section .background.mobile {
  display: none;
}

#homepage-hero.whcflow .right-section {
  display: flex;
  position: relative;
  width: 100%;
  align-items: top;
  background: #004D6B;
  color: #fff;  
  justify-content: space-between;
  padding-top: 60px;
  padding-left: 2.5%;
}

#homepage-hero.whcflow .text p {
  position: relative; 
  font-family: 'sero_light', Arial;    
  font-size: 3vw; 
  color: #fff;
  letter-spacing: -1px; 
  line-height: 1.4; 
  margin-bottom: 5px;
  max-width: 65%;
}

#homepage-hero.whcflow .text p span {
  display: block;
}

#homepage-hero.whcflow .text .hydrawise-logo {
  max-height: 75px;
  position: relative;
  top: -5px;
  height: 1.4em;
}

#homepage-hero.whcflow .text ul {
  color: #4CC0EF;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.25vw;
}

#homepage-hero.whcflow .text ul li {
  margin-bottom: 2px;
  font-weight: 100;
}

#homepage-hero.whcflow .text .cta {
  font-family: 'Roboto', sans-serif;
}

#homepage-hero.whcflow .image-block {
  position: absolute;
  bottom: 0;
  right: 0;
}

#homepage-hero.whcflow .phone-image {
  max-height: 40vw;
}

#homepage-hero.whcflow .phone-image.mobile {
  display: none;
}

#homepage-hero.whcflow .circle-image {
  display: none;
  position: absolute;
  max-width: 285px;
}

#homepage-hero.whcflow .button {
  display: inline-block;
  font-size: 1.5rem;
}

@media screen and (max-width: 1500px) {
  #homepage-hero.whcflow .button {
    display: inline-block;
    font-size: 1.25rem;
  }
  #homepage-hero.whcflow .left-section:after {
    width: 15vw;
    height: 15vw;
  }
}


@media screen and (max-width: 1300px) {
  #homepage-hero.whcflow .button {
    display: inline-block;
    font-size: 1rem;
  }
  #homepage-hero.whcflow .phone-image {
    max-height: 39vw;
  }
}

@media screen and (max-width: 991px) {
  #homepage-hero.whcflow h2 {
    font-size: 50px !important;
  }
  #homepage-hero.whcflow .button {
    font-size: .8rem; 
  }
  #homepage-hero.whcflow .phone-image {
    max-height: 38vw;
  }
  #homepage-hero.whcflow .circle-image {
    right: 0 !!important;
    max-width: 170px;
  }
}

@media screen and (max-width: 768px) {
  #homepage-hero.whcflow {
    height: 100vh;
    max-height: 100vh;
  }
  #homepage-hero.whcflow {
    flex-wrap: wrap;
    flex-direction: column;
  }
  #homepage-hero.whcflow .left-section {
    width: 100%;
    flex: 0 1 auto;
    min-height: 305px;
    max-height: 44vh;
    z-index: 1;
  }
  #homepage-hero.whcflow .left-section .background {
    display: none;
  }
  #homepage-hero.whcflow .left-section .background.mobile {
    display: block;
    width: 100%;
    max-width: none;
    min-height: 305px;
    height: auto;
  }     
  #homepage-hero.whcflow .left-section:after {

    background-image: none;
    background: #004D6B;
    position: absolute;
    bottom: -10vh;
    width: 100%;
    height: 10vh;
  }    
  #homepage-hero.whcflow .right-section {
    display: block;
    width: 100%;
    flex: 0 0 auto;
    flex-grow: 1;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: 2;
  }
  #homepage-hero.whcflow .right-section:before {
    content: "";
    display: block;
    background-image: url('/sites/all/themes/hunter_responsive/images/whcflow-banner/detail_image@2x.png');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 175px;
    height: 175px;
    right: initial;
    left: 10px;
    top: -125px;
    z-index: 2;
  } 
  #homepage-hero.whcflow .right-section .large-12 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #homepage-hero.whcflow .right-section .text {
    padding: 0 15px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-top: 110px;    
  }
  #homepage-hero.whcflow .text p {
    max-width: 100%;
    font-size: 8vw;
    padding-right: 10px;
    margin-bottom: 0;
    padding-bottom: 55px;
  }
  #homepage-hero.whcflow .text .hydrawise-logo {
    display: inline-block;
    max-width: 48vw;
    top: -5px;
  }
  #homepage-hero.whcflow .text ul {
    display: none;
  }  
  #homepage-hero.whcflow .text .button {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;    
    margin-bottom: 0;
    font-size: 17px;
    padding-top: 15px;
    padding-bottom: 15px;
  }    
  #homepage-hero.whcflow .image-block {
    display: none;
  }  
  #homepage-hero.whcflow .phone-image {
    max-width: 500px;
    display: none;
  }
  #homepage-hero.whcflow .phone-image.mobile {
    position: absolute;
    top: -250px;
    right: 0;
    display: block;
    max-width: 500px;
    max-height: 350px;
  }
}

@media screen and (max-width: 450px) {   
  #homepage-hero.whcflow .circle-image {
    max-width: 170px;
    left: initial !important;
    right: 0 !important;
  }
}


/* Golf Water Audit Savings Calculator */
#hunter-calculators-golf-water-audit {
    font-size: 16px;
    max-width: 800px;
}

#hunter-calculators-golf-water-audit p {
    font-size: 16px;
}

#hunter-calculators-golf-water-audit h2 {
    color: #A7CA32 !important;
    font-size: 2em;
    font-weight: bold;
    text-transform: none;
    clear: both;
}

#hunter-calculators-golf-water-audit a {
    color: #47abd1;
}

#hunter-calculators-golf-water-audit .range-slider {
    max-width: 400px;
    margin-bottom: 20px;
}

#hunter-calculators-golf-water-audit #your_du,
#hunter-calculators-golf-water-audit #hunter_du {
    text-align: center;
    margin-bottom: 2em;
}

#hunter-calculators-golf-water-audit #your_sc,
#hunter-calculators-golf-water-audit #hunter_sc {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

#hunter-calculators-golf-water-audit label {
    font-weight: 500;
    font-size: 1em;
}

#hunter-calculators-golf-water-audit .form-item input {
    font-size: 18px;
    width: 100px;
    padding: 27px;
    border-radius: 5px;
    margin-bottom: 0;
}

#hunter-calculators-golf-water-audit #edit-distribution {
    max-width: 720px;
    margin-bottom: 50px;
}

#hunter-calculators-golf-water-audit #edit-distribution .form-item {
    display: inline-block;
}

#hunter-calculators-golf-water-audit .form-item input::placeholder {
    color: #cfcfcf;
}

#hunter-calculators-golf-water-audit #edit-distribution .form-item input {
    margin: 0;
}

#hunter-calculators-golf-water-audit .customer-values {
    max-width: 500px;
}

#hunter-calculators-golf-water-audit .customer-values .form-item {
    width: 50%;
    float: left;
    margin-top: 0;
}

#hunter-calculators-golf-water-audit .form-submit {
    clear: both;
    float: left;
}


#hunter-calculators-golf-water-audit .mdl-slider {
    color: #A7CA32 !important;
}


#hunter-calculators-golf-water-audit .mdl-slider__background-lower {
    background: #A7CA32 !important;
}

#hunter-calculators-golf-water-audit input[type="range"]::-webkit-slider-thumb {
    background: #A7CA32 !important;
    border: none;
}

#hunter-calculators-golf-water-audit input[type="range"]::-moz-range-thumb {
    background: #A7CA32 !important;
    border: none;
}

#hunter-calculators-golf-water-audit input[type="range"]::-ms-thumb {
    background: #A7CA32 !important;
    border: none;
}

#hunter-calculators-golf-water-audit #calculate {
    background-color: #a7ca32;
    text-transform: uppercase;
    margin: 2em 0;
}

#hunter-calculators-golf-water-audit #results-container {
    clear: both;
    width: 100%;
    display: none;
}

#hunter-calculators-golf-water-audit #results-container table {
    border: none;
}

#hunter-calculators-golf-water-audit #results-container table td {
    border: 1px solid #e1e1e1;
    font-size: 16px;
}

#hunter-calculators-golf-water-audit #results-container table.cost-savings tr.empty-row td {
    border: none;
}

#hunter-calculators-golf-water-audit #results-container table td.calculator-output {
    font-size: 21px;
    font-weight: bold;
}

#hunter-calculators-golf-water-audit #results-container table td.calculator-output.hunter {
    color: #00658A;
}

#hunter-calculators-golf-water-audit #results-container table.cost-savings td.calculator-output.hunter {
    color: #A7CA32;
}

#hunter-calculators-golf-water-audit #results-container table.cost-savings #cost_savings,
#hunter-calculators-golf-water-audit #results-container table.cost-savings #pump_savings {
    font-size: 33px;
}

@media print {
    #hunter-calculators-golf-water-audit #results-container a {
        display: none;
    }
}
/* End Golf Water Audit Savings Calculator */