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

 
 
 

 
 
 








@keyframes menu-pop {
  0% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5); -ms-transform: scale(1.5);  -o-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
}
@keyframes menu-out {
  0% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5); -ms-transform: scale(1.5);  -o-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
  }
}

html { font-family: 'Montserrat', sans-serif;font-weight: 100;line-height: 1.7em;letter-spacing: .1em;font-size: 14px;color:#3c3c3c; }
body { margin: 0; }
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif;font-weight: 900;line-height: 1.1em;color: #434f51; }
a { color: #4da9c5;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
::selection { color: white;background:  #556d76; }
::-moz-selection { color: white;background: #556d76; }
.row-fluid [class*="span"] { min-height: 0; }
html .row-fluid .page-width { width: 1200px;max-width: 95%;margin-left: auto !important;margin-right: auto !important;float: none; }
html .row-fluid .small-width { width: 720px;max-width: 90%;margin-left: auto !important;margin-right: auto !important;float: none; } 
html .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width: 100%; }
html .section { padding: 80px 0; }
html .half-section { padding: 50px 0; }
html .section-bottom { padding-bottom: 80px; }
.center { text-align: center; }
.grey-bg { background: #F7F7F7; }

.blue-wood { background: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-dark.jpg) center;background-size: cover; }
.white-wood { background: url(https://326139.fs1.hubspotusercontent-na1.net/hub/326139/file-391365789.png) center;background-size: cover; }
.box { background: white;box-shadow: 0px 0px 35px rgba(0,0,0, .25); }

.responsive-video { position: relative;padding-top: 56%; }
.responsive-video > * { position: absolute;top:0;bottom:0;left:0;right:0;width: 100% !important;height: 100% !important; }

div[id*="big_play_button_background"] { top:0 !important;left:0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0,0,0, .1) !important;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.wistia_mouseover div[id*="big_play_button_background"] { background-color: rgba(0,0,0, .3) !important; }
div[id*="big_play_button_graphic"] { background: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/short-logo.png) center no-repeat !important;background-size: contain !important; }
div[id*="big_play_button_graphic"]:before { content:'WATCH';position: absolute;top: 50%;left: -80px;width: 80px;text-align: right;color: white;font-size: 18px;letter-spacing: 3px;font-weight: normal;margin-top: -12px; }
div[id*="big_play_button_graphic"]:after { content:'VIDEO';position: absolute;top: 50%;right: -80px;width: 80px;color: white;font-size: 18px;letter-spacing: 3px;font-weight: normal;margin-top: -12px; }

/*****************************************/
/*              Home Page                */
/*****************************************/

.white-wrapper { background: white; }

/* home Nav */

.home-nav { padding: 17px 0;position: absolute;top:0;left:0;width:100% !important;z-index:9000; }
.home-nav img { padding-bottom: 10px; }
.home-nav .mobile-group .hamberger { color: white; }
.home-nav a { color: white; }
.home-nav .logo-group .dark-logo { opacity:0; }

.inside-nav { padding: 10px 0 0;position: relative;z-index:9000;background: white; }
.inside-nav .logo-group { width: 250px !important;padding-bottom: 10px; }
.inside-nav .menu-wrapper { padding-top: 5px; }
.inside-nav a { color: #434f51; }

.new-nav .page-width > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.new-nav .page-width > .row-fluid-wrapper > .row-fluid > div { width: auto;margin: 0; }
.new-nav .mobile-group > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.new-nav .mobile-group > .row-fluid-wrapper > .row-fluid > div { width: auto; }
.new-nav .logo-group { position: relative; }
.new-nav .logo-group .dark-logo { position: absolute;top: 0;left:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.new-nav .menu-wrapper { flex: 1;text-align: right; }
.new-nav .menu-wrapper > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.new-nav .menu-wrapper > .row-fluid-wrapper > .row-fluid > div { width: auto; }
.new-nav .menu { flex: 1; }
.new-nav .menu ul { text-align: left; }
.new-nav a { text-decoration: none;font-weight: 600;text-transform: uppercase;font-size: 13px;letter-spacing: 2px; }
.new-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 10px 16px; }
.new-nav .last-nav-item { padding-bottom: 14px;margin: 0 !important; }
.new-nav .last-nav-item a { padding: 10px 0 10px 16px;display: inline-block; }

.icon-menu { position: fixed;bottom: 0;left: 0;width: 100% !important;padding: 0 10%;z-index: 9001;color: white;box-shadow: 0px 0px 35px rgba(0,0,0, .25);background: #434f51;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.icon-menu.hide { bottom: -100px; }
.icon-menu > .row-fluid-wrapper > .row-fluid { display: -webkit-flex; display: flex; }
.icon-menu > .row-fluid-wrapper > .row-fluid > div { flex: 1;text-align: center; }
.icon-menu a { display: inline-block;padding: 15px 30px;color: white;text-decoration: none; }
.icon-menu i { font-size: 25px; }

.new-nav .mobile-group .hamberger { display: none;padding: 10px 6%;position: absolute;right:0;top:0;bottom: 0;background: #4da9c5; }
.ham-wrap { position: relative;height: 20px;width: 30px;cursor: pointer;animation: menu-out .4s 1; }
.ham-wrap > span { overflow: auto;display: block;width: 30px;padding: 1px 0;position: absolute;left: 0;border-radius: 3px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;background: white; }
.ham-wrap .ham1 { top: 0; }
.ham-wrap .ham2 { top: 50%;margin-top: -1px; }
.ham-wrap .ham3 { bottom: 0; }
.ham-wrap.open { animation: menu-pop .4s 1; }
.ham-wrap.open .ham1 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);top: 50%;margin-top: -1px; }
.ham-wrap.open .ham2 { -moz-transform: scale(0); -ms-transform: scale(0);  -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
.ham-wrap.open .ham3 { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);bottom: 50%;margin-bottom: -1px; }

@media (min-width: 900px) {
    .icon-menu { display: none !important; }
    
    .new-nav .hs-menu-children-wrapper { border-radius: 5px;width: 250px;position: relative;background: #434f51; }
    .new-nav .hs-menu-children-wrapper:before { content: '';position:absolute;top: -10px;left: 50%;margin-left: -5px;width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #434f51 transparent;  }
    .new-nav .hs-menu-children-wrapper a { color: white;box-sizing: border-box;width: 100% !important; }
    .new-nav .hs-menu-children-wrapper li:nth-child(1) a { border-radius: 5px 5px 0 0; }
    .new-nav .hs-menu-children-wrapper li:nth-last-child(1) a { border-radius: 0 0 5px 5px; }
    .new-nav .hs-menu-children-wrapper a:hover { background: #556d76; }
    .new-nav .hs-menu-children-wrapper li:nth-child(1) a:before { content: '';position:absolute;top: -10px;left: 50%;margin-left: -5px;width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
    .new-nav .hs-menu-children-wrapper li:nth-child(1) a:hover:before { border-color: transparent transparent #556d76 transparent; }
}

/* hero */

html .homepage-hero-wrapper { position: relative; }
html .homepage-hero-wrapper .flex-home-hero { position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;width: 100%;overflow: hidden; }
html .flex-home-hero > span { width: 2000%;height: 100%;position: relative;left: 0;display: -webkit-flex; display: flex; }
html .flex-home-hero > span > div { width: 5%;height: 100%;position: relative; }
html .homepage-hero-wrapper .hero-text-wrapper { overflow: hidden;min-height: 80vh;background: rgba(46,46,46, .4);display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
html .homepage-hero-wrapper .hero-text-wrapper.ie-fix { background: rgba(46,46,46, .5); }
html .homepage-hero-wrapper .hero-text-wrapper > div { width: 750px;max-width: 85%;margin: 0 auto !important; }
.hero-background { position: fixed;width: 100%;height: 100%;background-blend-mode: multiply;background-color: #93a4ab; }
.hero-background.ie-fix { position: static; }

.home-hero-title { color: white;padding: 80px 0;position: relative;-webkit-transition:all .03s ease-in-out;-moz-transition:all .03s ease-in-out;-o-transition:all .03s ease-in-out;transition:all .03s ease-in-out; }
.home-hero-title h1 { font-size: 5.4em;line-height: 1em;font-family: 'Montserrat', sans-serif;font-weight: 100;text-transform: uppercase;margin: 0 0 50px;color: white; }
.home-hero-title .hero-bold { font-size: 1.65em;font-family: 'Montserrat', sans-serif;font-weight: 900;line-height: .8em; }
.home-hero-title .line2 { display: block;text-align: right;display: -webkit-flex; display: flex; }
.home-hero-title .hero-stretch { flex: 1;line-height: 1em; }
.home-hero-title .hero-cta { text-align: right; }

.hero-nav { position: absolute;bottom:0;left:0;width:100% !important;color: white; }
.img-nav { display: -webkit-flex; display: flex; }
.img-nav > div { flex: 1; }
.img-next { text-align: right; }
.img-nav > div > span { background: rgba(67,79,81, .8);display: inline-block;padding: 13px 20px;cursor: pointer; }

/* section 1 */

.extra-large-img img { width: 115% !important;height: auto;max-width: 150%; }
.home-box-section { padding-top: 22%; }
.home-box-wrapper { background: white;box-shadow: 0px 0px 35px rgba(0,0,0, .25);color: black;height:100%;box-sizing: border-box;position: relative;right: 5%; }
.home-box { padding: 80px 15%;overflow: hidden;position: relative;  }
.home-box:before { content: '';background: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-mini.png) center;background-repeat:no-repeat;background-size: contain;position: absolute;left:-21%;top: 0%;width: 35%;height: 150%; }
.home-box:after { content: '';background: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-mini.png) center;background-repeat:no-repeat;background-size: contain;position: absolute;right:-18%;top: -90%;width: 35%;height: 150%; }
.home-box .pre-header { font-size: 14px;text-transform: uppercase;letter-spacing: 5px;margin: 20px 0 11px;color: #4da9c5;font-weight: bold; }
.home-box h3 { font-size: 3em;margin: 10px 0 30px; }

/* home gallery */

.slanted-background-section { position: relative;z-index: 1; }
.slanted-background { position: absolute;top: 0;bottom: 0;left: 0;width: 100% !important;z-index:-1; }
.slanted-background > div:nth-child(2), .slanted-background > div:nth-child(2) > .row-fluid, .background-wrapper, .background-wrapper > div, .background-wrapper > div > span, .slanted-background .background, .slanted-background > div:nth-child(2) * { width: 100% !important;height:100% !important;display: block; }

.slant-wrapper { overflow: hidden;position: absolute;width: 100%; }
.slant-wrapper-top { padding-bottom: 5%; }
.slant-wrapper-bottom { padding-top: 5%;bottom:0; }
.slant-item { background: white;position: relative;width: 200%; }
.slant-top { padding-top: 10%;margin-left: -50%;-ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg);margin-top: -5%; }
.slant-bottom { padding-top: 10%;margin-left: -50%;-ms-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); transform: skewY(-5deg);margin-bottom: -5%; }

.gallery-flex > span { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.gallery-flex > span > div { box-sizing: border-box;padding: 15px; }
.gallery-flex > span > div:nth-child(2n+1) { padding-left:0; }
.gallery-flex > span > div:nth-child(2n) { padding-right:0; }
.gallery-flex > span > div:nth-child(4n+1), .gallery-flex > span > div:nth-child(4n) { width: 35%; }
.gallery-flex > span > div:nth-child(4n+2) { align-self: flex-end; }
.gallery-flex > span > div:nth-child(4n+2), .gallery-flex > span > div:nth-child(4n+3) { width: 65%; }

.home-gallery-item { display: block;text-decoration: none;color: white;background-blend-mode: multiply;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }
.home-gallery-item:hover { background-color: #434f51 !important; }
.gallery-flex > span > div:nth-child(4n+1) .home-gallery-item, .gallery-flex > span > div:nth-child(4n) .home-gallery-item { background-size: auto 115% !important;background-position: 50% 0 !important; }
.gallery-flex > span > div:nth-child(4n+2) .home-gallery-item, .gallery-flex > span > div:nth-child(4n+3) .home-gallery-item { background-size: 115% auto !important;background-position: 100% 0 !important; }
.gallery-flex > span > div:nth-child(4n+1) .home-gallery-item:hover, .gallery-flex > span > div:nth-child(4n) .home-gallery-item:hover { background-size: auto 110% !important;background-position: 48% 0 !important; }
.gallery-flex > span > div:nth-child(4n+2) .home-gallery-item:hover, .gallery-flex > span > div:nth-child(4n+3) .home-gallery-item:hover { background-size: 110% auto !important;background-position: 95% 0 !important; }
.home-gallery-item-overlay { display: block;padding: 40px;box-sizing: border-box;-webkit-align-items: flex-end; align-items: flex-end;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display: -webkit-flex; display: flex; }
.home-gallery-item-overlay.ie-fix { background: rgba(0,0,0, .55); }
.home-gallery-item:hover .home-gallery-item-overlay.ie-fix { background: rgba(19,22,23, .7) }
.gallery-flex > span > div:nth-child(4n+1) .home-gallery-item-overlay, .gallery-flex > span > div:nth-child(4n) .home-gallery-item-overlay { min-height: 550px; }
.gallery-flex > span > div:nth-child(4n+2) .home-gallery-item-overlay, .gallery-flex > span > div:nth-child(4n+3) .home-gallery-item-overlay { min-height: 425px; }

.home-gallery-item .gallery-pre { font-weight: 600;letter-spacing: 5px;text-transform: uppercase; }
.home-gallery-item .gallery-title { color: white;margin: 10px 0 0;font-size: 2.3em;line-height: 1.2em; }

/* home testimonials */

.home-testimonials-wrapper { width: 100%;overflow:hidden;position: relative;z-index: 1; }
.home-testimonials-wrapper:after { content: '';z-index: -1; background: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-mini.png?t=1497884773831) center; background-repeat: no-repeat; background-size: contain;position: absolute;right: -22%;top: -50%; width: 45%;height: 200%; }
.home-testimonials { width: 1000%;position: relative;left: 0;display: -webkit-flex; display: flex; }
.home-testimonials-tiem { width: 10%;padding: 45px;box-sizing: border-box;display: -webkit-flex; display: flex; }
.home-testimonials-tiem .home-testimonials-inside { flex: 1;padding:0 50px 0 25px;-webkit-flex-direction: column;flex-direction: column;display: -webkit-flex; display: flex; }
.home-testimonials-tiem h2 { font-family: 'Montserrat', sans-serif;font-size: 14px;text-transform: uppercase;letter-spacing: 5px;margin: 20px 0 11px;color: #4da9c5; }
.home-testimonials-tiem h3 { font-size: 3.1em;margin: 0 0 30px; }
.home-testimonials-tiem .post-body { flex:1; }
.home-testimonials-tiem .navigation { display: -webkit-flex; display: flex; }
.home-testimonials-tiem .navigation > span { width: 50%; }
.home-testimonials-tiem .navigation > span:nth-child(2) { text-align: right; }
.home-testimonials-tiem .navigation .arrow { cursor: pointer;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;color: #556d76;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.navigation .arrow .icon { position: relative;left:0;font-size: 14px;color: #434f51;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.navigation .prev .icon { top: -0.5px;display: inline-block;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg); }
.navigation .next .icon { top: .5px; }
.navigation .next:hover .icon { left: 5px; }
.navigation .prev:hover .icon { left: -5px; }
.home-testimonials-tiem .navigation .arrow:hover { color: #4da9c5; }
.home-testimonials-tiem .home-testimonials-right { width: 60%; }
.home-testimonials-wrapper .mobile-nav { display: none; }

/* home blog */

.home-featured .listing-feature { display: none; }
.home-featured .listing-feature:nth-child(1) { display: -webkit-flex; display: flex; }

/*****************************************/
/*                Blog                   */
/*****************************************/

.blog-search-items { padding: 30px;box-sizing: border-box; display: -webkit-flex; display: flex; }
.blog-search-items > div { width: 50%; }
.customer-topic { padding: 0 20px;position: relative;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.customer-topic > div { padding: 0 10px;flex: 1;position: relative; }
.customer-topic-active { border: 1px solid grey;color: #a2a2a2;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;border-radius: 5px;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.customer-topic-active span { flex: 1;padding: 0px 20px; }
.customer-topic-active i { border-left: 1px solid grey;padding: 18px 20px 18px 23px;font-size: 16px;cursor: pointer;color: #4da9c5; }
.customer-topic-list { text-align: center;position: absolute;background: white;left:0;right:56.3px;margin: 0 10px;display: none;border-radius: 5px;padding: 20px 10%;box-sizing: border-box;background: #556d76; }
.customer-topic-list a { display: block;color: white;text-decoration: none;padding: 5px 10px;border-radius: 5px;font-weight: normal; }
.customer-topic-list .active, .customer-topic-list a:hover { background: #434f51; }

.blog-search-wrapper > span, .customer-topic > span { font-weight: 700;color: #434f51; }

.blog-search-wrapper { padding: 0 20px;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.search-blog-form { padding: 0 0 0 10px;flex: 1;display: -webkit-flex; display: flex; }
.search-blog-form input { height: 54px;border: 1px solid grey;border-right: none;border-radius: 5px 0 0 5px;padding: 5px 20px;font-size: 14px; }
.search-blog-form input::-webkit-input-placeholder { color: #a2a2a2; }
.search-blog-form input::-moz-placeholder { color: #a2a2a2; }
.search-blog-form input:-ms-input-placeholder { color: #a2a2a2; }
.search-blog-form input:-moz-placeholder { color: #a2a2a2; }
.search-blog-form button { font-family: fontawesome;width: 60px;background: white;cursor: pointer;border: 1px solid grey;border-radius: 0 5px 5px 0;color: #4da9c5; }

.blog-listing { padding-bottom: 80px; }
.main-blog-listing .post-item { background: white;box-shadow: 0px 0px 35px rgba(0,0,0, .25); }
.listing-body { padding: 0px 15px;box-sizing: border-box;display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.listing-body .post-item-wraper { width: 50%;box-sizing: border-box;padding: 30px 15px 0; }
.listing-body .post-item { height: 100%;padding-bottom: 50px;text-align: center;box-sizing: border-box; }
.listing-body .featured-img { display: block;padding-top: 50%; }
.listing-body .post-header { padding: 50px 10% 0; }
.listing-body h2 { font-size: 2.3em; }
.listing-body h2 a { text-decoration: none;color: #434f51; }
.listing-body .post-body { padding: 0 10% 30px; }
.listing-hidden { display: none; }

.featured-section .blue-wood { display: none; }
.featured-section .blue-wood:nth-child(1) { display: block; }
.listing-feature { position: relative;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.feature-text { width: 30px;color: rgba(252,254,224, .30);left:0; }
.feature-text-inner { width: 500px;display: block;font-size: 3.8em;font-family: 'Montserrat', sans-serif;font-weight: 900;text-align:center;position: relative;left: -242px;-ms-transform: rotate(-90deg); -ms-transform-origin: 50%; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 50%; transform: rotate(-90deg); transform-origin: 50%; }
.first-post-wrapper { padding: 0 30px 0 0;flex: 1; }
.first-post-home { padding: 0; }
.first-post { display: -webkit-flex; display: flex; }
.first-post .first-content { width: 450px;max-width: 45%;min-height: 500px;box-sizing: border-box;padding: 60px 50px 60px 75px;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.first-post .featured-img { display: block;flex: 1;padding-top: 35%; }
.first-post h2 { font-size: 3em;line-height: 1.1em;margin: 20px 0 40px; }
.first-post h2 a { text-decoration: none;color: #434f51; }
.blog-topic-date { font-weight: 600;letter-spacing: 4px;text-transform: uppercase;color: #4da9c5; }
.blog-topic-date a { text-decoration: none;color: #4da9c5; }
.blog-topic-date a:hover { color: #556d76; }

.blog-show-more-wrapper { text-align: center;padding: 80px 0 10px;width: 100%; }
.blog-show-more, .more-link { cursor: pointer;text-decoration: none;font-size: 13px;text-transform: uppercase;font-weight: 600;letter-spacing: 4px;color: white;background: #556d76;display: inline-block;padding: 12px 35px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.blog-show-more:hover, .more-link:hover { background: #4da9c5; }

.inside-blog-img { height: 45vh;max-height: 400px; }
.blog-inside { display: -webkit-flex; display: flex; }

.blog-inside .blog-sidebar { width: 300px;max-width: 35%;order: 1; }
.blog-sidebar .blog-subscribe { border-radius: 4px;background-image: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/HomeHero.jpg);background-blend-mode: multiply;background-color: #93a4ab;background-size: cover;background-position: center; }
.blog-sidebar .blog-subscribe .overlay { border-radius: 4px;padding: 45px 25px;text-align: center;background: rgba(46, 46, 46, 0.4); }
.blog-sidebar .blog-subscribe .pre-header { text-transform: uppercase;letter-spacing: 2px;font-weight: 500;color: #4da9c5; }
.blog-sidebar .blog-subscribe h3 { color: white;font-weight: 500;font-size: 1.8em;line-height: 1.3em;margin-top: 5px; }
.blog-sidebar .blog-subscribe form .field input { border-radius: 50px;padding: 15px 40px; }
.blog-sidebar .blog-subscribe form .actions { padding-top: 10px; }
.blog-sidebar .blog-subscribe form .actions input { font-weight: 700;border-radius: 50px;padding: 15px 40px;background: #4da9c5; }

.blog-sidebar .blog-subscribe .hs_submit .actions { padding-bottom: 0; }

.recent-posts { border: 1px solid grey;border-radius: 3px;margin: 30px 0; }
.recent-posts > h3 { border-bottom: 1px solid grey;text-align: center;margin: 0;padding: 15px 0;font-weight: 600; }
.recent-inside { padding: 15px 20px; }
.recent-posts-item { padding:5px 0;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.recent-posts-item .featured-img { width: 80px;height: 80px; }
.recent-posts-item .recent-content { flex: 1;padding-left: 20px;font-size: 14px;color: #4da9c5; }
.recent-posts-item .recent-content a { text-decoration: none;color: #434f51; }
.recent-posts-item .recent-content h3 { font-weight: 700;font-size: 12px;margin: 5px 0 0; }

.blog-cat .customer-topic { display: block;border: 1px solid grey;border-radius: 3px;padding: 0;margin: 30px 0; }
.blog-cat .customer-topic h3 { border-bottom: 1px solid grey;margin: 0;text-align: center;padding: 15px 0;font-weight: 600; }
.blog-cat .customer-topic > div { padding: 0; }
.blog-cat .customer-topic-active, .blog-cat .customer-topic-active i { border: none; }
.blog-cat .customer-topic-list { margin: 0;right: 0; }

.blog-social { border: 1px solid grey;border-radius: 3px;margin: 30px 0; }
.blog-social h3 { border-bottom: 1px solid grey;margin: 0;text-align: center;padding: 15px 0;font-weight: 600; }
.blog-social .social-icons { text-align: center;padding: 20px; }
.blog-social .social-icons a { border: 1px solid #a2a2a2;width: 27px;border-radius: 50%;padding: 1px;margin: 0 2px;display: inline-block;box-sizing: border-box; }

.blog-inside .blog-section { padding-left: 6%;flex: 1;order: 2; }
.blog-inside .blog-section h1 { margin-top: 0;font-size: 3em; }
.blog-inside .post-share { padding: 20px 0 30px;border-top: 1px solid #4da9c5;border-bottom: 1px solid #4da9c5; }
.blog-inside .post-share .hs-blog-social-share-list { display: -webkit-flex; display: flex; }
.blog-inside .post-share .hs-blog-social-share-list li { flex: 1;margin: 0 10px !important;padding: 3px;text-align: center;border-radius: 50px;-webkit-justify-content: center;justify-content: center;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.blog-inside .post-share .hs-blog-social-share-item-twitter { background: #1b95e0; }
.blog-inside .post-share .hs-blog-social-share-item-linkedin { background: #0077b5; }
.blog-inside .post-share .hs-blog-social-share-item-facebook { background: #4267b2; }
.blog-inside .post-share .hs-blog-social-share-item-google-plus { border: 1px solid #d4d4d4; }

.post-nav { padding-top: 40px;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;display: -webkit-flex; display: flex; }
.post-nav a { color: #a2a2a2;text-decoration: none; }
.post-nav a:hover { color: #4da9c5; }
.post-nav a i { color: #4da9c5; }
.post-nav > div { flex: 1; }
.post-nav .all-art { text-align: center; }
.post-nav .next-art { text-align: right; }

.related-section h3 { text-align: center;padding-bottom: 40px;text-transform: uppercase;letter-spacing: 2px; }
.related-posts { padding: 0 5%;display: -webkit-flex; display: flex; }
.related-posts > div { width: 32%;margin-left: 2%;padding: 5px; }
.related-posts > div:nth-child(1) { margin-left: 0; }
.related-posts > div:nth-child(4) { display: none; }
.related-post-item { text-align: center; }
.related-title { padding-top: 10px; }
.related-post-item a { text-decoration: none;font-weight: 700;color: #434f51; }

.related-posts .related-image { display: block;padding-top: 70%; }

.blog-pagination { width: 100%;padding: 30px 15px;display: -webkit-flex; display: flex; }
.blog-pagination > div { width: 50%; }
.blog-pagination .pag-next { text-align: right; }
.blog-pagination a { text-decoration: none;text-transform: uppercase;font-weight: 700; }

/*****************************************/
/*               Gallery                 */
/*****************************************/

.gallery-section { padding-top: 80px; }
.split-bg-section { position: relative; }
.split-bg-wrapper { position: absolute;top:0;bottom:0;left:0;width: 100% !important;z-index: -1; }
.split-bg-wrapper * { height: 100%; }
.split-bg-wrapper .split-bg { -webkit-flex-direction: column; flex-direction: column; display: -webkit-flex; display: flex; }
.split-bg-wrapper .split-bg .split-bg-top { height: 80vh;background-blend-mode: multiply; background-color: #93a4ab;background-size:cover;background-position: center; }
.split-bg-wrapper .split-bg .split-bg-bottom { height: auto;flex:1;background-color: #eeeeee;background-size: 100% auto; }
.split-bg-wrapper .overlay { background: rgba(46, 46, 46, 0.4); }
.split-bg-wrapper .overlay.ie-fix { background: rgba(46, 46, 46, 0.8); }

.gallery { padding: 25px; }
.gallery-left { padding-right: 10px; }
.gallery-left h1, .gallery-left h2, .gallery-left h3, .gallery-left h4 { font-family: 'Montserrat', sans-serif;font-weight: 600; }
.gallery-left h2 { font-weight: 300;font-size: 28px;margin-top: 5px; }
.gallery-left .collapse-item { position: relative;border-bottom: 1px solid #d7d7d7;cursor: pointer; }
.gallery-left .collapse-item h4 { margin: 15px 0;font-size: 1.2em; }
.gallery-left .collapse-item i { position: absolute;right: 0;top:0; }
.gallery-left .collapsable { padding: 15px 0; }
.gallery-left input { display: none; }
.gallery-left label { display: block;cursor: pointer;position: relative;font-weight: 500;color: #3c3c3c;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.gallery-left label:before { content: '';font-size:1px;line-height:14px;color: #4da9c5;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.gallery-left input[type=checkbox]:checked + label:before { content: '+';font-size:14px;padding-right: 5px; } 
.gallery-left input[type=checkbox]:checked + label { color: #4da9c5; }
.gallery-left button[type="reset"] { background: transparent;padding: 10px 0;border: none;cursor: pointer;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;font-size: 10px;color: #4da9c5;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.gallery-left button[type="reset"]:hover { color: #434f51; }
.collapse-group a { text-decoration: none; }
.gallery-testimonials { padding-top: 20px; }
.gallery-testimonials h3 { margin-top: 0; }
.side-testimonial { padding: 5px 0; }
html .gallery-testimonials .collapsable-testimonial { display: none; }
.all-test { text-transform: uppercase;font-size: 12px;font-weight: 600;margin-top: 20px;display: inline-block;color: #434f51; }
.all-test:hover { color: #4da9c5; }

.gallery-listing-top { display: -webkit-flex; display: flex; }
.gallery-listing-header { flex: 1; }
.gallery-listing-header h1, .gallery-listing-header a { font-family: 'Montserrat', sans-serif;font-weight: 300;margin-top: 5px;text-decoration: none;font-size: 2em;color: #434f51; }
.gallery-listing-header a:hover { color: #4da9c5; }
.gallery-column-control { font-weight: 900;text-transform: uppercase;color: #434f51; }
.gallery-column-control span { cursor: pointer;display: inline-block;padding: 4px 5px 3px;width: 33px;box-sizing: border-box;text-align: center;border: 1px solid #434f51; }
.gallery-column-control .button3c { margin-left: 10px; }
.gallery-column-control .active { color: #d1d1d1;border-color: #d1d1d1; }
.gallery-column-control .mobile { display: none; }
.gallery-column-control .one-sq { height: 12px;width: 85%;border-radius: 2px;margin-top:4px;background: #434f51; }
.gallery-column-control .active .one-sq { background: #d1d1d1; }

.gallery-listing { margin-left: -10px;margin-right: -10px;display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.listing-style-3column > div { width: 33.3333%; }
.listing-style-2column > div { width: 50%; }
.gallery-item { display: none;padding:10px;box-sizing: border-box; }
.gallery-item.show { display: block; }
.gallery-item.show.main { display: block; }
.gallery-item.show.more { display: none; }
.gallery-listing-img { padding-top: 80%;display: block; }
.gallery-item-border { border: 1px solid #ebebeb;height: 100%; }
.gallery-item .post-header { padding: 25px; }
.gallery-item .post-header a { text-decoration: none;color: #3c3c3c; }
.gallery-item .post-header h2 { margin:0;font-family: 'Montserrat', sans-serif;font-weight: 300;font-size: 14px; }
.more-gallery-wrapper { text-align: center; }
.more-gallery { margin-top: 40px; }
.open-popup { cursor: pointer; }
.gallery-pin { position:absolute;z-index:5;bottom: 20px;right:20px;line-height: 1em !important;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.inside-gallery .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li:hover .gallery-pin { opacity:1; }
.vex-content.hs-gallery .hs_cos_flex-slides li div.caption { display: none; }

.popup-overlay-wrapper { display:none;position: fixed;top:0;left:0;width: 100%;height: 100vh;background: rgba(0,0,0, .2);z-index: 8999;padding-top: 80px;box-sizing: border-box; }
.popup-overlay-wrapper.w-close { padding-top: 0px;z-index: 9000; }
.popup-overlay-wrapper.show { display:block; }
.popup-overlay { height: 100%;width: 100%;-webkit-justify-content: center; justify-content: center;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.popup-box { position: relative;width: 900px;max-width: 90%;max-height: 90%;overflow: auto;box-sizing: border-box;padding: 60px 80px;background: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-bg.jpg) center;background-size: cover; }
.popup-box .box { padding: 50px 15%;box-shadow: 0px 0px 45px rgba(0,0,0, .15);text-align: center; }
.popup-box .close-popup { position: absolute;right: 27px;top: 20px;font-size: 25px;padding: 5px;cursor: pointer;opacity: .5;color: #434f51;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.popup-box .close-popup:hover { opacity: 1; }
.popup-overlay .pre-header { font-size: 1.2em;font-weight: 900;letter-spacing: 4px;text-transform: uppercase;color: #434f51; }
.popup-overlay h2 { font-size: 3em;margin: 10px 0 30px; }
.popup-overlay .extra-text { margin-bottom: 30px;display: inline-block; }
.popup-overlay .nope { font-size: 12px; }

.popup-overlay form { width: 400px;margin: 0 auto; }
html form .field { padding: 10px 0; }
html form .field input { font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 2px;padding: 12px 5px; }
::-webkit-input-placeholder { text-transform: uppercase;font-weight: 500;color: #434f51; }
::-moz-placeholder { text-transform: uppercase;font-weight: 500;color: #434f51; }
:-ms-input-placeholder { text-transform: uppercase;font-weight: 500;color: #434f51; }
:-moz-placeholder { text-transform: uppercase;font-weight: 500;color: #434f51; }
form .field textarea { height: 200px;padding: 15px 30px;resize: vertical;font-size: 1em;letter-spacing: 2px; }
form input:focus, form textarea:focus { outline: none; }
form textarea::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; }
form textarea:-moz-placeholder { font-family: 'Montserrat', sans-serif;  }
form textarea::-moz-placeholder { font-family: 'Montserrat', sans-serif; }
form textarea:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; }
form .field > label { display: none;text-transform: uppercase;font-weight: 500;color: #434f51; }
form .field input { border: none;border-bottom: 1px solid grey; }
form .field input.error { border-color: red; }
form .field input.error::-webkit-input-placeholder { color: red; }
form .field input.error::-moz-placeholder { color: red; }
form .field input.error:-ms-input-placeholder { color: red; }
form .field input.error:-moz-placeholder { color: red; }
form .hs-error-msgs { margin-bottom: 0;list-style-type: none;padding: 0; }
form .actions { padding: 40px 0; }
form .actions input { padding: 15px 40px;min-width: 220px;font-family: 'Montserrat', sans-serif;font-size: 14px;letter-spacing: 4px;color: white;text-transform: uppercase;font-weight: 500;border: none;cursor: pointer;background: #556d76;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
form .actions input:hover { background: #4da9c5; }
:focus { outline: none; }

form ul { list-style-type: none;padding-left: 0;font-weight: 400;color: #434f51; }
form ul input { margin-right: 10px; }
form fieldset { max-width: 100% !important; }
form .form-columns-2 .field .input { margin-right:20px !important; }
form .form-columns-2 .field:nth-child(2) .input { margin-right:0px !important;margin-left:20px; }
form .hs-error-msgs, form .hs-form-required { display: none !important; }
form .inputs-list.error { color: red; }

.gallery-post-inside h1 { font-family: 'Montserrat', sans-serif;font-weight: 400; }
.gallery-post-body { padding:10px 0 50px;display: -webkit-flex; display: flex; }
.gallery-content { flex: 1;padding-right: 10%; }
.gallery-details { order: 2;width: 350px;max-width: 45%;box-sizing: border-box;padding-left: 30px;border-left: 1px solid #d7d7d7; }
.gallery-details h3 { font-family: 'Montserrat', sans-serif;font-weight: 500;font-size: 13px;text-transform: uppercase;letter-spacing: 3px;margin-top:0; }
.gallery-details h4 { font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 13px;text-transform: uppercase;letter-spacing: 3px;margin-top:20px;color: #3c3c3c; }
.gallery-details  .hs-blog-social-share-item-google-plus { display: none; }
.inside-gallery .hs_cos_flex-slides { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.inside-gallery.ie-fix .hs_cos_flex-slides { display: block; }
.inside-gallery.ie-fix .hs_cos_flex-slides li { float:left; }
.inside-gallery .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li { height: auto; }
.inside-gallery-3column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li { width: 33.3333%;padding-top: 33.3333%;margin:0;min-height: 290px; }
.inside-gallery-2column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li { width: 50%;padding-top: 50%;margin: 0;min-height: 290px; }
.inside-gallery-2column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li:nth-child(odd) a { top: 10px;left: 0px;bottom:10px;right:10px; width: auto; height: auto; }
.inside-gallery-2column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li:nth-child(even) a { top: 10px;left: 10px;bottom:10px;right:0px; width: auto; height: auto; }
.inside-gallery-3column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li a { top: 10px;left: 10px;bottom:10px;right:10px; width: auto; height: auto; }
.inside-gallery .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides img { object-fit: cover; }

.why-cta { padding: 30px 0; }
.why-cta .box { display: -webkit-flex; display: flex; }
.why-cta .cta-left { width: 500px;max-width: 50%;box-sizing: border-box;padding: 60px 8%; }
.why-cta .cta-left h3 { font-size: 2.5em;margin-top:0; }
.why-cta .cta-right { flex: 1;background-blend-mode: multiply;box-sizing: border-box; }
.why-cta .cta-right .overlay { height: 100%;background: rgba(67,79,81, .6);box-sizing: border-box;padding: 30px 7%;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.why-cta .cta-benifits { width: 100%;color: white;display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.why-cta .cta-benifits > div { width: 50%;box-sizing: border-box;padding: 10px 7%; }
.why-cta .cta-benifits h4 { color: #fcfee0;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 13px;text-transform: uppercase;letter-spacing: 3px;margin-top:0; }

/*****************************************/
/*             Testimonial               */
/*****************************************/

.testimonial-listing-wrapper { width: 100%;overflow: hidden; }
.testimonial-listing { width: 2000%;display: -webkit-flex; display: flex; }
.testimonial-listing .post-item { width: 5%; }
.testimonial-body { height: 100%;display: -webkit-flex; display: flex; }
.testimonial-body .testimonial-left { width: 45%;box-sizing: border-box;-webkit-flex-direction: column;flex-direction: column;display: -webkit-flex; display: flex; }
.testimonial-body .page-header { flex: 1;padding-bottom: 50px;text-align: right; }
.testimonial-body .page-header h1, .testimonial-body .page-header h2 { font-size: 3.7em;margin-top: 0; }
.testimonial-body .testimonial-video { position: relative;padding-top: 56%; }
.testimonial-body .testimonial-video .wistia_embed { position: absolute;top:0;bottom:0;left:0;right:0;width:100% !important;height:100% !important; }

.testimonial-body .testimonial-right { width: 55%;box-sizing: border-box;padding: 60px 0 60px 60px;-webkit-flex-direction: column;flex-direction: column;display: -webkit-flex; display: flex; }
.testimonial-body .testimonial-right > * { opacity: 0; }
.post-1 .testimonial-body .testimonial-right > * { opacity: 1; }
.testimonial-body .video-img { opacity: 0; }
.post-1 .testimonial-body .video-img { opacity: 1; }
.testimonial-body .testimonial-right .spacer { flex: 1; }
.testimonial-body .testimonial-subhead { font-size: 20px;font-family: 'Montserrat', sans-serif;line-height: 1.8em; }
.testimonial-body .extra-content { display: inline-block;margin: 20px 0; }
.testimonial-body .post-header { order: 2; }
.testimonial-body .post-header h2 { font-size: 3em;margin: 0px 0 60px; }
.testimonial-body .testimonial-nav { order: 3;opacity: 1 !important;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.testimonial-body .testimonial-nav .testimonial-nav-arrows { padding-right: 25px; }
.testimonial-body .testimonial-nav i { display: inline-block;color: white;font-size: 20px;margin-right: 4px; }
.testimonial-body .testimonial-nav .fa-angle-right { padding: 10px 15px 10px 17px; }
.testimonial-body .testimonial-nav .fa-angle-left { padding: 10px 17px 10px 15px; }
.testimonial-body .testimonial-nav .nav-active { cursor: pointer;background: #434f51;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.testimonial-body .testimonial-nav .nav-active:hover { background: #556d76; }
.testimonial-body .testimonial-nav .nav-inactive { background: #ebebeb; }
.testimonial-body .testimonial-nav-item-wrapper { flex: 1;line-height:4px; }
.testimonial-body .testimonial-nav-item { display: inline-block;cursor: pointer;padding: 5px 3px; }
.testimonial-body .testimonial-nav-item span { display: block;width:45px;height: 4px;background: rgba(77,169,197, .5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.testimonial-body .testimonial-nav-item:hover span { background: rgba(77,169,197, 1); }
.active .testimonial-body .testimonial-nav-current span { background: rgba(77,169,197, 1); }
.testimonial-body .testimonial-nav *::selection { background:  white; }
.testimonial-body .testimonial-nav *::-moz-selection { background: white; }

/*****************************************/
/*             Inside Pages              */
/*****************************************/

.inside-header-left { text-align: right;padding-right: 40px; }
.inside-header-left h1 { font-size: 3.7em;margin-top: 0; }
.inside-header-right { padding-top: 7%; }
.inside-header-right h2, .inside-header-right h3, .inside-header-right h4 { font-weight: normal;line-height: 1.5em; }
.inside-header-right h2 strong, .inside-header-right h3 strong, .inside-header-right h4 strong { font-weight: bold; }

.extra-left > span > div { padding: 10px 0; }
.extra-left > span > .hs_cos_wrapper_type_linked_image { padding-top: 10%;text-align: center; }
.landing-left { padding: 0 40px 30px 0; }
.landing-left > span > .hs_cos_wrapper_type_linked_image { padding-top: 0;text-align: right; }
.extra-right > span > div { padding: 10px 0; }
.extra-right { font-size: 16px;font-weight: 300; }
.extra-right strong { font-weight: normal; }

.form-header { font-size: 16px;font-weight: 300;padding-bottom: 5%; }
.form-header h2 { font-size: 3em;margin: 30px 0; }

/* jobs */

.jobs-listing table tr { padding: 10px 0;border-top: 1px solid rgba(0,0,0,.2);display: block; }
.jobs-listing table th { padding-right: 10px;vertical-align: top; }

/* Resources */

.resources-flex { padding-bottom: 50px; }
.resources-flex > span { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.resources-flex > span > div { width: 32%;margin-left: 2%; }
.resources-flex > span > div:nth-child(3n+1) { margin-left: 0; }
.resource-item { text-align: center;padding: 10px 10px 80px; }
.resource-item img { width: 250px; }
.resource-item .pre-header { display: block;padding-top: 20px;text-transform: uppercase;font-weight: 600;font-size: 16px;letter-spacing: 3px;color: #556d76; }
.resource-item h3 { font-size: 3em;margin: 0px 0 30px; }
.resource-item .open-resource { cursor: pointer;text-decoration: none;font-size: 13px;text-transform: uppercase;font-weight: 600;letter-spacing: 4px;color: white;background: #556d76;display: inline-block;padding: 12px 35px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.resource-item .open-resource:hover { background: #4da9c5; }

/* About */

.about-award-group { padding-right: 10px; }
.about-award-group .hs_cos_wrapper_type_linked_image { padding-bottom: 10px;display: block; }
.about-award-group img { width: 100% !important;height: auto !important; }
.about-right { font-size: 16px;padding-left: 8%;font-weight: 300; }
.about-right strong { font-weight: normal; }
.about-right h2 { font-size: 2.5em;margin: 0 0 10px; }
.about-right p { margin: 25px 0; }

/* Process */

.process-slider { position: relative;width: 1100px !important;max-width: 100%;float: none !important;margin: 0 auto !important;padding: 0 5%; }
.process-slider .slick-track { height: 470px;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
.process-slider .slick-track > div { box-sizing: border-box; }
.process-slider .slick-list { padding-top: 40px !important;padding-bottom: 40px !important; }

.process-slider .slick-arrow { cursor: pointer;position: absolute;z-index: 3;top: 50%;border-radius: 0;margin-top: -22px;font-size: 1px;color: transparent;padding: 13px 10px;width: 46px;text-align: center;border: none;box-shadow: 0 0 5px rgba(0,0,0, .3);background: #4da9c5; }
.process-slider .slick-prev { left: -80px;padding: 13px 19px 13px 0;text-align: right; }
.process-slider .slick-prev:after { content: '';font-family: fontawesome;font-size: 20px;color: white; }
.process-slider .slick-next { right: -80px; }
.process-slider .slick-next:after { content: '';font-family: fontawesome;font-size: 20px;color: white; }

.process-step { background: white;height: 100%;position: relative;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.process-slider .slick-current .process-step { z-index: 2;box-shadow: 0 0 20px rgba(0,0,0, .3);-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2); }
.process-step .content { padding: 25px 7%;text-align: center; }
.process-step .step { display: block;font-weight: bold;font-size: 1.1em;text-transform: uppercase;color: #4da9c5; }
.process-step .title { display: block;font-weight: bold;font-size: 1.2em;padding-bottom: 10px; }

/* Contact */

.contact-form { padding: 7% 40px 0 10%; }
.contact-form .box { padding: 12%;position: relative;overflow: hidden; }
.contact-form .box:after { content: '';position: absolute;top:0;left:0;width: 35%;padding-top: 130%;background: url(https://326139.fs1.hubspotusercontent-na1.net/hubfs/326139/images/2017%20Site%20Images/woodgrain-mini.png?t=1505309203346) center no-repeat;background-size: contain;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 42% 0%; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 42% 0%; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: 42% 0%; }
.contact-form h3 { font-size: 1.9em;margin-top: 0; }

form .hs_how_long_do_you_plan_to_stay_in_your_home_ > label, form .hs_projects_you_are_considering > label { display: block; }
form .hs_questions_about li { display: inline-block;width: 49%;font-weight: 500; }
form .hs_questions_about .hs-form-radio-display { padding-left: 40px;position: relative;display: block; }
form .hs_questions_about .hs-form-radio-display input { position: absolute;left: 7px;top: 2px; }
form .hs_questions_about .hs-form-radio-display > span { display: inline-block; }

/* TY and LP */

.more-resources { text-align: center; }
.more-resources h2 { font-size: 2em; }
.more-resource-items { padding-top: 20px; }
.more-resource-items > span { -webkit-justify-content: center; justify-content: center;display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.more-resource-items > span > div { width: 33.3333%;padding: 0 5%;box-sizing: border-box; }
.more-resource-item { display: block;padding: 10px;text-decoration: none; }
.more-resource-item img { position: relative;top: 0;width: 200px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.more-resource-item:hover img { top: -5px; }
.more-resource-item h4 { font-size: 1.3em;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.more-resource-item:hover h4 { color: #4da9c5; }

/*****************************************/
/*               Footer                  */
/*****************************************/

.footer-top { color: white;padding: 40px 0;background: #434f51; }
.footer-top h1, .footer-top h2, .footer-top h3, .footer-top h4 { color: #fcfee0;font-family: "paralucent",sans-serif;font-weight: 700;font-size: 13px;text-transform: uppercase;letter-spacing: 4px;margin: 25px 0 12px; }
.footer-top a { color: white;font-weight: normal;text-decoration: none;font-size: 12px; }
.footer-top .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 7px 0;font-size: 14px;font-weight: 100; }
.footer-top form { display: -webkit-flex; display: flex; }
.footer-top form * { height: 100%; }
.footer-top form .field { padding: 0;flex: 1; }
.footer-top form .field input { background: transparent;border: 1px solid white;color: white;padding: 10px 20px; }
.footer-top form .actions { padding: 0; }
.footer-top form .actions input { background: white;color: #374446;padding: 15px 30px;min-width: 0;font-weight: 600;font-size: 12px;border-radius:0; }
.footer-top form .actions input:hover { color: white;background: #4da9c5; }
.footer-top form input { height: 48px; }
.footer-top form .field input::-webkit-input-placeholder { color: white; }
.footer-top form .field input::-moz-placeholder { color: white; }
.footer-top form .field input:-ms-input-placeholder { color: white; }
.footer-top form .field input:-moz-placeholder { ;color: white; }
.footer-social { padding-top: 10px; }
.social-bubbles a { display: inline-block;padding: 1px;font-size: 16px;width: 27px;box-sizing: border-box;text-align: center;border: 1px solid white;border-radius: 50%; }
.social-bubbles a:hover { color: #4da9c5;border-color: #4da9c5; }
.houzz-link { margin-left: 20px; }
.houzz-link img { width: 90px; }
.footer-bottom { color: white;background: #374446;font-size: 12px;padding: 13px 0; }

@media (max-width: 1450px) {
    .popup-box { padding: 30px;max-height: 95%; }
    .popup-box .box { padding: 40px 10% 20px; }
    .popup-box .close-popup { top: 30px; }
}

@media (max-width: 1200px) {
    .new-nav .page-width > .row-fluid-wrapper > .row-fluid { -webkit-justify-content: center; justify-content: center; display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .new-nav .mobile-group { width: 100% !important;text-align: center; }
    .new-nav .mobile-group > .row-fluid-wrapper > .row-fluid { -webkit-justify-content: center; justify-content: center; }
    .new-nav .widget-type-linked_image img { width: 250px !important; }
    .new-nav .menu-wrapper > .row-fluid-wrapper > .row-fluid { -webkit-justify-content: center; justify-content: center; }
    .new-nav .menu { flex: none; }
    html .homepage-hero-wrapper .hero-text-wrapper > div { padding-top: 100px; }
    .split-bg-wrapper .split-bg .split-bg-bottom { background-size: auto; }
    .gallery-post-body { display: block; }
    .gallery-details { width: 100%;max-width: 100%;padding: 0 0 20px;margin-bottom: 20px;border-left: none;border-bottom: 1px solid #d7d7d7; }
    .home-testimonials-tiem .post-body { display: none; }
    .home-testimonials-tiem .post-header { flex: 1; }
    .process-slider .slick-prev { left: -46px; }
    .process-slider .slick-next { right: -46px; }
}

@media (max-width: 900px) { 
    .mobile-spacer { height: 91px; }
    .footer-left, .footer-right { width: 100% !important;margin: 0 !important; }
    .listing-body .post-item-wraper { width: 100%; }
    .customer-topic { padding: 5px 20px;display: block; }
    .blog-search-wrapper { padding: 5px 20px;display: block; }
    .customer-topic > div, .search-blog-form { padding: 0; }
    .first-post .first-content { min-height: 0px; }
    .home-box-section .animated { opacity: 1 !important;bottom: 0 !important; }
    
    .new-nav { padding: 0; }
    .new-nav.inside-nav { position: absolute;z-index:9000;width: 100%;top:0;left:0; }
    .new-nav.open { position: fixed;z-index:9000;width: 100%; }
    html .new-nav .page-width { max-width: 100%; }
    .new-nav .page-width > .row-fluid-wrapper > .row-fluid { -webkit-flex-direction: column; flex-direction: column; }
    .new-nav.open .page-width > .row-fluid-wrapper > .row-fluid { height: 100vh; }
    .new-nav .menu-wrapper > .row-fluid-wrapper > .row-fluid > div { width: 100%; }
    .new-nav .mobile-group { position: relative;background: white;padding: 17px 0 10px; -webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out; }
    .new-nav.open .mobile-group { background: #556d76; }
    .new-nav .mobile-group > .row-fluid-wrapper > .row-fluid { -webkit-justify-content: flex-start; justify-content: flex-start; }
    .inside-nav .logo-group { width: auto !important; }
    .home-nav .logo-group .dark-logo { opacity:1; }
    .home-nav.open .logo-group .dark-logo, .new-nav.open .logo-group .dark-logo { opacity:0; }
    .new-nav .mobile-group .widget-type-linked_image { padding: 0 90px 0 10%;box-sizing: border-box;max-width: 95%; }
    .new-nav .mobile-group .hamberger { display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
    .new-nav .menu-wrapper { display: none;flex: 1;text-align: center; background: rgba(46, 46, 46, 0.7);width: 100% !important;padding-bottom: 100px; }
    .new-nav .menu-wrapper > .row-fluid-wrapper { height: 100%;display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; }
    .new-nav .menu-wrapper > .row-fluid-wrapper > .row-fluid { display: block; }
    .new-nav .menu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none;width: 100%; }
    .last-nav-item { display: none !important; }
    .inside-nav a { color: white; }
    .resources-flex > span > div { width: 49%; }
    .resources-flex > span > div:nth-child(3n+1) { margin-left: 2%; }
    .resources-flex > span > div:nth-child(2n+1) { margin-left: 0; }
    .resource-item h3, .form-header h2 { font-size: 2.2em; }
    form .hs_questions_about li { width: 100%; }
    .blog-inside .post-share .hs-blog-social-share-list { display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .blog-inside .post-share .hs-blog-social-share-list li { min-width: 40%;margin: 10px !important; }
    .post-nav { display: block; }
    .post-nav > div { text-align: center; }
    .related-posts { display: block; }
    .related-posts > div { width: 400px;max-width: 100%;margin: 10px auto !important; }
    
    .new-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .new-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { width: 100%;text-align: center;box-sizing: border-box;font-size: 2.5vh;line-height: 2em; }
    .new-nav .hs-item-has-children > a, .new-nav .menu ul li:nth-child(1) { display: none !important; }
    .home-nav .last-nav-item a { padding: 10px 16px; }
    .new-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static;visibility: visible; opacity: 1; }
    
    .home-hero-title h1 { font-size: 9.5vw; }
    .first-post { -webkit-flex-direction: column; flex-direction: column; }
    .first-post .featured-img { order: 1; }
    .first-post .first-content { width: 100%;max-width: 100%;order: 2; }
    .why-cta .box { display: block; }
    .why-cta .cta-left { width: 100%;max-width: 100%;padding: 40px 8%; }
    .testimonial-body { -webkit-flex-direction: column;flex-direction: column; }
    .testimonial-body > * { width: 100% !important; }
    .testimonial-body .testimonial-right { padding: 50px 0;flex: 1; }
    .testimonial-body .post-header { order: 0; }
    .testimonial-body .post-header h2 { font-size: 2em;margin: 0px 0 30px; }
}

@media (max-width: 767px) {
    html .section { padding: 50px 0; }
    .extra-large-img img { width: 100% !important; }
    .home-box-wrapper { right: 0; }
    .gallery-flex > span > div { width: 100% !important;padding: 10px !important; }
    .gallery-flex > span > div .home-gallery-item-overlay { min-height: 300px !important; }
    html .row-fluid .gallery-flex > span > div .home-gallery-item { background-size: cover !important; }
    html .row-fluid .gallery-flex > span > div .home-gallery-item:hover { background-size: cover !important; }
    .gallery-testimonials { display: none !important; }
    .gallery-listing-top { margin-top: 30px;padding-top: 30px;border-top: 1px solid #d7d7d7; }
    .listing-style-3column > div { width: 50%; }
    .listing-style-2column > div { width: 100%; }
    .listing-style-3column .gallery-item:nth-child(3n+1) { padding-right: 12px; }
    .listing-style-3column .gallery-item:nth-child(3n+2) { padding-right: 6px;padding-left: 6px; }
    .listing-style-3column .gallery-item:nth-child(3n) { padding-left: 12px; }
    .listing-style-3column .gallery-item:nth-child(odd) { padding-right: 9px; }
    .listing-style-3column .gallery-item:nth-child(even) { padding-left: 9px; }
    .listing-style-2column .gallery-item { padding-right:0 !important;padding-left:0 !important; }
    .gallery-column-control .mobile { display: inline-block; }
    .gallery-column-control .desktop { display: none; }
    .inside-gallery-3column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li { width: 50%;padding-top: 50%;margin:0; }
    .inside-gallery-2column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li { width: 100%;padding-top: 100%;margin: 0; }
    .inside-gallery-2column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li:nth-child(odd) a { top: 10px;left: 10px;bottom:10px;right:10px; }
    .inside-gallery-2column .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li:nth-child(even) a { top: 10px;left: 10px;bottom:10px;right:10px; }
    .home-testimonials-tiem { display: block;padding: 45px 1% 0; }
    .home-testimonials-tiem .home-testimonials-inside { padding: 0; }
    .home-testimonials-tiem .home-testimonials-right { width: 100%; }
    .home-testimonials-wrapper .desktop-nav { display: none; }
    .home-testimonials-wrapper .mobile-nav { padding: 0 10% 45px;display: -webkit-flex; display: flex; }
    .home-testimonials-wrapper .mobile-nav > span { width: 50%; }
    .home-testimonials-wrapper .mobile-nav > span:nth-child(2) { text-align: right; }
    .inside-header-left { text-align: center;padding-right: 0px; }
    .inside-header-left h1 { font-size: 2.5em;margin: 0; }
    .inside-header-right { padding-top: 30px; }
    .about-award-group { padding-right: 0px;padding-bottom: 30px; }
    .about-right { padding-left: 0; }
    .about-right h2 { font-size: 1.7em; }
    .process-slider .slick-prev { left: -10px; }
    .process-slider .slick-next { right: -10px; }
    form .form-columns-2 .field .input { margin-right:0px !important; }
    form .form-columns-2 .field:nth-child(2) .input { margin-left:0px; }
    .blog-inside { display: block; }
    .blog-inside .blog-sidebar { width: 100%;max-width: 100%; }
    .recent-posts, .blog-cat, .blog-social { display: none; }
    .landing-left { padding: 0; }
    .landing-left > span > .hs_cos_wrapper_type_linked_image { padding-top: 20px;text-align: center; }
    .footer-left { display: none !important; }
    .footer-right { text-align: center; }
    .blog-search-items { display: block; }
    .blog-search-items > div { width: 100%;box-sizing: border-box; }
    .customer-topic-list { margin: 0;right: 0; }
}

@media (max-width: 400px) { 
    .mobile-spacer { height: auto;padding: 15% 0 30px; }
    .resources-flex > span > div { width: 100%; margin-left: 0; }
    .resources-flex > span > div:nth-child(3n+1) { margin-left: 0; }
}

.home-nav .logo-group .dark-logo { opacity: 0; visibility: hidden; }
@media (min-width: 900px) {
.hero-background { background-image: var(--hero-lg); }
@media (max-width: 900px) {
  .hero-background { background-image: var(--hero-sm); }
  .split-bg-wrapper .split-bg .split-bg-top { background-image: var(--top-sm) !important; }
  .home-nav .logo-group .dark-logo { opacity: 1; visibility: visible; }
    .home-nav.open .logo-group .dark-logo,
    .new-nav.open .logo-group .dark-logo { opacity: 0; visibility: hidden; }
}