@import url(//fonts.googleapis.com/css?family=Josefin+Sans&display=swap);
@import url(//fonts.googleapis.com/css?family=Playfair+Display&display=swap);
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css");


@font-face {
  font-family: 'Geomanist';
  src: url('types/FontName.eot');
  src: url('https://info.championhills.com/hubfs/2020%20Template%20Assets%20-%202020%20IC/geomanist-regular-webfont.woff') format('woff');
  /*         url('types/FontName-webfont.ttf') format('truetype'), */
  /*         url('types/FontName-webfont.svg#FontName') format('svg'); */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Geomanist-light';
    src:url('https://www.championhills.com/hubfs/2020%20Template%20Assets%20-%202020%20IC/Geomanist-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "FontAwesome";
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff');
  font-display: swap;
}

.fas {
  font-family: 'FontAwesome' !important;
}
.fab {
  font-family: "Font Awesome 5 Brands";
  
}

/* @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    */
/*****************************************/



/* COLOR VARIABLES */

:root {
  --steel-grey: #72858c;
  --black-20: rgba(0, 0, 0, 0.2);
  --black: #000000;
  --white: #f8f8f8;
  --pale: #f5efe1;
  --white: #ffffff;
  --black-40: rgba(0, 0, 0, 0.4);
  --light-gold: #ffda60;
  --gunmetal: #485559;
  --golden-yellow: #f5c31f;
  --dark-salmon: #c76254;
}




/*     Generated by Zeplin
Copyright (C) 2020 - present Zeplin

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/*

@font-face {
font-family: Lato;
src: local(Geomanist-Regular),
url(/path/to/Geomanist-Regular.woff2) format("woff2"),
url(/path/to/Geomanist-Regular.woff) format("woff"),
url(/path/to/Geomanist-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: Josefin;
src: local(JosefinSans-Regular),
url(/path/to/JosefinSans-Regular.woff2) format("woff2"),
url(/path/to/JosefinSans-Regular.woff) format("woff"),
url(/path/to/JosefinSans-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: Josefin Sans;
src: local(JosefinSans-Bold),
url(/path/to/JosefinSans-Bold.woff2) format("woff2"),
url(/path/to/JosefinSans-Bold.woff) format("woff"),
url(/path/to/JosefinSans-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: Playfair Display;
src: local(Playfair Display-Regular),
url(/path/to/PlayfairDisplay-Regular.woff2) format("woff2"),
url(/path/to/PlayfairDisplay-Regular.woff) format("woff"),
url(/path/to/PlayfairDisplay-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-stretch: normal;
} */

.H1-Dark,.dark h1{
  font-family: Playfair Display;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f5efe1;

}

h1 {
  font-family: Playfair Display;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color:#f8f8f8 ;
}

.H2-Light, .light h2 {
  font-family: Playfair Display;
  font-size: 38px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #485559;
}

h2 {
  font-family: Playfair Display;
  font-weight: 300;
}

h2:after{
  content: "";
  display: block;
  border-bottom: 6px solid #c76254;
  width: 70px;
  position: relative;
  bottom: -6px;
}

.text-center h2:after{
  margin:0 auto;
}

.two-column-display h3:after{
  content: "";
  display: block;
  border-bottom: 6px solid #c76254;
  width: 70px;
  margin:0 auto;
  position: relative;
  bottom: -6px;
}


.H2-Dark, .dark h2 {
  font-family: Playfair Display;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f5efe1;
}

h3 {
  font-family: Playfair Display;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #485559;
}

.dark h3{
  color: #f5efe1;
}

.H4-Light, .light h4 {
  font-family: Geomanist;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #485559;
}

.H4-Dark, .dark h4, h4 {
  font-family: Geomanist;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #485559);
}

.Paragraph-Light, .light p, .landing-page p {
  font-family: Geomanist;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #485559;
}

.tan p{
  font-family: Geomanist;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
}

.Paragraph-Dark, .dark p {
  font-family: Geomanist;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #000000;
}

.H6-Light, .light h6 {
  font-family: Josefin Sans;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #f8f8f8;
}

.H6-Dark, .dark h6 {
  font-family: Josefin Sans;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #72858c;
}

.Caption-Light, .light caption {
  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f8f8f8;
}

.Caption-Dark, .dark caption {
  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

h4.sub-heading {
  font-family: Josefin Sans;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  /*   text-align: left; */
  text-transform:uppercase;
  color: #72858c;
}

ul li{
  font-family: Geomanist;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56; 
}

.dark ul li{ 
  color: #f5efe1;
}

.dark .sub-heading{
  color: #f8f8f8; 
}

.tan .sub-heading{
  color: #72858c;
}


.dark
{
  background-color: #72858c;
}

.light{
  background-color: #f8f8f8;
}
.tan{
  background-color: #f5efe1;
}

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


.small-padding{ padding: 30px 0px; }
.medium-padding{ padding: 60px 0px; }
.large-padding{ padding: 90px 0px; }

.hide-on-desktop{
  display:none !important; 
}
.hide-on-mobile{
  display:block !important; 
}


@media(max-width:767px){

  .block{
    /*     padding-left:30px;
    padding-right:30px; */
  }

  .hide-on-desktop{
    display:block !important; 
  }
  .hide-on-mobile{
    display:none !important;
  }

}












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

/* ==========================================================================
HS COS Boilerplate v1.5.0
========================================================================== */

/* These includes are optional, but helpful. */
/* 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;} 





/* ==========================================================================
INDEX
==========================================================================

1. BASE STYLES   
- Variables
- Macros
- Base
- Typography
2. COS STRUCTURE
- Structure
- Header
- Content
- Footer
3. MAIN NAVIGATION
- Custom Menu Primary
- Mobile Menu
4. TEMPLATE MODULE CLASSES
- Common Template Classes
- Site Pages
- Landing Pages
- System Pages
5. COS COMPONENTS
- Blog
- Forms
- Buttons
6. MISCELLANOUS
7. MOBILE MEDIA QUERIES

========================================================================== */








/* ==========================================================================
1. BASE STYLES
========================================================================== */





/* ==========================================================================
Variables
========================================================================== */


/**
* Find the most consistently used font styles, colors, and container widths
* for your site and assign them to the jinja variables below for easy use
* and reference.
*
* Apply the variable as shown below.  Ignore the jingja comment tags.
*
* 
*/

/* Colors */
  /*  */
  /*  */
  /*  */
  /*  */
  /*  */
  /*  */

/* Typography */
      /*  */
             /*  */
              /*  */
 /*  */

/* Well Colors */






 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

   /* Set Mobile Menu Background Color */
    /* Set Link Color */
 /* Set Link Hover Color */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
Macros
========================================================================== */


/**
* Create jinja macros for CSS3 properties that need browser prefixes.
*
* Apply the style as shown below.  Ignore the jinja comment tags.
*
* 
*/


/* Transition */


/* Animation Delay */


/* Box Shadow */


/* Background Size */


/* Border Radius */


/* User Select */


/* Opacity*/





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


/**
* Box Sizing
*
* Applies a natural box layout model to all elements so that width and padding
* are essentially combined, making responsive styles easier to manage.
*/

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

/* Website background color and default font styles */
body {
  background: #fff;
  color: #333;
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
* Page Center
*
* Apply .page-center to full-width modules.
*/

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1250px;
  margin: 0 auto;
}

.page-center-large{
  float: none;
  max-width:825px; 
  margin: 0 auto;
}

a {
  text-decoration: none;
  color: #666;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
a:hover,
a:focus {
  color: #343434;
}

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #333;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #333;
  text-shadow: none;
}

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


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


/* Basic text */
/* p { margin: 10px 0; } */
p{
  font-family: Geomanist;
  /*   font-size: 14px; */
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
}

.dark p{
  color: #f8f8f8;  
}
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 */
h1, h2, h3, h4, h5, h6 {
  font-family: ;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 { font-size: 40px; }
h2 { font-size: 33px; }
h3 { font-size: 30px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

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

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}

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








/* ==========================================================================
2. 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 {


}

.header-container .phone-number {
/*   position: absolute;
  top: -15px; */
  color: #fff;
  padding-left: 5px !important;
  font-size:16px;
font-family: Geomanist;
/*   width:500px; */

}

.header-container .phone-number a{
  color: #fff;
}
.inquire-btn a {
    background-color: #f5c31f;
    border-color: #f5c31f;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    font-family: Geomanist;
    width: 100%;
    max-width: 200px;
    text-align: center;
}
.inquire-btn {
    display: flex;
    justify-content: flex-end;
padding-right: 20
}
body.interior-page.hs-content-id-115712559115.hs-site-page.page .page-center.flex-item .span7.flex-center {
    display: none;
}
.inquiry-page-wrap {
    max-width: 560px;
    margin: 0px auto;
}
h2.thank-h2 {
    text-align: center;
    font-family: 'Geomanist-light';
    font-size: 30px;
    color: #56666c;
    margin-bottom:0px;
}
h2.thank-h2:after {
    display: none;
}
.inquiry-page-wrap {
    max-width: 560px;
    margin: 0px auto;
    text-align: center;
}
h3.thank-h3 {
    font-family: Playfair Display;
    text-transform: uppercase;
    font-size: 40px;
    color: #56666c;
    margin-top: 0px;
}
.inquiry-page-wrap p {
    font-size: 13px;
    color: #56666c;
}
body.interior-page.hs-content-id-115712559115.hs-site-page.page .page-center.flex-item .span5 {
    width: 100%;
    max-width: 560px;
    margin: 0px auto;
}
#hs_cos_wrapper_module_1581024198704728_ fieldset.form-columns-1 label span {
    color: #56666c;
    font-weight: normal;
    font-family: Geomanist;
    font-size: 13px;
  text-transform: initial;
}
body.interior-page.hs-content-id-115712559115.hs-site-page.page .page-center.flex-item .span5 .form-container {
    box-shadow: none;
  padding: 0px;
}
label#label-your_interest-df844695-4f23-47c4-a349-2a20a0bf72bb_2794 {
    text-transform: initial;
}
#hs_cos_wrapper_module_1581024198704728_ ul.inputs-list.multi-container li {
    width: 50%;
    display: inline-block;
}
#hs_cos_wrapper_module_1581024198704728_ ul.inputs-list.multi-container li label {
    display: flex;
    align-items: center;
}
#hs_cos_wrapper_module_1581024198704728_ li.hs-form-checkbox input {
    margin-right: 10px;
}
#hs_cos_wrapper_module_1581024198704728_ ul.no-list.hs-error-msgs.inputs-list label {
    color: #56666c;
    font-weight: normal;
    font-family: Geomanist;
    font-size: 13px;
    text-transform: initial;
}
#hs_cos_wrapper_module_1581024198704728_ .hs_comments.hs-comments.hs-fieldtype-textarea.field.hs-form-field {
    margin-top: 20px;
}
#hs_cos_wrapper_module_1581024198704728_ ul.inputs-list.multi-container {
    max-width: 315px;
    margin: 15px auto 15px;
}
.hs_your_interest.hs-your_interest.hs-fieldtype-checkbox.field.hs-form-field {
    text-align: center;
}
#hs_cos_wrapper_module_1581024198704728 .block.row.row-fluid.form-two-column.form_two_column.small-padding {
    padding-top: 0px;
}
#hs_cos_wrapper_module_1581024198704728_ li.hs-form-checkbox label span {
    text-transform: uppercase !important;
}
#hs_cos_wrapper_module_1581024198704728_ fieldset.form-columns-2 input,#hs_cos_wrapper_module_1581024198704728_ fieldset.form-columns-1 textarea {
    border: 1px solid #56666c;
    border-radius: 0px;
}
#hs_cos_wrapper_module_1581024198704728_  fieldset.form-columns-2 select {
    border: 1px solid #56666c;
    border-radius: 0px;
}
span#hs_cos_wrapper_module_1581024198704728_ form.hs-form fieldset .hs-form-field {
    padding: 0px 5px 0px 5px;
}
@media(max-width:767px){
  .header-container .phone-number {
    margin-left: 15px !important;

  }

}


.footer-container {

  background-color: #585953;
  color:#fff;

}
.footer-container h3 {
    font-size: 18px;
    color: #b7c9a7;
    font-family: Geomanist;
    text-align: center;
}
.footer-container-wrapper a.social-link {
    color: #fff;
    display: block;
}
ul.fotr-list {
    padding-left: 0;
    list-style: none;
  margin-top:0px;
}
ul.fotr-list li a{
  font-size:16px;
}
ul.fotr-list li:before {
    display: none !important;
}
.span3.widget-span.widget-type-cell.ftr-third-col {
    width: 15%;
    border-right: 1px solid #96a489;
    margin: 0px auto;
    text-align: center;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col h3 {
    text-align: left;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col .hs-button {
    background: #96a489;
    border: 0px;
    color: #fff;
    padding: 7px 0px;
    width: 100%;
    text-align: center;
    font-size: 14px !important;
    font-weight: normal;
    font-family: Geomanist;
    letter-spacing: 1.1px;
}
.footer-first-col-inner {
    display: block;
    font-size: 16px;
    font-family: Geomanist;
    text-align: left;
    max-width: 203px;
}
span.space {
    padding-left: 7px;
}
span.Hagen {
    display: block;
}
a.get-dir {
    display: block;
    /* font-size: 18px; */
    margin-top: 10px;
    text-decoration: underline;
    margin-bottom: 15px;
}
a.logo-link img {
    float: left;
    margin-bottom: 15px;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col select option {
    background: #585953;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col label.hs-error-msg.hs-main-font-element {
    color: #fff;
    opacity: 80%;
    font-size: 13px;
    font-weight: normal;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col input {
  background: transparent;
    color: #fff;
border-radius: 0 !important;
    border-color: #96a489 !important;
}
span.void-ftr {
    padding-right: 15px;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col input::placeholder {
    color: #fff;
  opacity:50%;
font-family: Geomanist;
}

.span3.widget-span.widget-type-custom_widget.ftr-fourth-col input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  opacity:50%;
font-family: Geomanist;
}

.span3.widget-span.widget-type-custom_widget.ftr-fourth-col input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
  opacity:50%;
font-family: Geomanist;
}
input#firstname-3b0fb26e-733d-4107-8f6e-04a4174cb8fa_690 {
    background: transparent !important;
}
.ftr-fourth-col input#firstname-3b0fb26e-733d-4107-8f6e-04a4174cb8fa_4252 ,.ftr-fourth-col input#lastname-3b0fb26e-733d-4107-8f6e-04a4174cb8fa_4252 ,.ftr-fourth-col input#email-3b0fb26e-733d-4107-8f6e-04a4174cb8fa_4252{
    background: transparent !important;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col select {
    background: transparent !important;
    color: #fff;
  opacity:50%;
border-radius: 0 !important;
    border-color: #96a489 !important;
}
.footer-first-col-inner {
    display: block;
    font-size: 16px;
    font-family: Geomanist;
  clear: both;
    margin-left: 3px;
}
.page-center.footer-wrap-stretch .row-fluid {
    align-items: stretch;
    display: flex;
}
li.cx-social-yt a:before {
    content: url(https://www.championhills.com/hubfs/youtube.png);
    width: 28px;
    margin: 0px auto;
}
li.cx-social-yt a:hover:before{
content:url(https://www.championhills.com/hubfs/YT-blue.png);
}
li.cx-social-Ig a:hover:before {
    content: url(https://www.championhills.com/hubfs/IG-blue.png);
}
li.cx-social-fb a:hover:before{
  content:url(https://www.championhills.com/hubfs/fb-blue.png);
}
li.cx-social-yt img,li.cx-social-Ig img,li.cx-social-fb img {
    display: none;
}
li.cx-social-Ig a:before {
    content: url(https://www.championhills.com/hubfs/insta.png);
    width: 24px;
}
li.cx-social-fb a:before {
    content: url(https://www.championhills.com/hubfs/facebook.png);
}
.span3.widget-span.widget-type-custom_widget.ftr-logo.ftr-first-col {
    width: 35%;
}
 .span3.widget-span.widget-type-custom_widget.ftr-second-col{
    width: 20%;
    border-left: 1px solid #96a489;
    border-right: 1px solid #96a489;
    padding-left: 15px;
}
.span8.widget-span.widget-type-custom_widget.copyright-txt p {
    letter-spacing: .5px;
    font-family: avenir-book,sans-serif;
}
.span3.widget-span.widget-type-custom_widget.ftr-fourth-col {
    width: 27%;
}
a.ftr-pp {
    margin-left: 15px;
}
ul.fotr-list {
    margin-bottom: 0px !important;
}
.footer-logo img{
  max-width:300px; 
}
ul.fotr-list li:last-child {
    margin-bottom: 0px !important;
}
ul.fotr-list li {
    margin-bottom: 10px;
}
.copyright-wrap  .span8.widget-span.widget-type-custom_widget.copyright-txt {
    margin-left: 6px;
}
.span12.widget-span.widget-type-cell.page-center.footer-wrap-stretch,.span12.widget-span.widget-type-cell.page-center.mobile-center.copyright-wrap {
    max-width: 1000px;
}
@media screen and (max-width:767px){
  .header-content.mainjheaderN .row-fluid-wrapper.row-depth-1.row-number-2 .row-fluid {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-content.mainjheaderN .phone-number.phone-header-col {
    width: 50%;
    margin-left: 0px !important;
}
.header-content.mainjheaderN .span6.widget-span.widget-type-custom_widget.inquire-col {
    width: 50%;
    flex-wrap: wrap;
}
.header-content.mainjheaderN .inquire-btn a{
font-size: 14px;
padding: 6px;
}
}
@media screen and (max-width:767px) and (min-width:450px){
 .span3.widget-span.widget-type-custom_widget.ftr-logo.ftr-first-col,.span3.widget-span.widget-type-custom_widget.ftr-second-col,
  .span3.widget-span.widget-type-cell.ftr-third-col,.span3.widget-span.widget-type-custom_widget.ftr-fourth-col{
    width: 50%;
}
 .page-center.footer-wrap-stretch .row-fluid {
    flex-wrap: wrap;
}
 .span3.widget-span.widget-type-custom_widget.ftr-second-col{
   border-right:0px; 
  }
  .span3.widget-span.widget-type-cell.ftr-third-col{
    border-right:0px;
  }
  .span3.widget-span.widget-type-custom_widget.ftr-fourth-col {
    border-left: 1px solid #96a489;
    padding-left: 35px;
    padding-top: 20px;
}
  ul.fotr-list li {
    margin-bottom: 7px;
}
  .span3.widget-span.widget-type-cell.ftr-third-col {
    margin-top: 20px;
}
}
@media screen and (max-width:450px){
 .span3.widget-span.widget-type-custom_widget.ftr-logo.ftr-first-col,.span3.widget-span.widget-type-custom_widget.ftr-second-col,
  .span3.widget-span.widget-type-cell.ftr-third-col,.span3.widget-span.widget-type-custom_widget.ftr-fourth-col{
    width: 100%;
}
 .page-center.footer-wrap-stretch .row-fluid {
    flex-wrap: wrap;
}
 .span3.widget-span.widget-type-custom_widget.ftr-second-col{
   border-right:0px; 
    border-left:0px;
    padding-left:0px;
    padding-top: 15px;
    border-top: 1px solid #96a489;
    margin-top: 15px;
  }

  .span3.widget-span.widget-type-cell.ftr-third-col{
    border-right:0px;
    border-left:0px;
    padding-left:0px;
     padding-top: 15px;
    border-top: 1px solid #96a489;
    margin-top: 15px;
  }
  .social-icons ul li {
    margin-bottom: 0px !important;
}
  .span3.widget-span.widget-type-custom_widget.ftr-fourth-col {
    border-left:0px;
    padding-left: 0px;
    padding-top: 0px;
}
  ul.fotr-list{
    padding-left: 0px !important;
  }
  ul.fotr-list li {
    margin-bottom: 7px;
}
  .span3.widget-span.widget-type-cell.ftr-third-col {
    margin-top: 20px;
}
  .span3.widget-span.widget-type-cell.ftr-third-col .span12.widget-span.widget-type-custom_widget.social-icons {
    width: 100%;
}
 .span3.widget-span.widget-type-custom_widget.ftr-fourth-col {
    padding-top: 15px;
    border-top: 1px solid #96a489;
    margin-top: 15px;
}
.cs-social-list li {
    width: 15%;
    display: flex;
}
ul.cs-social-list {
    display: flex;
    width: 100%;
}
  .mobile-trigger{
    right: 0px !important;
  }
}
@media screen and (max-width:480px){
    h3.thank-h3 {
    font-size: 24px;
}
 #hs_cos_wrapper_module_1581024198704728_ fieldset.form-columns-2 input,#hs_cos_wrapper_module_1581024198704728_ fieldset.form-columns-2 select {
    margin-right: 0px !important;
    width: 100% !important;
}
 #hs_cos_wrapper_module_1581024198704728_ ul.inputs-list.multi-container li {
    width: 100%;
}
 #hs_cos_wrapper_module_1581024198704728 .block.row.row-fluid.one-column.small-padding {
    padding-bottom: 0px;
}
}
@media screen and (max-width:380px){
  .header-content.mainjheaderN .hs_cos_wrapper_type_logo a img {
    width: 250px !important;
}
}
.bh-logo {max-width: 200px; height:60px!important; border-radius: 5px;}
.bh-photo {width: 100px; }
.bh-headline {text-align:center;}
.bh-container {display: flex;
  justify-content: center;
  align-items:center;
}
.bh-item {margin:5px;}
.social-icons ul li{ margin-bottom: 20px;}
.social-icons ul li::before { display: none !important;}
.social-icons ul { padding: 0 !important; margin: 0 !important;}
.copyright-txt, .copyright-txt a {color: #878783 !important;}
/* ==========================================================================
Header
========================================================================== */


.header-container-wrapper .logo img{
  max-width:300px;
}

.home-page .bg-section-top{
  min-height:749px !important; 
}



@media(max-width:767px){
  .home-page .bg-section-top{
    min-height:850px !important; 
  }

  .home-page-ctas .secondary{
    display:block;
    margin-top:20px !important;

  }
}

.home-page .hero-content{
  /*   max-width:850px;  */
}

.interior-page .bg-section-top{
  /*   min-height:460px;   */
  height:auto;
}

.header-container-wrapper {
  /*   position: fixed;
  width: 100%;
  z-index: 9999; */
}
.header-container {
  /*   padding: 10px 0; */
  background: #fff;
  z-index: 9999;
}
.header-cta{
  margin-top: 20px;
  -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo a img {
  -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
  /*background: #666;*/
  max-height: 74px;
  width: auto;
  /*   margin-top: 15px; */
}

/* Header Small */
.small-header .header-container { padding: 5px 0; }
.small-header .header-container .hs_cos_wrapper_type_logo a img { max-width: 100px; }
.small-header .custom-menu-primary .hs-menu-wrapper>ul { padding-top: 0; }
.small-header .header-cta { margin-top: 5px; }

@media(max-width:767px){
  .home-page .hero-overlay{
    padding:0px 15px;
  }
}

/* ==========================================================================
Content
========================================================================== */


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


/* Unique Pages
========================================================================== */



/* Reusable Components
========================================================================== */

/* FAQ Module */
.accordion { margin-bottom: 20px; }
.accordion_group {
  margin-bottom: 2px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  background: #f0f0f0;
  padding: 5px 10px;
}
.accordion_header {
  cursor: pointer;
  font-size: 18px;
  line-height: 16px;
  width: 100%;
  padding: 10px 15px;
}
.accordion_icon{
  color: #666;
  padding-right: 10px;
}
.accordion_content { padding: 10px 15px; }


/* Page Title Background */
.title-background{
  background: #f5f5f5;
}
.title-background h1, .title-background h2{
  margin-bottom: 0px;
}


/* Blog Subscribe Module */


.widget-type-blog_subscribe h3{
  text-align:center;
  font-family: Playfair Display;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 30px;
  color: #f5efe1;
}


.widget-type-blog_subscribe h3:after{
  content: "";
  display: block;
  border-bottom: 6px solid #c76254;
  width: 70px;
  position: relative;
  bottom: -6px;

}

.widget-type-blog_subscribe h3:after{
  margin:0 auto;
}




.subscribe-form {
  background: #f5f5f5;
}
.subscribe-form .widget-type-blog_subscribe input[type="email"] {
  max-width: 400px;
  height: 38px;
  width: 100%;
  margin: 0;
}
.subscribe-form .hs_email {
  display: inline-block;
  width: 300px;
  margin-right: 5px;
  vertical-align: top;
}
.subscribe-form .hs_submit {
  display: inline-block;
}
.subscribe-form .hs-button.primary {
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  border-color: #666;
  margin: 0;
}
.subscribe-form .hs-button.primary:hover {
  background: #fff;
  border-style: solid;
  color: #666;
  border-color: #666;
  background: #666;
  border-width: 2px;
}
/* Hide blog subscribe label */
.widget-type-blog_subscribe label {
  display: none !important;
}

/* Team member Module */
.team-member-headshot img{
  -webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
  max-width: 150px;
  max-height: 150px;
  border-style: solid;
  border-width: 5px;
  display: inline-block;
  width: 100%;
  border-color: #666;
  height: auto;
}
.team-member-social a{
  color: #666;
  font-size: 30px;
}
.three-column .team-member-social a {
  display: block;
}
.three-column .team-member-social i {
  padding: 0;
}
.team-member-social i{
  padding-right: 5px;
}
.team-member-social a:last-child i{
  padding-right: 0px;
}
.team-member-social a:hover,
.hs-author-social-links a.hs-author-social-link:hover {
  color: #ccc;
}
.team-member-name{
  margin: 0px;
  font-weight: 100;
}
.team-member-title{
  margin: 0px;
  color: #666;
  font-weight: 100;
}


/* Well Module */
#well{
  min-height: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  color: #fff;
}
#well .default{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  background: #666;
  border-color: #343434;
}
#well .primary{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  background: #74bdfc;
  border: 1px solid #428bca;
}
#well .success{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  background: #8eea8e;
  border: 1px solid #5cb85c;
}
#well .danger{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  background: #db7674;
  border: 1px solid #a94442;
}
#well .info{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  background: #8df2ff;
  border: 1px solid #5bc0de;
}
#well .plain{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  background:;
  color: #333;
  border: 1px solid #ddd;
}
#well .small{
  padding: 20px;
}
#well .medium{
  padding: 24px;
}
#well .large{
  padding: 28px;
}

#well .close{
  float: right;
  padding: 3px 10px 0px 0px;
  cursor: pointer;
  color: #333;
}

/* Pricing Module */
.pricing-table h3.heading {
  color: #fff;
  margin: 0px;
  text-align: center;
  padding: 5px 0px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  background: #666;
  border-top-right-radius: 4px;
}
.pricing-table .label{
  padding: 5px 10px;
  right: 15px;
  font-size: 12px;
  color: #fff;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  margin-left: 10px;
  vertical-align: middle;
  background: #343434;
}
.pricing-table .content {
  background: #f5f5f5;
  padding: 30px;
  text-align: center;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pricing-table .content ul{
  list-style: none;
  padding-left: 0px;

}
.pricing-table .content ul li{
  padding: 10px 0px;
}
.pricing-table .number{
  font-size: 60px;
  font-weight: 700;
}
.pricing-table .currency{
  font-size: 24px;
  position: relative;
  top: -25px;
}
.pricing-table .unit{
  font-size: 12px;
  color: #ccc;
  text-transform: uppercase;
}
.pricing-table .content a{
  padding: 10px 25px;
}
.icon-width i {
  color: #666;
}

/* Rich Editor Checkmark Lists */
.hs_cos_wrapper_type_rich_text ul {
  padding-left: 20px;
}
.hs_cos_wrapper_type_rich_text ul li {
  list-style: none;
}
.hs_cos_wrapper_type_rich_text ul li:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f058";
  margin-right: 8px;
  color: #666;
  font-size: 18px;
}

/* Tabber Module */
.body-container .tabber-tabs {
  border-bottom: 1px solid #ddd;
  list-style: none;
  padding: 0;
  margin: 0 0 -2px;
}
.tabber-tabs > li {
  float: left;
}
.tabber-tabs > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
  text-decoration: none;
  display: block;
}
.tabber-tabs > .active > a,
.tabber-tabs > .active > a:hover,
.tabber-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.tabber-content {
  background: #fff;
  padding: 8px;
  border: 1px solid #ddd;
  -webkit-border-radius: 0 4px 4px 4px;
-moz-border-radius: 0 4px 4px 4px;
-o-border-radius: 0 4px 4px 4px;
-ms-border-radius: 0 4px 4px 4px;
border-radius: 0 4px 4px 4px;
}
.body-container .tabber-content ul {
  padding: 0;
  margin: 0;
}
.tabber-content .block h3 {
  display: none;
}
.blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image {
  float: left;
  width: 40%;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
  float: right;
  width: 60%;
  padding: 0 0 0 15px;
}
.blog-tabber .hs-rss-item:last-child {
  margin-bottom: 10px;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
  display: block;
  width: auto;
}

.blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image {
  float: left;
  width: 40%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Testimonial */
.quote-box {
  background: #f5f5f5;
  padding: 30px;
  padding-bottom: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  margin-bottom: 30px;
}
.quote-box:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f5f5f5;
  position: absolute;
  bottom: -20px;
  margin-left: -20px;
  left: 50%;
}
.quote {
  border: none;
  padding: 0;
  font-size: 16px;
  color: #666666;
  margin: 0px;
}
.details {
  font-size: 13px;
}
.name {
  display: block;
  font-weight: normal;
  font-family: 'Montserrat', sans-serif;
}
.quote-box .title {
  display: block;
  color: #b3b3b3;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 13px;
}
.quote-box .fa{
  font-size: 18px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.img-rounded {
  border-radius: 6px;
}

.testimonial-headshot img{
  border-radius: 50%;
  max-width: 150px;
  max-height: 150px;
  margin-top: -10px;
  border: 5px solid #f5f5f5;
}

/* Flex Slider */
.hs_cos_flex-slider .caption {
  background: #666;
}


/* Modular Selectors
========================================================================== */

/* Colors */
.accentColor1 { color: #666; }
.accentColor2 { color: #ccc; }
.accentColor3 { color: #ddd; }

/* Delays */
.delayp1 { animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-delay: .1s;
-o-animation-delay: .1s;
transition-delay: .1s;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s; }
.delayp2 { animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-delay: .2s;
-o-animation-delay: .2s;
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s; }
.delayp3 { animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-delay: .3s;
-o-animation-delay: .3s;
transition-delay: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s; }
.delayp4 { animation-delay: .4s;
-moz-animation-delay: .4s;
-webkit-animation-delay: .4s;
-o-animation-delay: .4s;
transition-delay: .4s;
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
-o-transition-delay: .4s; }
.delayp5 { animation-delay: .5s;
-moz-animation-delay: .5s;
-webkit-animation-delay: .5s;
-o-animation-delay: .5s;
transition-delay: .5s;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s;
-o-transition-delay: .5s; }
.delayp6 { animation-delay: .6s;
-moz-animation-delay: .6s;
-webkit-animation-delay: .6s;
-o-animation-delay: .6s;
transition-delay: .6s;
-webkit-transition-delay: .6s;
-moz-transition-delay: .6s;
-o-transition-delay: .6s; }
.delayp7 { animation-delay: .7s;
-moz-animation-delay: .7s;
-webkit-animation-delay: .7s;
-o-animation-delay: .7s;
transition-delay: .7s;
-webkit-transition-delay: .7s;
-moz-transition-delay: .7s;
-o-transition-delay: .7s; }
.delayp8 { animation-delay: .8s;
-moz-animation-delay: .8s;
-webkit-animation-delay: .8s;
-o-animation-delay: .8s;
transition-delay: .8s;
-webkit-transition-delay: .8s;
-moz-transition-delay: .8s;
-o-transition-delay: .8s; }
.delayp9 { animation-delay: .9s;
-moz-animation-delay: .9s;
-webkit-animation-delay: .9s;
-o-animation-delay: .9s;
transition-delay: .9s;
-webkit-transition-delay: .9s;
-moz-transition-delay: .9s;
-o-transition-delay: .9s; }
.delay1s { animation-delay: 1s;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
-o-animation-delay: 1s;
transition-delay: 1s;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-o-transition-delay: 1s; }
.delay2s { animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-delay: .2s;
-o-animation-delay: .2s;
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s; }

/* Paddings */
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }

.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }

/* Margins */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

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


@media(max-width:767px){
  .footer-menu .span2{
    padding-top:10px;
    padding-bottom:10px;
  }

  .mobile-left{
    text-align:left !important;
  }
  .mobile-center{
    text-align:center !important; 
  }
}

.footer-copy{

  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  text-transform:uppercase;
  color: #f8f8f8;

}

.cm-copyright img{
  padding:0px 5px; 
}


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

.footer-background,
.footer-background a,
.footer-copyright a,
.footer-container-wrapper .more-links a,
.footer-container-wrapper .contact-us a,
.footer-container-wrapper .about-us a {
  color: #343434;
}
.footer-background,
.footer-background a {
  background: #666;
}
.footer-container-wrapper .more-links a:hover,
.footer-container-wrapper .contact-us a:hover,
.footer-container-wrapper .about-us a:hover {
  color: #FFF;
}
.footer-container-wrapper .more-links a {
  margin: 10px 0px;
}
.footer-container-wrapper .footer-copyright{
  background: #333;
  color: #ccc;
  padding: 10px 0px;
  font-size: 12px;
}
.footer-container-wrapper .social-icons .fa{
  font-size: 20px;
  padding-right: 5px;
}

/* Back to Top */
.container-fluid .row-fluid .back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: auto;
  font-size: 20px;
  padding: 1px 8px 4px;
  border-radius: 4px;
  background: #666;
  cursor: pointer;
}
.back-to-top a {
  color: #343434;
}

.footer-container-wrapper a{
  color:#fff; 
}



/* footer social icons */

.social-items{
  justify-content:center; 
  padding:5px 0px;
}

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

.social-link{
  padding:0px 10px; 
  font-size:28px;
}





/* ==========================================================================
3. MAIN NAVIGATION
========================================================================== */





/* ==========================================================================
Custom Menu Primary
========================================================================== */
@media(min-width:916px){
 .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    left:unset;
   right:0px;
  }
  
}



@media(max-width:767px){
  .custom-menu-primary .hs-menu-wrapper{
    background-color:rgba(0,0,0,0.7) !important; 
  }

  .custom-menu-primary .hs-menu-children-wrapper{
    padding:0px !important;

  }
}

.custom-menu-primary{
  text-align:right; 
}

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li  a{
  color:#fff;
  font-family: Geomanist;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  text-transform:uppercase;

}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#ccc;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:#fff;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  /*   color:#ccc; */
  color:#ffda60;
  text-decoration:underline;
}

.footer-menu a:hover, .footer-container-wrapper a:hover{
  color:#ffda60;
  /*   text-decoration:underline; */
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

.custom-menu-primary .hs-menu-children-wrapper{
  background:rgba(0,0,0,0.7); 
  padding:10px 5px;
}


/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
  .custom-menu-primary .hs-menu-wrapper { 
    display:block;
  }
}




/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.           
*/

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){


  .menu-container{
    margin:0px 15px !important; 
  }

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:     none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;      /* Position Button at right of screen  */
    right: 10px;    /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */    
    padding: 7px 10px 8px 10px;
    /*     background: #ffffff; /* Background color */ */
    color : 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


  /* Toggle Button Icon
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color:#fff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  .custom-menu-primary.js-enabled{
    position: relative;
    padding-top: 43px;
    margin: 10px 0 10px 0;
    top: 10px;
    margin-top: -40px;
  }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;       /* Positions the menu to drop from the very top of the screen */
    left: 0;      /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}


/* ==========================================================================
4. TEMPLATE MODULE SELECTORS
========================================================================== */




/* Common Template Selectors
========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.blog-sidebar ul, .sidebar ul{
  padding-left: 10px;
  list-style: none;
}

.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column,
body.landing-page.one-column,
body.error-template.one-column,
body.password-template.one-column,
body.subscription-template.one-column {}

body.site-page.one-column .main-content,
body.landing-page.one-column .main-content,
body.error-template .main-content,
body.password-template .main-content,
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column,
body.landing-page.two-column,
body.blog {}

body.site-page.two-column .main-content,
body.landing-page.two-column .main-content,
body.blog .blog-content {}

.blog h6 , .hero-content h6, .hero-content .sub-heading{
  font-family: Geomanist;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #f8f8f8;
}

.blog-post a{
  color:#0645AD;
}


.blog-list .widget-type-blog_subscribe label{
  display:block !important;
  text-transform:uppercase;
  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #f8f8f8;
}


.blog-subscribe .hs-form-field{
  width:20%;
  float:left;
  margin-right:10px;

}

.blog-subscribe .hs-form-field.hs-email{
  width:30%;
}

.blog-subscribe form{
  display: flex;
  justify-content: center;
}

.blog-subscribe .actions{
  margin-top:10px ;
}

@media(min-width:767px){
  .featured-post-content{
    padding:30px; 
  }
}


@media(max-width:767px){

  .blog-subscribe .hs-form-field{
    width:90%;
    float:unset;
    margin-right:0px;

  }

  .blog-subscribe .hs-form-field.hs-email{
    width:90%;
  }

  .blog-subscribe form{
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    /*     justify-content: center; */
  }

  .blog-subscribe .actions{
    /*   margin-top:10px ; */
    text-align:center;
  }


  .blog-post{
    padding-left:30px !important;
    padding-right:30px !important;
  }
}

.post-item .hs-featured-image-wrapper {
  height: 189px;
  overflow: hidden;
  margin-bottom: 20px;
  width:100%;
}

.post-item .hs-featured-image {
  float: unset;
  margin: 0 0 20px 0px;
  max-width:100%;
}

.post-header h3{  font-family: Geomanist;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #485559;
}


.post-body{
  font-family: Geomanist;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #000000; 
}



.learn-more{
  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  text-transform:uppercase;
  color: #000000; 
}


/* Common Three Column Selectors */
body.site-page.three-column,
body.landing-page.three-column {}

body.site-page.three-column .main-content,
body.landing-page.three-column .main-content {}


/* Site Pages
========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages
========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages
========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}








/* ==========================================================================
5. COS COMPONENTS
========================================================================== */

.hero-content{
  text-align:center;
  padding:100px 0px;
}



/* ==========================================================================
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 a{}

/* Blog Post Title */
.post-header h2  {
  margin-bottom: 0;
}

.post-header p{
  font-size: 13px;
}
/* Blog Author and Avatar */
#hubspot-author_data {
  float: left;
}
#hubspot-author_data a.author-link {}
.hs-author-avatar {}
.hs-author-avatar img {}

p.custom_listing_comments{
  float: right;
}

.hs-blog-social-share{
  float: left;
}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
  /*   padding-bottom: 60px; */
}
.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 { display: block; }
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  max-height: 300px;
  max-width: 100%;
  display: inline-block !important;
  float: none!important;
  margin: 10px 0px 10px 0px;
}

/* Read More Link */
a.more-link {}

/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

/**
* Blog Social Sharing icons
*
* Overrides defaults to better align icons and prevent overlapping
*/
.social-sharing-wrapper {
  clear: both;
}
.hs-blog-social-share {
  padding: 10px 0 0 0;
  height: auto;
}


/**
* 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 {
  text-align: center;
}
.blog-pagination .previous-posts-link {
  float: left;
}
.blog-pagination .all-posts-link {}
.blog-pagination .next-posts-link {
  float: right;
}

/* Blog Author Page */
.hs-author-social-label {
  display: inline-block;
  margin-right: 8px;
  font-weight: bold;
  vertical-align: middle;
}
.hs-author-social-links a.hs-author-social-link {
  font-size: 30px;
  display: inline-block;
  padding-right: 5px !important;
  background: none !important;
  vertical-align: middle;
}



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

.blog .blog-sidebar {}

.blog-sidebar-filter-list li {
  padding: 2px 0;
}

/* Blog Modules */

.blog .blog-sidebar .widget-span {
  padding: 0px 0px 40px 0px;
}


.card{
  background:orange;
  color:#fff;
  min-height:225px !important;
}

.more-cards{
  margin-top:20px; 
}

.blog-list .blog-card .card-bg{
  position: absolute;
  object-fit: cover;
  height: 100%;
  width:100%;
} 


.blog-card{
  color:#fff;
  position:relative;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

@media(max-width:767px){


  .featured-blog-card{ 
    margin-bottom:20px; 
  }

  .blog-list  .blog-card-overlay{
    margin:unset;
  }
}


.blog-card-overlay {
  height: 425px;
  cursor: pointer;
  background: linear-gradient(180deg,rgba(2,0,36,0) 50%,rgba(0,0,0,1) 100%) !important;
  position: relative;
  z-index: 11;
}

.blog-card-content{
  padding: 12px;
  position: absolute;
  bottom: 20px;
  left: 0px;
  color:#fff;
}

.blog-card-content h4{
  color:#fff !important; 
}

.blog-post .cta_button{
  background-color:unset; 
  border-color:unset;
  color:unset;
  padding:0px;
  border-style:none;
}


@media(max-width:767px){

  .more-cards{
    margin-top:0px; 
  }
}

/* ==========================================================================
Forms
========================================================================== */


/* All Global Forms
========================================================================== */

/* Form Field */
body .hs-form-field { margin-bottom: 15px; }

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

.form-container{
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #f8f8f8; 
  padding:30px;
}

.dark .form-container{
  background-color: #f5efe1; 
}


/* Labels */
body label {
  margin-bottom: 5px;
  font-weight: 700;
}

.form-container label{
  font-family:Geomanist;  
  text-transform:uppercase;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  display: block;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
  outline: 0;
  border-color: #666;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
  min-height: 200px;
}
body textarea:focus {}

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

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

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

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

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
  /* color: #555;
  opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
  /* color: #555;
  opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
  /* color: #555;
  opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
  /* color: #555;
  opacity: 1; */
}


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

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

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

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"],
.hs_cos_wrapper_type_form input[type="datetime"],
.hs_cos_wrapper_type_form input[type="datetime-local"],
.hs_cos_wrapper_type_form input[type="date"],
.hs_cos_wrapper_type_form input[type="month"],
.hs_cos_wrapper_type_form input[type="time"],
.hs_cos_wrapper_type_form input[type="week"],
.hs_cos_wrapper_type_form input[type="number"],
.hs_cos_wrapper_type_form input[type="email"],
.hs_cos_wrapper_type_form input[type="url"],
.hs_cos_wrapper_type_form input[type="search"],
.hs_cos_wrapper_type_form input[type="tel"],
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus,
.hs_cos_wrapper_type_form input[type="datetime"]:focus,
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus,
.hs_cos_wrapper_type_form input[type="date"]:focus,
.hs_cos_wrapper_type_form input[type="month"]:focus,
.hs_cos_wrapper_type_form input[type="time"]:focus,
.hs_cos_wrapper_type_form input[type="week"]:focus,
.hs_cos_wrapper_type_form input[type="number"]:focus,
.hs_cos_wrapper_type_form input[type="email"]:focus,
.hs_cos_wrapper_type_form input[type="url"]:focus,
.hs_cos_wrapper_type_form input[type="search"]:focus,
.hs_cos_wrapper_type_form input[type="tel"]:focus,
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

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

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


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

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

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

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

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

/* Error */
body .hs-common-error-message {}


/* 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"], .widget-type-blog_subscribe input[type="email"]{
  /*   width: 70%;
  float: left;
  margin-top: 2px;
  height: 36px; */
}
.blog-sidebar #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"] {}


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

/* Label */
.widget-type-google_search label {
  font-size: 24px;
  font-weight: 700;
  font-family: 'Montserrat',sans-serif;
  display: block;
  text-rendering: optimizelegibility;
  margin: 0px 0px 20px;
}

/* Input */
.widget-type-google_search input[type="text"] {
  width: 60%;
  float: left;
  margin-top: 0px;
  height: 36px;
}
.widget-type-google_search input[type="focus"] {}

.widget-type-google_search .hs-button.primary {
  float: left;
  margin-left: 2px;
}

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

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

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

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

/* Form Error Selectors
========================================================================== */
.hsformerror{
  font-size: 12px!important;
  border: 0 !important;
  color: #FFF!important;
  background-image: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  z-index: 99999 !important;
  border-color: #666 !important;
  background: #666 !important;
}
.hsformerror .close-form-error {
  color: #666;
}
.hsformerror em {
  border-color: #666 transparent transparent !important;
}

/* ==========================================================================
Buttons
========================================================================== */


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

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  background-color: #f5c31f;
  border-style: solid;
  border-color: #f5c31f;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  padding: 15px 30px;
  display: inline-block;
  margin-bottom: 0;

  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 14px;

  text-decoration: none;
  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  text-transform:uppercase;
  white-space: pre-wrap;
  -webkit-appearance: none;
}

@media(max-width:480px){
 
  body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  background-color: #f5c31f;
  border-style: solid;
  border-color: #f5c31f;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  padding: 15px 30px;
  display: inline-block;
  margin-bottom: 0;

  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 14px;

  text-decoration: none;
  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  text-transform:uppercase;

  -webkit-appearance: none;
      white-space: pre-wrap;
  text-align:center;
}
  
}

.cta_button {
  background-color: #f5c31f;
  border-style: solid;
  border-color: #f5c31f;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  padding: 15px 30px;
  display: inline-block;
  margin-bottom: 0;

  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 14px;

  text-decoration: none;
  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  text-transform:uppercase;

  -webkit-appearance: none;
}

.cta_button:hover{
  background-color:#ffda60;
  border-color: #ffda60;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  text-transform:uppercase;
  border: 2px solid ;
  background-color:#ffda60;
  border-color: #ffda60;
  color: #000;
}

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


.secondary .cta_button{
  border: solid 2px #f8f8f8;
  background-color: rgba(0, 0, 0, 0.22);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #f8f8f8;
}

.secondary .cta_button:hover{

  background-color: #f5c31f;
  border-style: solid;
  border-color: #f5c31f;

  border: solid 1px #f5c31f;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}


/* 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 comment "reply to" section */
.comment-reply-to{
  color: #333!important;
  background: none!important;
  padding-left: 0px!important;
}
.comment-reply-to:before{
  content: "\f112";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
  font-size: 15px;
  color: #666;
  vertical-align: top;
}
/* 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 {}


/* CTA Buttons
========================================================================== */

/**
* Override global CTA styles by wrapping the CTA module in a module group
* that has an ID, and use that ID to prefix your CTA selector. Example shown below.
*
* All overriding properties require !important tags.
*/

/* CTA button with border */
.cta_border_button {
  background: #fff;
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: ;
  padding: 8px 16px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  color: #666;
  border-color: #666;
  -webkit-appearance: none;
}
.cta_border_button:hover {
  border: 2px solid #FFF;
  color: #666;
  border-color: #666;
  background: #666;
  color: #FFF;
}

/* CTA button with Solid Background */
.cta_solid_button {
  border-style: solid;
  border-width: 2px;
  color: #FFF;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: ;
  padding: 8px 16px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  text-transform: uppercase;
  border-color: #666;
  -webkit-appearance: none;
}
.cta_solid_button:hover {
  background: #FFF;
  border-style: solid;
  border-width: 2px;
  border-color: #666;
  background: #666;
  text-transform: uppercase;
}



.hs-cta-img {
  height:100%; 
}






/* ==========================================================================
6. MISCELLANOUS
========================================================================== */





/**
* Styles that do not fit into available sections above can go here.
* For example, one would place 3rd party plugin overriding styles here.
*
* This section is NOT for 'Custom' styles.  All custom styles must go in the
* proper sections above.
*
* For instance, custom header and footer styles must go in the HEADER and
* FOOTER sections.  Custom styles for anything in-between the header and footer
* (such as, styles that are unique to the HOMEPAGE only), must go in the
* CONTENT section.
*/








/* ==========================================================================
7. MOBILE MEDIA QUERIES
========================================================================== */





/* Screen sizes smaller than site maxWidth (.page-center)
========================================================================== */

@media (max-width: 1250px) {
  .container-fluid .row-fluid .page-center {
    padding: 10px;
  }
  .container-fluid .footer-copyright .row-fluid .page-center {
    padding: 0 10px;
  }
}


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

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{ 

   .grid-card-view  .content-container{
   display: flex;
    flex-direction: column ;
    padding: 0px 30px; 
  }
  
  .grid-card-view{
    overflow:hidden;
  }
  
  .grid-card-description{
    width:100% !important; 
  }
  
  .grid-card-view  .content-container .hide-on-mobile{
   width:100%; 
  }
  
  .next-row{
    margin-left:60px; 
  }
  
  .footer-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-gap: unset !important;
}

  .custom-menu-primary.js-enabled{
   width:100%; 
  }
  
  
  .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper {
    display: none;
}
  
  .menu-container{
    margin:0px 15px !important; 
  }

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:     none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 20px;      /* Position Button at right of screen  */
    right: 10px;    /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */    
    padding: 7px 10px 8px 10px;
    /*     background: #ffffff; /* Background color */ */
    color : 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
/*     background-color: #000000;  */
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


  /* Toggle Button Icon
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color:#fff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  .custom-menu-primary.js-enabled{
    position: relative;
    padding-top: 60px;
    margin: 10px 0 10px 0;
    top: 10px;
    margin-top: -60px;
  }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: absolute; /**************************************************************/
    top: 70px;       /* Positions the menu to drop from the very top of the screen */
    left: 0;      /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color: rgba(0,0,0,0.7) !important;

/*     background-color:#000000; /* Menu background color set off global menuColorMobile variable */ */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{ 
  
     .grid-card-view  .content-container{
   display: flex;
    flex-direction: column ;
    padding: 0px 30px; 
  }
  
  .grid-card-view{
    overflow:hidden;
  }
  
  .grid-card-description{
    width:100% !important; 
  }
  
  .grid-card-view  .content-container .hide-on-mobile{
   width:100%; 
  }
  
  .next-row{
    margin-left:60px; 
  }
  
  
  .footer-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    grid-gap: unset !important;
}

/*    .grid-card-view  .content-container{
   display: flex;
    flex-direction: column ;
    padding: 0px 30px; 
  }
 */

  .custom-menu-primary.js-enabled{
   width:100%; 
  }
  
  
  .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper {
    display: none;
}
  
  .menu-container{
    margin:0px 15px !important; 
  }

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:     none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 20px;      /* Position Button at right of screen  */
    right: 10px;    /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */    
    padding: 7px 10px 8px 10px;
    /*     background: #ffffff; /* Background color */ */
    color : 1px solid #000000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
/*     background-color: #000000;  */
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: transparent;
  }


  /* Toggle Button Icon
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color:#fff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  .custom-menu-primary.js-enabled{
    position: relative;
    padding-top: 60px;
    margin: 10px 0 10px 0;
    top: 10px;
    margin-top: -60px;
  }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: absolute; /**************************************************************/
    top: 70px;       /* Positions the menu to drop from the very top of the screen */
    left: 0;      /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
        background-color: rgba(0,0,0,0.7) !important;
/*     background-color:#000000; /* Menu background color set off global menuColorMobile variable */ */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }

}

 @media only screen and (min-device-width: 768px){


}

@media (max-width: 768px) {
  .header-container-wrapper{
    position: relative;
  }

  .header-container{
    padding: 0;
  }

  .header-container-wrapper .container-fluid .row-fluid .page-center{
    padding: 0;
  }

  .header-container .hs_cos_wrapper_type_logo a img {
/*     max-width: 100%;
    margin: 5px 0 5px 10px; */
  }

  .row-fluid [class*="span"].header-cta{
    display: none !important;
  }

  /* General */
  .body-container-wrapper {
    padding-top: 0;
  }
  .padding40tb {
    padding: 25px 0;
  }
  .sidebar.right,
  .main-content,
  .blog-sidebar {
    margin: 25px 0;
  }

  /* Team Member Social */
  .three-column .team-member-social a {
    display: inline-block;
  }
  .three-column .team-member-social i {
    padding-right: 5px;
  }
  .three-column .team-member-social a:last-child i {
    padding-right: 0;
  }
  .team-member-name,
  .team-member-title {
    text-align: center;
  }

  /* Footer */
  .footer-container-wrapper .more-links a i {
    display: inline-block;
    width: auto;
  }
  .footer-container .about-us,
  .footer-container .more-links {
    margin-bottom: 25px;
  }

  /* Homepage */
  .service-group h4,
  .service-group-icon,
  #offer-background-image h1,
  #banner-background-image {
    text-align: center;
  }
  .homepage .subscribe-form {
    padding-top: 10px;
  }

  .homepage .subscribe-form .hs_email {
    width: auto;
  }
  #banner-background-image h1 {
    font-size: 32px;
    margin-bottom: 15px;
    margin-top: 55px;
  }
  #banner-background-image h3 {
    display: none;
  }
  .homepage .subscribe-form {
    width: 100%;
  }
  .social-tagline {
    text-align: center;
    margin-bottom: 15px;
  }

  /* Blog */
  #comment-form {
    margin-bottom: 25px;
  }
}



.footer-menu{
  
}

.footer-grid{
  display:grid;
 grid-template-columns: repeat(7, 1fr); 
  grid-gap: 20px;
}

@media(max-width:767px){
.footer-grid{
  display:grid;
 grid-template-columns: 1fr; 
  grid-gap: unset;
}

}

.footer-menu ul{
  list-style:none;
  padding:0px;
}

.footer-menu   .first{
  font-weight:bold;
  border-bottom:1px solid white;
  margin-bottom:20px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: #f8f8f8;
}

.footer-menu  ul > li + li{
  font-weight:normal;
  border-bottom:none;
  margin-bottom:none;
}


.footer-menu a{

  font-family: Josefin Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  text-transform:uppercase;
  color: #f8f8f8; 
}
.landing-banner-content {
    text-align: center;
    padding: 0px 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100% !important;
    height: 100%;
}
  .banner-content {
    max-width: 1140px;
    margin: 0 auto !important;
    float: none !important;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;

}
  .banner-descp {
    position: absolute;
    bottom: 20px;
    right: 0;
    text-align: right;
}
  .banner-title h1 {
padding-top: 50px;
    letter-spacing: 10px;
    font-size: 41px;
    text-shadow: 0px 0px 15px rgb(0 0 0 / 50%);
}
.landing-page h4.sub-heading.text-center {
    font-size: 21px;
    color: #221f1f;
}
.blog-content {
    text-align: center;
    padding: 20px;
    max-width: calc(100% - 40px);
    margin: -80px auto 0;
    background: #fff;
    z-index: 9;
    position: relative;
    box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.15);
    
}
.blog-content h3 {
    text-transform: uppercase;
    font-size: 24px;
    margin: 0 auto;
    
}
.image-slider .slick-dots li button:before {
    display: none
}
.image-slider.slick-initialized .slick-slide {
    display: block;
    padding: 0px 10px;
}
body.interior-page.landing-page.hs-content-id-179448189206.hs-site-page.page .module_15810241987047285 .page-center {
    max-width: 100%;
}
body.interior-page.landing-page .module_15810241987047286 .block.row.row-fluid.one-column.small-padding {
    padding: 50px 0px 0px;
}
body.interior-page.landing-page .module_15810241987047286 h4.sub-heading.text-center {
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 0px !important;
}
body.interior-page.landing-page .module_15810241987047286 h2 {
    text-transform: uppercase;
    margin: 0px;
}
body.interior-page.landing-page .module_15810241987047286 h2:after {
    display: none;
}
body.landing-page .module_15810241987047282.tan,body.landing-page .module_15810241987047283.tan {
    max-width: 1380px;
    margin: 0 auto;
}
body.landing-page .module_158102419870472810 {
    background: #3a5d5d;
margin-top: 135px;
}
body.landing-page  .module_158102419870472810 .block.row.row-fluid.form-two-column.form_two_column.small-padding {
    padding-top: 30px !important;
}
body.landing-page .module_158102419870472810 .page-center.flex-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
body.landing-page .module_158102419870472810 h4.sub-heading {
    text-align: center;
    font-weight: normal;
    font-size: 21px;
    color: #fff;
    margin: 0 auto 20px;
    max-width: 325px;
    letter-spacing: 1px;
}
body.landing-page .module_15810241987047282 h4.sub-heading {
    font-family: Josefin Sans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* text-align: left; */
    text-transform: uppercase;
    color: #72858c;
}
body.landing-page .module_158102419870472810 .form-container {
    padding: 0;
    background: transparent;
  box-shadow: none;
}
body.landing-page .module_158102419870472810 .span5 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
 }
body.landing-page .module_158102419870472810  form input {
    height: 50px !important;
    border: 0 !important;
    border-radius: 0 !important;
}
body.landing-page  .module_158102419870472810 .form-container fieldset {
    display: flex;
    gap: 50px;
}
body.landing-page .module_158102419870472810 .form-container .hs-form-field {
    padding: 0 !important;
    margin-bottom: 40px !important;
}
body.landing-page .module_158102419870472810 form input , body.landing-page .module_158102419870472810 form select{
    height: 50px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #4c4a4a;
    text-transform: uppercase;
    font-size: 21px;
    font-family: Geomanist;
    font-weight: 500;
}
body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 {
    gap: 25px;
}
body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 .hs_comment {
    width: 66.66%;
}
body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 .hs_newsletter_subscription {
    width: 33.33%;
    padding-left: 25px !important;
}
body.landing-page .module_158102419870472810 form textarea {
    height: 125px !important;
    resize: none;
    border: 0;
    border-radius: 0 !important;
    min-height: 1px;
   color: #4c4a4a;
    text-transform: uppercase;
    font-size: 21px;
    font-family: Geomanist;
    font-weight: 500;
}
body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 label.hs-form-booleancheckbox-display {
    display: flex;
    align-items: center;
    gap: 20px;
}
body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 label.hs-form-booleancheckbox-display {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 21px;
    font-family: Geomanist;
}
body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 label.hs-form-booleancheckbox-display input {
    width: 50px;
}
body.landing-page .module_158102419870472810 form .hs_submit.hs-submit {
    text-align: center;
}
body.landing-page .module_158102419870472810 form .hs_submit.hs-submit input {
    color: #fff;
    line-height: 0.5;
    letter-spacing: 2px;
    font-weight: 600;
}
.tabs-wrapper {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
  gap: 20px;
}
.tab-links {
    list-style: none;
    padding: 0;
    display: flex;
    cursor: pointer;
}

.tab-links {
    list-style: none;
    padding: 0;
    display: flex;
    cursor: pointer;
    margin: 0;
    list-style: none;
    flex-direction: column;
}
.tab-links li{
 margin-bottom: 10px;
}
.tab-links li a {
    color: #000;
font-size: 21px;
    border-bottom: 2px solid #fff;
}
.tab-links li.active a {
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid #000;
}
.tab {
    display: none;
}
.tab.active {
    display: block;
}
.area-interest-title {
    font-size: 21px;
    margin-bottom: 20px;
}
.tab-nav {
    width: 100%;
    max-width: 275px;
}
.tab-content {
    width: calc(100% - 275px);
}
.module_15810241987047286 .page-center {
    width: 100%;
    max-width: 100% !important;
}
.image-slider .slick-slide img{
  width: 100%;
}
.image-slider ul.slick-dots {
    position: relative;
    bottom: -20px;
    margin: 0;
}
.image-slider ul.slick-dots li button {
    padding: 0 !important;
}
.image-slider ul.slick-dots li button {
    padding: 0 !important;
    background: #818e7e;
    border-radius: 50%;
   border: 1px solid #818e7e;
}
.image-slider .slick-dots li {   
    margin: 0 10px;
}
.image-slider ul.slick-dots li.slick-active button {
    background: transparent !important;
    border: 1px solid #818e7e;
}
body.landing-page .row-fluid-wrapper.row-depth-1.row-number-1 .span12.widget-span.widget-type-custom_widget.hidden {
    min-height: 0px;
}
    .tab-content img {
        width: 100%;
        height: auto;
    }
.video {
    position: relative;
}
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(97, 94, 94, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 20px;
    text-align: center;
    font-family: Geomanist;
    font-size: 18px;
    font-weight: 500;
   
opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: 0.3s ease-in;
}
.video:hover .video-overlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.video-overlay-txt {
    max-width: 300px;
}
/* Landscape phones and smaller devices
========================================================================== */
@media (max-width: 800px) {
  .module_15810241987047288 .span4 {
    margin-bottom: 50px;
}
  body.landing-page .module_158102419870472810 .form-container fieldset {
    gap: 30px;
}
  body.landing-page .module_158102419870472810 .form-container .hs-form-field {   
    margin-bottom: 30px !important;
}
  body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 label.hs-form-booleancheckbox-display {
       font-size: 18px;
}
  body.landing-page .module_158102419870472810 {  
    margin-top: 75px;
}
}
@media (max-width: 479px) {
.banner-title h1 {
    padding-top: 75px;
    letter-spacing: 4px;
    font-size: 30px;
    text-shadow: 0px 0px 15px rgb(0 0 0 / 50%);
    display: flex;
    justify-content: center;
}
  .module_15810241987047288 .span4 {
    margin-bottom: 50px;
}
  body.landing-page .module_158102419870472810 .form-container fieldset {
    display: flex;
    gap: 0px;
    flex-direction: column;
}
  body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 {
    gap: 0;
}
  body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 .hs_comment {
    width: 100%;
}
  body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 .hs_newsletter_subscription {
    width: 100%;
    padding-left: 0px !important;
}
  .tabs-wrapper {   
    flex-direction: column;
}
  .tab-content {
    width: calc(100%);
}
  .inquire-btn {   
    justify-content: center;
    
}
  .tab-content img {
    width: 100%;
    height: auto;
}
  .landing-banner {   
    height: 420px !important;
}
  .banner-descp span#hs_cos_wrapper_module_1582053562509273_ {
    font-size: 18px !important;
}
  .module_15810241987047283 img {
    margin-bottom: 50px !important;
}
  .image-slider ul.slick-dots li button {
    height: 15px;
    width: 15px;
  }
  .image-slider .slick-dots li {
    margin: 0 5px;
}
  body.landing-page .module_158102419870472810 {
   
    margin-top: 0;
}
  body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 label.hs-form-booleancheckbox-display {   
    font-size: 16px;
  }
 body.landing-page .module_158102419870472810 .form-container fieldset.form-columns-2 label input#newsletter_subscription-76e98c76-04e2-45af-a453-bfc798e0f4a7_6674 {
    width: 30px !important;
}
  body.landing-page .module_158102419870472810 form input,  body.landing-page .module_158102419870472810 form textarea,body.landing-page .module_15810241987047210 form select {  
    font-size: 18px;
}
  body.landing-page .module_158102419870472810 .form-container .hs-form-field {   
    margin-bottom: 20px !important;
}
  #hs_cos_wrapper_module_1581024198704728_ fieldset.form-columns-2 input,
 #hs_cos_wrapper_module_1581024198704728_ fieldset.form-columns-2 select{
    width: 30px !important;
  }
}


/* 

/* Iphone menu style */