/* ==========================================================================
   HubSpot Migrations Services - COS Boilerplate v2.0.0                              
   ========================================================================== */


/* ==========================================================================
   Table of Contents:

   1. EXTERNAL RESOURCES
   2. BASE STYLES
   3. COS STRUCTURE
   4. MAIN NAVIGATION
   5. BLOG
   6. FORMS
   7. BUTTONS
   8. MISCELLANEOUS
   9. MOBILE MEDIA QUERIES
   ========================================================================== */


/* ==========================================================================
   1. EXTERNAL RESOURCES                                            
   ========================================================================== */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face{
        font-family: 'SourceSansPro-Regular';
        src:url('//cdn2.hubspot.net/hubfs/1878906/Webline%20Agriculture%20Ltd%20October2017%20/Fonts/SourceSansPro-Regular.ttf') format('ttf'),
            url('//cdn2.hubspot.net/hubfs/1878906/Webline%20Agriculture%20Ltd%20October2017%20/Fonts/SourceSansPro-Regular.eot') format('eot'),
            url('//cdn2.hubspot.net/hubfs/1878906/Webline%20Agriculture%20Ltd%20October2017%20/Fonts/SourceSansPro-Regular.woff2') format('woff2');
} 
@font-face{
        font-family: 'SourceSansPro-Black';
        src:url('//cdn2.hubspot.net/hubfs/1878906/Webline%20Agriculture%20Ltd%20October2017%20/Fonts/SourceSansPro-Black.ttf') format('ttf'),
            url('//cdn2.hubspot.net/hubfs/1878906/Webline%20Agriculture%20Ltd%20October2017%20/Fonts/SourceSansPro-Black.eot') format('eot'),
            url('//cdn2.hubspot.net/hubfs/1878906/Webline%20Agriculture%20Ltd%20October2017%20/Fonts/SourceSansPro-Black.woff2') format('woff2');
} 
 @font-face {
    font-family: "franklin-gothic-ext-comp-urw";
    font-style: normal;
    font-weight: 400;
    src: url("//use.typekit.net/af/d927f1/0000000000000000000118bf/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("//use.typekit.net/af/d927f1/0000000000000000000118bf/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("//use.typekit.net/af/d927f1/0000000000000000000118bf/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
}
@font-face {
    font-family: "franklin-gothic-ext-comp-urw";
    font-style: normal;
    font-weight: 700;
    src: url("//use.typekit.net/af/1bfe91/0000000000000000000118c0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("//use.typekit.net/af/1bfe91/0000000000000000000118c0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("//use.typekit.net/af/1bfe91/0000000000000000000118c0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
}


/* =============== @import, @font-face, and CSS File Includes =============== */

/* EX: @import url('http://example.com/example_style.css'); */

/* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}
img.alignRight, img.alignright{ margin: 0 0 5px 15px; }
img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; }

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
    margin: 0;
    list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    height: 30px;
    list-style: none !important;
}
@media (max-width: 479px){
    .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
        float: none !important; /* Stack social icons into two rows on phones */
    }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; }

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
    #captcha_wrapper,
    #recaptcha_area,
    #recaptcha_area table#recaptcha_table,
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
        width: auto !important;
        overflow: hidden; 
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; }
    #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; }
}

/* Videos */
video {
    max-width: 100%;
    height: auto;
}

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
} 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
} 
#caldays {
    margin-bottom: 4px;
}

/* Responsive Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-top: 0px;
    padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0 0 0 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Fix radio button and check box fields in multi column forms*/
.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input,
.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
    width: auto;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

/* Menus */
.hs-menu-wrapper ul {
    padding: 0; 
}

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
}

/* Vertical Menu
   ========================================================================== */ 

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* Space Module */
.widget-type-space { visibility: hidden; }

/* Blog Author Section */
.hs-author-social-links { display: inline-block; }
.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; padding: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

/* responsive pre elements */
pre { overflow-x: auto; }

/* responsive pre tables */
table pre { white-space: pre-wrap; }

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img { max-width: initial; }

/* adding minimal spacing for blog comments */
.comment { margin: 10px 0 10px 0; }

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}

/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */
.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */
#map_canvas img, .google-maps img { max-width: none; }
table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

/* 

 SAC DGS Utilities
 Ver: 1.1

*/

.clearfix:before {
    content: '';
    clear: both;
}
.clearfix:after {
    content: '';
    clear: both;
    display:table;
}

.maxWidth1100 {
    max-width: 1100px;
    margin: 0px auto;
}
.maxWidth1050 {
    max-width: 1050px;
    margin: 0px auto;
}
.maxWidth1000 {
    max-width: 1000px;
    margin: 0px auto;
}
.maxWidth950 {
    max-width: 950px;
    margin: 0px auto;
}
.maxWidth900 {
    max-width: 900px;
    margin: 0px auto;
}
.maxWidth850 {
    max-width: 850px;
    margin: 0px auto;
}
.maxWidth800 {
    max-width: 800px;
    margin: 0px auto;
}
.maxWidth750 {
    max-width: 750px;
    margin: 0px auto;
}
.maxWidth700 {
    max-width: 700px;
    margin: 0px auto;
}
.maxWidth650 {
    max-width: 650px;
    margin: 0px auto;
}
.maxWidth600 {
    max-width: 600px;
    margin: 0px auto;
}
.maxWidth550 {
    max-width: 550px;
    margin: 0px auto;
}
.maxWidth500 {
    max-width: 500px;
    margin: 0px auto;
}
.maxWidth450 {
    max-width: 450px;
    margin: 0px auto;
}
.maxWidth400 {
    max-width: 400px;
    margin: 0px auto;
}
.maxWidth350 {
    max-width: 350px;
    margin: 0px auto;
}
.maxWidth300 {
    max-width: 300px;
    margin: 0px auto;
}
.maxWidth600L {
    max-width: 600px;
}
.maxWidth550L {
    max-width: 550px;
}
.maxWidth500L {
    max-width: 500px;
}
.maxWidth450L {
    max-width: 450px;
}
.maxWidth400L {
    max-width: 400px;
}
.maxWidth350L {
    max-width: 350px;
}
.maxWidth300L {
    max-width: 300px;
}

.pad5 {     padding: 5px;}
.pad10 {    padding: 10px;}
.pad15 {    padding: 15px;}
.pad20 {    padding: 20px;}
.pad25 {    padding: 25px;}
.pad30 {    padding: 30px;}
.pad35 {    padding: 35px;}
.pad40 {    padding: 40px;}
.pad45 {    padding: 45px;}
.pad50 {    padding: 50px;}
.pad55 {    padding: 55px;}
.pad60 {    padding: 60px;}
.pad65 {    padding: 65px;}
.pad70 {    padding: 70px;}
.pad75 {    padding: 75px;}
.pad80 {    padding: 80px;}
.pad85 {    padding: 85px;}
.pad90 {    padding: 90px;}
.pad95 {    padding: 95px;}
.pad100 {   padding: 100px;}
.pad120 {   padding: 120px;}
.pad150 {   padding: 150px;}
.padTB5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padTB10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padTB15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padTB20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padTB25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.padTB30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padTB35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.padTB40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.padTB45 {
    padding-top: 45px;
    padding-bottom: 45px;
}
.padTB50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.padTB55 {
    padding-top: 55px;
    padding-bottom: 55px;
}
.padTB60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.padTB65 {
    padding-top: 65px;
    padding-bottom: 65px;
}
.padTB70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.padTB75 {
    padding-top: 75px;
    padding-bottom: 75px;
}
.padTB80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.padTB85 {
    padding-top: 85px;
    padding-bottom: 85px;
}
.padTB90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.padTB95 {
    padding-top: 95px;
    padding-bottom: 95px;
}
.padTB100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.padTB120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.padTB150 {
    padding-top: 150px;
    padding-bottom: 150px;
}
.padLR5 {
    padding-left: 5px;
    padding-right: 5px;
}
.padLR10 {
    padding-left: 10px;
    padding-right: 10px;
}
.padLR15 {
    padding-left: 15px;
    padding-right: 15px;
}
.padLR20 {
    padding-left: 20px;
    padding-right: 20px;
}
.padLR25 {
    padding-left: 25px;
    padding-right: 25px;
}
.padLR30 {
    padding-left: 30px;
    padding-right: 30px;
}
.padLR35 {
    padding-left: 35px;
    padding-right: 35px;
}
.padLR40 {
    padding-left: 40px;
    padding-right: 40px;
}
.padLR45 {
    padding-left: 45px;
    padding-right: 45px;
}
.padLR50 {
    padding-left: 50px;
    padding-right: 50px;
}
.padLR55 {
    padding-left: 55px;
    padding-right: 55px;
}
.padLR60 {
    padding-left: 60px;
    padding-right: 60px;
}
.padLR65 {
    padding-left: 65px;
    padding-right: 65px;
}
.padLR70 {
    padding-left: 70px;
    padding-right: 70px;
}
.padLR75 {
    padding-left: 75px;
    padding-right: 75px;
}
.padLR80 {
    padding-left: 80px;
    padding-right: 80px;
}
.padLR85 {
    padding-left: 85px;
    padding-right: 85px;
}
.padLR90 {
    padding-left: 90px;
    padding-right: 90px;
}
.padLR95 {
    padding-left: 95px;
    padding-right: 95px;
}
.padLR100 {
    padding-left: 100px;
    padding-right: 100px;
}
.padLR120 {
    padding-left: 120px;
    padding-right: 120px;
}
.padLR150 {
    padding-left: 150px;
    padding-right: 150px;
}
.padT5 {    padding-top: 5px;}
.padT10 {   padding-top: 10px;}
.padT15 {   padding-top: 15px;}
.padT20 {   padding-top: 20px;}
.padT25 {   padding-top: 25px;}
.padT30 {   padding-top: 30px;}
.padT35 {   padding-top: 35px;}
.padT40 {   padding-top: 40px;}
.padT45 {   padding-top: 45px;}
.padT50 {   padding-top: 50px;}
.padT55 {   padding-top: 55px;}
.padT60 {   padding-top: 60px;}
.padT65 {   padding-top: 65px;}
.padT70 {   padding-top: 70px;}
.padT75 {   padding-top: 75px;}
.padT80 {   padding-top: 80px;}
.padT85 {   padding-top: 85px;}
.padT90 {   padding-top: 90px;}
.padT95 {   padding-top: 95px;}
.padT100 {  padding-top: 100px;}
.padT120 {  padding-top: 120px;}
.padT150 {  padding-top: 150px;}
.padL5 {    padding-left: 5px;}
.padL10 {   padding-left: 10px;}
.padL15 {   padding-left: 15px;}
.padL20 {   padding-left: 20px;}
.padL25 {   padding-left: 25px;}
.padL30 {   padding-left: 30px;}
.padL35 {   padding-left: 35px;}
.padL40 {   padding-left: 40px;}
.padL45 {   padding-left: 45px;}
.padL50 {   padding-left: 50px;}
.padL55 {   padding-left: 55px;}
.padL60 {   padding-left: 60px;}
.padL65 {   padding-left: 65px;}
.padL70 {   padding-left: 70px;}
.padL75 {   padding-left: 75px;}
.padL80 {   padding-left: 80px;}
.padL85 {   padding-left: 85px;}
.padL90 {   padding-left: 90px;}
.padL95 {   padding-left: 95px;}
.padL100 {  padding-left: 100px;}
.padL120 {  padding-left: 120px;}
.padL150 {  padding-left: 150px;}
.padR5 {    padding-right: 5px;}
.padR10 {   padding-right: 10px;}
.padR15 {   padding-right: 15px;}
.padR20 {   padding-right: 20px;}
.padR25 {   padding-right: 25px;}
.padR30 {   padding-right: 30px;}
.padR35 {   padding-right: 35px;}
.padR40 {   padding-right: 40px;}
.padR45 {   padding-right: 45px;}
.padR50 {   padding-right: 50px;}
.padR55 {   padding-right: 55px;}
.padR60 {   padding-right: 60px;}
.padR65 {   padding-right: 65px;}
.padR70 {   padding-right: 70px;}
.padR75 {   padding-right: 75px;}
.padR80 {   padding-right: 80px;}
.padR85 {   padding-right: 85px;}
.padR90 {   padding-right: 90px;}
.padR95 {   padding-right: 95px;}
.padR100 {  padding-right: 100px;}
.padR120 {  padding-right: 120px;}
.padR150 {  padding-right: 150px;}
.padB5 {    padding-bottom: 5px;}
.padB10 {   padding-bottom: 10px;}
.padB15 {   padding-bottom: 15px;}
.padB20 {   padding-bottom: 20px;}
.padB25 {   padding-bottom: 25px;}
.padB30 {   padding-bottom: 30px;}
.padB35 {   padding-bottom: 35px;}
.padB40 {   padding-bottom: 40px;}
.padB45 {   padding-bottom: 45px;}
.padB50 {   padding-bottom: 50px;}
.padB55 {   padding-bottom: 55px;}
.padB60 {   padding-bottom: 60px;}
.padB65 {   padding-bottom: 65px;}
.padB70 {   padding-bottom: 70px;}
.padB75 {   padding-bottom: 75px;}
.padB80 {   padding-bottom: 80px;}
.padB85 {   padding-bottom: 85px;}
.padB90 {   padding-bottom: 90px;}
.padB95 {   padding-bottom: 95px;}
.padB100 {  padding-bottom: 100px;}
.padB120 {  padding-bottom: 120px;}
.padB150 {  padding-bottom: 150px;}

.noPad {  padding: 0px;}
.noPadT { padding-top: 0px;}
.noPadB { padding-bottom: 0px;}
.noPadL { padding-left: 0px;}
.noPadR { padding-right: 0px;}

.mar5 {     margin: 5px;}
.mar10 {    margin: 10px;}
.mar15 {    margin: 15px;}
.mar20 {    margin: 20px;}
.mar25 {    margin: 25px;}
.mar30 {    margin: 30px;}
.mar35 {    margin: 35px;}
.mar40 {    margin: 40px;}
.mar45 {    margin: 45px;}
.mar50 {    margin: 50px;}
.marT5 {    margin-top: 5px;}
.marT10 {   margin-top: 10px;}
.marT15 {   margin-top: 15px;}
.marT20 {   margin-top: 20px;}
.marT25 {   margin-top: 25px;}
.marT30 {   margin-top: 30px;}
.marT35 {   margin-top: 35px;}
.marT40 {   margin-top: 40px;}
.marT45 {   margin-top: 45px;}
.marT50 {   margin-top: 50px;}
.marT55 {   margin-top: 55px;}
.marT60 {   margin-top: 60px;}
.marT65 {   margin-top: 65px;}
.marT70 {   margin-top: 70px;}
.marT75 {   margin-top: 75px;}
.marT80 {   margin-top: 80px;}
.marL5 {    margin-left: 5px;}
.marL10 {   margin-left: 10px;}
.marL15 {   margin-left: 15px;}
.marL20 {   margin-left: 20px;}
.marL25 {   margin-left: 25px;}
.marL30 {   margin-left: 30px;}
.marL35 {   margin-left: 35px;}
.marL40 {   margin-left: 40px;}
.marL45 {   margin-left: 45px;}
.marL50 {   margin-left: 50px;}
.marL55 {   margin-left: 55px;}
.marL60 {   margin-left: 60px;}
.marL65 {   margin-left: 65px;}
.marL70 {   margin-left: 70px;}
.marL75 {   margin-left: 75px;}
.marL80 {   margin-left: 80px;}
.marR5 {    margin-right: 5px;}
.marR10 {   margin-right: 10px;}
.marR15 {   margin-right: 15px;}
.marR20 {   margin-right: 20px;}
.marR25 {   margin-right: 25px;}
.marR30 {   margin-right: 30px;}
.marR35 {   margin-right: 35px;}
.marR40 {   margin-right: 40px;}
.marR45 {   margin-right: 45px;}
.marR50 {   margin-right: 50px;}
.marR55 {   margin-right: 55px;}
.marR60 {   margin-right: 60px;}
.marR65 {   margin-right: 65px;}
.marR70 {   margin-right: 70px;}
.marR75 {   margin-right: 75px;}
.marR80 {   margin-right: 80px;}
.marB5 {    margin-bottom: 5px;}
.marB10 {   margin-bottom: 10px;}
.marB15 {   margin-bottom: 15px;}
.marB20 {   margin-bottom: 20px;}
.marB25 {   margin-bottom: 25px;}
.marB30 {   margin-bottom: 30px;}
.marB35 {   margin-bottom: 35px;}
.marB40 {   margin-bottom: 40px;}
.marB45 {   margin-bottom: 45px;}
.marB50 {   margin-bottom: 50px;}
.marB55 {   margin-bottom: 55px;}
.marB60 {   margin-bottom: 60px;}
.marB65 {   margin-bottom: 65px;}
.marB70 {   margin-bottom: 70px;}
.marB75 {   margin-bottom: 75px;}
.marB80 {   margin-bottom: 80px;}

.marB05em {     margin-bottom: 0.5em;}
.marB075em {    margin-bottom: 0.75em;}
.marB1em {      margin-bottom: 1em;}
.marB125em {    margin-bottom: 1.25em;}
.marB15em {     margin-bottom: 1.5em;}
.marB175em {    margin-bottom: 1.75em;}
.marB2em {      margin-bottom: 1.75em;}

.noMar {  margin: 0px;}
.noMarT { margin-top: 0px;}
.noMarB { margin-bottom: 0px;}
.noMarL { margin-left: 0px;}
.noMarR { margin-right: 0px;}

.fontS12 h1,.fontS12 h2,.fontS12 h3,.fontS12 h4,
.fontS12 { font-size: 12px;}
.fontS14 h1,.fontS14 h2,.fontS14 h3,.fontS14 h4,
.fontS14 { font-size: 14px;}
.fontS15 h1,.fontS15 h2,.fontS15 h3,.fontS15 h4,
.fontS15 { font-size: 15px;}
.fontS16 h1,.fontS16 h2,.fontS16 h3,.fontS16 h4,
.fontS16 { font-size: 16px;}
.fontS17 h1,.fontS17 h2,.fontS17 h3,.fontS17 h4,
.fontS17 { font-size: 17px;}
.fontS18 h1,.fontS18 h2,.fontS18 h3,.fontS18 h4,
.fontS18 { font-size: 18px;}
.fontS20 h1,.fontS20 h2,.fontS20 h3,.fontS20 h4,
.fontS20 { font-size: 20px;}
.fontS22 h1,.fontS22 h2,.fontS22 h3,.fontS22 h4,
.fontS22 { font-size: 22px;}
.fontS24 h1,.fontS24 h2,.fontS24 h3,.fontS24 h4,
.fontS24 { font-size: 24px;}
.fontS25 h1,.fontS25 h2,.fontS25 h3,.fontS25 h4,
.fontS25 { font-size: 25px;}
.fontS26 h1,.fontS26 h2,.fontS26 h3,.fontS26 h4,
.fontS26 { font-size: 26px;}
.fontS28 h1,.fontS28 h2,.fontS28 h3,.fontS28 h4,
.fontS28 { font-size: 28px;}
.fontS30 h1,.fontS30 h2,.fontS30 h3,.fontS30 h4,
.fontS30 { font-size: 30px;}
.fontS32 h1,.fontS32 h2,.fontS32 h3,.fontS32 h4,
.fontS32 { font-size: 32px;}
.fontS34 h1,.fontS34 h2,.fontS34 h3,.fontS34 h4,
.fontS34 { font-size: 34px;}
.fontS35 h1,.fontS35 h2,.fontS35 h3,.fontS35 h4,
.fontS35 { font-size: 35px;}
.fontS36 h1,.fontS36 h2,.fontS36 h3,.fontS36 h4,
.fontS36 { font-size: 36px;}
.fontS38 h1,.fontS38 h2,.fontS38 h3,.fontS38 h4,
.fontS38 { font-size: 38px;}
.fontS40 h1,.fontS40 h2,.fontS40 h3,.fontS40 h4,
.fontS40 { font-size: 40px;}
.fontS42 h1,.fontS42 h2,.fontS42 h3,.fontS42 h4,
.fontS42 { font-size: 42px;}
.fontS44 h1,.fontS44 h2,.fontS44 h3,.fontS44 h4,
.fontS44 { font-size: 44px;}
.fontS45 h1,.fontS45 h2,.fontS45 h3,.fontS45 h4,
.fontS45 { font-size: 45px;}
.fontS46 h1,.fontS46 h2,.fontS46 h3,.fontS46 h4,
.fontS46 { font-size: 46px;}
.fontS48 h1,.fontS48 h2,.fontS48 h3,.fontS48 h4,
.fontS48 { font-size: 48px;}
.fontS50 h1,.fontS50 h2,.fontS50 h3,.fontS50 h4,
.fontS50 { font-size: 50px;}
.fontS55 h1,.fontS55 h2,.fontS55 h3,.fontS55 h4,
.fontS55 { font-size: 55px;}
.fontS60 h1,.fontS60 h2,.fontS60 h3,.fontS60 h4,
.fontS60 { font-size: 60px;}
.fontS65 h1,.fontS65 h2,.fontS65 h3,.fontS65 h4,
.fontS65 { font-size: 65px;}
.fontS70 h1,.fontS70 h2,.fontS70 h3,.fontS70 h4,
.fontS70 { font-size: 70px;}
.fontS75 h1,.fontS75 h2,.fontS75 h3,.fontS75 h4,
.fontS75 { font-size: 75px;}
.fontS80 h1,.fontS80 h2,.fontS80 h3,.fontS80 h4,
.fontS80 { font-size: 80px;}
.fontS85 h1,.fontS85 h2,.fontS85 h3,.fontS85 h4,
.fontS85 { font-size: 85px;}
.fontS90 h1,.fontS90 h2,.fontS90 h3,.fontS90 h4,
.fontS90 { font-size: 90px;}
.fontS95 h1,.fontS95 h2,.fontS95 h3,.fontS95 h4,
.fontS95 { font-size: 95px;}
.fontS100 h1,.fontS100 h2,.fontS100 h3,.fontS100 h4,
.fontS100 { font-size: 100px;}


.line-height1 {     line-height: 1;}
.line-height11 {    line-height: 1.1;}
.line-height12 {    line-height: 1.2;}
.line-height13 {    line-height: 1.3;}
.line-height14 {    line-height: 1.4;}
.line-height15 {    line-height: 1.5;}
.line-height16 {    line-height: 1.6;}
.line-height17 {    line-height: 1.7;}
.line-height18 {    line-height: 1.8;}
.line-height19 {    line-height: 1.9;}
.line-height2 {     line-height: 2;}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.pull-left, .pull-left-desktop {    float: left;}
.pull-right, .pull-right-desktop {  float: right;}

.clear-both {   clear: both;}

.showOn1023, .showOn767,
.hide {             display: none;}
.inlineBlock {      display: inline-block;}
.hideOn1023, .hideOn767,
.show, .block {     display: block;}

.invisible {
    visibility: hidden;
}
.text-left h1,.text-left h2,.text-left h3,.text-left h4,
.text-left {    text-align: left;}
.text-right h1,.text-right h2,.text-right h3,.text-right h4,
.text-right {   text-align: right;}
.text-center h1,.text-center h2,.text-center h3,.text-center h4,
.text-center {  text-align: center;}
.text-justify h1,.text-justify h2,.text-justify h3,.text-justify h4,
.text-justify { text-align: justify;}

.em {   font-style: italic;}

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

.uppercase {    text-transform: uppercase;}
.lowercase {    text-transform: lowercase;}

.fontW300 { font-weight: 300;}
.normal,
.fontW400 { font-weight: 400;}
.fontW500 { font-weight: 500;}
.bold,.strong,
.fontW700 { font-weight: 700;}
.fontW800 { font-weight: 800;}
.fontW900 { font-weight: 900;}

@media (max-width: 1023px){
    .maxWidth600On1023 {
        max-width: 600px;
        margin: 0px auto;
    }
    .maxWidth550On1023 {
        max-width: 550px;
        margin: 0px auto;
    }
    .maxWidth500On1023 {
        max-width: 500px;
        margin: 0px auto;
    }
    .maxWidth450On1023 {
        max-width: 450px;
        margin: 0px auto;
    }
    .maxWidth400On1023 {
        max-width: 400px;
        margin: 0px auto;
    }
    .maxWidth350On1023 {
        max-width: 350px;
        margin: 0px auto;
    }
    .maxWidth300On1023 {
        max-width: 300px;
        margin: 0px auto;
    }

    .padTB30,
    .padTB35 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .padTB40,
    .padTB45 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .padTB50,
    .padTB55 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .padTB60,
    .padTB65 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .padTB70,
    .padTB75,
    .padTB80,
    .padTB85,
    .padTB90,
    .padTB95,
    .padTB100,
    .padTB120,
    .padTB150 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .padLR30,
    .padLR35 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .padLR40,
    .padLR45 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .padLR50,
    .padLR55 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .padLR60,
    .padLR65 {
        padding-left: 50px;
        padding-right: 50px;
    }
    .padLR70,
    .padLR75,
    .padLR80,
    .padLR85,
    .padLR90,
    .padLR95,
    .padLR100,
    .padLR120,
    .padLR150 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pad30,
    .pad35 {    padding: 25px;}
    .pad40,
    .pad45 {    padding: 30px;}
    .pad50,
    .pad55 {    padding: 40px;}
    .pad60, .pad65, .pad70, .pad75, .pad80, .pad85,
    .pad90 {    padding: 50px;}
    .pad95, .pad100, .pad120,
    .pad150 {   padding: 60px;}

    .padT30,
    .padT35 {   padding-top: 25px;}
    .padT40,
    .padT45 {   padding-top: 30px;}
    .padT50,
    .padT55 {   padding-top: 40px;}
    .padT60, .padT65, .padT70, .padT75, .padT80  .padT85
    .padT90 {   padding-top: 50px;}
    .padT95, .padT100, .padT120,
    .padT150 {  padding-top: 60px;}

    .padL30,
    .padL35 {   padding-left: 25px;}
    .padL40,
    .padL45 {   padding-left: 30px;}
    .padL50,
    .padL55 {   padding-left: 40px;}
    .padL60, .padL65, .padL70, .padL75, .padL80, .padL85,
    .padL90 {   padding-left: 50px;}
    .padL95, .padL100, .padL120,
    .padL150 {  padding-left: 60px;}

    .padR30,
    .padR35 {   padding-right: 25px;}
    .padR40,
    .padR45 {   padding-right: 30px;}
    .padR50,
    .padR55 {   padding-right: 40px;}
    .padR60, .padR65, .padR70, .padR75, .padR80, .padR85,
    .padR90 {   padding-right: 50px;}
    .padR95, .padR100, .padR120,
    .padR150 {  padding-right: 60px;}

    .padB30,
    .padB35 {   padding-bottom: 25px;}
    .padB40,
    .padB45 {   padding-bottom: 30px;}
    .padB50,
    .padB55 {   padding-bottom: 40px;}
    .padB60, .padB65, .padB70, .padB75, .padB80, .padB85,
    .padB90 {   padding-bottom: 50px;}
    .padB95, .padB100, .padB120,
    .padB150 {  padding-bottom: 60px;}


    .pad10on1023 { padding: 10px; }
    .padT10on1023 { padding-top: 10px; }
    .padB10on1023 { padding-bottom: 10px; }
    .padL10on1023 { padding-left: 10px; }
    .padR10on1023 { padding-right: 10px; }

    .mar30,
    .mar35 {    margin: 25px;}
    .mar40,
    .mar45 {    margin: 30px;}
    .mar50,
    .mar55 {    margin: 35px;}
    .mar60,
    .mar65 {    margin: 40px;}
    .mar70, .mar75,
    .mar80 {    margin: 45px;}


    .marT30,
    .marT35 {   margin-top: 25px;}
    .marT40,
    .marT45 {   margin-top: 30px;}
    .marT50,
    .marT55 {   margin-top: 35px;}
    .marT60,
    .marT65 {   margin-top: 40px;}
    .marT70, .marT75,
    .marT80 {   margin-top: 45px;}


    .marL30,
    .marL35 {   margin-left: 25px;}
    .marL40,
    .marL45 {   margin-left: 30px;}
    .marL50,
    .marL55 {   margin-left: 35px;}
    .marL60,
    .marL65 {   margin-left: 40px;}
    .marL70, .marL75,
    .marL80 {   margin-left: 45px;}


    .marR30,
    .marR35 {   margin-right: 25px;}
    .marR40,
    .marR45 {   margin-right: 30px;}
    .marR50,
    .marR55 {   margin-right: 35px;}
    .marR60,
    .marR65 {   margin-right: 40px;}
    .marR70, .marR75,
    .marR80 {   margin-right: 45px;}


    .marB30,
    .marB35 {   margin-bottom: 25px;}
    .marB40,
    .marB45 {   margin-bottom: 30px;}
    .marB50,
    .marB55 {   margin-bottom: 35px;}
    .marB60,
    .marB65 {   margin-bottom: 40px;}
    .marB70, .marB75,
    .marB80 {   margin-bottom: 45px;}



    .hideOn1023 {   display: none;}
    .showOn1023 {   display: block;}

    .fontS40 h1,.fontS40 h2,.fontS40 h3,.fontS40 h4, .fontS40 { font-size: 38px;}
    .fontS42 h1,.fontS42 h2,.fontS42 h3,.fontS42 h4, .fontS42 { font-size: 40px;}
    .fontS44 h1,.fontS44 h2,.fontS44 h3,.fontS44 h4, .fontS44 { font-size: 41px;}
    .fontS45 h1,.fontS45 h2,.fontS45 h3,.fontS45 h4, .fontS45 { font-size: 42px;}
    .fontS46 h1,.fontS46 h2,.fontS46 h3,.fontS46 h4, .fontS46 { font-size: 43px;}
    .fontS48 h1,.fontS48 h2,.fontS48 h3,.fontS48 h4, .fontS48 { font-size: 45px;}
    .fontS50 h1,.fontS50 h2,.fontS50 h3,.fontS50 h4, .fontS50 { font-size: 47px;}
    .fontS55 h1,.fontS55 h2,.fontS55 h3,.fontS55 h4, .fontS55 { font-size: 49px;}
    .fontS60 h1,.fontS60 h2,.fontS60 h3,.fontS60 h4, .fontS60 { font-size: 51px;}
    .fontS65 h1,.fontS65 h2,.fontS65 h3,.fontS65 h4, .fontS65 { font-size: 53px;}
    .fontS70 h1,.fontS70 h2,.fontS70 h3,.fontS70 h4, .fontS70 { font-size: 55px;}
    .fontS75 h1,.fontS75 h2,.fontS75 h3,.fontS75 h4, .fontS75 { font-size: 57px;}
    .fontS80 h1,.fontS80 h2,.fontS80 h3,.fontS80 h4, .fontS80 { font-size: 59px;}
    .fontS85 h1,.fontS85 h2,.fontS85 h3,.fontS85 h4, .fontS85 { font-size: 61px;}
    .fontS90 h1,.fontS90 h2,.fontS90 h3,.fontS90 h4, .fontS90 { font-size: 63px;}
    .fontS95 h1,.fontS95 h2,.fontS95 h3,.fontS95 h4, .fontS95 { font-size: 65px;}
    .fontS100 h1,.fontS100 h2,.fontS100 h3,.fontS100 h4, .fontS100 { font-size: 67px;}
}

@media (max-width: 767px){
    .hideOn767 {    display: none;}
    .showOn767 {    display: block;}
    .centerOn767 {  text-align: center;}

    .pull-left-desktop,
    .pull-right-desktop {
        float: none;
    }

    .padTB5, .padTB15 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .padTB20,
    .padTB25 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .padTB30,
    .padTB35 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .padTB40,
    .padTB45 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .padTB50,
    .padTB55 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .padTB60,
    .padTB65,
    .padTB70,
    .padTB75,
    .padTB80,
    .padTB85,
    .padTB90,
    .padTB95,
    .padTB100,
    .padTB120,
    .padTB150 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .padLR5, .padLR15 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .padLR20,
    .padLR25 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .padLR30,
    .padLR35 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .padLR40,
    .padLR45 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .padLR50,
    .padLR55 {
        padding-left: 25px;
        padding-right: 25px;
    }
    .padLR60,
    .padLR65,
    .padLR70,
    .padLR75,
    .padLR80,
    .padLR85,
    .padLR90,
    .padLR95,
    .padLR100,
    .padLR120,
    .padLR150 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pad5,
    .pad15 {    padding: 10px;}
    .pad20,
    .pad25 {    padding: 10px;}
    .pad30,
    .pad35 {    padding: 15px;}
    .pad40,
    .pad45 {    padding: 20px;}
    .pad50,
    .pad55 {    padding: 25px;}
    .pad60, .pad65, .pad70, .pad75, .pad80, .pad85, .pad90, .pad95, .pad100, .pad120,
    .pad150 {   padding: 30px;}

    .padT5,
    .padT15 {   padding-top: 10px;}
    .padT20,
    .padT25 {   padding-top: 10px;}
    .padT30,
    .padT35 {   padding-top: 15px;}
    .padT40,
    .padT45 {   padding-top: 20px;}
    .padT50,
    .padT55 {   padding-top: 25px;}
    .padT60, .padT65, .padT70, .padT75, .padT80, .padT85, .padT90, .padT95, .padT100, .padT120,
    .padT150 {  padding-top: 30px;}

    .padL5,
    .padL15 {   padding-left: 10px;}
    .padL20,
    .padL25 {   padding-left: 10px;}
    .padL30,
    .padL35 {   padding-left: 15px;}
    .padL40,
    .padL45 {   padding-left: 20px;}
    .padL50,
    .padL55 {   padding-left: 25px;}
    .padL60, .padL65, .padL70, .padL75, .padL80, .padL85, .padL90, .padL95, .padL100, .padL120,
    .padL150 {  padding-left: 30px;}

    .padR5,
    .padR15 {   padding-right: 10px;}
    .padR20,
    .padR25 {   padding-right: 10px;}
    .padR30,
    .padR35 {   padding-right: 15px;}
    .padR40,
    .padR45 {   padding-right: 20px;}
    .padR50,
    .padR55 {   padding-right: 25px;}
    .padR60, .padR65, .padR70, .padR75, .padR80, .padR85, .padR90, .padR95, .padR100, .padR120,
    .padR150 {  padding-right: 30px;}

    .padB5,
    .padB15 {   padding-bottom: 10px;}
    .padB20,
    .padB25 {   padding-bottom: 10px;}
    .padB30,
    .padB35 {   padding-bottom: 15px;}
    .padB40,
    .padB45 {   padding-bottom: 20px;}
    .padB50,
    .padB55 {   padding-bottom: 25px;}
    .padB60, .padB65, .padB70, .padB75, .padB80, .padB85, .padB90, .padB95, .padB100, .padB120,
    .padB150 {  padding-bottom: 30px;}


    .pad10on767 { padding: 10px; }
    .padT10on767 { padding-top: 10px; }
    .padB10on767 { padding-bottom: 10px; }
    .padL10on767 { padding-left: 10px; }
    .padR10on767 { padding-right: 10px; }

    .mar15, .mar20,
    .mar25 {    margin: 10px;}
    .mar30,
    .mar35 {    margin: 15px;}
    .mar40,
    .mar45 {    margin: 20px;}
    .mar50,
    .mar55 {    margin: 25px;}
    .mar60,
    .mar65 {    margin: 30px;}
    .mar70, .mar75,
    .mar80 {    margin: 35px;}


    .marT15, .marT20,
    .marT25 {   margin-top: 10px;}
    .marT30,
    .marT35 {   margin-top: 15px;}
    .marT40,
    .marT45 {   margin-top: 20px;}
    .marT50,
    .marT55 {   margin-top: 25px;}
    .marT60,
    .marT65 {   margin-top: 30px;}
    .marT70, .marT75,
    .marT80 {   margin-top: 35px;}


    .marL15, .marL20,
    .marL25 {   margin-left: 10px;}
    .marL30,
    .marL35 {   margin-left: 15px;}
    .marL40,
    .marL45 {   margin-left: 20px;}
    .marL50,
    .marL55 {   margin-left: 25px;}
    .marL60,
    .marL65 {   margin-left: 30px;}
    .marL70, .marL75,
    .marL80 {   margin-left: 35px;}


    .marR15, .marR20,
    .marR25 {   margin-right: 10px;}
    .marR30,
    .marR35 {   margin-right: 15px;}
    .marR40,
    .marR45 {   margin-right: 20px;}
    .marR50,
    .marR55 {   margin-right: 25px;}
    .marR60,
    .marR65 {   margin-right: 30px;}
    .marR70, .marR75,
    .marR80 {   margin-right: 35px;}


    .marB15, .marB20,
    .marB25 {   margin-bottom: 10px;}
    .marB30,
    .marB35 {   margin-bottom: 15px;}
    .marB40,
    .marB45 {   margin-bottom: 20px;}
    .marB50,
    .marB55 {   margin-bottom: 25px;}
    .marB60,
    .marB65 {   margin-bottom: 30px;}
    .marB70, .marB75,
    .marB80 {   margin-bottom: 35px;}

    .noPadOn767 {   padding: 0px; }
    .noPadTOn767 {  padding-top: 0px; }
    .noPadBOn767 {  padding-bottom: 0px; }
    .noPadLOn767 {  padding-left: 0px; }
    .noPadROn767 {  padding-right: 0px; }
    .noMarOn767 {   margin: 0px; }
    .noMarTOn767 {  margin-top: 0px; }
    .noMarBOn767 {  margin-bottom: 0px; }
    .noMarLOn767 {  margin-left: 0px; }
    .noMarROn767 {  margin-right: 0px; }

    .fontS17 h1,.fontS17 h2,.fontS17 h3,.fontS17 h4, .fontS17,
    .fontS18 h1,.fontS18 h2,.fontS18 h3,.fontS18 h4, .fontS18 { font-size: 16px;}
    .fontS20 h1,.fontS20 h2,.fontS20 h3,.fontS20 h4, .fontS20 { font-size: 18px;}
    .fontS22 h1,.fontS22 h2,.fontS22 h3,.fontS22 h4, .fontS22,
    .fontS24 h1,.fontS24 h2,.fontS24 h3,.fontS24 h4, .fontS24,
    .fontS25 h1,.fontS25 h2,.fontS25 h3,.fontS25 h4, .fontS25,
    .fontS26 h1,.fontS26 h2,.fontS26 h3,.fontS26 h4, .fontS26 { font-size: 20px;}
    .fontS28 h1,.fontS28 h2,.fontS28 h3,.fontS28 h4, .fontS28 { font-size: 21px;}
    .fontS30 h1,.fontS30 h2,.fontS30 h3,.fontS30 h4, .fontS30 { font-size: 22px;}
    .fontS32 h1,.fontS32 h2,.fontS32 h3,.fontS32 h4, .fontS32 { font-size: 23px;}
    .fontS34 h1,.fontS34 h2,.fontS34 h3,.fontS34 h4, .fontS34,
    .fontS35 h1,.fontS35 h2,.fontS35 h3,.fontS35 h4, .fontS35,
    .fontS36 h1,.fontS36 h2,.fontS36 h3,.fontS36 h4, .fontS36 { font-size: 24px;}
    .fontS38 h1,.fontS38 h2,.fontS38 h3,.fontS38 h4, .fontS38 { font-size: 25px;}
    .fontS40 h1,.fontS40 h2,.fontS40 h3,.fontS40 h4, .fontS40 { font-size: 26px;}
    .fontS42 h1,.fontS42 h2,.fontS42 h3,.fontS42 h4, .fontS42 { font-size: 27px;}
    .fontS44 h1,.fontS44 h2,.fontS44 h3,.fontS44 h4, .fontS44,
    .fontS45 h1,.fontS45 h2,.fontS45 h3,.fontS45 h4, .fontS45,
    .fontS46 h1,.fontS46 h2,.fontS46 h3,.fontS46 h4, .fontS46 { font-size: 28px;}
    .fontS48 h1,.fontS48 h2,.fontS48 h3,.fontS48 h4, .fontS48 { font-size: 29px;}
    .fontS50 h1,.fontS50 h2,.fontS50 h3,.fontS50 h4, .fontS50 { font-size: 30px;}
    .fontS55 h1,.fontS55 h2,.fontS55 h3,.fontS55 h4, .fontS55 { font-size: 32px;}
    .fontS60 h1,.fontS60 h2,.fontS60 h3,.fontS60 h4, .fontS60 { font-size: 34px;}
    .fontS65 h1,.fontS65 h2,.fontS65 h3,.fontS65 h4, .fontS65 { font-size: 36px;}
    .fontS70 h1,.fontS70 h2,.fontS70 h3,.fontS70 h4, .fontS70 { font-size: 38px;}
    .fontS75 h1,.fontS75 h2,.fontS75 h3,.fontS75 h4, .fontS75 { font-size: 40px;}
    .fontS80 h1,.fontS80 h2,.fontS80 h3,.fontS80 h4, .fontS80 { font-size: 42px;}
    .fontS85 h1,.fontS85 h2,.fontS85 h3,.fontS85 h4, .fontS85 { font-size: 44px;}
    .fontS90 h1,.fontS90 h2,.fontS90 h3,.fontS90 h4, .fontS90 { font-size: 46px;}
    .fontS95 h1,.fontS95 h2,.fontS95 h3,.fontS95 h4, .fontS95 { font-size: 48px;}
    .fontS100 h1,.fontS100 h2,.fontS100 h3,.fontS100 h4, .fontS100 { font-size: 50px;}

    .line-height1on767 { line-height: 1; }
    .line-height11on767 { line-height: 1.1; }
    .line-height12on767 { line-height: 1.2; }
    .line-height13on767 { line-height: 1.3; }
    .line-height14on767 { line-height: 1.4; }
    .line-height15on767 { line-height: 1.5; }
}

/* ==========================================================================
   2. BASE STYLES                                             
   ========================================================================== */

/* =============== Base =============== */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

body {
    font-family: 'SourceSansPro', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14pt;
    line-height: 24px;
    background: #fff;
    color: #454545;
}

/* Page Center */
.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1170px;
  margin: 0 auto;
}

/* Highlighted Text */
::-moz-selection {
    color: #ffffff;
    background: #044e8b;
}
::selection {
    color: #ffffff;
    background: #044e8b;
}

.bg-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* =============== Typography =============== */

/* Basic text */
p {
    margin: 0;
    line-height: 25px;
} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
 .body-container h1,  
 .body-container h2, 
 .body-container h3, 
 .body-container h4,  
 .body-container h5, 
 .body-container h6 {
    margin:10px 0 15px;
    line-height:120%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

 .body-container h1 {
        font-family: franklin-gothic-ext-comp-urw, 'SourceSansPro-Black', 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 50pt;
    font-weight: bold;
    color: #01447b;

 
}
 .body-container h2 {
    color: #01447b;
    font-family: franklin-gothic-ext-comp-urw, 'SourceSansPro-Black', 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 38.7pt;
    font-weight: bold;
    text-transform: capitalize;
    
}
 .body-container h3 {
    color: #01447b;
    font-family: franklin-gothic-ext-comp-urw, 'SourceSansPro-Black', 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 31.49pt;
    text-transform: uppercase;
    font-weight:normal;
}
 .body-container h4 {
    font-family: franklin-gothic-ext-comp-urw, 'SourceSansPro-Black', 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    color: #01447b;
    font-size: 20.12pt;
    font-weight: bold;
    text-transform: uppercase;
}
 .body-container h5 {
    font-size: 16.5pt;
    font-family: 'SourceSansPro-Black';
    font-weight: 700;
    color: #01447b;
    text-transform: uppercase;
}
 .body-container h6 {
    font-size:18px;
}

/* Anchor Links */
a { 
    
       color: #337ab7;
    text-decoration: none;
    outline: none !important;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
a:hover, a:focus { 
     color: #669933;
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

/* Block Quotes */
blockquote {}
blockquote p {}
blockquote small {}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}
.body-container{
    font-family:SourceSansPro-Regular, Helvetica, Arial, sans-serif;
    color:#454545;
    font-size: 19px;
    font-weight:normal;
}


/* =============== EU Cookie Confirmation Bar =============== */

/* Confirmation Outer Wrapper*/
#hs-eu-cookie-confirmation {}

/* Confirmation Inner Wrapper*/
#hs-eu-cookie-confirmation-inner {}
#hs-eu-cookie-confirmation-inner p{}

/* Confirmation Button */
#hs-en-cookie-confirmation-buttons-area {}
a#hs-eu-confirmation-button {}


/* ==========================================================================
   3. COS STRUCTURE                                            
   ========================================================================== */


/* =============== Structure =============== */

/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}

.body-container {
    margin-top: 50px;
    /*margin-top: 82px;*/
    /*padding: 25px 15px;*/
}
/* =============== Header =============== */

.header-container-wrapper {}
.header-container {}
.custom-header-wrap {
    background: #01447b;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    border-bottom: 1px solid;
}

.custom-header-wrap.tele-pillar-anchor-nav {
    border-bottom: none;
}

.custom-header-top {
    font-weight: normal;
    height: 30px;
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
        background: #044e8b;
    font-family:SourceSansPro-Black, SourceSansPro-Regular, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.custom-header-top .page-center {
    padding: 0 15px;
}

.custom-header-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-header-top ul li a {
    font-size: 10.5pt;
    color: #FFFFFF;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out 0s;
    -webkit-transition: opacity 0.21s ease-out 0s;
    -moz-transition: opacity 0.2s ease-out 0s;
    -ms-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
    font-weight: normal;
}
.custom-contact {
    text-align: right;
}

.custom-contact ul li a {
    padding-right: 5px;
}
.custom-logo img {
    height: 51px;
    padding: 0px 0px;
    margin: 0px 14px 0px 0px;
    display: block;
    padding: 0px 15px;
}

.custom-logo {
    width: auto !important;
}

.custom-menu-primary.js-enabled {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
}
button.btn.btn-nobg.getFullSearch {
    border: medium none;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    background: none;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    padding: 8px 20px;
    transition: all 0.25s linear 0s;
    padding-left: 10px;
    padding-right: 10px;
}

button.btn.btn-nobg.getFullSearch:hover {
    color: #01447b;
    background: #fff;
}

.custom-search-icon {
    position: absolute;
    width: 38px !important;
    top: 8px;
    right: 15px;
}


.custom-search {
        position: relative;
    top: -1px;
    display: none !important;
}
.active .custom-search {
    display: block !important;
}
.search-full {
    bottom: 0;
    letter-spacing: 1px;
    min-height: 50px;
    position: absolute;
    right: 0;
    text-align: right;
    white-space: nowrap;
    width: 100%;
    z-index: 10;
}

.search-close {
background: rgba(0, 0, 0, 0.3);
    display: table;
    float: right;
    font-size: 32px;
    height: 51px;
    cursor: pointer;
    color: #fff;
    padding: 0 15px;
}
.searchInputBox  .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
    direction: rtl;
}
.searchInputBox  .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
     direction: rtl;
}
.searchInputBox  .search-input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
     direction: rtl;
}
.searchInputBox  .search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
     direction: rtl;
}

.search-close i {
    display: table-cell;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.searchInputBox {
      display: block;
    max-width: 90%;
    text-align: right;
    width: 100%;
    float: right;
}


.searchInputBox  .search-input {
    font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    border: 0 none;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    outline: medium none;
    padding: 13px 0 13px 15px;
    width: 100%;
    max-width: 90%;
    direction: rtl;
    text-align: right;
}

.search-full, .search-input {
    background: #044e8b;
}

.searchInputBox .search-btn {
    color: rgba(255, 255, 255, 0.8);
    border: none;
    font-size: 13.5pt;
    padding: 0 10px 0 0;
    text-shadow: none!important;
    box-shadow: none!important;
    font-weight: normal;
    font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    line-height: inherit;
    background: none;
    cursor: pointer;
}

a.pull-right.search-close:hover, a.pull-right.search-close:focus {
    color: #fff;
}

.search-close:hover i {
    transform: scale(1.15) rotate(-180deg);
    -webkit-transform: scale(1.1) rotate(-180deg);
    -moz-transform: scale(1.1) rotate(-180deg);
    -ms-transform: scale(1.1) rotate(-180deg);
    -o-transform: scale(1.1) rotate(-180deg);
}
/* =============== Content =============== */

.body-container-wrapper {}
.body-container {}

.content-wrapper {
    padding: 25px 15px;
}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}


/* =============== Footer =============== */

.footer-container-wrapper {}
.footer-container {}

.custom-footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.custom-footer-bottom p {
    padding: 20px 15px 0px;
    font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 13pt;
    line-height: 24px;
    margin: 0 0 10px;
}

.custom-footer-bottom img {
    margin: 15px 0.5px;
    width: 38px;
    height: 24px;
}

.custom-foot-images {
    text-align: right;
    padding: 0 15px;
}
.custom-footer {
    background: #fff;
    font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    padding-top: 20px;
    border-top: 1px solid #DDDDDD;
    padding-bottom: 30px;
}

.box h3 {
    margin: 0;
    font-family: franklin-gothic-ext-comp-urw, 'SourceSansPro-Black', 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 26pt;
    padding: 40px 0 10px;
    border-bottom: 1px solid #DDDDDD;
    color: #01447b;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
}

.box ul {
    font-size: 13px;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
    color: #888888;
    margin-bottom: 0;
}
img.img-responsive {
    padding: 20px 0px 0px;
    clear: both;
}
.box ul li a {
    font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 13pt;
    margin-bottom: 5px;
    padding: 0 0 5px 0;
    display: block;
    color: #454545;
    line-height: 21px;
}

.box ul li a:hover {
    color: #01447b;
}

.custom-footer .page-center {
    padding: 0 15px;
}

.custom-form form {
    margin-top: 20px;
}

.custom-form form .hs-input {
    border-color: #DDDDDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #888888;
    font-size: 14px;
    margin-bottom: 10px;
    height: 36px;
    border-radius: 0px;
    text-align: center;
    width: 100%;
    font-family: SourceSansPro-Regular, Helvetica, Arial, sans-serif;
    line-height: 21px;
}

.custom-form form .hs-form-field > label {
    display: none;
}

.custom-form form .hs-button {
    background-color: #669933;
    border-color: #669933;
    color: #ffffff;
    border-radius: 0px;
    font-family: 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-weight: normal;
    height: 40px;
        cursor: pointer;
    line-height: 1.4;
    letter-spacing: 0.5px;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.25s linear 0s;
    display: inline-block;
    width: 100%;
    border: 0;
}

.custom-form form .hs-button:hover {
    background-color: #6fb12e;
    border-color: #6fb12e;
    color: #ffffff;
}

ul.social li {
    background: none repeat scroll 0 0 #01447b;
    border: 2px solid #01447b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

ul.social li a {
    color: #fff;
}

ul.social li a i {
    margin: 8px 8px 8px 8px;
    font-size: 16px;
    color: #EDEFF1;
}

ul.social:after {
    content: "";
    clear: both;
    display: block;
}

ul.social li:hover {
    border: 2px solid #669933;
    background: #669933;
    transform: scale(1.15) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}

/* =============== Custom Pages =============== */

/* Contact us Page*/
.contact-us-banner {
    background-image: url("https://cdn2.hubspot.net/hubfs/1878906/Images/Placeholder/pexels-photo-175389%20%281%29.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    max-height: 350px;
}

/* Subscribe to blog header*/
.subscribe-to-blog-header {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Images/Banner%20Images/webbline-blog.jpg');
    max-height: 30vh;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
}

/* BVL PURCHASE & PRICING OPTIONS - Anchor Nav*/
.bvl-header-img {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Images/Banner%20Images/Webbline-BVL-LP.jpg');
    /*max-height: 30vh;*/
    /*height: 30vh;*/
    background-repeat: no-repeat;
    background-size: cover;
}

 .grass-harvesting-header-img {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Grass-Harvesting-2018/Mowing/grass-harvesting-hero-img.jpg');
    /*max-height: 30vh;*/
    /*height: 30vh;*/
    background-repeat: no-repeat;
    background-size: cover;
}

 .grass-harvesting-header-img2 {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/2018-12-13%2014.25.37b-dark.jpg');
    /*max-height: 30vh;*/
    /*height: 30vh;*/
    background-repeat: no-repeat;
    background-size: cover;
}

.telehandler-agriculture-pillar-top {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-Pillar-Images/Telehandler-Agriculture-Pillar-v5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.telehandler-agriculture-pillar {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/telehandler-agriculture.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.telehandler-construction-pillar-top {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-Pillar-Images/Telehandler-construction/telehandler-for-construction5.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.construction-pillar {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Construction-Pillar-2018/construction-pillar.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.telehandler-construction-pillar-cta {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-Pillar-Images/Telehandler-construction/telehandler-for-construction4.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 30px;
}

.telehandler-construction-pillar-cta2 {
/*     background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-Pillar-Images/Telehandler-construction/telehandler-construction-cta-bg.png');
    background-repeat: no-repeat;
    background-size: cover; */
}

.telehandler-agriculture-pillar-cta2 {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-Pillar-Images/telehandler-agriculture-cta-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.telehandler-agriculture-pillar-cta {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-Pillar-Images/telehandler-for-qgri-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 30px;
}


.telehandler-agriculture-pillar-bottom {
    background: #76a139;
    padding-top:70px; 
    padding-bottom:80px;
}
.telehandler-agriculture-pillar-bottom.green {
    background: #76a139;
}
.telehandler-agriculture-pillar-bottom.blue {
    background: #044e8b;
}

.telehandler-construction-pillar-bottom {
    padding-top:70px; 
    padding-bottom:80px;
    background: #01447b;
}

.telehandler-pillar-anchor-nav {
    background: #eeeeee; 
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex !important;
    justify-content: center;
    
}

.telehandler-pillar-anchor-nav a {
    font-size: 18px;
    padding-right: 30px;
    color: #02447b;
}

.tele-agri-bof-header {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-BOF-Agri3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.tele-construction-bof-header {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Webbline%202018/Telehandler%20Tool/Telehandler-Pillar-Images/Telehandler-construction/Telehandler-BOF-Const.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


.fast-start-header-hero-img {
    background: url('https://cdn2.hubspot.net/hubfs/1878906/Images/Banner%20Images/bvl-mixer-wagon-benefits.png');
    max-height: 30vh;
    height: 30vh;
    background-repeat: no-repeat;
    background-size: cover;
}


.bvl-anchor-nav {
    display:flex; 
    justify-content:center;
}

.bvl-anchor-nav-bg {
    background: #044e8b;
    padding: 10px 0;
}

.bvl-anchor-nav a {

    color: #fff;
}

.bvl-anchor-nav li {
    padding-right: 60px;
}

.bvl-anchor-nav li:last-of-type {
    padding-right: 0;
}

h2.bvl-h2 {
    padding-top: 50px;
    margin: 0;
}

.bvl-lp-header h1 {
    padding-top: 60px;
    font-size: 80px;
}

.telehandler-pillar-page h1 {
    padding-top: 70px;
    font-size: 80px;
    padding-bottom: 30px;
}






/* ==========================================================================
   5. BLOG                                        
   ========================================================================== */


/* Blog Post and Listing Body Class */
	body.blog {}

	/* Blog Post */
	body.hs-blog-post {}

	/* Blog Listing */
	body.hs-blog-listing {}

	/* Blog Columns Wrapper */
	.blog .content-wrapper {}


	/* Blog Content Column
	   ========================================================================== */

	.blog .blog-content {}

	/* Use this to style the main wrapper for the blog listing pages */
	.blog-listing-wrapper {}

	/* Use this to style the main wrapper for the blog post pages */
	.blog-post-wrapper {}

	/* Blog Title */
	.hs-blog-header h1 {}
	.hs-blog-header h1 a{}

	/* Blog Post Title */
	.post-header h2 {}
	.post-header h2 a {}

	/* Blog Author and Avatar */
	#hubspot-author_data {}
	#hubspot-author_data a.author-link {}
	#hubspot-author_data .hs-author-avatar {
			max-width: 70px;
		padding: 10px 10px 10px 0;
	}
	#hubspot-author_data .hs-author-avatar img {
		height: auto !important;
		max-width: 100%;
	}

	/* Use this to set up different styling for your blog posts */
	.blog-listing-wrapper .post-listing .post-item {
		border-bottom: 1px solid #cccccc;
		padding: 0 0 20px;
		margin: 0 0 20px;
	}
	.blog-listing-wrapper .post-listing .post-item .post-body {}
	.blog-post-wrapper .post-body {}

	/* Post Featured Image on Listings Page */
	.hs-featured-image-wrapper {}
	.hs-featured-image-wrapper .hs-featured-image-link {}
	.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
	  border-width: 0;
	  max-height: 170px;
	  max-width: 210px;
	  height: auto;
	  width: auto;
	  display: inline-block !important;
	  float: right;
	  margin: 20px 0 20px 20px;
	}

	/* Read More Link */
	a.more-link {
			display: inline-block;
		padding-top: 10px;
	}

	/* Blog Topics List */
	#hubspot-topic_data {
		color: #888888;
		font-weight:700;
	}
	#hubspot-topic_data a.topic-link {}

	/** 
	 * Blog Social Sharing icons
	 *
	 * Overrides defaults to better align icons and prevent overlapping 
	 */

	.hs-blog-social-share {
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		height: auto;
		margin-top: 10px;
		padding: 10px 0 0;
	}

	/** 
	 * Blog Commments 
	 *
	 * Custom styles are listed below, as the COS does not provide default styles.
	 */

	#comments-listing {
	  border-bottom: 1px solid #ccc;
	  margin-bottom: 30px;
	  margin-top: 30px;
	}
	.comment {
	  margin: 10px 0;
	  border-top: 1px solid #ccc;
	  padding: 15px 0;
	}
	.comment-date { font-size: 13px; text-align: right; }
	.comment-from { font-weight: bold; }
	.comment-body { padding: 10px 0; }

	/* Pagination */
	.blog-pagination {}
	.blog-pagination a {
	    margin-right:15px;
	}
	.blog-pagination a.previous-posts-link {}
	.blog-pagination a.all-posts-link {}
	.blog-pagination a.next-posts-link {}

	/** 
	 * Blog Author Page 
	 *
	 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
	 */

	.hs-author-profile {}
	.hs-author-profile h2.hs-author-name {}
	.hs-author-profile .hs-author-bio {}
	.hs-author-profile .hs-author-avatar {}
	.hs-author-profile .hs-author-avatar img {}
	h3.hs-author-listing-header {}

	/** 
	 * Blog All Posts Page
	 *
	 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
	 */

	body.hs-content-path-blog-all {}
	div.post-listing-simple {}
	div.post-listing-simple .post-item {}
	h2.post-listing-simple {}
	h2.post-listing-simple a {}


	/* Blog Sidebar
	   ========================================================================== */

	.blog .blog-sidebar {
	    margin-top:15px;
	}
	.blog-sidebar h2 {
    color: #01447b;
    font-family: franklin-gothic-ext-comp-urw, 'SourceSansPro-Black', 'SourceSansPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 31.49pt;
    text-transform: uppercase;
    font-weight: normal;
}

	/* Blog Modules */
	.blog .blog-sidebar .widget-span {}

	/*---Custom Styling for Blog---*/

	.blog-post-wrapper h2, .post-header h2,
	h2.post-listing-simple{
		margin-bottom: 10px;
	}
	.blog-post-wrapper h2 a, .post-header h2 a,
	h2.post-listing-simple a{
		text-decoration: none;
	}
	.blog-post-wrapper h2 a:hover, .post-header h2 a:hover,
	h2.post-listing-simple a:hover{}
	.custom_listing_comments {
		border: 1px solid #ccc;
		padding: 10px;
		margin: 10px 0;
	}
	.hs-form .input ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.hs-form .input ul li{
		padding: 0 !important;
	}
	.blog .blog-sidebar .cell-wrapper{
		margin-bottom: 15px;
	}
	.blog .blog-sidebar ul li{
		padding: 0 0 10px;
	}

#comments-listing {
   border: 1px solid #ccc;
   margin-bottom: 30px;
   margin-top: 30px;
}
.comment.depth-0 {
   border-bottom: 1px solid #000 !important;
   border-top: medium none !important;
   margin: 0 10px 10px !important;
   padding: 0 15px !important;
}
.comment-body {
   border-bottom: medium none;
   color: inherit;
   display: block;
   padding: 0;
}
.comment-reply-to{
margin-bottom: 15px;
}
.comment-from h4 {
   margin: 0;
   padding-top: 15px;
}

.comment-from h4 a {
   text-decoration: none;
}
.comment-date {
   color: inherit !important;
   display: block !important;
   text-align: left;
}

	.hs-author-avatar img {
	  max-width: 90px;
	}

/* ==========================================================================
   6. FORMS                                        
   ========================================================================== */


/* =============== Global Form Styles =============== */

/* Form Field */
.hs-form-field {}

/* Descriptions */
.hs-field-desc {}

/* Labels and Legends */
.body-container label {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    font-family:SourceSansPro-Black, SourceSansPro-Regular, Helvetica, Arial, sans-serif;
    color:#454545;
    font-size:14px;
}
.hs-form-field > label {}

/* One Line Inputs */
.body-container input[type="text"],
.body-container input[type="password"], 
.body-container input[type="datetime"], 
.body-container input[type="datetime-local"], 
.body-container input[type="date"], 
.body-container input[type="month"], 
.body-container input[type="time"], 
.body-container input[type="week"], 
.body-container input[type="number"], 
.body-container input[type="email"], 
.body-container input[type="url"], 
.body-container input[type="search"], 
.body-container input[type="tel"], 
.body-container input[type="color"],
.body-container input[type="file"],
.body-container textarea,
.body-container select {
    padding: 5px;
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0.5em 0;
    border: 1px solid #bbb;
    color: #888888;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: SourceSansPro-Black, SourceSansPro-Regular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 24px;
}

.body-container input[type="text"]:focus,
.body-container input[type="password"]:focus, 
.body-container input[type="datetime"]:focus, 
.body-container input[type="datetime-local"]:focus, 
.body-container input[type="date"]:focus, 
.body-container input[type="month"]:focus, 
.body-container input[type="time"]:focus, 
.body-container input[type="week"]:focus, 
.body-container input[type="number"]:focus, 
.body-container input[type="email"]:focus, 
.body-container input[type="url"]:focus, 
.body-container input[type="search"]:focus, 
.body-container input[type="tel"]:focus, 
.body-container input[type="color"]:focus,
.body-container input[type="file"]:focus,
.body-container textarea:focus,
.body-container select:focus {
        border: 1px solid #666;
}
.hs-input.invalid.error {
    background: #FBE3E4;
    border-color: #FBC2C4;
}

.hs-error-msgs label {
    color: #8a1f11;
}

ul.hs-error-msgs.inputs-list {
    margin: 10px 0;
}
.form-title {
    font-family: SourceSansPro-Black, SourceSansPro-Regular, Helvetica, Arial, sans-serif;
    font-weight:  bold;
    color: #333333;
    font-size: 17px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
        max-width: 700px;
}
/* Separate Styles for Multiple Line Inputs */
textarea {}
textarea:focus {}

/* Separate Styles for Drop Downs */
select {}
select:focus {}

/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}

/* Required */
input:focus:required:invalid, 
textarea:focus:required:invalid, 
select:focus:required:invalid {}

input:focus:required:invalid:focus, 
textarea:focus:required:invalid:focus, 
select:focus:required:invalid:focus {}

/* Error */
.hs-error-msgs label{}

/* Placeholder Text */
::-webkit-input-placeholder {} /* Webkit Browsers */
:-moz-placeholder {} /* Firefox 18- */
::-moz-placeholder {} /* Firefox 19+ */
:-ms-input-placeholder {} /* IE10 */


/* =============== Multi Column Form =============== */

.hs-form fieldset.form-columns-1 {}
.hs-form fieldset.form-columns-1 .hs-form-field {}
.hs-form fieldset.form-columns-2 {}
.hs-form fieldset.form-columns-2 .hs-form-field {}
.hs-form fieldset.form-columns-3 {}
.hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}
form.hs-form fieldset { max-width: none; }
form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  form.hs-form fieldset .hs-form-field { padding: 0; }
  form.hs-form fieldset.form-columns-3 .hs-form-field,
  form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}


/* =============== Blog Comment Form =============== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}


/* =============== Blog Subscription Form =============== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}
#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}

/* =============== Google Search Form =============== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* ==========================================================================
   7. BUTTONS                                        
   ========================================================================== */


/* =============== All Global Buttons (Excluding CTAs) =============== */

.body-container .hs-button.primary,
.body-container input[type="submit"],
.body-container input[type="button"] {
     cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none !important;
    border: medium none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    padding: 8px 20px;
    outline:0;
    transition: all 0.25s linear 0s;
    display: inline-block;
    text-align: center;
    font-family: SourceSansPro-Black, SourceSansPro-Regular, Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    background: #DDDDDD;
    margin-top: 10px;
}

.hs-button.primary:hover,
input[type="submit"]:hover,
input[type="button"]:hover {}

.hs-button.primary:focus,
input[type="submit"]:focus,
input[type="button"]:focus {}


/* =============== Form Module Button =============== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* =============== Blog Comment Button =============== */

#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* =============== Blog Subscription Button =============== */

#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* =============== Google Search Button =============== */

.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* ==========================================================================
   8. MISCELLANEOUS                                      
   ========================================================================== */


/* Styles that do not fit into any of the available sections above can go here. */


/* ==========================================================================
   9. MEDIA QUERIES                              
   ========================================================================== */


/* =============== Screen sizes smaller than .page-center =============== */

@media (max-width: 1200px) {
    .container-fluid .row-fluid .page-center{
        
    max-width: 970px;
    }
    .box h3 {
    font-size: 22pt;
}

}

@media (max-width: 1000px) and (min-width: 768px){
    
    .custom-logo img {
          height: 42px;
    padding: 0px 10px 0 15px;
    margin: 2px 14px 0px 0px;
    }
}

/* =============== Landscape tablet and smaller devices =============== */

@media (max-width: 991px) {
      .container-fluid .row-fluid .page-center{
        
       max-width: 750px;
    }
    .box {
    width: 50% !important;
    padding: 0 15px !important;
    margin-left: 0 !important;
}

.custom-footer-wrap .page-center,
.custom-header-wrap .page-center{
    width: 100% !important;
    max-width: 900px !important;
    padding: 0;
}
.box h3 {
    font-size: 35px;
    line-height: 27px;
}
.custom-header-top ul {
    padding: 0 15px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul {
    margin-top: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    margin-left: 6px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 17pt;
    padding-right: 5px;
}
}  

@media (max-width: 890px) and (min-width:768px) {
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
    padding-left: 8px;
    padding-right: 7.7px;
    font-size: 15pt;
}
.custom-logo img {
    padding-right: 15px;      
}
.custom-search-icon {
    width: 24px !important;
    right: 20px;
}

}
@media (max-width: 800px) and (min-width:768px) {
   .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 14pt;
} 
}
/* =============== Landscape phones and smaller devices =============== */

@media (max-width: 767px) {
    .custom-foot-images {
    text-align: center;
}

.custom-footer-bottom p {
    text-align: center;
    padding: 6px 0px 0px;
    margin: 0 0 10px;
}

.custom-footer-bottom img {
    margin: 0px 0.5px;
}

.custom-stay{
    width: 100% !important;
}
.custom-header-top ul li a i {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 3px 0 0;
}
.custom-phone,.custom-contact {
    width: 50% !important;
    float: left !important;
}
.custom-search-icon {
    top: 40px;
    right: 59px;
}
.custom-logo img {
    margin-bottom: 4px;
}
.custom-footer-bottom{
     padding-left: 15px;
    padding-right: 15px;

}
.box {
    width: 100% !important;
}
.hs-form{
    margin-bottom:25px;
}
.searchInputBox {
    width: 80%;
}
 .body-container h5{
        font-size: 15pt;
}


.telehandler-agriculture-pillar-top {
    /*max-height: 10vh;*/
    /*height: 10vh;*/
}

.telehandler-construction-pillar-top {
    max-height: 10vh;
    height: 10vh;
}



.telehandler-pillar-page h1 {
    padding-top: 0px !important;
    font-size: 30px !important;
    padding-bottom: 0px !important;
}

.telehandler-construction-pillar {
    max-height: 20vh;
    height: 20vh;
}

}


@media (max-width: 550px) and (min-width: 100px){
    .box h3{
            font-size: 18pt;
    }
    .body-container h1,
    .body-container h2{
            font-size: 26pt;
    }
    .box ul li a {
    font-size: 11pt;
}

    .custom-footer-bottom p {
        font-size: 11pt;
    }
    
    .bvl-lp-header h1 {
        padding-top: 50px;
    }

    }
}

@media (min-width: 551px) and (max-width: 1023px){
    .bvl-lp-header h1 {
        padding-top: 40px;
        font-size: 50px;
    }
}

@media (max-width: 480px) {
        .body-container  h5{
        font-size: 13pt;
}
.mobile-trigger {
    background: none;
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
        height: 3px;
}
}

@media (max-width: 768px) {
    .stack-row > .row-fluid-wrapper > .row-fluid{
          display: -webkit-box;   
            display: -moz-box;      
            display: -ms-flexbox;   
            display: -webkit-flex;  
            display: flex;
            -webkit-flex-flow: row wrap;
            -moz-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }
            .main-content{
                order: 2;
        -webkit-order: 2;
            -moz-order: 2;
            -ms-order: 2;
            
                width: 100%;
            }
            .sidebar {
                order: 1;
        -webkit-order: 1;
            -moz-order: 1;
            -ms-order: 1;
        width: 100%;
    }
}