@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Pacifico);

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

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

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

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 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 {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

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

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.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;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > 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;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > 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;
    margin-bottom: 20px;
    min-height: 7em;
}

.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;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.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;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.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 a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > 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;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .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;
        max-width: 100%;
        width: 100%;
    }
}

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

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

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

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

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.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%;}

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


/* 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(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    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;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

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

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

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




/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*=============================================
    STYLES FROM BBS FOR A CONSISTENT SITE - Added March2016
===============================================*/
.white-text p, .white-text span {
    color: #fff;
}
.right-align {
    text-align: right;
}
.center-content {
    text-align: center;
}
.mini-header-background {
    background-color: #24332a;
    padding: 5px 0;
}
.top-header-section {
    padding: 5px 20px;
}
.header-links p{
    font-size: 1.25em;
}
.header-links a {
    font-weight: 400;
}
.header-section {
    padding: 30px 0 0;
}
.header-opacity {
    background-color: rgba (20, 20, 20, 0.8);
    padding: 10px 0
}
.desktop-global-header {
    padding: 10px 60px 10px 15px;
}

.footer-background {
    background-color: #24322a;
}
.footer-wrapper {
    padding: 30px 0;
}
.footer-links {
    padding: 0 15px;
}
.footer-links h6 {
    font-size: 1.1em;
    padding: 10px 0;
    color: #fff;
}
.footer-links p {
    margin: 10px 0;
    font-size: 1em;
    color: #fff;
    font-weight: 400;
}
.footer-links a {
    font-weight: 400;
    text-decoration: none;
}
.footer-bottom-wrapper {
    padding-top: 20px;
}
.footer-copyright {
    padding: 20px 20px 0;
}
.footer-social-share img {
    margin: 0 10px;
}

  .mobile-footer-mini-nav {
      width: 100% !important;
  }
@media (max-width: 767px) {
     .center-content {
         text-align: center;
     }
     .mobile-hide {
        display: none !important;
    }
    .desktop-hide {
        display: block !important;
    }
    .hide {
        display: none !important;
    }
    .mobile-header h1 {
      font-size: 2em;
    }
    .mobile-header {
        padding-top: 20px;
    }
    .logo img{
        max-width: 200px;
        text-align: center;
    }
    .mobile-global-header-background {
        background-color: #24322a;
    }
    .mobile-header-cta {
        padding-top: 20px;
    }
    .mobile-footer-wrapper {
       position: fixed;
       bottom: 0;
       width: 100% !important;
       z-index: 99;
    }
/* Drop down background color */
.mobile-footer-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    float: right;
    padding: 4px 0 0 0;
    margin: 0;
    width: 100% !important;
}

/* Menu link font family and basic padding including drop down links */
.mobile-footer-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
    padding: 0;
    margin: 0;
    width: 25%;
    float: left;
}
.mobile-footer-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    font-family: 'Cabin', sans-serif;
    font-size: 1em;
    font-weight: 500;
    background-color: #009444;
    color: #fff;
    border: 1px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: initial;
    text-decoration: none;
    text-transform: initial;
    width: 100%;
    height: 80px;
    padding: 20px 0;
    margin: 0;
    float: left;
    text-align: center;
}
.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {}


.mobile-footer-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal> ul li.hs-item-has-children ul.hs-menu-children-wrapper {}
.mobile-footer-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {}
/*==========================================================================
   Mobile - Mini Navigation
  ========================================================================== */     
  .mobile-mini-nav {
      width: 100% !important;
      padding-top: 15px;
  }
  
/* Drop down background color */
.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    float: right;
    padding: 4px 0 0 0;
    margin: 0;
    width: 100% !important;
}

/* Menu link font family and basic padding including drop down links */
.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
    padding: 0;
    margin: 0;
    width: 20% !important;
    float: left;
}
.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: initial;
    text-decoration: none;
    text-transform: uppercase;
    width: 100% !important;
    max-width: 250px;
    padding: 15px 0;
    margin: 0;
    border: 1px solid #fff;
    float: left;
    height:50px;
    background-color: #009444;
    text-align: center;
}
.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {}

.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.active a {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 1px solid #fff;
}

.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal> ul li.hs-item-has-children ul.hs-menu-children-wrapper {}

.mobile-mini-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    background-color: #ccc;
    overflow: visible;
    text-overflow: clip;
    width: 100%;
    max-width: 250px;
    text-align: left;
    padding: 10px 15px;
    margin: 0;
}
}
/*=============================================
   END STYLES FROM BBS FOR A CONSISTENT SITE 
===============================================*/


h6 { font-size: 36px; margin: 30px 0; }

.show-mobile {
    display: none;
}

@font-face {
    font-family: 'Conv_helvetica-85-heavy-1361522144';
	src: url('//cdn2.hubspot.net/hub/138458/file-2441906296-eot/HG-fontup/helvetica-85-heavy-1361522144.eot');
	src: local('☺'), 
    url('//cdn2.hubspot.net/hub/138458/file-2446227304-woff/HG-fontup/helvetica-85-heavy-1361522144.woff') format('woff'), 
    url('//cdn2.hubspot.net/hub/138458/file-2441906256-ttf/HG-fontup/helvetica-85-heavy-1361522144.ttf') format('truetype'), 
    url('//cdn2.hubspot.net/hub/138458/file-2441906306-svg/HG-fontup/helvetica-85-heavy-1361522144.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
font-family: 'Roboto', sans-serif;margin:0px!important;padding:0px!important;
}

iframe[name = google_conversion_frame] { display:none!important;}

.appearat1199 {display: none; }

.vanishat1199 {
    display: inline;
}

.page-center{
max-width: 1200px!important;
margin-left: auto!important;
margin-right: auto!important;
float: none!important;
}

.header-cta img {margin:10px auto!important;}

.top-header-bg{
background-color: #444;
}

.logo-section{
padding-top: 10px;
}

.top-header-bg h1, .top-header-bg h6 {
color: #ffffff;
font-size: 18px;
text-align: right;
font-weight: normal;
margin: 0px;
}

.top-header-bg h2 {font-size: 20px!important;}

.top-header-bg h1 span, .top-header-bg h6 span{
color: #ffffff!important;
font-size: 20px;
font-weight: 700!important;
}

.artificial-turf{
padding-top: 50px;
}

.call-us-at{
padding-top: 20px;
}

.top-header-wrap{
padding-top: 20px;
}

.top-header-wrap a.cta_button{
text-align: center;
display: block;
}

ul.social-header{
float: right;
margin-top: 0px;
}

ul.social-header li{
float: left;
margin: 0px 3px;
list-style-type: none;
}

ul.social-header li a{
text-decoration: none;
}

ul.social-footer{
margin-top: 0px;
}

ul.social-footer li{
float: left;
margin: 0px 3px!important;
list-style-type: none;
}

ul.social-footer li a{
text-decoration: none;
}

.social-footer {padding-top:15px!important;}

/*top-menu*/

.top-menu-top-wrapper{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893289-png/inb-cos-images/Home_Page/nav-bg-white-transparent.png);
background-repeat: repeat-x;
z-index: 2000;
position: relative;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
margin-left: auto;
margin-right: auto;
float: none;
max-width: 94%;
display: block;
}

/*.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2103164483-png/inb-cos-images/Home_Page/nav-slash.png);
background-repeat: no-repeat;
background-position: right center;
}*/

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893289-png/inb-cos-images/Home_Page/nav-bg-white-transparent.png);
background-color: #fff;
background-repeat: repeat-x;
z-index: 2000;
position: relative;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
color: #444;
font-size: 20px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
width: 100%;
max-width: 100%;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{
color: #45a0e0;
}

.main-menu ul ul {background:#fff;border-left:1px solid #D6D8D9;border-right:1px solid #D6D8D9;border-bottom:1px solid #D6D8D9;}

.main-menu ul ul ul {border-top:1px solid #D6D8D9;border-right:1px solid #D6D8D9;border-bottom:1px solid #D6D8D9;border}

.main-menu ul ul li a {font-size:14px!important;max-width:auto!important;width:auto!important;}


.main-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {left: 150px!important;}

/************banner-style-version-2-start**********************/

.version-2-top-content
{
    background: rgba(25,87,0,0.8);
  padding: 10px 10px;
}

#version-2-slider-inner-bg-img
{
    background-image: url(//cdn2.hubspot.net/hubfs/138458/heavenly-greens-artificial-turf-slider-232.jpg);
}


/************banner-style-version-2-end**********************/

/*banner-style*/




.banner-wrapper{
/*margin-top: -50px;*/
}

/*banner-slider*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{
background: url(//cdn2.hubspot.net/hub/138458/file-2121076860-png/inb-cos-home-slider/b21.png) no-repeat;
overflow:hidden;
cursor: pointer;
}

.jssorb21 div { background-position: -5px 10px; }

.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }

.jssorb21 .av { background-position: -65px -5px; }

.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -200px -100px; }

.slider-inner-1 {background-image: url(//cdn2.hubspot.net/hub/138458/file-2185775157-jpg/inb-cos-images/Home_Page/banner-bg-three.jpg);}

.slider-inner-1 p
{
    text-align: center; 
    /*background-image: url(//cdn2.hubspot.net/hub/138458/file-2135051932-png/inb-cos-images/revised-hp-images/learn-more-bg.png);*/ 
    background-repeat: repeat-x; 
    height: 43px; 
    font-size: 26px; 
    padding-top: 4px; 
    display: block;
    background: #00B0F2;
    padding: 10px 0px 0px 0px;
}

.slider-inner-1 a{color: #ffffff; text-decoration: none;}

.slider-inner-1 h1, .slider-inner-1 h6{color: #ffffff; text-align: center; font-size: 58px; font-family: 'Conv_helvetica-85-heavy-1361522144', cursive; margin-bottom: 0px; margin-top: 115px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-1 h2{color: #ffffff; text-align: center; font-size: 34px; margin: 0px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-2 {background-image: url(//cdn2.hubspot.net/hub/138458/file-2185775157-jpg/inb-cos-images/Home_Page/banner-bg-three.jpg);}

.slider-inner-2 p{text-align: center; background-image: url(//cdn2.hubspot.net/hub/138458/file-2135051932-png/inb-cos-images/revised-hp-images/learn-more-bg.png); background-repeat: repeat-x; height: 43px; font-size: 26px; padding-top: 4px; display: block;}

.slider-inner-2 a{color: #ffffff;  text-decoration: none;}

.slider-inner-2 h1, .slider-inner-2 h6{color: #ffffff; text-align: center; font-size: 58px; font-family: 'Conv_helvetica-85-heavy-1361522144', cursive; margin-bottom: 0px; margin-top: 115px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-2 h2{color: #ffffff; text-align: center; font-size: 34px; margin: 0px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-3 {background-image: url(//cdn2.hubspot.net/hub/138458/file-2185775157-jpg/inb-cos-images/Home_Page/banner-bg-three.jpg);}

.slider-inner-3 p{text-align: center; background-image: url(//cdn2.hubspot.net/hub/138458/file-2135051932-png/inb-cos-images/revised-hp-images/learn-more-bg.png); background-repeat: repeat-x; height: 43px; font-size: 26px; padding-top: 4px; display: block;}

.slider-inner-3 a{color: #ffffff; text-decoration: none;}

.slider-inner-3 h1, .slider-inner-3 h6{color: #ffffff; text-align: center; font-size: 58px; font-family: 'Conv_helvetica-85-heavy-1361522144', cursive; margin-bottom: 0px; margin-top: 115px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-3 h2{color: #ffffff; text-align: center; font-size: 34px; margin: 0px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-4 {background-image: url(//cdn2.hubspot.net/hub/138458/file-2181822342-jpg/inb-cos-images/COS_Internal_Pages/beatiful-banner.jpg);}

.slider-inner-4 p{text-align: center; background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893259-png/inb-cos-images/Home_Page/banner-learn-more-transparent-bg.png); background-repeat: repeat-x; height:613px; font-size: 26px; padding-top: 12px; display: block;}

.slider-inner-4 a{color: #ffffff; text-decoration: none;}

.slider-inner-4 h1, .slider-inner-4 h6{color: #ffffff; text-align: center; font-size: 58px; /*font-family: 'Pacifico', cursive;*/ margin-bottom: 0px; margin-top: 215px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-4 h2{color: #ffffff; text-align: center; font-size: 34px; margin: 0px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-5 {background-image: url(//cdn2.hubspot.net/hub/138458/file-2181822342-jpg/inb-cos-images/COS_Internal_Pages/beatiful-banner.jpg);}

.slider-inner-5 p{text-align: center; background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893259-png/inb-cos-images/Home_Page/banner-learn-more-transparent-bg.png); background-repeat: repeat-x; height: 61px; font-size: 26px; padding-top: 12px; display: block;}

.slider-inner-5 a{color: #ffffff;  text-decoration: none;}

.slider-inner-5 h1, .slider-inner-5 h6{color: #ffffff; text-align: center; font-size: 58px; /*font-family: 'Pacifico', cursive;*/ margin-bottom: 0px; margin-top: 215px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-5 h2{color: #ffffff; text-align: center; font-size: 34px; margin: 0px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-6 {background-image: url(//cdn2.hubspot.net/hub/138458/file-2181822342-jpg/inb-cos-images/COS_Internal_Pages/beatiful-banner.jpg);}

.slider-inner-6 p{text-align: center; background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893259-png/inb-cos-images/Home_Page/banner-learn-more-transparent-bg.png); background-repeat: repeat-x; height: 61px; font-size: 26px; padding-top: 12px; display: block;}

.slider-inner-6 a{color: #ffffff; text-decoration: none;}

.slider-inner-6 h1, .slider-inner-6 h6{color: #ffffff; text-align: center; font-size: 58px; /*font-family: 'Pacifico', cursive;*/ margin-bottom: 0px; margin-top: 215px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.slider-inner-6 h2{color: #ffffff; text-align: center; font-size: 34px; margin: 0px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn{
position: absolute;
cursor: pointer;
display: block;
background: url(//cdn2.hubspot.net/hub/138458/file-2121076850-png/inb-cos-home-slider/a21.png) center center no-repeat;
overflow: hidden;
}

.jssora21l { background-position: -3px -33px; }

.jssora21r { background-position: -63px -33px; }

.jssora21l:hover { background-position: -123px -33px; }

.jssora21r:hover { background-position: -183px -33px; }

.jssora21ldn { background-position: -243px -33px; }

.jssora21rdn { background-position: -303px -33px; }

/*image-buttons*/

.small-box-wrapper{
margin: 20px 0px 0px 0px;
z-index: 2000;
position: relative;
margin-top: -40px;

}

.small-box-wrapper-bottom{
margin: 20px 0px 0px 0px;
z-index: 2000;
position: relative;
}

.page-center-small-box{
max-width: 1280px!important;
margin-left: auto!important;
margin-right: auto!important;
float: none!important;
}

.small-box-bottom-bg{
max-width: 1280px!important;
margin-left: auto!important;
margin-right: auto!important;
float: none!important;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135641881-png/inb-cos-images/revised-hp-images/bottom-shadow.png);
background-repeat: no-repeat;
background-position: top center;
z-index: 2000;
position: relative;
}

.small-box-inner-top{
background-color: #ffffff;
padding: 30px 35px;
}

.small-box-inner-below{
background-color: #00B0F2;
padding: 30px 35px;
}

.sb-table-style table td{
padding: 0px 7px;
}

/*over-of-services*/
.over-of-services{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2134478971-jpg/inb-cos-images/revised-hp-images/HeavenlyGreen-Final-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
margin-top: -150px;
background-size: 100%;
}

.over-of-services-desert-bg{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2279801005-jpg/desert-background-texture.jpg);
background-repeat: no-repeat;
background-position: top center;
margin-top: -150px;
background-size: cover;
}

.over-of-services-turf{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2668230124-jpg/commercial-turf-options-heavenly-greens-slider-3.jpg);
background-repeat: no-repeat;
background-position: top center;
margin-top: -150px;
background-size: cover;
}

.over-of-services-drought{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2678522495-jpg/heavenly-greens-offers-1.jpg);
background-repeat: no-repeat;
background-position: top center;
margin-top: 0px;
background-size: cover;
}

.monthly-events{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2678537550-jpg/heavenly-greens-offers-2.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}

.over-of-shadow-inner-bg{
padding-top: 150px;
}

.overview-of-services-top-content h1, .overview-of-services-top-content h6{
font-size: 44px;
color: #fff;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2599653399-png/images/Bear.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 78px;
margin: 0px;
}

.overview-of-services-top-content-right{
border: 1px solid #000000;
height: 386px;
}

.overview-of-services-top-content-right h2, .overview-of-services-top-content-right p{
display: none;
}

.overview-of-services-top-content h2{
font-size: 35px;
color: #ffffff;
font-weight: normal;
margin-bottom: 0px;
}

.overview-of-services-top-content h3{
font-size: 30px;
color: #ffffff;
font-weight: normal;
margin: 0px;
}

.overview-of-services-top-content p{
font-size: 18px;
color: #ffffff;
font-weight: normal;
}

ul.list-wrapper{
width: 54%;
display: block;
padding-left: 0px;
float: none!important;
margin-left: auto;
margin-right: auto;
line-height: 30px;
}

ul.list-wrapper li{
list-style-type: none;
}

ul.overview-of-services-list ul.for-float{
float: left;
}

ul.overview-of-services-list{
list-style-image: url(//cdn2.hubspot.net/hub/138458/file-2103901038-png/inb-cos-images/Home_Page/green-bullet.png);
background-repeat: no-repeat;
background-position: left center;
font-size: 16px;
float: left;
}

.look-and-feel-wrapper{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin-bottom: 30px;
margin-top: 30px;
background-color: #00B0F2;
}

ul.dranage{
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
height: 48px;
}

ul.dranage li{
float: left;
list-style-type: none;
font-size: 26px;
color: #ffffff;
line-height: 52px;
padding: 20px 76px 20px 113px;
}

ul.dranage li.look-feel{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135051937-png/inb-cos-images/revised-hp-images/Look--Feel-icon.png);
background-repeat: no-repeat;
background-position: left center;
height: 48px;
margin-right: 20px;
background-position-x: 50px;
}

ul.dranage li.unmatched{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2134478961-png/inb-cos-images/revised-hp-images/Superior-Dranage-icon.png);
background-repeat: no-repeat;
background-position: left center;
height: 48px;
margin-right: 20px;
background-color: #5DC9F2;
background-position-x: 50px;
}

ul.dranage li.superior{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2134481754-png/inb-cos-images/revised-hp-images/Unmatched-Durability-icon.png);
background-repeat: no-repeat;
background-position: left center;
height: 48px;
background-position-x: 50px;
}

/*faq-wrapper*/

.faq-wrapper{
background-color: #444444;
}

.page-center-faq-arrow{
max-width: 1200px!important;
margin-left: auto!important;
margin-right: auto!important;
float: none!important;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2134567249-png/inb-cos-images/revised-hp-images/arrowhead.png);
background-position: center bottom;
background-repeat: no-repeat;
margin-top: -28px;
}

.for-faq-left-bg-images{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893214-png/inb-cos-images/Home_Page/FAQs-top-left-bg.png);
background-repeat: no-repeat;
background-position: top left;
}

.for-faq-right-bg-images{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893229-png/inb-cos-images/Home_Page/FAQs-bottom-right-bg.png);
background-repeat: no-repeat;
background-position: bottom right;
}

.faq-content p{
font-size: 42px;
font-weight: bold;
margin: 20px 0px;
}

.faq-content p a{
color: #ffffff;
text-decoration: none;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135900560-png/inb-cos-images/revised-hp-images/FAQs-of-Artificial-Turf-icon.png);
background-repeat: no-repeat;
background-position: left center;
display: inline-block;
padding-left: 100px;
line-height: 58px;
font-weight: normal;
}

/*four-cta's*/

/*.four-cta-wrapper{
padding: 30px 0px;
}*/

.four-cta-wrapper-top{
padding: 15px 0px;
}

.four-cta-wrapper-bottom{
padding: 15px 0px;
}

.our-premium{
width: 560px!important;
}

.rebates{
width: 598px!important; 
}

.gallery{
width: 641px!important; 
}

.view-products{
width: 517px!important;
}

/*client-testimonial*/

.client-testimonial-content{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135327517-png/inb-cos-images/revised-hp-images/client-testimonial-line.png);
background-repeat: no-repeat; 
background-position: left center;
}

.client-testimonial-content h1, .client-testimonial-content h6{
font-size: 44px;
color: #333333;
}

.client-testimonial-content h1 span, .client-testimonial-content h6 span{
color: #00B0F2;
}

.flipper-contentainer{
padding: 30px 0px 80px 0px;
}

/*client testimonial flipper*/

#card, #card2{
width: 379px;
height: 205px;
}
      
#card3, #card2{
width: 379px;
height: 205px;
}
      
#card4, #card2{
width: 379px;
height: 205px;
}

#card5, #card2{
width: 585px;
height: 317px;
}

#card6, #card2{
width: 585px;
height: 317px;
}

#card7, #card2{
width: 585px;
height: 317px;
}

#card8, #card2{
width: 585px;
height: 317px;
}

#card9, #card2{
width: 585px;
height: 534px;
}
      
.front, .back{
padding: 50px 10px 10px 10px;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135900565-png/inb-cos-images/revised-hp-images/client-testimonial-top-comas.png);
background-position: top center;
background-repeat: no-repeat;
background-position-y: 20px;
}

.front{
background-color: #666666;
}


      
.front p{
text-align: center;
font-size: 18px;
color: #ffffff;
font-style: italic;
}
      
.front p span{
font-style: italic;;
}     
      
.front h1, .front h6{
text-align: center;
font-size: 24px;
color: #ffffff;
font-style: italic;
}
      
.back{
background-color: #666666;
}
      
.back p{
text-align: center;
font-size: 18px;
color: #ffffff;
font-style: italic;
}
      
.back p span{
font-style: italic;;
}
      
.back h1, .back h6{
text-align: center;
font-size: 24px;
color: #ffffff;
font-style: italic;
}

.featured-flipper{
margin-bottom: 30px
}

.featured-flipper .front{
padding: 0px 0px 0px 0px;
margin-top: -16px !important;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135900565-png/inb-cos-images/revised-hp-images/client-testimonial-top-comas.png);
background-position: top center;
background-repeat: no-repeat;
background-position-y: 20px;
}

.featured-flipper .back{
padding: 50px 10px 10px 10px;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135900565-png/inb-cos-images/revised-hp-images/client-testimonial-top-comas.png);
background-position: top center;
background-repeat: no-repeat;
background-position-y: 20px;
}

.featured-flipper .front{
background-color: #ffffff;
}
      
.featured-flipper .front p{
text-align: center;
font-size: 18px;
margin-top: 0px;
color: #666666;
font-style: italic;
}
      
.featured-flipper .front p span{
font-style: italic;
}     
      
.featured-flipper .front h1, .featured-flipper .front h6{
text-align: center;
font-size: 24px;
color: #ffffff;
font-style: italic;
}
      
.featured-flipper .back{
background-color: #666666;
}
      
.featured-flipper .back p{
text-align: center;
font-size: 18px;
color: #ffffff;
font-style: italic;
margin-top: 0px;
padding-top: 70px;
padding-left: 20px;
padding-right: 20px;
}
      
.featured-flipper .back p span{
font-style: italic;
}
      
.featured-flipper .back h1, .featured-flipper .back h6{
text-align: center;
font-size: 24px;
color: #ffffff;
font-style: italic;
}

.front-wrap { position: absolute; backface-visibility: hidden; width: 100%; height: 100%;}

.back-wrap a{width:100%!important;}



.featured-flipper .remove-padding{
padding: 0px;

}


.flip-image .front-wrap{max-width: 582px;
min-height: 542px;}
.flip-image .back-wrap{max-width: 582px;}

.flip-image .back-wrap img{width:100%!important;height:100%!important;
}
#card9{max-width: 583px;
min-height: 534px;
border: 1px solid #00C883;
padding-bottom: 8px;

}


/*featured-flipper*/
/*#content {
    width: auto;
    margin: 0px auto;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

.quickFlip {
    height: 317px;
    width: 581px;
    float: left;
}

.panel1, .panel2{
    height: 317px;
    width: 581px;
    position: absolute;
    overflow: hidden;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
    line-height: 40px;
}

.panel1 {
    background-image: url(//cdn2.hubspot.net/hub/138458/file-2163224684-jpg/inb-cos-images/revised-hp-images/heading-4.jpg);
    z-index: 10;
}

.panel2 {
    background-color: #666666;
    color: #ffffff;
}*/

.video-text{
display: block;
width: 100%;
margin: 10px 0px;
padding: 10px 0px;
background-color: #ffffff;
}

.video-text p{
text-align: center;
font-size: 16px;
}

/*footer-menu*/
.footer-wrapper{
/*background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893274-jpg/inb-cos-images/Home_Page/Footer-bg.jpg); */
background-position: top center;
margin-top: -150px;
padding-top: 150px;
background-size: 100%;
}

.footer-upper-bg ul{
padding-left: 0px;
list-style-type: none;
line-height: 25px;
float: left;
}



ul.right-side-list{
margin-left: 15px;
}

.footer-upper-bg ul li span{
font-size: 20px;
color: #ffffff;
font-weight: bold;
}

.footer-upper-bg h2{
font-size: 20px;
color: #ffffff;
font-weight: bold;
margin-bottom: 0px;
}

.footer-upper-bg ul li a{
font-size: 15px;
color: #ffffff;
text-decoration: none;
}

ul.site-map li{
float: left;
padding: 0px 10px;
border-right: 1px solid #ffffff;
}

ul.site-map li a{
font-size: 20px;
font-weight: bold;
}

ul.site-map li:last-child{
border-right: 0px;
}

ul.site-map li:first-child{
padding-left: 0px;
}

.footer-lower-bg{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2100236796-png/inb-cos-images/Home_Page/footer-white-line-bg.png);
background-position: top center;
background-repeat: no-repeat;
padding-top:20px;
}

.footer-lower-bg p{
text-align: center;
color: #ffffff;
font-size: 16px;
margin-bottom:20px;
clear:both;
}

/*.footer-logo-bg{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2108756185-png/inb-cos-images/Home_Page/footer-logo-transparent.png);
background-position: bottom right;
background-repeat: no-repeat;   
background-size: 60%;
}*/

ul.lower-footer-content{
padding-left: 0;
list-style-type: none;
margin-left: auto;
margin-right: auto;
display: block;
width: 35%;padding-bottom:25px!important;
}

ul.lower-footer-content li{
float: left;
padding: 0px 25px;
background: url(//cdn2.hubspot.net/hub/138458/file-2226794855-png/inb-cos-images/rss1.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 8%;
}

ul.lower-footer-content li:last-child{
padding-right: 0px;
}

ul.lower-footer-content li a{
font-size: 16px;
color: #ffffff;
text-decoration: none;
}

/*inner-pages*/
 
.hs-content-name-cos-video-page .body-container-wrapper {background-color:#fff!important;}

.inner-page-ctas-wrapper{
padding: 20px 0px;
}

.footer-wrapper-inner-page{
/* background-image: url(//cdn2.hubspot.net/hub/138458/file-2100893274-jpg/inb-cos-images/Home_Page/Footer-bg.jpg); */
background: #0075A6;
background-position: top center;
margin-top: 0px;
padding-top: 0px;
/*border-top: 15px solid #00B0F2;*/
background-size: 100%;
}

/*.ip-footer-upper-bg{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2100236771-png/inb-cos-images/Home_Page/footer-top-shadow.png);
background-position: top center;
background-repeat: no-repeat;padding: 40px 0px;
}*/

.ip-footer-upper-bg ul{
padding-left: 0px;
list-style-type: none;
line-height: 25px;
float: left;
}

.ip-footer-upper-bg ul li span{
font-size: 20px;
color: #ffffff;
font-weight: bold;
display:block;
padding-bottom:10px!important;
}

.ip-footer-upper-bg h2{
font-size: 20px;
color: #ffffff;
font-weight: bold;
margin-bottom: 15px;
}

.ip-footer-upper-bg ul li a{
font-size: 15px;
color: #ffffff;
text-decoration: none;
}

.footer-social-icons img
{
    margin-right: 10px;
    cursor: pointer;
}

.your-text-will{
background-color: #036A25;
height: 664px;
padding: 0px 20px;
}

.your-text-will h1, .your-text-will h6{
color: #ffffff;
}

.your-text-will h2{
color: #ffffff;
}

.your-text-will h3{
color: #ffffff;
}

.your-text-will p{
color: #ffffff;
}

.for-bt-margin{
margin-bottom: 30px;
}

.for-bt-margin-2{
margin-top: 80px;
}

.pagination{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2164783930-png/inb-cos-images/revised-hp-images/pagination-bg-02.png);
background-repeat: no-repeat;
background-position: center center;
padding: 20px 0px;
}

.pagination ul{
padding-left: 0px;
margin-left: auto;
margin-right: auto;
display: block;
float: none;
width: 10%;
height: 19px;
margin-top: 0px;
margin-bottom: 0px;

}

.pagination ul li{
list-style-type: none;
float: left;
}

.pagination ul li a{
text-decoration: none;   
height: 19px;
width: 20px;
display: block;
margin: 0px 5px;
}

.pagination ul li a.page-one{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2163700994-png/inb-cos-images/revised-hp-images/1gray.png);
background-repeat: no-repeat;
background-position: top center;
}

.pagination ul li a.page-one:hover, .pagination ul li a.page-one:active{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2160358968-png/inb-cos-images/revised-hp-images/1green.png);
background-repeat: no-repeat;
background-position: top center;
}

.pagination ul li a.page-two{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2160358943-png/inb-cos-images/revised-hp-images/2gray.png);
background-repeat: no-repeat;
background-position: top center;
}

.pagination ul li a.page-two:hover, .pagination ul li a.page-two:active{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2164553120-png/inb-cos-images/revised-hp-images/2greeen.png);
background-repeat: no-repeat;
background-position: top center;
}

.pagination ul li a.page-three{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2160358948-png/inb-cos-images/revised-hp-images/3gray.png);
background-repeat: no-repeat;
background-position: top center;
}

.pagination ul li a.page-three:hover, .pagination ul li a.page-three:active{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2163700999-png/inb-cos-images/revised-hp-images/3green.png);
background-repeat: no-repeat;
background-position: top center;
}

.pagination ul li a.page-four{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2164553115-png/inb-cos-images/revised-hp-images/4gray.png);
background-repeat: no-repeat;
background-position: top center;
}

.pagination ul li a.page-four:hover, .pagination ul li a.page-four:active{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2164553125-png/inb-cos-images/revised-hp-images/4green.png);
background-repeat: no-repeat;
background-position: top center;
}

.video-page-wrapper{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2135641881-png/inb-cos-images/revised-hp-images/bottom-shadow.png);
background-repeat: no-repeat;
background-position: top center;
background-color: #CDCDCD;
padding: 50px 0px;
margin: 30px 0px;
}

.video-blocks td{
padding: 10px;
}

.request-quote-video-cta{
margin-top: -75px;
}

.top-menu-top-wrapper-video{
background-color: #fff;
}

.top-menu-top-wrapper-video .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
margin-left: auto;
margin-right: auto;
float: none;
max-width: 94%;
display: block;
}

/*.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{
background-image: url(//cdn2.hubspot.net/hub/138458/file-2103164483-png/inb-cos-images/Home_Page/nav-slash.png);
background-repeat: no-repeat;
background-position: right center;
}*/

.top-menu-top-wrapper-video .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child{
background-image: none;
}

.top-menu-top-wrapper-video .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
color: #444;
font-size: 20px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
width: 100%;
max-width: 100%;
}

.top-menu-top-wrapper-video .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{
color: #45a0e0;
}
/*********Product Page*************/

.heading-bg-wrapper {background:#00b676;}

.blue-bg-heading {text-align:center;color:#ffffff;}

.blue-bg-heading h1, .blue-bg-heading h6 {margin-bottom:0px!important;}

.blue-bg-heading p {padding-bottom:20px;}

.box-white {background:#fff;padding: 20px 30px;}

.box-green { margin-right: -30px;!important; background:#00c883;padding:0px 20px 20px 20px;}

.box-green h1, .box-green h6{color: #fff;
font-size: 36px;
font-family: 'Conv_helvetica-85-heavy-1361522144';
text-align: center;
line-height: 50px;}

.youtubevideo { margin-right: -30px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width:100%; height: auto; } .youtubevideo iframe, .youtubevideo object, .youtubevideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.box-green p {color: #fff;}

.gray-background {background:#f4f4f4;}

.banner-light-gray {background:#f9f9f9;padding: 20px 30px!important;}

.prod-form-banner input {margin-bottom:10px!important;}

.prod-right-text-banner h2 {margin-top:0px!important;}

.prod-right-text-banner ul li {list-style-image:url(//cdn2.hubspot.net/hub/138458/file-2209638143-png/inb-cos-images/Product_page/tick-icon.png);padding-bottom:15px;}

.prod-right-text-banner .ul-right {float:left;padding-left: 20px;}

.prod-right-text-banner .ul-left {float:left;padding-left: 20px;margin-left: 100px;}

.prod-center-image-banner p {display: block;
background: #004710 url(//cdn2.hubspot.net/hub/138458/file-2209522458-png/inb-cos-images/Product_page/tree-icon.png)no-repeat;
background-position: center left 5px;
color: #fff;
text-transform: uppercase;
padding-left: 35px;
padding-top: 10px;
padding-bottom: 10px;}

.content-green-text {background:#00c883;padding:0px 20px 20px 20px;}

.content-green-text h2 {color: #fff;
font-size: 50px;
text-transform: uppercase;
line-height: 50px;}

.prod-cta {margin-bottom:10px!important;}

.prod-gray-text {background:#efebe8;margin-top:10px!important;padding:40px 40px 40px 20px;}

.prod-gray-text h3 {color:#00c883;font-size: 36px!important;}

/*********Product Page*************/

/*COS Internal Page*/

.banner-wrapper img {width:100%!important;height:auto!important;}

.request-quote-form .hs_firstname, .request-quote-form .hs_lastname, .request-quote-form .hs_email,.request-quote-form .hs_phone{
width: 24%!important;
float: left;
margin-right: 12px;
padding-bottom: 20px!important;
}

.request-quote-form .hs_zip_code {width: 49%!important;
float: left;}

.request-quote-form .hs_what_best_describes_your_situation_ {width: 49%!important;
float: right;
margin-bottom:30px;
margin-right: 10px;}

.request-quote-form .hs-input{
font-size: 18px;
color: #414141;
margin-top:10px!important;
}

.request-quote-form h3.form-title{
font-weight: bold;
text-align: center;
color: #333;
font-family: 'Roboto';
font-size: 27px;
background-image: url(//cdn2.hubspot.net/hub/138458/file-2185900497-png/inb-cos-images/COS_Internal_Pages/request-a-quote-header-line.png);
background-repeat: no-repeat;
background-position: bottom center;
background-position-y: 40px;
padding-bottom: 20px;
text-transform: uppercase;
}

.request-quote-form h3.form-title span{
font-weight: normal;
}

.request-a-quote-form-wrapper{
background-color: #f3f3f3;
}

.request-quote-form .hs-button{
background-color: #333 !important;
border: 0px!important;
padding: 10px 60px!important;
font-size: 25px!important;
color: #ffffff!important;
position:relative!important;
display:block!important;
max-width:250px!important!important;
width:auto!important!important;
margin: 20px auto!important!important;
clear: both!important;
cursor:pointer!important;
}


.request-quote-form .hs-richtext {margin-top:10px!important;}

.request-quote-form .hs-richtext a {text-decoration:none!important;color:#45a0e0!important;}

.request-quote-form .hs-richtext a:hover{text-decoration:underline!important;}

.request-a-quote-form-wrapper .hs_comments_questions{clear:both;}

.request-a-quote-lp .hs_want_to_ask_a_question_{clear:both;}

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


.vanishat1199 .hs-richtext {margin-top:10px!important;}

.vanishat1199 .hs-richtext a {text-decoration:none!important;color:#45a0e0!important;}

.vanishat1199 .hs-richtext a:hover{text-decoration:underline!important;}









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






.your-text-will-come-here{
padding: 30px 0px;
}

.your-text-will-come-here h1, .your-text-will-come-here h6{
text-align: center;
font-size: 40px;
color: #414141;
font-weight: bold;
/*background-image: url(//cdn2.hubspot.net/hub/138458/file-2185900497-png/inb-cos-images/COS_Internal_Pages/request-a-quote-header-line.png);
background-repeat: no-repeat;
background-position: bottom center;
background-position-y: 60px;*/
padding-bottom: 20px;
}

.your-text-will-come-here h1 span, .your-text-will-come-here h6 span{
color: #45a0e0;
}

.your-text-will-come-here h2{
font-size: 30px;
text-align: center;
color: #414141;
font-weight: normal;
}

.your-text-will-come-here p{
text-align: center;
color: #414141;
font-size: 18px;
line-height: 30px;
}

.cta-ul li {display: inline-block!important;list-style-type: none!important;float: left;padding-right: 10px;}
/***********blog****************/

.social-sharing {
    display: inline-block;
    width: 100% !important;
    margin-bottom: 10px !important;
}

.blog-content {font-family: 'Roboto',sans-serif!important;}

.blog-post-one .post-item {width: 45%;background:#000000;color:#ffffff;padding:20px!important;float: left!important;}

.blog-post-one-wrapper {padding:20px 0px;}

.blog-post-one .post-item p {line-height: 26px;}

.blog-post-one .post-item p a{color: #ffffff; text-decoration: none;}

.blog-post-one .post-item:first-child {/*background:#006d30;*/ background: #29B99A; color:#ffffff;min-height: 670px;margin-right:20px;}

.blog-post-one .post-item:first-child .hs-featured-image {display:block!important;}

.blog-post-one .post-item:nth-child(3) {float: right!important;margin-top:20px;margin-right:20px;}

.blog-post-one .post-item {display:none!important;}

.blog-post-one .post-item:nth-child(1),.blog-post-one .post-item:nth-child(2),.blog-post-one .post-item:nth-child(3){display:block!important;}

.blog-post-one .post-item h3 {font-weight:400;margin:0px!important;font-size:22px!important;}

.blog-post-one .post-item .hs-featured-image {display:none!important;}

.blog-post-one .post-item .hs-featured-image { max-width: 100%!important;}

.blog-post-one .post-item .post-header {position:relative;}

.blog-post-one .post-item:first-child #hubspot-author_data {display: block;
display: block;
width: 139px;
font-size: 24px;
background-color: #000;
position: absolute;

top: 8px;
margin: 0!important;
right: 8px;
text-align: center;
padding-top: 20px;}

.blog-post-one .post-item .sze-clr {font-size: 45px!important;
background-color: #292ED0;
padding: 4px 44px;
line-height: 20px;}

.blog-post-one .post-item #hubspot-author_data {display: block;
width: 139px;
font-size: 24px;
margin: 0 20px 0 0!important;
/*background-color: #006d30;*/
background-color: #2996A7;
position: relative;
float: left;
line-height:45px!important;
text-align: center;
padding-top: 20px;}

.blog-post-one .post-item .post-header h2 {
line-height: 30px;margin-top:0px!important;
}


.blog-post-one .post-item .post-header h2 a {text-decoration: none;
font-size: 36px;color:#ffffff!important;
text-transform: uppercase;
font-weight: 900;}

.blog-post-one .post-item .custom_listing_comments a{/*color:#7ed452!important;*/ color:#ffffff!important; text-decoration:none!important;}



.blog-post-two .post-item {display:block!important;}

.blog-post-two .hs-featured-image {float: left;margin: 0px 20px 0px 0px!important;max-width: 18%;}

.blog-post-two .post-header a {color: #29B99A; text-decoration: none;}

.blog-post-two .post-item .post-body p {margin-top: 0px;}

.blog-post-two .post-item .post-body h3 {margin-top: 0px!important;}

.blog-post-two .post-item {border-bottom:1px dotted #ccc;padding:20px 0px!important;}

.blog-listing-heading h2 {font-size: 36px!important;margin: 0px!important;text-transform: uppercase!important;color: #5D5C5C!important;font-weight: 900!important;} 

.blog-listing-heading h2 span {/*color:#006d30!important;*/ color: #29B99A;}

.blog-listing-heading p {margin-top:5px!important;margin-bottom:0px!important;}

.blog-listing-heading h3 {margin-bottom: 0!important;
color: #006d30!important;
font-size: 22px;
font-weight: 400;}

.blog-cta img {width:95%!important;}

.blog-post-two .post-item .post-body a {/*color:#006d30!important;*/ color: #29B99A; text-decoration: none;}

.blog-post-two .post-item .post-body h3 {color: #969696;color: #969696;
font-weight: 300;
width: 620px;
float: right;
font-weight: 300;}

.blog-cta {margin-bottom:60px;}

.blog-post-two .post-body {position:relative;}

.blog-post-two .post-body .more-link {position: absolute;
right: 150px;}


#hubspot-topic_data{display: none;}



.social-media-ics {max-width: 250px!important;clear: both;
width: 150px;height: 30px;position: relative;
left: 163px;top: 0px;}

.social-media-ics #fb {background:url(//cdn2.hubspot.net/hub/138458/file-2224052702-png/inb-cos-images/Blog/f.png)no-repeat;background-size:100%;float:left;margin-right:10px;width:27px;height:27px;}

.social-media-ics #twr{background:url(//cdn2.hubspot.net/hub/138458/file-2223342764-png/inb-cos-images/Blog/t.png)no-repeat;background-size:100%;float:left;margin-right:10px;width:27px;height:27px;}

.social-media-ics #lin{background:url(//cdn2.hubspot.net/hub/138458/file-2224052692-png/inb-cos-images/Blog/in.png)no-repeat;background-size:100%;float:left;margin-right:10px;width:27px;height:27px;}


.social-media-ics #gpl{background:url(//cdn2.hubspot.net/hub/138458/file-2224052697-png/inb-cos-images/Blog/rss.png)no-repeat;background-size:100%;float:left;margin-right:10px;width:27px;height:27px;}


.damo-header img {padding-left: 4.9px;}

.blog-pagination a.all-posts-link, .blog-pagination a.next-posts-link, .blog-pagination a.previous-posts-link{
color: #29B99A!important;
display: inline-block;
text-decoration: none;
margin-top: 20px;
}

.blog-pagination a.next-posts-link{
margin-left: 10px;
}

.blog-pagination a.previous-posts-link{
margin-right: 10px;
}



/**********blog************/



/*lp-banner*/
/*.lp-banner {background-image: url(//cdn2.hubspot.net/hub/138458/file-2185645844-jpg/inb-cos-images/Landing_Page_Images/beautiful-yards.jpg);
background-repeat: no-repeat;
background-size: cover;
min-height: 345px!important;}*/

.lp-banner {position:relative;min-height: 345px!important;}

.lp-banner .banner {position: absolute;
bottom: 200px;width:100%;
text-align:center;
}

.lp-banner img {width:100%!important;}

.lp-banner2 {background-image: url(//cdn2.hubspot.net/hub/138458/file-2228444716-jpg/heavenly-greens-landing-page-headers-2.jpg);
background-repeat: no-repeat;
background-size: cover;
min-height: 345px!important;}

.lp-banner h1, .lp-banner h6{color: #fff;
font-size: 58px;
margin-bottom: 0;
margin-top: 0px;
text-shadow: #000 0 0 11px;}

.lp-banner h2{color: #ffffff;font-size: 34px; margin: 0px; text-shadow: rgb(0, 0, 0) 0px 0px 11px;}

.lp-content-wrapper{
padding: 40px 0px;

}

.request-a-quote-lp {
background-color: #f0eeeb;
padding: 20px;
position:relative;
}

.prod-form-banner {
background-color: #666;
padding: 20px;
margin-left: -14px !important;
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
}

.prod-form-cta {
    max-width: 291px;
    margin-left: -14px;
    margin-top: 0px;
}

.prod-cta-2 {
    max-width: 614px; 
    margin-right: -30px; 
    margin-bottom: -20px; 
    margin-top: -5px
}

.prod-cta-3 {
    max-width: 614px;
    margin-right: -30px;
    margin-bottom: 100px; 
    margin-top: -1px
}

.prod-form-banner .hs-button {
background-color: #00b0f2!important;
color: #ffffff!important;
font-size: 17px!important;
width: 100%!important;
border: 0px!important;
text-align: center!important;
float: center!important;
border-radius: 10px!important;
padding: 5px 15px!important;
margin-top: 20px!important;
}

.prod-form-banner h3{
color: #fff;
text-align: center;
font-family: 'Conv_helvetica-85-heavy-1361522144';
font-size: 27px;
margin-top: 0px;
}

.request-a-quote-lp h3 {
color: #6aa40f;
font-size: 27px;
margin-top: 0px;
}

/*
.request-a-quote-lp input, .request-a-quote-lp select{
height:30px;
}
*/


.request-a-quote-lp label{
/***float: left;
display: block;
width: 125px;***/
color: #5f5f5f;
font-size: 16px;
border: 0px;
float:left;
margin: 13px 0px 4px 0px;
}

.request-a-quote-lp .hs_upload_project_photos_or_images label {clear:both!important;}

.request-a-quote-lp .hs_messsage {margin-bottom: 10px!important;margin-top:10px!important;}

.request-a-quote-lp textarea {min-height: 100px;margin-bottom: 10px!important;}

.request-a-quote-lp .hs_what_type_of_application_ label,.request-a-quote-lp .hs_how_did_you_hear_about_us_ label,.request-a-quote-lp .hs_comments_questions  label {clear:both!important;width:100%!important;
margin-top: 10px;}

 .request-a-quote-lp .inputs-list input {height:auto!important;clear:both!important;float:none!important;width:auto!important;}

.request-a-quote-lp .inputs-list {list-style-type:none!important;padding-left: 0px;}

.request-a-quote-lp .hs-button {clear:both!important;}

.request-a-quote-lp .hs_messsage label {margin-top:10px!important;}

.request-a-quote-lp .hs_messsage textarea {margin-top:10px!important;}

.request-a-quote-lp .hs-richtext {/**********position: absolute;
bottom: 72px;
right: 30px;**********/ clear:both;}

.request-a-quote-lp .hs-richtext a, .new-comments .stacked .hs-richtext a {text-decoration:none!important;color:#45a0e0!important;}

.request-a-quote-lp .hs-richtext a:hover{text-decoration:underline!important;}

/*
.request-a-quote-lp .hs-form-field{
display: block;
height: 40px;
}
*/
.request-a-quote-lp .hs-input{
border: 0px;
float:left;
/***float: right;
width: 60%;****/
}

.request-a-quote-lp .hs-button {
background-color: #93d132!important;
color: #fff!important;
font-size: 17px!important;
border: 0!important;
float: right;
border-radius: 3px!important;
padding: 10px 18px!important;
border-bottom: 3px solid #81A647!important;
margin-top: 35px!important;
height: 40px!important;
cursor:pointer!important;
}

.request-a-quote-lp-text h1, .request-a-quote-lp-text h6{
color: #006a00;
font-size: 30px;
margin-top: 0px;
}

.request-a-quote-lp-text {padding-right:45px!important;}

.request-a-quote-lp-text p{
color: #oooooo;
font-size: 18px;
text-align:justify;
li-color: #000000;
li-font-size: 18px;
}




/*******blog post style*******************/

.blog-post-wrapper h2 a {font-size: 36px!important;
margin: 0!important;
text-transform: uppercase!important;
color: #29B99A;
text-decoration:none!important;
font-weight: 900!important;}

.blog-post-wrapper h2{
    margin:0px!important;
    
}

.blog-post-wrapper .author-link {
color: #29B99A;
text-decoration: none;}

.blog-post-wrapper #hubspot-author_data { margin:0px!important;}

.blog-post-wrapper .post-body img { margin: 0px 20px 0px 0px; }

.blog-post-wrapper .post-body h3,.side-bar-form h3 {color: #29B99A;font-size:24px;}

 #comment-form {max-width:450px!important;background-color:#f1f1f1;padding:30px 20px 20px 20px;}
 
 #comment-form input {margin:0px 0px 10px 0px!important;}
 
 #comment-form .hs-button,.side-bar-form .hs-button {background:#29B99A!important;
 border: none!important;
padding: 10px 10px!important;
color: #fff!important;}

.side-bar-form .hs-input {width:100%;margin:0px 0px 10px 0px!important;}

.side-bar-form ul {padding-left:0px!important;}

.side-bar-form ul li {list-style-type:none!important;padding-bottom:10px;}

.side-bar-form ul li a {color: #29B99A;text-decoration:none!important;}

.side-bar-form ul li a:hover {text-decoration:underline!important;}

.side-bar-sub {background-color:#f1f1f1;padding:0px 20px 20px 20px;}



/*******blog post style*******************/

/*responsive*/

@media only screen and (max-width: 1300px) {
    .lp-banner .banner {
        bottom: 150px;
    }
}

@media only screen and (max-width: 1080px) {
    .lp-banner .banner {
        bottom: 100px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 900px) {
    
.request-a-quote-lp-text {padding-right:0px!important;padding-left:10px!important;}
    
.request-a-quote-lp .hs-input {/*float: none!important;*/width: 100%;}

.request-a-quote-lp .hs_firstname, .request-a-quote-lp .hs_lastname, .request-a-quote-lp .hs_email, .request-a-quote-lp .hs_phone, .request-a-quote-lp .hs_messsage {margin-bottom:20px!important;}

.request-a-quote-lp .hs-button {float:none!important;}

.artificial-turf {padding-top:0px!important;}

.artificial-turf h1, .artificial-turf h6, .artificial-turf p {padding-top:10px!important;}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {padding: 10px 8px!important;}

.top-menu-top-wrapper-video .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {font-size:14px!important;}

.call-us-at {padding-top:0px!important;}

ul.social-header {float:right!important;padding:0px!important;}

ul.social-header li a img {width:70%!important;}

.call-us-at {margin-left:0px!important;}

ul.social-header li {margin:0px!important;}

/*.lp-banner img {height:350px!important;}*/

.lp-banner h1, .lp-banner h6 {font-size:48px!important;}

.lp-banner .banner {bottom: 75px!important;}
    .lp-banner
    {
            min-height: 210px!important;
    }

.your-text-will-come-here h1
{
    background-position-y: 110px;
}

.footer-logo-bg ul {float:none!important;}

ul.right-side-list {margin-left:0px!important;}

ul.social-footer li {margin:0px!important;}

.request-quote-form {padding:20px!important;}

.request-quote-form .hs_firstname, .request-quote-form .hs_lastname, .request-quote-form .hs_email {float:none!important;width: 100%!important;}

.request-quote-form .hs_phone {float:none!important;width: 100%!important; }

.request-quote-form input {width:100%!important;}

.your-text-will-come-here table {width:100%!important;}

.cta-ul li  {padding-right: 30px!important;padding-bottom: 20px!important;}

.four-cta-wrapper-bottom img {display:block;margin-left: 70px;
margin-top: 20px;}

.damo-header {text-align:center;}

.damo-header img {padding-bottom:20px!important;}



.blog-post-one .post-item {width:94%!important;padding:20px!important;}

.blog-post-one .hs-featured-image {float:none!important;}


.blog-post-one .hs-featured-image img {width:100%!important;}

.blog-post-one .post-item .hs-featured-image {max-width: 100%!important;
margin: 0px auto!important;}

.blog-post-one .post-item:nth-child(3) {float:none!important;}

 .blog-post-one .post-item:nth-child(2), .blog-post-one .post-item:nth-child(3) {margin-top:20px!important;}
 
 .blog-content {padding:20px!important;}
 
 .blog-post-two .post-item .post-body h3 {width: 400px!important;float:none!important;}
 
 .blog-post-two .post-body .more-link {position: absolute;
right: 30px;}

.social-media-ics {left:3px!important;}

.prod-form-cta {max-width: 100%!important;
margin-left: 0px!important;
margin-right: 0px!important; 
margin-bottom: 10px!important;
margin-top: 10px!important;}

.box-green {margin-right: 0px; 
}

.video-image {width:100%!important;max-width:100%!important;height: 175px!important;}

.video-img {width:100%!important;max-width:100%!important;height: 175px!important;}

.prod-cta-2 {max-width: 100%;
 margin-right: 0px; 
 margin-bottom: 0px; 
margin-top: 0px; }

.prod-cta-3 {max-width: 100%!important;
margin-right: 0px!important;
margin-bottom: 0px!important;
margin-top: 0px!important;}

.featured-flipper .back h1, .featured-flipper .back h6,.featured-flipper .front h1, .featured-flipper .front h6 {display:block!important;width:90%!important;font-size:20px!important;}

.featured-flipper .back p,.featured-flipper .front p {font-size:12px!important;}

.flip {width:100%!important;height: 375px!important;}

.featured-flipper .flip {width:100%!important;height: 330px!important;}

.featured-flipper .front-wrap img {width:100%!important;height: 350px!important;}

.front-wrap {margin-top:0px!important;}

#card5,#card2,#card7,#card8,#card6,#card,{width:100%!important;height: 375px!important;}

#card9 {height: 360px!important; }

.your-text-will {height: 700px!important;}

.over-of-services-desert-bg {background-size:cover!important;}

.our-premium {max-width:100%!important;width:100%!important;padding-bottom:20px!important;text-align:center!important;}

.rebates {max-width:100%!important;width:100%!important;text-align:center!important;margin-left:0px!important;}

.gallery,.view-products {max-width:100%!important;width:100%!important;text-align:center!important;margin-left:0px!important;}

.client-testimonial-content {background-image:none!important;}

.back p ,.front p {font-size:14px!important;}

.back h1, .back h6 ,.front h1,.front h6 {font-size:20px!important;margin:0px!important;} 




   
}



@media (max-width: 767px){
    
.hide-mobile {
    display: none !important;
}

.show-mobile {
    display: inline !important;
}

.cta-ul li {margin-bottom:20px!important;}

.lp-banner {width:100%;
min-height: 100px!important;}

.lp-banner img {height:200px;}

.lp-banner .banner {position: absolute;
bottom: 75px!important;
width: 100%!important;
text-align: center;
}


.call-us-at {padding:0px!important;}

.lp-banner h1,.lp-banner h2,.lp-banner h6 {font-size: 18px!important;}

.header-container-wrapper ul.social-header {width: 200px!important;
margin: 0 auto!important;
text-align: center;
display: block;}

.request-a-quote-lp-text {padding:10px!important;}

.request-a-quote-lp .hs-input {/***********float: none;**********/ width: 100%;}

.request-a-quote-lp .hs-button {float:none!important;}


.main-menu ul li ul  {display:none!important;}

.main-menu ul li {text-align:center!important;}

.request-quote-form .hs_firstname, .request-quote-form .hs_lastname, .request-quote-form .hs_email,.request-quote-form .hs_phone {width: 100%!important;
float: none!important; 
padding-bottom: 10px!important;}

.request-quote-form {padding:0px 10px!important;}

.request-quote-form input {margin-bottom: 10px!important;}

.your-text-will-come-here table {width:100%!important;}

.your-text-will-come-here h1 span, .your-text-will-come-here h6 span {font-size: 30px;}

.ip-footer-upper-bg ul {float:none!important;text-align:center;}

ul.site-map {width: 173px!important;
margin: 0 auto!important;}

ul.social-footer {width: auto!important;
text-align: center;
padding: 30px 0!important;
margin: 10px auto!important;
max-width: 200px;}

.ip-footer-upper-bg h2 {text-align:center;}

.footer-lower-bg p {font-size:10px!important;}

.prod-form-banner input {margin-bottom:10px!important;} 

.flip {width:100%!important;}

#card6,#card2,#card5,#card7,#card8,#card9 {width:100%!important;}

.back .remove-padding {height:50%!important;max-height:317px!important;min-height:317px!important;}

.featured-flipper {position:relative!important;overflow:hidden;height:50%!important;max-height:317px!important;min-height:317px!important;}


.featured-flipper .back p {padding-top:20px!important;}

.damo-header {padding: 30px 0px 10px 0px;
text-align: center;}

.damo-header img {padding-bottom:10px;}


.blog-post-one .post-item {width: 88%;
background: #000;
color: #fff;
 margin-top: 20px;
float: none!important;}

.blog-post-one .post-item:nth-child(3) {    
    float: none!important;     
     margin-right: 0px;
}

.blog-post-one .post-item .post-header h2 a {font-size:24px!important;}

.social-media-ics {max-width:150px!important;}


.blog-post-two .post-body .more-link {right:210px!important;}

.social-media-ics {left: 120px!important;}

.blog-content {padding:10px;}

.blog-post-one .post-item:first-child #hubspot-author_data {width: 80px!important;
font-size: 12px!important;
top: -126px!important;
right: 4px!important;
padding-top: 10px!important;
}

.blog-post-one .post-item #hubspot-author_data
{
   width: 80px!important;
font-size: 12px!important;
top: 8px!important;
right: 0px!important;
padding-top: 10px!important;
}

.blog-post-one .post-item #hubspot-author_data {line-height: 30px!important;}

.blog-post-one .post-item .sze-clr {font-size: 25px!important;
padding: 5px 26px!important;
}

.blog-post-wrapper,.side-bar-category,.side-post-listing {padding:0px 10px!important;}

 

    
.box-white {background:#fff;padding: 20px 30px; margin-left: -5px !important; margin-right: -5px !important;}
    
    
.prod-form-banner {
background-color: #666;
padding: 20px;
margin: auto !important;
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
}

.prod-form-banner h3{
color: #fff;
text-align: center;
font-family: 'Conv_helvetica-85-heavy-1361522144';
font-size: 36px;
margin-top: 0px;
}

.gray-background {background:#fff;}

.top-header-bg {
padding: 20px 0px;
}

.logo-section a{
text-align: center;
display: block;
}

.top-header-bg h1, .top-header-bg h6 {
text-align: center;
}

.top-header-wrap {
padding-top: 0px;
}

ul.social-header {
float: none;
margin-left: auto;
margin-right: auto;
width: 25%;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
max-width: 100%;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
float: none;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
text-align: center;
padding: 5px 0px;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover {
text-align: center;
padding: 5px 0px;
}

.banner-wrapper {
margin-top: 0px!important;
}

.small-box-wrapper {
margin-top: 0px;
}

.small-box-inner-top {
background-color: #fff;
padding: 10px 15px;
}

.sb-table-style table td {
padding: 0 7px;
margin-bottom: 10px;
}

table.top-table, table.top-table thead, table.top-table tbody, table.top-table th, table.top-table td, table.top-table tr{
display: block;
}
    
/* Hide table headers (but not display: none;, for accessibility) */
table.top-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
    
table.top-table tr {  }
    
table.top-table td {

position: relative;
text-align:center;
}
    
table.top-table td:before {

position: absolute;

top: 6px;
left: 6px;
width: 45%;
white-space: nowrap;
}

.over-of-services {
background-size: 100% 100%;
}

.overview-of-services-top-content{
padding: 0px 10px;
}

.overview-of-services-top-content h1, .overview-of-services-top-content h6 {
padding-left: 80px;
font-size: 40px;
}

.over-of-shadow-inner-bg{
padding-top: -30px!important;
}

.overview-of-services-top-content-right {
border: 1px solid #000;
height: 286px;
}

ul.dranage {
width: auto;
padding-left: 0px;
}

ul.dranage li {
width: auto;
padding: 10px 20px;
font-size: 20px;
}

ul.dranage li.look-feel {
margin-right: 0;
background: none;
width: 100%;
padding: 10px 0px;
text-align: center;
}

ul.dranage li.unmatched {
margin-right: 0;
background-image: none;
width: 100%;
padding: 10px 0px;
text-align: center;
}

ul.dranage li.superior{
margin-right: 0;
background: none;
width: 100%;
padding: 10px 0px;
text-align: center;
}

.our-premium, .rebates, .gallery, .view-products {
width: auto!important;
float: none!important;
margin-left: auto!important;
margin-right: auto!important;
margin-bottom: 15px;
}

.our-premium a, .rebates a, .gallery a, .view-products a{
display: block;
text-align: center;
}

.four-cta-wrapper-top{
padding: 0px 0px;
}

.four-cta-wrapper-bottom{
padding: 0px 0px;
}

.client-testimonial-content {
background-position: center center;
}

.block-one{
margin-bottom: 80px;
}

.block-two{
margin-bottom: 80px;
}

.flip{
margin-left: auto;
margin-right: auto;
}

.small-box-inner-below {
padding: 10px 15px;
}

.footer-wrapper {
margin-top: -130px;
padding-top: 100px;
}

.footer-upper-bg ul {
padding-left: 0px;
list-style-type: none;
line-height: 25px;
float: none;
width: 30%;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}


.footer-upper-bg h2{
text-align: center;
}

.footer-upper-bg {
padding-bottom: 10px!important;
}

ul.lower-footer-content {
width: 100%;
}

ul.lower-footer-content li{
background: none;
padding: 5px 0px;
text-align: center;
float: none;
width: 100%;
}

.footer-lower-bg p {
font-size: 12px;
}

.prod-form-cta {max-width: 100%!important;
margin-left: 0px!important;
margin-right: 0px!important; 
margin-bottom: 100px!important;
margin-top: 10px!important;}


.prod-from-n-cta-module {
    margin-bottom: 60px !important;
    background-color: #666 !important;
}

.vanishat1199 {
  display: inline;
}

.box-green {margin-right: 0px; 
}

.video-image {width:100%!important;max-width:100%!important;height: 175px!important;}

.video-img {width:100%!important;max-width:100%!important;height: 175px!important;}

.prod-cta-2 {max-width: 100%;
 margin-right: 0px; 
 margin-bottom: 0px; 
margin-top: 0px; }

.prod-cta-3 {max-width: 100%!important;
margin-right: 0px!important;
margin-bottom: 0px!important;
margin-top: 0px!important;}

.featured-flipper .front h1, .featured-flipper .front h1, {display:block!important;width:90%!important;font-size:20px!important;}

.featured-flipper .front p {font-size:12px!important;}

#card, #card2,#card3,#card4{width:100%!important;}

#card h1, #card2 h1,#card3 h1,#card4 h1,.back h1, .back h6 {display:block!important;width:90%!important;font-size:20px!important;} 

#card p, #card2 p,#card3 p,#card4 p,.back p {font-size:12px!important;}

/*****.request-a-quote-lp label{float:none;}***/

.footer-social-icons, .ip-footer-upper-bg {text-align:center;}

}


@media (max-width: 479px){
    
    
.lp-banner
{
    min-height: 70px!important;
}





}










@media (max-width: 1279px){
    
    .prod-form-cta {
    max-width: 307px; 
    margin-left: -26px; 
    margin-right: -24px; 
    margin-bottom: -30px; 
    margin-top: 0px
}

.main-menu ul li a
{
        padding: 10px 10px!important;
}
.top-header-bg
{
        padding: 0px 15px;
}
.over-of-services-desert-bg
{
    padding: 0px 15px;
}
.our-premium
{
    width: 470px!important;
}
.rebates
{
    width: 510px!important;
}
.gallery
{
    width: 540px!important;
}
.view-products
{
    width: 440px!important;
}
.client-testimonial-content h1
{
        padding-left: 160px;
}

.block-one, .block-three
{
    margin: 0 auto!important;
    float: none!important;
}

.block-two
{
    float: none!important;
    margin: 100px auto!important;
}
.your-text-will-come-here
{
    padding: 0px 15px;
}
.your-text-will-come-here h1, .your-text-will-come-here h6
{
    background-image: none!important;
}

.your-text-will-come-here img
{
   float: none!important;
    width: 100%!important;
    padding-bottom: 30px!important;
}

.your-text-will-come-here iframe
{
    float: none!important;
    width: 100%!important;
}


.custom-wrapper
{
    max-width: 100%!important;
    float: none!important;
    margin: 0 auto!important;
}
.hs_cos_flex-slider p
{
        font-size: 16px!important;
    line-height: 18px;
}



}

@media (max-width: 1199px){
    
    .prod-form-cta {
   display: none;
}

.vanishat1199 {
    display: none !important;
}

.prod-from-n-cta-module {
    margin-bottom: 10px !important;
    background-color: #666;
}

.appearat1199 {
    display: inline !important;
}

}



@media (max-width: 1030px){
    
.box-white {background:#fff;padding: 20px 30px; margin-left: -10px !important;}   

}


.new-cos-Footer .hs-menu-wrapper.hs-menu-flow-vertical>ul li a
{
    padding:0px!important;
}









.hs_would_you_like_to_schedule_an_appointment_ label{float: left; /****float: none; margin-top: 30px;**********/}


/**********.hs_would_you_like_to_schedule_an_appointment_ .hs-input {margin-top: -45px;}**********/

.ContactFormItem .PlainText {padding-bottom: 5px;}

.ContactFormItem .PlainText a{text-decoration: none!important; color: #45a0e0!important;}

.ContactFormItem .PlainText a:hover {
text-decoration: underline!important;
}


/****no\*
    
.page-center{
max-width: 1024px!important;
margin-left: auto!important;
margin-right: auto!important;
float: none!important;
padding: 0px 5px;
}

.top-header-bg h1 {
font-size: 18px;
}

.top-header-bg h1 span {
font-size: 18px;
}

.top-header-wrap {
padding-top: 20px;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
font-size: 16px;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
max-width: 100%;
}

.banner-wrapper{
display: none!important;
}

.over-of-services{
margin-top: -50px;
}

.overview-of-services-top-content-right {
height: 336px;
}

.over-of-shadow-inner-bg {
padding-top: 50px;
}

.overview-of-services-top-content h1 {
font-size: 34px;
}

.overview-of-services-top-content h2 {
font-size: 25px;
}

.overview-of-services-top-content h3 {
font-size: 20px;
}

.overview-of-services-top-content p {
font-size: 14px;
}

.look-and-feel-wrapper {
margin-top: 40px;
margin-bottom: 10px;
}

ul.dranage {
width: 82%;
}

ul.dranage li {
padding: 20px 20px 20px 63px;
font-size: 23px;
}

ul.dranage li.look-feel{
margin-right: 15px;
background-position-x: 10px;
}

ul.dranage li.unmatched{
margin-right: 15px;
background-position-x: 10px;
}

ul.dranage li.superior{
background-position-x: 10px;
}

.our-premium {
width: 460px!important;
}

.rebates {
width: 498px!important;
}

.gallery {
width: 531px!important;
}

.view-products {
width: 428px!important;
}

.client-testimonial-wrapper{
display: none!important;
}


.footer-upper-bg ul li a {
font-size: 12px;
}

ul.lower-footer-content {
width: 42%;
}

}*/

/*@media (max-width: 810px){

.artificial-turf{
padding-top: 20px;
}

.top-header-wrap {
padding-top: 10px;
margin-left: 10px;
margin-right: 10px;
}

.top-header-bg h1 {
text-align: center;
font-size: 14px;
}

.top-header-bg h1 span {
font-size: 14px;
}

.call-us-at {
margin-left: 0px!important;
}

/*ul.social-header {
padding-left: 0px!important;
}*/

/*ul.social-header li {
margin: 0 3px;
width: 16%;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
max-width: 92%;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
padding: 10px 10px;
font-size: 16px;
}

.top-menu-top-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover{
padding: 10px 10px;
font-size: 16px;
color: #45a0e0;
}

.small-box-inner-top{
padding: 10px 10px;
}

ul.dranage li {
padding: 10px 20px 10px 63px;
font-size: 14px;
}

.overview-of-services-top-content h1 {
background-size: 10%;
padding-left: 48px;
font-size: 20px;
}

.overview-of-services-top-content h2 {
font-size: 18px;
}

.overview-of-services-top-content h3 {
font-size: 15px;
}

.overview-of-services-top-content p {
font-size: 11px;
}

.overview-of-services-top-content-right {
height: 240px;
margin-bottom: 10px;
}

.look-and-feel-wrapper {
margin-top: 0px;
}

.our-premium {
width: 360px!important;
}

.rebates {
width: 386px!important;
}

.gallery {
width: 414px!important;
}

.view-products {
width: 334px!important;
}

.small-box-inner-below{
padding: 10px 10px;
}

.footer-wrapper {
margin-top: -130px;
padding-top: 100px;
}

.footer-upper-bg ul li span {
font-size: 14px;
}

.footer-upper-bg h2 {
font-size: 14px;
margin-top: 20px;
}

ul.right-side-list {
margin-left: 0px;
margin-top: 0px;
}

ul.lower-footer-content {
width: 54%;
}

/*ul.social-footer li {
width: 16%;
}*/

}*/

/*@media (max-width: 780px){
    
.our-premium {
width: 349px!important;
}

.rebates {
width: 371px!important;
}

.gallery {
width: 398px!important;
}

.view-products {
width: 322px!important;
}

ul.lower-footer-content {
width: 56%;
}

}*/



/*@media screen and (max-width: 900px) and (min-width: 768px) { 
    
.artificial-turf h1 {font-size:16px!important;}
    
.call-us-at {margin-top: -25px !important;}

.call-us-at h1 {margin:0px!important;}
    
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {padding: 10px 13px!important;}
    
.top-menu-top-wrapper-video .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {font-size:12px!important;}
 

.request-a-quote-lp-text p {color:yellow!important;}
    
    }
*/






/*@media (max-width: 610px){

ul.social-header {
width: 27%;
}

.overview-of-services-top-content h1 {
font-size: 35px;
}

.faq-content p {
font-size: 35px;
}

.footer-wrapper {
margin-top: -100px;
padding-top: 100px;
}

/*ul.site-map {
width: 24%;
}*/
    
}*/

/*@media (max-width: 540px){
ul.social-header {
width: 30%;
}

/*ul.site-map {
width: 27%;
}*/

/*.sb-table-style table tbody td{
width: 100%;
}*/

/*.sb-table-style table tbody td a{
display: block;
width: 100%;
}*/

}*/

/*@media (max-width: 490px){

ul.social-header {
width: 34%;
}

.overview-of-services-top-content h1 {
font-size: 30px;
}

.footer-upper-bg ul{
width: 50%;
}

.faq-content p {
font-size: 30px;
}

/*ul.site-map{
width: 31%!important;
}

ul.social-footer {
width: 34%;
}

.footer-lower-bg p {
font-size: 10px;
}


}*/

/*@media (max-width: 430px){

ul.social-header {
width: 38%;
}

.overview-of-services-top-content h1 {
font-size: 20px;
padding-left: 40px;
}

.faq-content p {
font-size: 30px;
}

/*ul.site-map{
width: 35%!important;
}*/

/*ul.social-footer {
width: 38%;
}

.footer-lower-bg p {
font-size: 10px;
}*/

}*/

/*@media (max-width: 390px){

ul.social-header {
width: 42%;
}

.faq-content p {
font-size: 20px;
}

/*ul.site-map {
width: 40%!important;
}*/

/*ul.social-footer {
width: 42%;
}
*/
}*/

/*@media (max-width: 370px){

ul.social-header {
width: 45%;
}

/*ul.site-map {
width: 41%!important;
}*/

/*ul.social-footer {
width: 45%;
}

}*/

/*@media (max-width: 340px){

/*ul.social-header {
width: 52%;
}
*/
/*.footer-upper-bg ul {
width: 56%;
}

.faq-content p {
font-size: 17px;
}

/*ul.site-map {
width: 47%!important;
}*/

/*ul.social-footer {
width: 52%;
}

}*/