/*@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700italic,900,700,900italic|Lato:400,300,700,300italic,400italic,700italic);
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
 @import url('http://example.com/example_style.css'); */
 @font-face {
    font-family: 'dearjoe4regular';
    src: url('//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/fonts/dj4trial-webfont.eot');
    src: url('//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/fonts/dj4trial-webfont.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/fonts/dj4trial-webfont.woff2') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/fonts/dj4trial-webfont.woff') format('woff'),
         url('//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/fonts/dj4trial-webfont.ttf') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/fonts/dj4trial-webfont.svg#dearjoe4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

.row-fluid [class*="span"] { min-height: 0px !important; }
/*****************************************/
/* Start your style declarations here    */
/*****************************************/
html {-webkit-text-size-adjust: 100%;}
body { font-family: 'Lato', sans-serif; font-size: 22px; line-height:30px; font-weight:400; color:#0d0c0c; margin:0; padding:0; overflow-x:hidden; }
script {display: none!important;}
.row-fluid h1 { font-size:40px; line-height:44px; font-family: 'Merriweather', serif; margin:0; padding:10px 0; color: #b20224;}
.row-fluid h2 { font-size:36px; line-height:40px; font-family: 'Merriweather', serif; margin:0; padding:10px 0; color: #b20224;}
.row-fluid h3 { font-size:30px; line-height:36px; font-family: 'Merriweather', serif; margin:0; padding:10px 0; color: #b20224;}
.row-fluid h4 { font-size:28px; line-height:30px; font-family: 'Merriweather', serif; margin:0; padding:10px 0; color: #b20224;}
.row-fluid h5 { font-size:24px; line-height:28px; font-family: 'Merriweather', serif; margin:0; padding:10px 0; color: #b20224;}
.row-fluid h6 { font-size:20px; line-height:22px; font-family: 'Merriweather', serif; margin:0; padding:10px 0; color: #b20224;}



.row-fluid img { border:none; max-width:100%; height:auto; }
.row-fluid a {text-decoration:none; color:#818181; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out; }
.row-fluid a:hover { color:#333; }
.row-fluid .container { width:1060px; float:none; margin:0 auto !important; padding:0 15px; }
.row-fluid .container750 { width:750px; float:none; margin:0 auto !important; padding:0 15px; }
.row-fluid .container650 { max-width:650px; float:none; margin:0 auto !important; padding:0 15px; }
.row-fluid p { margin:10px 0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; }
.row-fluid input { border:none; outline:none; }
.row-fluid input[type=submit] { cursor:pointer; background-image:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/submit-bg.png) !important; background-repeat:repeat; background-position:left top; font-family: 'Lato', sans-serif; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out; }
.row-fluid input[type=submit]:hover { background-image:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/submit-bg.png) !important; }
.row-fluid textarea {font-family: 'Lato', sans-serif; font-size:15px; line-height:26px; color:#818181; resize: none!important;}
.row-fluid .get-bg { display:none; }
.row-fluid .set-bg { background-size:cover; background-repeat:no-repeat; }
.row-fluid .red-text { color:#b20224; }
ul { list-style:none; margin:0; padding:0; }
.blog-post-wrapper ul,
.blog-post-wrapper ol {padding:0 0 0 25px;}
.row-fluid .padding60tb {padding-top: 60px; padding-bottom: 60px;}
.textCenter {text-align: center;}
.widget-type-custom_widget.min0 {min-height: 0px!important;}


/* Newsletter Section */
.row-fluid .newsletter-section { float:left; width:100%; background:#d70129; text-align:center; padding:50px 0; display:none; }
.row-fluid .newsletter-section h3 { font-size:25px; line-height:31px; font-weight:400; color:#FFF; }
.row-fluid .newsletter-section .hs_email { width: 360px; float: none; display: inline-block; padding:10px 0 0; position:relative; }
.row-fluid .newsletter-section .hs_email label { display:none; }
.row-fluid .newsletter-section .hs_email input[type=email] { width: 100%; height: 34px; font-size: 16px; padding: 5px 10px 5px 43px; font-family: 'Merriweather', serif; background:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/message-icon.png)no-repeat left 10px center #FFF; }
.row-fluid .newsletter-section .hs_multiple_checkbox {  float:left; width:100%; padding:0 0 30px; }
.row-fluid .newsletter-section .hs_multiple_checkbox > label { display:none; }
.row-fluid .newsletter-section .hs_multiple_checkbox ul li.hs-form-checkbox { float:none; display:inline-block; font-size: 17px; color: #FFF; padding: 0 7px; }
.row-fluid .newsletter-section .hs-richtext { font-family: 'Merriweather', serif; padding:30px 0 20px; font-size:21px; line-height:31px; color:#FFF; }
.row-fluid .newsletter-section input[type=submit] { cursor:pointer; font-family: 'Merriweather', serif; font-style:italic; border:none; outline:none; background:#111218; padding:10px 20px; color:#FFF; border-radius:5px; font-size:16px; line-height:24px; }
.row-fluid .newsletter-section input[type=submit]:hover { background:#f4f4f4; color:#111218; }

/* Top Section */
.header-container-wrapper {
    border-bottom: 3px solid #fcfafa;
    -webkit-box-shadow: 3px 4px 13.5px 1.5px rgba(6, 9, 9, 0.35);
    -moz-box-shadow: 3px 4px 13.5px 1.5px rgba(6, 9, 9, 0.35);
    box-shadow: 3px 4px 13.5px 1.5px rgba(6, 9, 9, 0.35);
    position: relative;
    z-index: 1000;
}

.row-fluid .top-newsletter { float:left; width:100%; background:#424348; text-align:center; }
.row-fluid .top-newsletter div.tnToggle { float:none; display:inline-block; padding:5px 55px 5px 15px; background:#d70129; color:#FFF; font-size:15px; position:relative; line-height:26px; position:relative; cursor:pointer; }
.row-fluid .top-newsletter div.tnToggle:before { position:absolute; content:"\f107"; font-family: 'FontAwesome'; width:40px; height:36px; right:0; top:0; background:#ae0626; color:#cbc8c8; line-height:36px; font-size:18px; }
.ns-open .row-fluid .top-newsletter div.tnToggle:before { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.row-fluid .top-section { background:#111218; float:left; width:100%; }
.row-fluid .top-section .container { position:relative; }
.row-fluid .top-section .top-logo { padding:10px 0; }
.row-fluid .top-section .top-logo.top-logo19 {padding-top: 23px;}
.row-fluid .top-section .top-logo.top-logo19.top-logoLP {padding-top: 45px;}
.row-fluid .top-menu { float:right; width:auto; }
.row-fluid .top-menu ul li { float:left; font-size:14px; color:#c3c4c5; padding:0 12px; position:relative; }
.row-fluid .top-menu ul li:last-child { padding-right:0; }
.row-fluid .top-menu ul li:after { position:absolute; content:''; width:3px; height:3px; right:0; top:50%; margin-top:-2px; background:#c3c4c5; border-radius:50%; }
.row-fluid .top-menu ul li:last-child:after { display:none; }

.lp-header-right {color: #fff;}
.header-call-us {text-align: right; font-family: 'Merriweather', sans-serif; padding-top: 20px; display: block;}
.row-fluid .header-remodeler h4 {
    color: #fff;
    float: right;
    font-family: 'dearjoe4regular';
    background: url(https://cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/Clark%20Shape.svg)no-repeat center top;
    padding: 30px 25px 10px;
    line-height: 22px;
    background-size: cover;
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (min-width: 768px) {
    .row-fluid .custom-menu-primary {float: left;}
}
.row-fluid .custom-menu-primary ul li input[type=text],
.row-fluid .top-menu ul li input[type=text] { width:140px; background:#25262c; height:33px; padding:0 30px 0 15px; font-size: 13px; font-family: 'Lato', sans-serif; color: #FFF; }
.row-fluid .custom-menu-primary ul li input[type=text] {width: 100%;}

.row-fluid .custom-menu-primary ul li input[type=text]::-webkit-input-placeholder,
.row-fluid .top-menu ul li input[type=text]::-webkit-input-placeholder { color: #FFF; }

.row-fluid .custom-menu-primary ul li input[type=text]:-moz-placeholder,
.row-fluid .top-menu ul li input[type=text]::-moz-placeholder { color: #FFF; }

.row-fluid .custom-menu-primary ul li input[type=text]:-ms-input-placeholder,
.row-fluid .top-menu ul li input[type=text]:-ms-input-placeholder { color:#FFF; }

.row-fluid .custom-menu-primary ul li input[type=submit],
.row-fluid .top-menu ul li input[type=submit] { cursor:pointer; font-size:0; position:absolute; right:10px; top:0; border:none; outline:none; width:30px; text-align:center; height:100%; background:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/magnify.png)no-repeat center center !important; }
.row-fluid .top-menu ul li a { color:#c3c4c5; }

/*.telLink { pointer-events: none; }
.telLink > a { text-decoration:none; color:inherit; }*/
.row-fluid .custom-menu-primary > div > span > div > ul { float:right; }
.row-fluid .custom-menu-primary > div > span > div > ul > li { position:inherit !important; }
.row-fluid .custom-menu-primary > div > span > div > ul > li a { width:100% !important; max-width:100%; white-space:normal !important; }
.row-fluid .custom-menu-primary > div > span > div > ul > li > a { font-family: 'Merriweather', serif; font-size:19px; color:#FFF; vertical-align:top; padding:33px 23px 33px 17px; position:relative; }
.row-fluid .custom-menu-primary > div > span > div > ul > li:hover > a { color:#CCC; }
.row-fluid .custom-menu-primary > div > span > div > ul > li:last-child > a { padding-right:0; }
.row-fluid .custom-menu-primary > div > span > div > ul > li:last-child > a:before { display:none; }
.row-fluid .custom-menu-primary > div > span > div > ul > li > a:before { position:absolute; content:''; width:4px; height:4px; border:#c9c9ca solid 1px; right:1px; top:50%; margin-top:-4px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.row-fluid .custom-menu-primary > div > span > div > ul > li.hs-item-has-children > a:after { position:absolute; content:''; width:26px; height:18px; left:50%; margin-left:-8px; bottom:-22px; border-bottom:#fff solid 18px; border-left:13px solid transparent; border-right:transparent solid 13px; box-sizing:border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out; }
.row-fluid .custom-menu-primary > div > span > div > ul > li.hs-item-has-children:hover > a:after { bottom:15px; }

.row-fluid .custom-menu-primary > div > span > div > ul > li > ul {  width:100%; left:0 !important; border:#f4f4f4 solid 5px; margin-top: -15px;}
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li {-webkit-filter: grayscale(1); filter: grayscale(1); width:16.66%; float:left; border-right:#f4f4f4 solid 5px; padding-top:100px; position:relative }
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:hover {-webkit-filter: none; filter: none;}
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:last-child { border-right:none; }
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li > a { text-align:center; font-size:12px; background:#dddfde; line-height:18px; position:relative; }
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:before { position:absolute; content:''; width:11px; height:16px; left:50%; margin-left:-8px; bottom:22px; border-bottom:#a2171c solid 11px; border-left:8px solid transparent; border-right:transparent solid 8px; box-sizing:border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out; }
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:hover > a { background:#a2171c; color:#FFF; }
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:hover:before { bottom:38px; }

.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:nth-child(1) { background:url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Our_Work_Menu/menu-1.jpg) no-repeat center top;}
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:nth-child(2) { background:url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Our_Work_Menu/menu-2.jpg) no-repeat center top;}
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:nth-child(4) { background:url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Our_Work_Menu/menu-3.jpg) no-repeat center top;}
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:nth-child(3) { background:url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Our_Work_Menu/menu-4.jpg) no-repeat center top;}
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:nth-child(5) { background:url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Our_Work_Menu/menu-5.jpg) no-repeat center top;}
.row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:nth-child(6) { background:url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Our_Work_Menu/menu-6.jpg) no-repeat center top;}

a.wrapLink {position: absolute!important; padding: 0!important; height: 100%!important; background-color: rgba(0,0,0,0)!important; width: 100%!important; top: 0;}

.row-fluid .main-slider { border-top:#FFF solid 5px; }
.row-fluid .main-slider .hs_cos_flex-slider { margin:0; }
.row-fluid .main-slider .hs_cos_flex-control-nav { display:none; bottom:0; }
.greyPattern,
.row-fluid .main-slider .caption { background:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png) repeat left top; position:relative; float:left; width:100%; font-size:19px; line-height:27px; padding:50px 0; }
.row-fluid .captionSlider p { color:#424348 !important; }
.row-fluid .main-slider .caption:before { position:absolute; content:"\f178"; font-family: 'FontAwesome'; width:30px; height:20px; text-align:center; line-height:20px; left:50%; margin-left:-12px; bottom:45px; color:#9ea09f; }
/*.row-fluid .main-slider .caption .tagline { position: absolute; top: -100px; left: 50%; margin-left: -530px !important; }
.row-fluid .main-slider .caption .tagline h4 { float:right; font-family: 'dearjoe4regular'; background:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/tagline-bg.png)no-repeat center top; padding: 50px 35px 10px; line-height: 40px; background-size: cover; font-weight: 400; }
*/
.captionSlider .hs_cos_wrapper_type_rich_text {max-width: 650px; text-align: center; margin: 0 auto!important;}
.captionSlider .hs_cos_wrapper_type_custom_widget {max-width: 650px; text-align: center; margin: 0 auto!important;}
.captionSlider .flexslider {margin: 0px!important; background: transparent!important; border: 0px!important; border-radius: 0px!important;}
.captionSlider .flex-control-nav {position: relative!important; bottom: auto!important;}

.row-fluid .main-slider-tagline { min-height: 1px!important; }
.row-fluid .main-slider-tagline .tagline { position: absolute; top: 677px; left:178px;}
.row-fluid .main-slider-tagline .tagline h4 {color: #fff; float:right; font-family: 'dearjoe4regular'; background:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/tagline-bg.png)no-repeat left top; padding: 50px 35px 10px; line-height: 40px; background-size: cover; font-weight: 400; }

.row-fluid .section-title { float:left; width:100%; position:relative; text-align:center; padding:75px 0; }
.row-fluid .section-title:before { position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,.75); left:0; top:0; }
.row-fluid .section-title .container { position:relative; }
.row-fluid .section-title h2 { color:#FFF; font-size:55px; font-weight:400; line-height:55px; }
.row-fluid .section-content { text-align:center; padding:30px 0; }

.row-fluid .casestudy-section { float:left; width:100%; text-align:center; }
.row-fluid .casestudy-section .cs-link a { position:relative; display:inline-block; float:none; background:#000000; padding:11px 60px 11px 15px; font-family: 'Merriweather', serif; color:#FFF; font-size:19px; line-height:22px; font-style:italic; border-radius:5px; }
.row-fluid .casestudy-section .cs-link a:before { 
    position:absolute; 
    /*content:"\f18e"; 
    font-family: 'FontAwesome';*/
    content: '';
    width:45px; 
    height:100%; 
    line-height:44px; 
    background:#4d4d4d; 
    text-align:center; 
    right:0; 
    top:0; 
    font-style:normal; 
    border-top-right-radius:5px; 
    border-bottom-right-radius:5px; 
    background-image: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/download-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.row-fluid .casestudy-section .cs-link a:hover { background:#4d4d4d; }

.row-fluid .design-thinking { float:left; width:100%; padding:0px 0px 50px 0; }
.row-fluid .design-thinking .container { padding:0 60px; }
.row-fluid .design-thinking .designthinking-inner { /*float:left;*/ border-top:#999999 solid 1px; padding:50px 0 0; }
.row-fluid .design-thinking .designthinking-inner .ds-title { text-align:center; padding-bottom:40px; }
.row-fluid .design-thinking .designthinking-inner .ds-title h1 { font-size:45px; line-height:55px; padding-bottom:0; color:#b20224; }
.row-fluid .design-thinking .designthinking-inner .ds-title .secondary-header { font-size:22px; line-height:30px; padding:0; margin:0; }
.row-fluid .design-thinking .hs-rss-item { /*width:30%;*/ margin:0 auto 20px; /*float:left;*/ border-radius:0 0 4px 4px; max-width: 250px; width: 90%; overflow: hidden;}
.row-fluid .design-thinking .hs-rss-item:nth-child(3n) { margin-right:0; }
.row-fluid .design-thinking .hs-rss-item .hs-rss-item-image-wrapper { float:left; width:100%; }
.row-fluid .design-thinking .hs-rss-item .hs-rss-item-image-wrapper img { width:100% !important; height:auto; }
.row-fluid .design-thinking .hs-rss-item .hs-rss-item-text { float:left; width:100%; padding:0; }
.row-fluid .design-thinking .hs-rss-item .hs-rss-title a { float:left; width:100%; padding:18px; background:#b20224; color:#FFF; font-size:25px; line-height:27px; position:relative; }
.row-fluid .design-thinking .hs-rss-item .hs-rss-title a:before { position:absolute; content:''; width:40px; height:23px; border-top:#b20224 solid 23px; border-right:20px solid transparent; border-left:20px solid transparent; left:20px; bottom:-23px; box-sizing:border-box; }
.row-fluid .design-thinking .hs-rss-item .hs-rss-description { background:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png) repeat left top; float:left; width:100%; padding:30px 15px 20px; color:#000000; font-size:18px; line-height:19px; }

.owl-dots {text-align: center; margin-bottom: 20px;}
.owl-dot {display: inline-block; margin-right: 8px;}
.owl-dot > span {
    height: 15px; 
    width: 15px; 
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    background-color: #fff; 
    border: 2px solid #b20225;
    display: block;
    transition: .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s;
}
.owl-dot:hover > span,
.owl-dot.active > span {background-color: #b20225;}
.owlFlex {padding: 0 30px;}
.owl-nav > div {position: absolute; top: 50%; margin-top: -18px;}
.owl-nav > div.owl-prev {left: -30px;}
.owl-nav > div.owl-next {right: -30px;}

span.rssNext {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #b20225;
    display: block;
}
span.rssPrev {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 18px 0;
    border-color: transparent #b20225 transparent transparent;
    display: block;
}


.row-fluid .round-boxes { float:left; width:100%; padding:50px 0; margin-bottom: 50px; background:url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/blackorchid_2X.jpg)repeat left top; text-align:center; }
.row-fluid .round-boxes .roundbox-title { width: 260px; height: 260px; background: #eceaea; text-align: center; border-radius: 50%; position:relative; float:none; display:inline-block; }
.row-fluid .round-boxes .roundbox-title h4 { font-family: 'Lato', sans-serif; font-size:25px; line-height:27px; top: 50% !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; width:100%; padding:10px 25px; font-weight:400; top:-20px; }
.row-fluid .round-boxes .next-link,
.row-fluid .round-boxes .next-linkCTA { margin-top:-50px; position: relative;}
.row-fluid .leftarrowCTA a,
.row-fluid .round-boxes .next-linkCTA a,
.row-fluid .round-boxes .next-link a { position:relative; display:inline-block; float:none; background:#b20224; padding:11px 0px 11px 40px; font-family: 'Merriweather', serif; color:#FFF; font-size:18px; line-height:22px; font-style:italic; border-radius:5px; }
.row-fluid .round-boxes .next-linkCTA.fwdCTA a {padding:11px 40px 11px 0px;}
.row-fluid .round-boxes .next-linkCTA a:before,
.row-fluid .leftarrowCTA a:before,
.row-fluid .round-boxes .next-link a:before { 
    border-top-left-radius:5px; 
    border-bottom-left-radius:5px;
    content: '';
    background-color: #7a1025;
    background-image: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/download-arrow_down.png);
    background-repeat: no-repeat;
    background-position: center center!important;
    width: 45px;
    height: 100%;
    line-height: 44px;
    position: absolute;
    left: 0;
    top: 0;
}
.row-fluid .round-boxes .next-linkCTA.fwdCTA a:before {left: auto; right: 0; border-radius: 0 5px 5px 0; background-image: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/download-arrow.png);}
.row-fluid .round-boxes .next-linkCTA a:hover,
.row-fluid .leftarrowCTA a:hover,
.row-fluid .round-boxes .next-link a:hover { background:#7a1025!important; }
.row-fluid .round-boxes .roundbox-text { color:#FFF; font-size:16px; line-height: 20px; padding:0 40px; }
@media (min-width: 768px) {
    .roundAlt .row-fluid .span4.widget-span.widget-type-cell.round-box {float: none; display: inline-block;}
}

.row-fluid .pickup-section { float:left; width:100%; padding: 30px 0 50px 0; text-align:center; }
.row-fluid .pickup-section h2 {color:#b20224;}

.row-fluid .maincontent-section { float:left; width:100%; padding:50px 0; }
.row-fluid .maincontent-section ul, .row-fluid .mid .blog-left ul { list-style:disc; padding-left:35px; }
.row-fluid .maincontent-section .page-column h3.form-title {
    font-family: 'Merriweather',serif;
    background: #b20224;
    padding: 25px 5px;
    text-align: center;
    font-size: 30px;
    display: block;
    position: relative;
    color: #FFF;
    font-style: italic;
    line-height: 40px;
    font-weight: normal;
}
.row-fluid .maincontent-section .page-column h3.form-title:before {
    position: absolute;
    content: '';
    left: 25px;
    bottom: -30px;
    width: 0;
    height: 0;
    border-top: #b20224 solid 30px;
    border-right: transparent solid 30px;
}

.row-fluid .maincontent-section .page-column form {
    background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png) repeat left top;
    padding: 50px 10px 25px;
}
.row-fluid .maincontent-section .page-column form label {display: none!important;}

.row-fluid .maincontent-section .page-column .hs-form-field .input .hs-input {
    background-color: #fff !important;
    border: 1px solid #999;
    color: #999;
    padding: 10px 8px 10px 40px;
    font-size: 16px;
    line-height: 20px;
}

.row-fluid .maincontent-section .page-column label { font-size:15px; font-weight:400; color:#444; padding-bottom: 5px; float: left; width: 100%; }
.row-fluid .maincontent-section .page-column input[type=text], .row-fluid .maincontent-section .page-column input[type=email], .row-fluid .maincontent-section .page-column input[type=tel], .row-fluid .maincontent-section .page-column textarea { border:#ddd solid 1px; padding:10px 15px; line-height:24px; outline:none; margin-bottom:10px; }
.row-fluid .maincontent-section .page-column input[type=text]:focus, .row-fluid .maincontent-section .page-column input[type=email]:focus, .row-fluid .maincontent-section .page-column input[type=tel]:focus, .row-fluid .maincontent-section .page-column textarea:focus { border:#b20224 solid 1px; }
/*.row-fluid .maincontent-section .page-column input[type=submit] { cursor:pointer; font-family: 'Merriweather', serif; font-style:italic; border:none; outline:none; background:#b20224; padding:10px 20px; color:#FFF; border-radius:5px; font-size:16px; line-height:24px; }
.row-fluid .maincontent-section .page-column input[type=submit]:hover { background:#CCC; color:#b20224; }*/

.row-fluid .maincontent-section .page-column .hs-form-field .input input[name=firstname],
.row-fluid .maincontent-section .page-column .hs-form-field .input input[name=lastname]{
    background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/person-icon.png) no-repeat 10px 50%;
}
.row-fluid .maincontent-section .page-column .hs-form-field .input input[name=email]{
    background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/email-icon.png) no-repeat 10px 50%;
}
.row-fluid .maincontent-section .page-column .actions {text-align: center;}
.row-fluid .maincontent-section .page-column input[type=submit] {
    background-color: #111218;
    color: #fff;
    font-style: italic;
    font-size: 16px;
    padding: 12px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 0;
    -webkit-appearance: none !important;
    display: inline-block;
    margin-top: 10px;
}

/*blog*/

.row-fluid .mid { float:left; width:100%; padding:30px 0; }
.row-fluid .new-comments label { font-weight:300; color:#5b5b5b; padding:15px 0 8px; float:left; width:100%; text-align:left }
.row-fluid .new-comments label span.hs-form-required { color:#f15d3d }
.row-fluid .new-comments .hs-form fieldset { max-width:100% }
.row-fluid .new-comments fieldset { padding:0 0 15px; float:left; width:100% }
.row-fluid .new-comments  .input { margin:0; }
.row-fluid .new-comments input[type=text], .row-fluid .new-comments input[type=email], .row-fluid .new-comments  input[type=tel] { width:100% !important; text-align:left; border:1px solid #d7d7d7; height:50px; line-height:50px; padding:0 15px; font-family: 'Lato', sans-serif;; font-size:15px; color:#414042 }
.row-fluid .new-comments textarea { outline:none; }
.row-fluid .new-comments select { border:1px solid #d7d7d7; height:50px; line-height:50px; padding:0 15px; font-family: 'Lato', sans-serif;; font-size:15px; color:#414042; text-align:left }
.row-fluid .new-comments textarea { border:1px solid #d7d7d7; height:124px; line-height:20px; padding:15px; font-family: 'Lato', sans-serif;; font-size:15px; color:#414042; width:100%!important; text-align:left; margin:0 0 10px; }
.hs-form fieldset.form-columns-2 .input { margin-right:0 }
.hs-form fieldset.form-columns-2 .field { padding:0 0 0 10px }
.hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 0 0 }
.row-fluid .new-comments input[type=submit] { border-radius:5px; font-family: 'Merriweather', serif; display:inline-block; background-color:#b20224; color:#fff; padding:12px 25px; font-size:16px; color:#fff;  margin:10px 0 0; text-align:center }
.row-fluid .new-comments input[type=submit]:hover { background-color:#CCC; color:#b20224; }
.row-fluid .new-comments ul { padding:0 !important; }

.row-fluid .blog-right { padding:20px 0 0; }
ul.hs-blog-social-share-list { list-style: none !important; padding: 0 !important; }

.row-fluid .blog-right h3 { font-size:26px; }
.row-fluid .blog-rbox { padding:0 0 20px; border-bottom:1px dotted #ccc; margin:0 0 10px; }
.row-fluid .blog-rbox ul { margin:0; padding:0; list-style:none; }
.row-fluid .blog-rbox ul li { padding:5px 0; }

.row-fluid .blog-rbox input[type=text], .row-fluid .blog-rbox input[type=email], .row-fluid .blog-rbox  input[type=tel]  { width:100% !important; text-align:left; border:1px solid #d7d7d7; height:50px; line-height:50px; padding:0 15px; font-family: 'Lato', sans-serif;; font-size:15px; color:#414042 }
.row-fluid .blog-rbox input[type=submit] { font-family: 'Merriweather', serif; display:inline-block; border-radius:5px; background-color:#b20224; color:#fff; padding:12px 25px; font-size:16px; color:#fff; margin:10px 0 0; text-align:center }
.row-fluid .blog-rbox input[type=submit]:hover { background-color:#CCC; color:#b20224; }

.row-fluid .mid .post-listing .post-header h2 { padding:0; float:left; width:100%; }
.row-fluid .mid .post-listing .post-header a { color:#b20224; }
.row-fluid .mid .post-header #hubspot-author_data { font-size:15px; float:left; width:100%; }
.row-fluid .mid .post-header #hubspot-author_data a { color:#b20224; }
.row-fluid .mid .post-listing .post-header .custom_listing_comments { float: left; width: 100%; margin: 0 0 15px; font-size: 15px; line-height: 15px; }
.row-fluid .mid .blog-post-wrapper .post-header .hs-author-avatar { display:none; }

.row-fluid .mid .blog-sidebar ul li a { float:left; width:100%; padding:0 15px 0 20px; line-height:30px; font-size:18px; position:relative; }
.row-fluid .mid .blog-sidebar ul li a:before { position:absolute; content:"\f054"; font-family: 'FontAwesome'; padding-right:10px; left:0; color:#b20224; width:15px; height:15px; line-height:15px; top:11px; }
.row-fluid .mid .blog-sidebar h3 { color:#b20224; }
.row-fluid .mid .blog-post-wrapper .post-header h2 { padding: 30px 0 0; }
.row-fluid .mid .blog-post-wrapper .post-header h2 a { color:#b20224; }

#hubspot-topic_data { padding:10px; margin:15px 0; background:#f2f2f2; }
.about-author-sec { float:left; width:100%; padding:15px; margin:0 0 20px; border:1px solid #e4e4e4; background:#f6f6f6; }
.about-author-sec h4 { padding:0; color:#ff6600; font-size:20px; }
.about-author-sec h4 a { color:#ff6600; }
.author-img img , .hs-author-avatar img { border-radius:100%; height:auto; }
.fb_iframe_widget span { vertical-align:top !important; }

.post-item { float:left; width:100%; border-bottom:1px dotted #ccc; }
.post-item h2 { padding:0 0 15px; }
.hs-featured-image { margin:0 0 15px; width:100%; padding:0; max-width:100%; }

a.more-link , a.link-style1 { display:inline-block; border-radius:30px; background:#b20224; color:#fff; font-size:18px; font-family:'Montserrat', Arial, Helvetica, sans-serif; padding:10px 35px; margin:15px 0 0; }
a.more-link:hover , a.link-style1:hover { background:#CCC; color:#b20224; }

a.previous-posts-link { margin:25px 15px 0 0; }
a.next-posts-link { margin:25px 0 0 15px; }
a.all-posts-link { margin:25px 0 0; }
ul.hs-error-msgs  { margin:0; padding:0; list-style:none; }
.row-fluid .contact-form { padding:18px 0 0; }
.row-fluid .contact-form h3 { padding-top:0; }
.blog-left .hs_subscribe ul { margin:0; padding:0; }
.blog-left .hs_subscribe label { padding:0; }

.hs-blog-header {text-align: center; padding: 40px 0;}
.hs-blog-header .blogHeader {display: inline-block;}
.hs-blog-header .blogHeader .bhMain {font-size: 44px; line-height: 48px; padding: 0; margin: 0; color: #b20224; font-weight: normal;font-family: 'Merriweather',serif;}
.hs-blog-header .blogHeader .bhSub {text-align: right; color: #090a0a; font-size: 22px; line-height: 26px;}

.row-fluid .blog-slider {max-width: 1200px; margin: 0 auto!important; float: none;}

.blOuter {background-color: #e1e4e3;}
.blog-slider .row-fluid .widget-type-linked_image {width: 65%; float: left;}
.blog-slider .row-fluid .slideRight {width: 35%; margin-left: 0px; float: left;}
.slideRight > div:first-child {background-color: #b20224; color: #fff; font-size: 35px; line-height: 39px; padding: 5px 5%; height: 40%; position: relative;}
.slideRight > div:first-child > .row-fluid {}
.slideRight > div:first-child:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 18px 0;
    border-color: transparent #b20225 transparent transparent;
    display: block;
    position: absolute;
    content: '';
    left: -18px;
    top: 50%;
    margin-top: -9px;
}

.slideRight > div:last-child {
    background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png?t=1447687624193) repeat left top; 
    font-size: 20px; 
    line-height: 24px; 
    padding: 5px 5%;
    padding: 20px 35px 5px 35px;
    height: 60%;
}

.slideRight > div:last-child .row-fluid .widget-type-rich_text a {color: #b20224; font-family: 'Merriweather', sans-serif; font-style: italic; padding-left: 5px; font-size: 16px;}
.bx-controls.bx-has-controls-direction {width: 35%; position: absolute; right: 0; bottom: 0; background-color: rgba(0,0,0,.1); height: 60px;}

.blog .mid .container {max-width: 1100px; width: auto;}

.topicFilter {margin-top: 30px; margin-bottom: 60px;}
.topicFilter h3 {
    background: url(//cdn2.hubspot.net/hubfs/1653786/Blog/category-bg.jpg) repeat top left;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    width: 180px;
    float: left;
    margin-right: 10px;
    padding: 20px 5px!important;
    font-style: italic;
}
.topicFilter ul {overflow: hidden;}
.topicFilter.topicFilterCustom ul {text-align: center;}
.topicFilter ul li {float: left; display: inline-block; margin-right: 8px; background-color: #e1e4e3; margin-bottom: 8px;}
.topicFilter.topicFilterCustom ul li {float: none;}
.topicFilter ul li a {color: #060001; font-size: 13px;  padding: 2px 12px; display: block; text-transform: uppercase;}
.topicFilter ul li a:hover {background-color: #b20224; color: #fff;}
.topicFilter ul .filter-link-count {display: none!important;}
.grid-sizer,
.post-item {width: 23.5%; margin: 0 1.25% 40px 0px; float: left;}

.hoverMask {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); color: #fff; text-align: center;}
.hoverMask a {position: absolute; z-index: 100; top: 0; left: 0; height: 100%; width: 100%;}
@media (min-width: 1025px) {
    .post-item:hover .hoverMask {display: block;}
} 
.hmi {padding-top: 10%; color: #fff;}
.hmi div {font-style: italic; margin-top: 10px;}

.post-item div {float: left; width: 100%;}
.row-fluid .mid .post-listing .post-header {padding: 15px; background-color: #b20224; position: relative;}
@media (min-width: 1025px) {
    .post-item:hover .post-header {background-color: #051514!important;}
}

.row-fluid .mid .post-listing .post-header h2 {font-size: 20px; line-height: 24px; color: #fff; font-weight: 400; font-family: 'Lato',sans-serif;}
.row-fluid .mid .post-listing .post-header:after {
    position: absolute;
    content: '';
    width: 40px;
    height: 23px;
    border-top: #b20224 solid 23px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    left: 20px;
    bottom: -23px;
    box-sizing: border-box;
}
@media (min-width: 1025px) {
    .row-fluid .mid .post-listing .post-item:hover .post-header:after {border-top: #051514 solid 23px;}
}
.post-item .post-body {background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png) repeat top left; font-size: 14px; line-height: 18px; padding: 35px 15px 20px; }
.post-item .post-body p {margin: 0px;}


.loading {
    display: block;
    background-color: #b20224;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 18px;
    font-style: italic;
    width: 200px;
    margin: 0 auto!important;
    overflow: hidden;
    cursor: pointer;
}

.loading img {background-color: #7a1025; padding: 5px;}
.loading span {padding: 0 8px;line-height: 40px;}

/*.post-item.loadHide {display: none!important;}*/
.post-item.lmHide {display: none!important;}
.post-item {display: none;}
.post-item.piShow {display: block!important;}
.post-item.piShow.piOverflow {display: none!important;}

/**** Blog Post ****/
.listLink {text-align: left; font-size: 14px; line-height: 18px;}
.listLink .fa {padding-right: 7px;}
.listLink img {vertical-align: middle; padding-right: 8px;}
.postHero_wrapper {/*max-width: 1200px;*/ float: none; margin: 0 auto 60px;}
.postHero_wrapper .row-fluid .span7 {width: 65%;}
.postHero_wrapper .row-fluid .span7 img {width: 100%!important;}
.postHero_wrapper .row-fluid .span5 {width: 35%; margin-left: 0px!important; background-color: #b20224; color: #fff; padding: 15px 2.5%; position: relative; min-height: 50px;}
.postHero_wrapper .row-fluid .span5:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 18px 0;
    border-color: transparent #b20225 transparent transparent;
    display: block;
    position: absolute;
    content: '';
    left: -18px;
    top: 15%;
}
.postHero_wrapper .row-fluid .span5 h1 { font-size: 35px; line-height: 39px; font-weight: normal;font-family: 'Lato',sans-serif; color: #fff;}
.blog-post-wrapper {max-width: 767px; float: none; margin: 0 auto;}
.row-fluid h3,
.row-fluid h4 {padding: 20px 0 0px;}
.hs-blog-post .hs-blog-header {padding: 40px 0 10px;}
.blog-post-wrapper img {margin: 0 auto; display: block; padding: 30px 0;}
.topicFilter ul li.activeTopic a {background-color: #b20224; color: #fff;}

div.social-sharing-widget-vertical {
    float: left;
    position: absolute;
    padding: 10px 8px 5px 8px;
  float: left;
  position: absolute;
  left: 7%;
  margin-top: 5px;
  padding: 10px 0px 5px 0px;
  width: 70px;
  /*background-color: #fff;*/
  text-align: center;
  color: #6f6f6f;
}

div.social-sharing-widget-vertical:before {
    content: '';
    width: 44px;
    height: 100%;
    background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png) repeat top left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
} 
.social-sharing-widget-vertical a {position: relative; z-index: 1; left: 5px; margin-bottom: 5px; display: block;}
div.social-sharing-widget-vertical > div,
div.social-sharing-widget-vertical > iframe {margin-bottom: 3px;}

.sticky-share {position: fixed!important; top: 0px;}

.blog-round-boxes .round-boxes {margin-top: 30px;}

@media (max-width: 1024px) {
    .social-blog-section {text-align: center; width: 100%; overflow: hidden;}
    div.social-sharing-widget-vertical {position: relative!important; width: auto!important; display: inline-block; float: none; padding: 10px 20px;}
    .sticky-share {position: relative!important;}
    .social-sharing-widget-vertical a {display: inline-block; left: auto; margin-bottom: 0px;}
    div.social-sharing-widget-vertical:before {width: 100%;}
    .blog-post-wrapper {padding-left: 20px; padding-right: 20px;}
    
    .post-item .hoverMask {background-color: rgba(0,0,0,0);}
    .row-fluid .mid .post-listing .post-header {background-color: #b20224!important;}
    /*.row-fluid .mid .post-listing .post-item:hover .post-header:after {border-top: #b20224 solid 23px!important;}*/
    .post-item .hoverMask .hmi {display: none;}
    .post-item .hoverMask {display: block!important;}
}

@media (max-width: 767px) {
    .postHero_wrapper {margin-bottom: 25px;}
    .postHero_wrapper .row-fluid .span7 {width: 100%;}
    .postHero_wrapper .row-fluid .span5 {width: 100%; height: auto!important;}
    .postHero_wrapper .row-fluid .span5 h1 {font-size: 20px; line-height: 24px; text-align: center;}
    .postHero_wrapper .row-fluid .span5:before {
        left: 0; 
        right: 0; 
        margin: 0 auto!important; 
        top: -18px;
        border-width: 0 18px 18px 18px;
        border-color: transparent transparent #b20225 transparent;
    }
}

/***** Case Studies *****/

.innerHeader {text-align: center; padding: 40px 0;}
.innerHeader h1 {font-size: 44px; line-height: 48px; padding: 0; margin: 0; color: #b20224;}
.innerHeader h2 {color: #090a0a; font-size: 22px; line-height: 26px;}

.csContainer {max-width: 1200px; float: none; margin: 0 auto;}
.csFlex > span > div {float: left; width: 33%; margin-right: 0.5%; margin-bottom: 6px;}
.csImage {position: relative;}
.csMask {display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.75); color: #fff; padding: 25px;}

.csIntro,
.csIntro * {font-size: 16px; line-height: 20px; text-align: center; color: #fff!important;}
.csIntro {position: relative; padding-bottom: 10px; margin-bottom: 15px;}
.csIntro:after {content: ''; width: 90px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}

.csDesc,
.csDesc * {font-size: 12px; line-height: 16px; text-align: left; color: #fff!important;}

.csView {text-align: center; font-size: 14px; font-style: italic; color: #fff!important;}
.csView img {width: 25px; padding-right: 5px; vertical-align: middle;}

.csTitle {background-color: #666666; padding: 15px 25px; position: relative;}/* was #b20224 */
.csTitle:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 18px 18px;
    border-color: transparent transparent #666666 transparent;
    display: block;
    position: absolute;
    content: '';
    top: -18px;
    left: 30px;
}
.csTitle h4 {font-size: 20px; line-height: 24px; color: #fff; margin: 0; padding: 10px 0;}
.csTitle p {font-size: 14px; line-height: 18px; color: #fff; margin: 0;}

.xcsOuter:focus .csMask,
.csOuter:hover .csMask {display: block;}
.csOuter:hover .csTitle {background-color: #b20224;}/* was #666666 */
.csOuter:hover .csTitle:before {border-color: transparent transparent #b20224 transparent;}

.tabModule {overflow: hidden; padding: 50px 0;}
.clothTexture {background: url(//cdn2.hubspot.net/hubfs/1653786/Case_Studies/cloth-texture.jpg) repeat; width: 100%;}
.tabContent,
.tabContent p {color: #fff; text-align: center; font-style: italic; font-size: 22px; line-height: 32px;}
.tabCopy {margin-bottom: 50px; display: none;}
.tabCopy.tab1 {display: block;}
.tabNav {float: left; width: 33.33%; text-align: center; color: #fff; padding: 0 8px; font-size: 16px; line-height: 24px; position: relative; opacity: .3; cursor: pointer;}
.tnI {
    width: 150px;
    overflow: hidden;
    height: 150px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    margin: 0 auto 10px;
}

.tabNav:hover .tnI,
.tabNav.activeTab .tnI {border: 3px solid #fff;}
.tabNav:hover,
.tabNav.activeTab  {opacity: 1;}

.playbookOuter {text-align: center; padding-top: 25px;}

.playbookImage {
    border-radius: 50%;
    overflow: hidden;
    width: 277px;
    height: 277px;
    background-size: cover!important;
    margin: 0 auto;
    background-position: 50%!important;
    border: 5px solid #021339;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,1);
}
.playbookCTA {margin-top: -40px;}
.pbSubtext {font-size: 16px; line-height: 20px; margin-top: 10px;}

.mobileMask {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0);}

@media (min-width: 1025px) {
    .csFlex > span > div:nth-child(3n+3) {margin-right: 0px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .csContainer {width: 90%;}
    .csImage .csiImage {width: 100%;}
    .csFlex > span > div {width: 49%; margin-right: 1%;}
    .csFlex > span > div:nth-child(2n+2) {margin-right: 0px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .pbCTA .text {font-size: 14px; line-height: 18px;}
}

@media (max-width: 767px) {
    .tabModule {padding: 25px 0 5px;}
    .innerHeader h1 {font-size: 28px; line-height: 32px;}
    .innerHeader h2 {font-size: 16px; line-height: 20px;}
    .csContainer {max-width: 400px; width: 95%;}
    .csFlex > span > div {width: 100%; margin: 0 0 6px;}
    .tabNav {/*float: none; width: 100%; margin-bottom: 20px;*/}
    .tabNavigation { max-width: 120px; margin: 0 auto!important;}
    .tnI:not(.tnI_new) {width: 30px; height: 30px; background: #b20224!important;}
    .tabContent,
    .tabContent p {font-size: 16px; line-height: 20px;}
    .pbCTA .text {font-size: 12px;}
    .playbookImage {width: 200px; height: 200px;}
    .csTitle {height: auto!important;}
    .mobileHide {display: none;}
    .tabCopy {margin-bottom: 30px;}
   .csOuter {position: relative;}
    .mobileMask {display: block;}
    .csMask {padding: 10px;}
    .csIntro {padding-bottom: 0px; margin-bottom: 0px;}
    .csIntro:after {display: none;}

}

/***** Case Study Individual Page *****/
body.case-study-individual .ltfOuter {display: none!important;}
body.case-study-individual .row-fluid .footer-section {margin-top: 20px;}
.lead-in-quote {
    font-family: 'Merriweather', sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
    max-width: 650px;
    margin: 0 auto!important;
    float: none!important;
    color: #000;
}

.row-fluid .csHero {margin-bottom: 5px; max-width: 1240px; margin: 0 auto 5px!important; float: none;}
.csHero .flexslider {margin: 0; border: 0px; box-shadow: none; border-radius: 0px;}
.csHero .flexslider:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 23px 17.5px 0;
    border-color: transparent #b20225 transparent transparent;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 75px;
}
.csHero .flexslider .slides img {height: auto; width: 100%!important;}
.csHero .row-fluid .heroLeft {width: 67%;}
.csHero .row-fluid .heroRight {background-color: #b20224; margin-left: 0px; width: 33%; padding: 5% 40px;}
.csHero .row-fluid .heroRight h1 {color: #fff; font-weight: normal; font-size: 30px; line-height: 1.05em;}
.csHero .row-fluid .heroRight p {color: #cccccc; font-size: 18px; line-height: 1.05em;}

.row-fluid .case-individual-flex {max-width: 1240px; float: none; margin: 0 auto!important;}
.case-individual-flex > span > div {float: left; display: block; width: 100%;}
.three-block-a {overflow: hidden;}
.three-block-a.tba-has-border {padding-top: 5px;}
.three-block-a .tb-inner > div:nth-child(2),
.three-block-a .tb-inner > div:last-child {border-left: 5px solid #fff;}
.tb-module {width: 33.33%; float: left;}
.tb-module.tb-image img {width: 100%;}
.tb-module.tb-copy {background-color: #222222; color: #fff; text-align: center; padding: 4.5% 2.5% 15px;}
.tb-module h3 {color: #fff; font-weight: normal; font-size: 40px; line-height: 1.15em; padding: 0 0 15px; margin-bottom: 15px; position: relative;}
.tb-module h3:after {
    content: '';
    width: 150px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.tb-module p {font-size: 18px; line-height: 1.2em;}

.three-block-b {padding-top: 5px;}
.three-block-b img {width: 100%;}
.tbb-large {width: 66.66%; float: left;}
.tbb-small {width: 33.33%; float: left;}
.tbb-copy {
    border-left: 5px solid #fff; 
    border-bottom: 5px solid #fff; 
    background-color: #e1e4e3;
    color: #222222;
    font-size: 22px;
    line-height: 1.2em;
    padding: 10%;
}
.tbb-copy p {margin-bottom: 20px;}
.tbb-image {border-left: 5px solid #fff;}

.three-block-c {padding-top: 5px; overflow: hidden;}
.three-block-c img {width: 100%;}
.three-block-c .tbc-copy {width: 33.33%; float: left; background-color: #e1e4e3; color: #222222; font-size: 18px; line-height: 1.2em; padding: 3%;}
.three-block-c.tbcRight .tbc-copy {float: right;}
.three-block-c .tbc-image {width: 33.33%; float: left;}

.three-block-c.tbcLeft .tbc-before {border-left: 5px solid #fff;}
.three-block-c.tbcLeft .tbc-after {border-left: 5px solid #fff;}

.three-block-c.tbcRight .tbc-after {border-left: 5px solid #fff;}
.three-block-c.tbcRight .tbc-copy {border-left: 5px solid #fff;}

.three-block-c .tbc-before {position: relative;}
.three-block-c .tbc-before:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -43px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 67px 43px 0;
    border-color: transparent #ccc transparent transparent;
}

.three-block-c .tbc-before:before {
    content: 'before';
    font-size: 14px;
    color: #b20224;
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
}

.three-block-c .tbc-after {position: relative;}
.three-block-c .tbc-after:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -43px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 0 43px 67px;
    border-color: transparent transparent transparent #b20225;
}
.three-block-c .tbc-after:before {
    content: 'after';
    font-size: 14px;
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
}

.three-block-c.removePseudo .tbc-before:before,
.three-block-c.removePseudo .tbc-before:after,
.three-block-c.removePseudo .tbc-after:before,
.three-block-c.removePseudo .tbc-after:after {display: none!important;}

.three-block-d {overflow: hidden; padding-top: 5px;}
.three-block-d .tbd-image {width: 33.33%; float: left;}
.three-block-d img {width: 100%;}
.three-block-d .tbd-center {border-left: 5px solid #fff;}
.three-block-d .tbd-right {border-left: 5px solid #fff;}


.csi-text-box {text-align: center; padding: 35px 0;}

.autoSize {position: relative; margin-bottom: 5px; overflow: hidden;}
.asCopy {background-color: #222222; color: #fff; padding: 30px 3% 10px; position: relative; line-height: 1.2em;}
.asCopy .ascInner {max-width: 480px;}
.asLeft .asCopy .ascInner {float: right;}
.asRight .asCopy {border-left: 5px solid #fff; float: right;}
.asLeft .asCopy {border-right: 5px solid #fff; float: left;}
.asRight .asImage {float: left;}
.asLeft .asImage {float: right;}

.asRight .asCopy:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 32px 20px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 36px;
    left: -32px;
}

.asRight .asCopy:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 32px 20px 0;
    border-color: transparent #222222 transparent transparent;
    position: absolute;
    top: 36px;
    left: -24px;
}

.asLeft .asCopy:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 32px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 36px;
    right: -32px;
}

.asLeft .asCopy:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 32px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    top: 36px;
    right: -24px;
}

.wide-black {width: 100%; background-color: #000;}
.case-study-award {margin-bottom: 5px; color: #fff; padding: 40px 0; text-align: center; margin-top: 5px;}
.award-copy {font-family: 'Merriweather', sans-serif; font-style: italic; font-size: 24px; line-height: 1.3em; max-width: 600px; margin: 20px auto 0!important;}

.project-team {padding: 40px 0; text-align: center;}
.project-team.team-remove {padding: 15px 0;}
.row-fluid .ptIntro {max-width: 700px; float: none; margin: 0 auto!important;}
.row-fluid .ptIntro > .layout-widget-wrapper {margin-bottom: 40px;}
.ptIntro h2 {font-size: 45px; line-height: 1.2em; font-weight: normal; color: #b20224;}

.ptFlex > span > div {display: inline-block; width: 33%;}
.ptOuter {display: inline-block;}
.ptInner {
    width: 275px;
    overflow: hidden;
    height: 275px;
    border-radius: 50%;
    border: 5px solid #021339;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    margin: 0 auto 10px;
}
.ptName {margin-top: -48px;}

.ptName span {
    font-family: 'Merriweather', sans-serif; 
    font-style: italic; 
    color: #fff; 
    font-size: 18px; 
    line-height: 1.15; 
    text-align: center; 
    background-color: #b20224;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 30px;   
    min-width: 230px;
    display: inline-block;
}
.ptTitle {font-size: 16px; line-height: 1.1em; color: #090a0a; margin-top: 10px;}

.taOuter {margin-top: 60px;}
.taImage {position: relative; display: inline-block;}
.taImage .shadow {
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.taOuter .ptName {position: relative; margin-top: -24px;}

.case-study-testimonial {color: #fff; padding: 40px 0 50px; text-align: center;}

.cstQuote {max-width: 700px; font-weight: 300; margin: 0 auto 40px; font-size: 24px; line-height: 1.3em; font-family: 'Merriweather',sans-serif; font-style: italic; color: #f6e9e9;}
.cstImage {
    width: 150px;
    overflow: hidden;
    height: 150px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,1);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    margin: 0 auto 10px;
    border: 3px solid #fff;
}
.cstName,
.cstLocation {font-size: 16px; line-height: 22px;}
.gsCTA {margin-top: 40px;}

@media (min-width: 768px) {
  .three-block-a,.three-block-c,.three-block-d {margin-left: -2.5px; margin-right: -2.5px;}
  .three-block-a .tb-inner > div:nth-child(2),
  .three-block-a .tb-inner > div:last-child {border-left: none;}
  .tb-module {width: calc(33.33% - 5px); margin: 0 2.5px;}

  .three-block-c .tbc-copy,
  .three-block-c .tbc-image {width: calc(33.33% - 5px); margin: 0 2.5px;}
  .three-block-c.tbcLeft .tbc-before {border-left: none;}
  .three-block-c.tbcLeft .tbc-after {border-left: none;}
  .three-block-c.tbcRight .tbc-after {border-left: none;}
  .three-block-c.tbcRight .tbc-copy {border-left: none;}  

  .three-block-d .tbd-image {width: calc(33.33% - 5px); margin: 0 2.5px;}
  .three-block-d .tbd-center {border-left: none;}
  .three-block-d .tbd-right {border-left: none;}  
  
}

@media (min-width: 992px) and (max-width: 1120px) {
    .csHero .row-fluid .heroRight {background-color: #b20224; margin-left: 0px; width: 33%; padding: 5% 20px;}
    .csHero .row-fluid .heroRight h1 {font-size: 24px;}
    .csHero .row-fluid .heroRight p {font-size: 16px;}
    .tb-module h3 {font-size: 36px;}
    .tb-module p {font-size: 18px;}
    .three-block-c .tbc-copy,
    .tbb-copy,
    .asCopy {font-size: 18px;}
}

@media (min-width: 768px) and (max-width: 1025px) {
    .ptInner {width: 200px; height: 200px;}
    .ptName span {min-width: 1px; padding: 10px 20px;}
    .tb-module h3 {font-size: 28px; padding-bottom: 15px; margin-bottom: 10px;}
    .tb-module p {font-size: 16px;}
    .tb-module.tb-copy {padding: 30px 20px;}
    .three-block-c .tbc-copy {font-size: 16px; padding: 1.5%;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .csHero .row-fluid .heroRight {background-color: #b20224; margin-left: 0px; width: 33%; padding: 5% 20px;}
    .csHero .row-fluid .heroRight h1 {font-size: 20px;}
    .csHero .row-fluid .heroRight p {font-size: 16px;}   
    .tb-module h3 {font-size: 22px; padding-bottom: 10px; margin-bottom: 10px;}
    .tb-module p {font-size: 12px;}
    .tbb-copy {font-size: 14px; padding: 3%;}
    .three-block-c .tbc-copy {font-size: 12px; padding: 1.5%;}
    .asCopy {font-size: 14px; padding: 15px; /*width: 50%!important;*/}
    /*.asImage {width: 50%!important;}*/
    .ptFlex>span>div {width: 32%;}
    .tb-module.tb-copy {padding: 15px;}
}

@media (max-width: 767px) {
    .lead-in-quote {font-size: 16px; line-height: 22px;}
    .csHero .row-fluid .heroLeft {width: 100%;}
    .csHero .row-fluid .heroRight {width: 100%; height: auto!important; text-align: center; padding: 10px 15px;}
    .csHero .flexslider:after {
        top: auto; 
        bottom: 0; 
        right: 0; 
        left: 0;
        margin: 0 auto;
        border-width: 0 17.5px 23px 17.5px;
        border-color: transparent transparent #b20225 transparent;
    }
    .csHero .row-fluid .heroRight h1 {font-size: 20px; padding-bottom: 0;}
    .csHero .row-fluid .heroRight p {font-size: 16px;}
    .tb-module {width: 100%; float: left;}
    .tb-module.tb-copy {height: auto!important; padding: 20px;}
    .three-block-a {overflow: hidden; height: auto!important;}
    .three-block-a .tb-module.tb-copy {height: auto!important;}
    .three-block-a .tb-inner > div:nth-child(2),
    .three-block-a .tb-inner > div:last-child {border-left: 0px solid #fff; border-top: 5px solid #fff;}
    
    .tbb-large {width: 100%; float: left;}
    .tbb-small {width: 100%; float: left;}
    .tbb-copy {height: auto!important; padding: 15px; border-left: 0px; border-top: 5px solid #fff;}
    .tbb-image {border-left: 0px;}
    .three-block-c {height: auto!important;}
    .three-block-c .tbc-copy {height: auto!important;}
    .mobile100 {width: 100%!important;}
    .three-block-c .tbc-copy {border: 0px!important; border-bottom: 5px solid #fff!important;}
    .three-block-c .tbc-before {border: 0px!important; border-bottom: 5px solid #fff!important;}
    .three-block-c .tbc-after {border: 0px!important;}
    
    .three-block-d {height: auto!important;}
    .three-block-d .tbd-left {border-bottom: 5px solid #fff!important;}
    .three-block-d .tbd-center {border-left: 0px!important; border-bottom: 5px solid #fff!important;}
    .three-block-d .tbd-right {border-left: 0px!important;}

    .three-block-c .tbc-before:after {
        right: 0;
        left: 0;
        top: auto;
        margin: 0 auto;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 43px 67px 43px;
        border-color: transparent transparent #cccccc transparent;
    }
    
    .three-block-c .tbc-before:before {
        right: 0px;
        left: 0px;
        top: auto;
        bottom: 5px;
        margin: 0 auto;
        text-align: center;
    }
    
    .three-block-c .tbc-after:after {
        right: 0;
        left: 0;
        top: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 67px 43px 0 43px;
        border-color: #b20225 transparent transparent transparent;
    }
    
    .three-block-c .tbc-after:before {
        right: 0px;
        left: 0px;
        top: 5px;
        margin: 0 auto;
        text-align: center;
    }
    .csi-text-box {padding: 15px 0;}

    .asImage img {margin: 0 auto; display: block;}
    .asCopy, .asImage {float: left!important; width: 100%!important; height: auto!important; background-color: #000;}
    .asCopy {border: 0px!important; border-bottom: 5px solid #fff!important; padding: 15px;}
    .asLeft .asCopy:before,
    .asRight .asCopy:before{
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 32px 20px 0 20px;
        border-color: #ffffff transparent transparent transparent;
        position: absolute;
        top: auto;
        bottom: -32px;
        right: 0;
        left: 0;
        margin: 0 auto!important;
    }
    
    .asLeft .asCopy:after,
    .asRight .asCopy:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 32px 20px 0 20px;
        border-color: #222222 transparent transparent transparent;
        position: absolute;
        top: auto;
        bottom: -24px;
        right: 0;
        left: 0;
        margin: 0 auto!important;
    }    
    
    .asCopy .ascInner {max-width: 100%;}
    .asLeft .asCopy .ascInner {float: none;}
    
    .case-study-award {padding: 15px 0;}
    .award-copy {font-size: 18px;}
    .row-fluid .ptIntro {padding: 15px 0;}
    .ptOuter {margin-bottom: 25px;}
    .taOuter {margin-top: 10px;}
    .case-study-testimonial {padding: 15px 0 25px;}
    
    .ptFlex > span > div {display: block; width: 100%; float: none;}
    .ptOuter {display: block;}    
    
    .gsCTA {margin-top: 20px;}
    
    .tb-module h3 {font-size: 24px; padding-bottom: 15px; margin-bottom: 10px;}
    .tb-module p {font-size: 16px;}
    .tbb-copy {font-size: 14px; padding: 3%;}
    .three-block-c .tbc-copy {font-size: 14px; padding: 1.5%;}
    .asCopy {font-size: 14px; padding: 15px;}
    .cstQuote {font-size: 18px;}
    .row-fluid .pickup-section h2 {padding-bottom: 5px;}
    .team-remove .ptIntro {display: none;}
    .project-team.team-remove {padding: 12px 0; min-height: 0px;}
}

/***** Gallery Page ****/
.galleryIntro.ptIntro,
.galleryIntro.ptIntro h2 {color: #fff;}

.bottom-border {border-bottom: 1px solid #999;}
.gsOuter {background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png); height: 0px; overflow: hidden;}
.loadGif li {list-style: none!important;}
.gsOuter.loadGif {
    background-color: #fff; 
    background-image: url(//cdn2.hubspot.net/hubfs/1653786/AjaxLoader_1.gif); 
    background-position: center center; 
    height: 300px;
    background-repeat: no-repeat;
}
.loadGif .flex-direction-nav {display: none!important;}
.gsOuter.gsLoaded {height: auto; overflow: visible;}
.row-fluid .gsFlex {overflow: hidden; width: 100%; max-width: 1240px; float: none; margin: 0 auto!important;}
.gsFlex .flexslider {max-width: 620px; width: 100%; margin: 0 auto; border: 0px!important; background-color: transparent;}
/*.content {background: #f2f2f2; max-width: 500px; display: block; margin: 0 auto}*/
.gsFlex .flex-viewport {/*overflow: visible !important*/}

.gsFlex .flexslider .slides > li,
.gsNav .flexslider .slides > li {opacity: .4; transition: .25s; -webkit-transition: .25s; -moz-transition: .25s;}
.gsFlex .flexslider .slides > li.flex-active-slide,
.gsNav .flexslider .slides > li.flex-active-slide {opacity: 1;}

.gsFlex .flexslider .slides > li {}
.gsFlex .flexslider .slides > li img {width: auto!important; margin: 0 auto;}

.row-fluid .gsNav {max-width: 720px; float: none; margin: 0 auto!important; max-height: 73px; overflow: hidden; padding: 0 50px; height: 0px;} 
.row-fluid .gsNav.gsnLoaded {height: auto;}
.row-fluid .gsNav .flexslider li {margin-right: 15px;}

.gsFlex .flex-direction-nav a:before,
.gsFlex .flex-direction-nav a:after {color: #0d0c0c;}
.gsFlex .flex-direction-nav .flex-prev {left: -30px!important; height: 46px;}
.gsFlex .flex-direction-nav a.flex-prev:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 23px 17.5px 0;
    border-color: transparent #b20225 transparent transparent;
}
.gsFlex .flex-direction-nav .flex-next {right: -30px!important; height: 46px;}
.gsFlex .flex-direction-nav a.flex-next:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17.5px 0px 17.5px 23px;
    border-color: transparent transparent transparent #b20225;
}

.gsNav .flex-direction-nav a {top: 35px;}
.gsNav .flex-direction-nav a:before,
.gsNav .flex-direction-nav a:after {color: #0d0c0c; font-size: 28px;}
.gsNav .flex-direction-nav .flex-prev {left: -40px!important;}
.gsNav .flex-direction-nav .flex-next {right: -40px!important;}
.gsNav .flex-direction-nav a.flex-prev:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 17px 15.5px 0;
    border-color: transparent #b20225 transparent transparent;
}
.gsNav .flex-direction-nav a.flex-next:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 0px 15.5px 17px;
    border-color: transparent transparent transparent #b20225;
}

.portContainer {max-width: 1240px;}
.portOuter .csTitle h4 {font-family: 'Lato', sans-serif; font-weight: normal; font-size: 22px; line-height: 26px;}
.portOuter .csDesc, .portOuter .csDesc * {font-size: 22px; line-height: 24px; text-align: center;}
.portOuter .csDesc {text-align: center;}

.portOuter .csDesc {
    text-align: center;
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    max-width: 100%;
    left: 0;
    padding: 25px;
}

.portOuter .csMask {background: rgba(0,0,0,.5);}

.sdCTA {padding: 50px 0 20px;}
.margin-minus50 {margin-top: -50px;}

.row-fluid .design-thinking .customDesign.static .hs-rss-item {float: left; width: 30%; margin: 0 1.5% 20px; max-width: 100%;}

@media (max-height: 500px) {
    .gsFlex .flexslider .slides > li img {max-height: 310px;}
}

@media (max-width: 1024px) {
    .portOuter .csMask {display: block!important;}
    .row-fluid .gsNav {display: none!important;}
}

@media (max-width: 1024px) and (min-width: 768px) {
    .portContainer {max-width: 820px;}
    .ptIntro h2 {font-size: 32px; line-height: 44px;}
    .portOuter .csDesc, .portOuter .csDesc * {font-size: 18px; line-height: 22px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .row-fluid .design-thinking .customDesign .hs-rss-item .hs-rss-title a {font-size: 20px; line-height: 22px;}
    .row-fluid .design-thinking .customDesign .hs-rss-item .hs-rss-description {font-size: 16px; line-height: 17px;}
}

@media (max-width: 767px) {
    .portContainer {max-width: 400px;}
    .gsOuter {background: url();}
    .ptIntro h2 {font-size: 30px; line-height: 36px;}
    .row-fluid .ptIntro>.layout-widget-wrapper {margin-bottom: 20px;}
    .project-team {padding: 20px 0;}
    .sdCTA {padding: 20px 0 20px;}
    .row-fluid .design-thinking .customDesign.static .hs-rss-item {float: none; width: 100%; margin: 0 auto 20px; max-width: 280px;}
    
    .csOuter.portOuter .csTitle {background-color: #b20224!important;}
    .csOuter.portOuter .csTitle:before {border-color: transparent transparent #b20224 transparent!important;}
    .portOuter .csDesc, .portOuter .csDesc * {font-size: 16px; line-height: 20px;}
    .gsFlex .flex-direction-nav .flex-prev {left: 20px!important;}
    .gsFlex .flex-direction-nav .flex-next {right: 20px!important;}
}

/****  Error Templates *****/
.error-template input.hs-input,
.error-template input[type="password"] {border: 1px solid; max-width: 500px; float: left;}
.error-template a.hs-button.primary,
.error-template input[type="submit"] {color: #fff; background-color: #b20224; display: inline-block; padding: 8px 20px; font-size: 18px; line-height: 1.1em; float: left; clear: both; margin-top: 15px;}


/***** Schedule Conversation LP ****/
.scheduleInner {padding: 40px 0 100px;}
.scheduleInner .scheduleHeader {padding-bottom: 40px;}
.scheduleInner .scheduleHeader.scheduleHeader18 {padding-bottom: 20px;}
.scheduleInner h6 {font-size: 14px; font-style: italic; color: #ccc; font-weight: 400; padding: 0;}

.formtoggle_container .formButton {
    float: left; 
    width: 47%; 
    background-color: #ccc; 
    color: #fff;
    font-family: 'Merriweather', sans-serif;
    padding: 0px 5px;
    cursor: pointer;
    transition: .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    text-align: center;
    margin-bottom: 20px;
    height: 64px;
    line-height: 64px;
    
}

.formButton span {
    position: relative;
    top: 2px;
    font-style: italic;
    font-size: 24px;
    padding-left: 10px;
}

.formtoggle_container .formButton.active,
.formtoggle_container .formButton:hover {background-color: #b20224;}
.formtoggle_container #overPhone {float: right;}
.formtoggle_container .formButton img {vertical-align: middle;}

.row-fluid .schedule-conversation-form {}
.row-fluid .schedule-conversation-form .hs-form-field > label {display: none;}
.row-fluid .overPhone.schedule-conversation-form {display: none;}
.row-fluid .schedule-conversation-form fieldset {max-width: 100%;}
.row-fluid .schedule-conversation-form .hs-form-field .input {margin-bottom: 20px;}
.row-fluid .schedule-conversation-form .hs-form-field .input .hs-input {width: 100%; background-color: #fff !important; border: 1px solid #999; color: #999; padding: 6px 8px; font-size: 16px;line-height: 20px; font-family: 'Merriweather', sans-serif;}
.row-fluid .schedule-conversation-form .hs-form-field .input select.hs-input {height: 34px; -webkit-appearance: none; border-radius: 0px;}
.row-fluid .schedule-conversation-form .hs-form-field .input label .hs-input {width: auto;}
.row-fluid .schedule-conversation-form ul.inputs-list.multi-container li {float: left; width: 33%; font-size: 16px; color: #999; font-family: 'Merriweather',sans-serif;}
.row-fluid .schedule-conversation-form .hs-form fieldset.form-columns-2 .field:first-child {padding: 0px;}
.row-fluid .schedule-conversation-form .hs-form fieldset.form-columns-2 .input,
.row-fluid .schedule-conversation-form .hs-form fieldset.form-columns-1 .input,
.row-fluid .schedule-conversation-form .hs-form fieldset.form-columns-3 .input {margin-right: 0px;}

.row-fluid .schedule-conversation-form .hs-form fieldset.form-columns-3 .hs-form-field {width: 30%; margin-right: 5%;}
.row-fluid .schedule-conversation-form .hs-form fieldset.form-columns-3 .hs-form-field:last-child {margin-right: 0;}

.row-fluid .schedule-conversation-form div.hs_project_type {
    float: left;
    width: 100%;
    background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png);
    padding: 10px 20px 5px!important;
}

.row-fluid .schedule-conversation-form div.hs_project_type_other{
    float: left;
    width: 100%;
    background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png);
    padding: 5px 20px 10px!important;
    margin-bottom: 50px;
}





.row-fluid .schedule-conversation-form .hs-richtext h4 {text-align: left; font-size: 22px; line-height: 28px; color: #999; margin-bottom: 8px; font-weight: 400;}
.row-fluid .schedule-conversation-form .hs-richtext {text-align: center;}

.row-fluid .schedule-conversation-form .hs_best_day {position: relative;}


.row-fluid .schedule-conversation-form .actions {text-align: center;}
.row-fluid .schedule-conversation-form .actions input[type="submit"] {
    background-color: #111218;
    color: #fff;
    font-style: italic;
    font-size: 16px;
    padding: 12px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 0;
    -webkit-appearance: none !important;
    display: inline-block;
    margin-top: 10px;
    font-family: 'Merriweather',sans-serif !important;
}

.row-fluid .schedule-conversation-form .hs-form-field .input input[name="firstname"],
.row-fluid .schedule-conversation-form .hs-form-field .input input[name="lastname"] {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/person-icon.png) no-repeat 10px 50%; padding-left: 40px;}
.row-fluid .schedule-conversation-form .hs-form-field .input input[name="email"] {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/email-icon.png) no-repeat 10px 50%; padding-left: 40px;}
.row-fluid .schedule-conversation-form .hs-form-field .input input[name="phone"] {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/phone-icon_v2.png) no-repeat 10px 50%; padding-left: 40px;}
.row-fluid .schedule-conversation-form .hs-form-field .input textarea[name="message"] {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/pencil-icon.png) no-repeat 10px 10px; min-height: 150px; padding-left: 40px;}
.row-fluid .schedule-conversation-form .hs-form-field .input textarea[name="best_days_and_times"] {background: url(https://cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/Time_sc_grey.png) no-repeat 10px 10px; padding-top: 9px; min-height: 150px; padding-left: 40px;}
.row-fluid .schedule-conversation-form .hs-form-field .input input[name="address"] {background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/home-icon_sc2.png) no-repeat 10px 50%; padding-left: 40px;}


ul.hs-error-msgs li label {
    font-size: 12px;
    line-height: 14px;
    position: relative;
    margin-top: -10px;
    display: block;
    font-family: 'Lato', sans-serif;
    color: #b20224;
}

.row-fluid .schedule-conversation-form div.hs_best_time label,
.row-fluid .schedule-conversation-form div.hs_best_day label {display: block!important; color: #999; font-size: 16px; line-height: 20px; font-weight: bold; font-family: 'Merriweather', sans-serif;}

.row-fluid .schedule-conversation-form .hs-form-field .input input[name="best_time"],
.row-fluid .schedule-conversation-form .hs-form-field .input input[name="best_day"] {padding-left: 45px;}

.row-fluid .schedule-conversation-form .hs-form-field.hs_best_day .input,
.row-fluid .schedule-conversation-form .hs-form-field.hs_best_time .input {position: relative;}

.row-fluid .schedule-conversation-form .hs-form-field.hs_best_day .input input,
.row-fluid .schedule-conversation-form .hs-form-field.hs_best_time .input input {border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; overflow: hidden;}

.row-fluid .schedule-conversation-form .hs-form-field.hs_best_day .input:before,
.row-fluid .schedule-conversation-form .hs-form-field.hs_best_time .input:before {
    content: '';
    width: 34px;
    height: 34px;
    background-color: #b20224;
    background-image: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/Day_sc.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 1px;
    border-radius: 4px 0 0 4px; 
    -webkit-border-radius: 4px 0 0 4px; 
    -moz-border-radius: 4px 0 0 4px;
}

.row-fluid .schedule-conversation-form .hs-form-field.hs_best_time .input:before {background-image: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/Time_sc.png);}

@media (max-width: 767px) {
    .scheduleInner {padding: 40px 0;}
    .scheduleInner .scheduleHeader {padding-bottom: 20px;}
}

@media (max-width: 585px) {
    .row-fluid h1 {font-size: 32px; line-height: 36px;}
    .formtoggle_container .formButton {width: 100%; float: left;}
    .formtoggle_container #overPhone {margin-bottom: 0px;}
    .row-fluid .schedule-conversation-form .hs-form fieldset .hs-form-field {width: 100%!important; padding-left: 0px;}
    .row-fluid .schedule-conversation-form ul.inputs-list.multi-container li {width: 50%;}
}

/***** Footer *****/
.row-fluid .footer-section { float:left; width:100%; padding:65px 0; background:#000000; font-size:17px; color:#cccccc; line-height:22px; margin-top:30px; position: relative; z-index: 1;}
.row-fluid .footer-section .container { position:relative; }
.row-fluid .footer-section a { color:#CCC; }
.row-fluid .footer-section .footer-box1 { width:38%; margin:0; padding-right:30px; }
.row-fluid .footer-section .footer-box2 { width:27%; margin:0; }
.row-fluid .footer-section .footer-box3 { width:35%; margin:0; padding-left:30px; }
.row-fluid .footer-section .address-row { padding:0 0 5px 10px; }
.row-fluid .footer-section .useful-links { padding:0 20px; border-left:#b20224 solid 1px; border-right:#b20224 solid 1px; }
.row-fluid .footer-section .useful-links > div > span > div > ul li { padding-left:15px; position:relative; }
.row-fluid .footer-section .useful-links > div > span > div > ul li:hover > a { color:#b20224; }
.row-fluid .footer-section .useful-links > div > span > div > ul li:hover:before { background:#b20224; }
.row-fluid .footer-section .useful-links > div > span > div > ul li:before { position:absolute; content:''; width:4px; height:4px; background:#CCC; left:0; top:12px; border-radius:50%; }
.row-fluid .footer-section .useful-links > div > span > div > ul > li > a { padding:0; line-height:26px; }
.row-fluid .footer-section .useful-links > div > span > div > ul > li > ul { position:relative !important; left:0 !important; top:0 !important; visibility:visible !important; opacity:1 !important; padding-left:5px; }
.row-fluid .footer-section .useful-links > div > span > div > ul > li > ul > li > a { padding:0; line-height:26px; width:100% !important; max-width:100% !important; white-space: normal; line-height: 22px; padding-bottom: 3px;}
.row-fluid .footer-section .useful-links > div > span > div > ul > li > ul > li:before {top: 9px;}
.row-fluid .footer-section .lets-talkcta { position:absolute; right:50px; top:-155px; width:auto; }
.row-fluid .footer-section .lets-talkcta a { font-family: 'Merriweather', serif; background:#b20224; padding:25px 85px; font-size:30px; display:inline-block; position:relative; color:#FFF; font-style:italic; line-height:40px; }
.row-fluid .footer-section .lets-talkcta a:before { position:absolute; content:''; left:25px; bottom:-30px; width:0; height:0; border-top:#b20224 solid 30px; border-right:transparent solid 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out; }
.row-fluid .footer-section .lets-talkcta a:hover { background:#f4f4f4; color:#b20224; }
.row-fluid .footer-section .lets-talkcta a:hover:before { border-top:#f4f4f4 solid 30px; }
.row-fluid .footer-section .client-box { font-family: 'Merriweather', serif; color:#cccccc; padding-right:25px; font-style:italic; font-size: 18p; line-height: 25px;}
.row-fluid .footer-section .client-box h4 { font-size:24px; line-height: 33px; color:#FFF; font-style:normal; font-weight: normal; padding-bottom: 20px; padding-top: 0;}
.row-fluid .footer-section .client-name { font-size:13px; line-height:16px; padding-top: 20px;}
.row-fluid .footer-section .client-name em { float:left; width:100%; color:#b20224; }

.lets-talk-group {position: absolute; top: 28px; right: 0; transition: .25s; -moz-transition: .25s; -webkit-transition: .25s;}
.lets-talk-group.ltUp {top: -45px;}
.lets-talk-group > div:first-child {position: relative; z-index: 10; width: 100%;}
.lets-talk-group > div:last-child {position: absolute; z-index: 1; width: 100%;}
.lets-talk-group .ltgHeader span {cursor: pointer; font-family: 'Merriweather', serif; background:#b20224; padding:25px 5px; text-align: center; font-size:30px; display:block; position:relative; color:#FFF; font-style:italic; line-height:40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out;}
.lets-talk-group .ltgHeader span:before { position:absolute; content:''; left:25px; bottom:-30px; width:0; height:0; border-top:#b20224 solid 30px; border-right:transparent solid 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all  0.2s ease-in-out; }
.lets-talk-group .ltgHeader span:hover { background:#424348; color:#fff; }
.lets-talk-group .ltgHeader span:hover:before { border-top:#424348 solid 30px; }

.lets-talk-group .ltgLower {background: url(//cdn2.hubspot.net/hubfs/1653786/Clark_Construction/images/light_noise_diagonal.png) repeat left top;}
.lets-talk-group form {padding: 50px 10px 5px;}
.lets-talk-group form > div .hs-form-field {margin-bottom: 10px;}
.lets-talk-group form > div .hs-form-field .input .hs-input {background-color: #fff!important; border: 1px solid #999999; color: #999999; padding: 10px 8px 10px 40px; font-size: 16px; line-height: 20px;}
.lets-talk-group form > div:first-child .hs-form-field .input .hs-input {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/person-icon.png) no-repeat 10px 50%;}
.lets-talk-group form > div:nth-child(2) .hs-form-field .input .hs-input {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/email-icon.png) no-repeat 10px 50%;}
.lets-talk-group form > div:nth-child(3) .hs-form-field .input .hs-input {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/phone-icon_v2.png) no-repeat 10px 50%;}
.lets-talk-group form > div:nth-child(4) .hs-form-field .input .hs-input {background: url(//cdn2.hubspot.net/hubfs/1653786/Home_Page/Images/pencil-icon.png) no-repeat 10px 10px; min-height: 150px;}
.lets-talk-group form label {display: none!important;}

.row-fluid .lets-talk-group input,
.row-fluid .lets-talk-group textarea {font-family: 'Merriweather', sans-serif!important;}
.lets-talk-group .actions {text-align: center;}
.lets-talk-group .actions input[type="submit"] {
    background-color: #111218;
    color: #fff;
    font-style: italic;
    font-size: 16px; 
    padding: 12px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 0px;
    -webkit-appearance: none!important;
    display: inline-block;
    margin-top: 10px;
}
.ltLowerClose {text-align: center; padding-bottom: 20px; color: #999; font-size: 16px;}
.ltLowerClose span {cursor: pointer; font-family: 'Merriweather',sans-serif;}

.row-fluid .footer-section2 { background:#cccccc; border-top:#b20224 solid 3px; padding:8px 0; position: relative; z-index: 2;}
.row-fluid .footer-section2 * { min-height:0; }
.row-fluid .footer-section2 .footer-menu ul { vertical-align:top; display:block; }
.row-fluid .footer-section2 .footer-menu ul li a { max-width:100%; font-size:14px; color:#333; line-height:28px; font-weight:700; vertical-align:top; padding:0 10px; display:block; }
.row-fluid .footer-section2 .footer-menu ul li a:hover { color:#b20224; }
.row-fluid .footer-section2 .footer-menu ul li:first-child a { padding-left:0; }

.row-fluid .footer-section2 .footer-social ul { float:right; position:relative; top:-25px; }
.row-fluid .footer-section2 .footer-social ul li { float:left; }
.row-fluid .footer-section2 .footer-social ul li a { width:30px; height:30px; color:#eeeeee; text-align:center; float:left; line-height:30px; border-radius:50%; background:#8e8e8e; margin-left:5px; font-size:17px; }
.row-fluid .footer-section2 .footer-social ul li a:hover { color:#FFF; background:#7c7c7c; }

.footerSlide .flexslider {margin: 0!important; background-color: transparent!important; border: 0px!important; border-radius: 0px!important;}

.footerSlide .flexslider li {overflow: hidden;}
.flex-slider { position:relative; }


.flex-direction-nav {
    display: block !important;
    opacity: 1 !important;
    top: 30% !important;
    width: 100%;
    z-index: 999 !important;
}

.flex-direction-nav a {
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0;
    opacity: 1 !important;
    overflow: hidden;
    padding-top: 8px;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 10;
}
.flex-direction-nav a.flex-prev:before { content:"\2329"; }
.flex-direction-nav a.flex-next:before { content:"\232A" !important; }
.social-blog-section.mobileHide {display: none;}

.row-fluid .footerLogin {display: none; position: absolute; background-color: #fff; width: auto; top: -155px; height: 150px;}

@media (min-width: 1025px) and (max-width: 1150px) {
    .slideRight > div:first-child {font-size: 20px; line-height: 26px; height: 40%;}
    .slideRight > div:last-child {font-size: 16px; line-height: 20px; height: 60%;}
}
@media (max-width: 1024px) {
    .social-blog-section.deskHide {display: none;}
    .social-blog-section.mobileHide {display: block; margin-bottom: 20px;}  
    .header-call-us {font-size: 16px; padding-top: 10px;}
    
}
@media (min-width: 992px) and (max-width: 1024px) {
    .slideRight > div:first-child {font-size: 26px; line-height: 1.15em; height: 35%;}
    .slideRight > div:last-child {font-size: 18px; line-height: 1.15em; height: 65%;padding: 10px 15px 5px;}
    .greyPattern, .row-fluid .main-slider .caption {padding: 15px 0;}
    .slideRight>div:last-child .row-fluid .widget-type-rich_text a {font-size: 18px; line-height: 1.15em;}
    .row-fluid .main-slider-tagline .tagline h4 {font-size: 16px; line-height: 22px; padding: 30px 25px 10px;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .slideRight > div:first-child {font-size: 16px; line-height: 20px; height: 35%;}
    .slideRight > div:last-child {font-size: 12px; line-height: 16px; height: 65%;padding: 10px 15px 5px;}
    .greyPattern, .row-fluid .main-slider .caption {padding: 15px 0;}
    .slideRight>div:last-child .row-fluid .widget-type-rich_text a {font-size: 12px; line-height: 14px;}
    .row-fluid .main-slider-tagline .tagline h4 {font-size: 16px; line-height: 22px; padding: 30px 25px 10px;}

}

@media (max-width: 767px) {
    .blog-slider .row-fluid .widget-type-linked_image {width: 100%; float: none;}
    .blog-slider .row-fluid .slideRight {width: 100%; float: none; height: auto!important;}
    .slideRight > div:first-child {font-size: 16px; line-height: 20px; width: 100%; height: auto!important;}
    .slideRight > div:last-child {font-size: 12px; line-height: 16px; width: 100%; height: auto!important; padding: 15px; padding-bottom: 40px;}
    .slideRight>div:last-child .row-fluid .widget-type-rich_text a {font-size: 12px; line-height: 14px;}
    .bx-controls.bx-has-controls-direction {width: 100%; height: 30px!important; text-align: center;}
    .bx-controls-direction {display: inline-block;}
    .bx-wrapper .bx-controls-direction a {height: 30px!important; width: 30px!important;}
    .bx-wrapper .bx-controls-direction a.bx-prev {border-left: 1px solid #fff;}
    .slideRight > div:first-child:before {
        left: 0; 
        right: 0; 
        margin: 0 auto!important; 
        top: -18px;
        border-width: 0 18px 18px 18px;
        border-color: transparent transparent #b20225 transparent;
    }
    .row-fluid .lets-talk-group {width: 100%;}
    .lets-talk-group .ltgHeader span {font-size: 24px;}
    .lets-talk-group form {padding: 20px 10px 10px;}
    .lets-talk-group form>div:nth-child(3) .hs-form-field .input .hs-input {min-height: 75px;}
    .grid-sizer,
    .post-item {width: 48%; margin: 0 1% 40px 1%; float: left;}
    .post-item .featured-image-wrapper img {width: 100%;}
    .hoverMask {display: block!important; background-color: transparent!important; z-index: 1;}
    .hmi {display: none!important;}
    /*.post-item:hover .post-header {background-color: #b20224!important;}*/
    /*.row-fluid .mid .post-listing .post-item:hover .post-header:after {border-top: #b20224 solid 28px!important;}*/
    .topicFilter h3 {width: auto; padding: 10px 20px; display: block; margin: 0 auto 20px; float: none; max-width: 200px;}
    .topicFilter ul {text-align: center;}
    .topicFilter ul li a {font-size: 10px; padding: 2px 8px;}
    .topicFilter ul li {float: none;}
    .topicFilter {margin-top: 0px; margin-bottom: 20px;}
    .hs-blog-header {padding: 20px 0;}
    .hs-blog-header .blogHeader .bhMain {font-size: 28px; line-height: 32px;}
    .hs-blog-header .blogHeader .bhSub {font-size: 16px; line-height: 20px;}
}

@media (max-width: 480px) {
    .grid-sizer,
    .post-item {width: 100%; margin: 0 0 20px; float: left; position: relative!important; left: auto!important; top: auto!important;}
}

@media (min-width:992px) and (max-width:1120px){
    .row-fluid .container { width:900px; }
    .row-fluid .main-slider .caption { padding:40px 15% 60px; }
    .row-fluid .main-slider .caption .tagline { margin-left:-450px !important; }
    .row-fluid .custom-menu-primary > div > span > div > ul > li > a { font-size:16px; padding: 33px 20px 33px 14px;}
    .row-fluid .round-boxes .roundbox-text { padding:0; line-height:20px; }
    .row-fluid .pickup-section h2, .row-fluid .design-thinking .designthinking-inner .ds-title h1 { font-size:40px; }
    .row-fluid .design-thinking .hs-rss-item .hs-rss-item-text .hs-rss-title { font-size:22px; }
    .row-fluid .round-boxes .next-link a { font-size:18px; }
}

@media (min-width: 992px) and (max-width: 1025px) {
    .row-fluid .custom-menu-primary>div>span>div>ul>li>ul>li>a {text-align: center; font-size: 11px; padding: 5px 2px; line-height: 13px; text-indent: 0;}
    .row-fluid .custom-menu-primary>div>span>div>ul>li>ul>li {filter: none!important; -webkit-filter: none!important;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:before {bottom: 22px!important;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li > a {background:#a2171c; color:#FFF;}
    .row-fluid .page-column h2 {font-size: 32px; line-height: 36px;}
    .row-fluid .page-column p {font-size: 18px; line-height: 24px;}
}

@media (min-width:768px) and (max-width:991px){
    .row-fluid .container, .row-fluid .container750 { width:730px; }
    .row-fluid .main-slider .caption .tagline { margin-left:-350px !important; }
    .row-fluid .custom-menu-primary > div > span > div > ul > li > a { padding:33px 12px 33px 6px; font-size:14px; }
    .row-fluid .main-slider .caption { padding:40px 10% 60px; }
    .row-fluid .section-content { padding:30px 15px; }
    .row-fluid .pickup-section h2, .row-fluid .design-thinking .designthinking-inner .ds-title h1 { font-size:32px; line-height:44px; }
    .row-fluid .design-thinking .hs-rss-item .hs-rss-item-text .hs-rss-title { font-size:20px; }
    .row-fluid .round-boxes .roundbox-title { width:220px; height:220px; }
    .row-fluid .round-boxes .next-link a { font-size:13px; }
    .row-fluid .round-boxes .roundbox-title h4 { font-size:20px; }
    .row-fluid .round-boxes .roundbox-text { font-size:15px; line-height:18px; padding:0; }
    .row-fluid .pickup-section .container750 { float:left; width:100%; }
    .row-fluid .footer-section .client-box h4 { font-size:20px; line-height: 24px;}
    .row-fluid .footer-section .lets-talkcta { right:0; top:-135px }
    .row-fluid .footer-section .lets-talkcta a { padding:15px 45px; }
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul  > li > a { padding:10px 0; font-size:10.5px; }
    .row-fluid .custom-menu-primary>div>span>div>ul>li>ul>li>a {text-align: center; font-size: 9px; padding: 5px 2px; line-height: 13px; text-indent: 0;}
    .row-fluid .custom-menu-primary>div>span>div>ul>li>ul>li {filter: none!important; -webkit-filter: none!important;}
    .row-fluid .custom-menu-primary>div>span>div>ul>li>ul>li:before {/*display: none!important;*/}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:before {bottom: 22px!important;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li > a {background:#a2171c; color:#FFF;}
    .row-fluid .page-column h2 {font-size: 32px; line-height: 36px;}
    .row-fluid .page-column p {font-size: 18px; line-height: 24px;}
}

@media (max-width:767px){
    .row-fluid .container, .row-fluid .container750 { width:100%; }
    .row-fluid .main-slider .caption .tagline { left:0; margin-left:0 !important; top:-70px; }
    .row-fluid .main-slider .caption .tagline h4 { padding:30px 10px 10px; line-height:30px; font-size:17px; }
    .row-fluid .newsletter-section { padding:20px 0 30px; }
    .row-fluid .newsletter-section h3 { font-size:18px; line-height:24px; }
    .row-fluid .newsletter-section .hs-richtext { font-size:17px; }
    .row-fluid .newsletter-section .hs_multiple_checkbox ul li.hs-form-checkbox { font-size:15px; }
    .row-fluid .top-menu { width:auto; text-align:left; position: absolute; right: 10px; top: 15px;}
    .row-fluid .top-menu ul {float: right;}
    .row-fluid .top-menu ul li { float:none; display:block; list-style: none; }
    .row-fluid .top-menu ul li.mobile-append {display: none!important;}
    .row-fluid .top-menu ul li:after {display: none;}
    .row-fluid .top-section .top-logo {float: left; width: 100%; text-align: center; margin-top: 70px;}
    .nonavHeader .row-fluid .top-section .top-logo {margin-top: 20px;}
    .row-fluid .top-section .top-logo img {max-width: 150px;}
    .row-fluid .section-content { padding:30px 15px; }
    .row-fluid .custom-menu-primary {min-height: 10px;}
    .row-fluid .custom-menu-primary > div > span > div > ul li { position:relative !important; }
    .row-fluid .custom-menu-primary > div > span > div > ul li a.child-trigger { position:absolute !important; width:55px !important; height: 55px!important;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > a { padding:5px 15px; }
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul {margin-top: 0px; overflow: hidden; border: 2px solid #fff!important;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li.hs-item-has-children>a:after, .row-fluid .custom-menu-primary > div > span > div > ul > li > a:before, .row-fluid .custom-menu-primary > div > span > div > ul > li .hs-item-has-children>a:after { display:none; }
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li:before {bottom: 22px!important;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li {padding-top: 60px; width:33.33%; /*padding-top:0; border-right:none;*/ border-right: 0px;-webkit-filter: none!important; filter: none!important; border: 2px solid #fff; background-size: contain!important;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul > li > a { text-align:left; font-size:9px; padding:5px 2px; line-height:13px; text-indent: 0; background:#a2171c; color:#FFF;}
    .row-fluid .custom-menu-primary > div > span > div > ul > li > ul { border:none; }
    .row-fluid .main-slider .caption { padding:40px 20px 60px; }
    .row-fluid .main-slider-tagline{background: #d70129;}
    .row-fluid .main-slider-tagline .tagline {position: relative!important; right: auto!important; left: auto!important; margin: 0 auto!important; width: auto!important; z-index: 1!important;}
    .row-fluid .main-slider-tagline .tagline h4 {background: url(); padding: 15px 0!important; float: none; text-align: center;}
    .row-fluid .section-title h2 { font-size:36px; line-height:40px; }
    .row-fluid .design-thinking .hs-rss-item {  margin:0 auto 20px; }
    .row-fluid .design-thinking .hs-rss-item .hs-rss-item-text .hs-rss-title { font-size:20px; line-height:22px; }
    .row-fluid .round-boxes .roundbox-title { width:200px; height:200px; }
    .row-fluid .round-boxes .roundbox-title h4 { font-size:16px; line-height:22px; }
    .row-fluid .pickup-section h2, .row-fluid .design-thinking .designthinking-inner .ds-title h1 { font-size:30px; line-height:36px; }
    .row-fluid .round-boxes .round-box { padding:15px 0; }
    .row-fluid .design-thinking .container { padding:0 15px; }
    .row-fluid .casestudy-section .cs-link a, .row-fluid .round-boxes .next-link a { font-size:15px; }
    .row-fluid .footer-section .lets-talkcta { right:10px; top:-135px }
    .row-fluid .footer-section .lets-talkcta a { padding:15px 45px; }
    .row-fluid .round-boxes .roundbox-text { padding:0; }
    
    .row-fluid .maincontent-section {padding: 10px 0;}
    .row-fluid .maincontent-section .page-column { padding:1px 0; }
    .row-fluid .mid .blog-sidebar .blog-rtags, .row-fluid .mid .blog-sidebar .blog-recentpost { float:left; width:100%; }
    .row-fluid .footer-section {padding: 30px 0 20px;}
    .row-fluid .footer-section .footer-box1, .row-fluid .footer-section .footer-box2, .row-fluid .footer-section .footer-box3 { width:100%; float:left; margin:10px 0; padding:0; border:none; text-align:center; }
    .row-fluid .footer-section .useful-links ul { float:none; display:inline-block; text-align:center; margin-bottom: 0px!important;}
    .row-fluid .footer-section .useful-links ul li {padding-left: 0px;}
    .row-fluid .footer-section .useful-links ul li:before {display: none;}
    /*.row-fluid .footer-section .client-box h4 { display:none; }*/
    .row-fluid .footer-section .client-box {padding-left: 10px; padding-right: 10px;}
    .row-fluid .footer-section .client-box h4 {padding-bottom: 5px;} 
    .row-fluid .footer-section .client-name {padding-top: 5px;}
    .row-fluid .footer-section2 .footer-social, .row-fluid .footer-section2 .footer-menu  { float:left; width:100%; }
    .row-fluid .footer-section2 .footer-menu ul, .row-fluid .footer-section2 .footer-social ul { float:left; width:100%; text-align:center; top:0; padding-top:10px; }
    .row-fluid .footer-section2 .footer-menu ul li, .row-fluid .footer-section2 .footer-social ul li { float:none; display:inline-block; width:auto; }
    .row-fluid .footer-section ul.hs-menu-children-wrapper {display: none; padding-left: 0px!important;}
    .row-fluid .footer-section .useful-links>div>span>div>ul li {padding-left: 0px!important;}
    .row-fluid .main-slider-tagline .tagline h4 {font-size: 14px; line-height: 18px; padding: 30px 20px 10px;}
    
    body {font-size: 16px; line-height: 24px;}
    .greyPattern, .row-fluid .main-slider .caption {font-size: 16px; line-height: 24px; padding: 15px 0;}
    .captionSlider p {font-size: 16px!important; line-height: 24px!important;}
    .row-fluid .section-title {padding: 25px 0;}
    .row-fluid .section-title h2 {font-size: 36px; line-height: 44px;}
    .row-fluid .section-content {padding: 15px;}
    .row-fluid .design-thinking .designthinking-inner {padding-top: 20px;}
    .row-fluid .design-thinking .designthinking-inner .ds-title {padding-bottom: 10px;}
    .row-fluid .design-thinking .hs-rss-item .hs-rss-title a {font-size: 18px; line-height: 22px;}
    .row-fluid .design-thinking .hs-rss-item .hs-rss-description {font-size: 14px; line-height: 18px;}
    .row-fluid .round-boxes {padding: 20px 0;}
    .row-fluid .pickup-section {padding: 20px 0;}
    
    .row-fluid .header-call-us {text-align: center; padding-bottom: 15px;}
    .row-fluid .header-remodeler {display: none;}
}

@media (min-width:30px) and (max-width:400px){
    .row-fluid .top-newsletter div.tnToggle { width:100%; }
    .row-fluid .newsletter-section .hs_email { width:100%; }
    .row-fluid .casestudy-section .cs-link a, .row-fluid .round-boxes .next-link a { max-width:100%; }
    .row-fluid .main-slider .caption .tagline { top:-100px; }
    .row-fluid .main-slider .caption .tagline h4 { font-size:20px; }
}

/**** New Hero Slider ****/
 .homeHero .flexslider {overflow: hidden; margin-bottom: 0px!important; border-radius: 0px!important; border: 0px!important;}
 .slideOuter {position: relative;}

.homeHero .flexslider .slides img {height: auto;}
 
.homeHero .flexslider ul li {margin-bottom: 0px!important;} 
 ol.flex-control-nav.flex-control-paging {
  bottom: 25px;
}
 
 .homeHero .flex-control-nav li a {
  background-color: transparent!important;
  border: 2px solid #85c200!important;
  box-shadow: none!important;
}

.homeHero .flex-control-nav li a:hover,
.homeHero .flex-control-nav li a.flex-active {
    background-color: #85c200!important;
}
.homeHero ol.flex-control-nav.flex-control-paging {display: none!important;}
.homeHero .flex-direction-nav {display: none!important;}

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

@media (min-width: 768px){

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

}

@media (max-width: 767px){

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

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


  /* 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 *{
    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: #d70129;
    }


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

  a.mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 25px;          /* Position Button at top right of screen  */
      left: 20px;        /*******************************************/
      width: auto; /* Button width */
      height: auto; /* Button height */      
      padding: 12px 10px;
      background: #000000; /* Background color */
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
  }

  a.mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
      color: #ffffff;
  }

  a.mobile-trigger span{
      display: inline;
  }

  a.mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
      display:none;
  }

  a.mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      background-color: #000000;
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
      display:none;
  }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: transparent; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open a.mobile-trigger span:after{
     opacity: 1; 
  }


  /* Toggle Button Icon & Animations
     ========================================================================== */

  a.mobile-trigger i {
      display: inline;
      position: relative;
      top: -5px;
      margin-left: 5px;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  a.mobile-trigger  i:before, a.mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {
      width: 23px; /* Icon line width */
      height: 2px; /* Icon line height */
      background-color: #d70129; /* Icon color */
      display: inline-block;
  }
  a.mobile-trigger  i:before {
      margin-top: -6px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  a.mobile-trigger  i:after {
      margin-top: 6px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
  }
  .mobile-open a.mobile-trigger i {
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }

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

  a.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);
  }
  a.child-trigger:hover {
      text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  a.child-trigger span {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger span:after {
      position: absolute;
      content: '';
  }
  a.child-trigger span, a.child-trigger span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
      background-color: #d70129; /* Icon color */
      display: block;
  }
  a.child-trigger span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  a.child-trigger.child-open span {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

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


  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{
      display: none;
  }  

  .custom-menu-primary.js-enabled .hs-menu-children-wrapper {display: block;}

  /* 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-flow-horizontal{
      position: absolute; /**************************************************************/
      top: 45px;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%;   
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.65); 
  }
  .custom-menu-primary .hs-menu-flow-horizontal{
      padding: 40px 0 0 0; /* Padding to add room for close button */
      background-color: #000000; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li> a{
      font-size: 16px!important; 
      line-height: 26px!important;
      overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-flow-horizontal 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-flow-horizontal ul li a{
      padding: 0 10px;
  }
  .custom-menu-primary .hs-menu-flow-horizontal 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-flow-horizontal > ul ul li{
     background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-flow-horizontal > 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-flow-horizontal > ul ul ul li a{
      text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{
      text-indent: 50px; /* Indent Child lists */
  }
}



/*Edited 09-11-2015*/
.homeHero {position: relative;}
.row-fluid .main-slider-tagline {min-height: 0px!important;}
.row-fluid .main-slider-tagline .tagline { position: absolute; bottom: 0px; right: 40px; top:inherit; left:inherit; z-index: 10;}
/*@media (max-width:1599px) {
    .row-fluid .main-slider-tagline .tagline { bottom:229px; }
}

@media (max-width:1237px) {
    .row-fluid .main-slider-tagline .tagline { bottom:256px; }
}
@media (max-width:1120px) {
    .row-fluid .main-slider-tagline .tagline { bottom:202px; }
}

@media (max-width:809px) {
    .row-fluid .main-slider-tagline .tagline { bottom:229px; }
    .row-fluid .main-slider-tagline .tagline h4 { padding:30px 15px 10px; font-size:25px; }
}
@media (max-width:767px) {
    .row-fluid .main-slider-tagline .tagline { bottom:202px; display:none; }
}*/

.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {display: none;} /* removes urls */
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b,
.gsc-results .gsc-cursor-box .gsc-cursor-page {color: #b20224!important;font-family: 'Merriweather',serif!important;}
.gsc-selected-option-container.gsc-inline-block {width: auto!important; max-width: 100%!important;}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {color: #424348 !important; font-family: 'Merriweather',serif!important; line-height: 20px!important;}
.gsc-result .gs-title {height: auto!important;}
@media (max-width: 767px) {
    .gsc-table-cell-thumbnail, .gs-promotion-image-cell {display: none;}
}

ol.ol-h3,
ol.ol-bold {margin-left: 0; padding-right: 0;list-style-type: none;}

ol.ol-h3 li {counter-increment: h3-counter; padding-left: 34px; position: relative;}
ol.ol-h3 li::before {
    content: counter(h3-counter) ".";
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    font-family: 'Merriweather',serif;
    color: #b20224;
    position: absolute;
    left: 0;
    top: 20px;
}

ol.ol-bold li {counter-increment: bold-counter; padding-left: 34px; position: relative;}

ol.ol-bold li::before {
    content: counter(bold-counter) ".";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 1px;
}


/****** Contact Sidebar *******/
.contact-sidebar {background-color: #000; color: #fff; padding: 15px; margin-top: 28px;}
.contact-sidebar__address h2,
.contact-sidebar__address h3,
.contact-sidebar__address h4 {color: #fff;}
.contact-sidebar__address h4 {font-size: 24px;}
.contact-sidebar__images {padding: 25px 0; text-align: center; font-size: 0px;}
.contact-sidebar__images img {width: calc(50% - 8px); margin: 0 4px 10px;}


/******** 2018 Header Footer Updates ********/
.row-fluid .top-section {padding-top: 15px;}
.row-fluid .custom-menu-primary > div > span > div > ul {padding-top:36px;}
.row-fluid .footer-section2 .footer-social {text-align: center;}
.row-fluid .footer-section2 .footer-social ul {float:none;display: inline-block;}
.row-fluid .footer-section2 .footer-social ul li a {margin: 0 5px;}
.row-fluid .footer-section2 .footer-menu ul, .footer-license {margin-top:-25px;}
.footer-license {text-align:right;font-size: 14px;color: #333;line-height: 28px;vertical-align: top;}
.footer-info, .footer-info a {text-align:center;color:#ffffff!important; }
.footer-icon {text-align:center;padding-bottom:20px;font-size:50px;}
.footer-icon:before {color:#ffffff;}
.footer-box {text-align: center; }
.footer-box img {margin-bottom: 12px;}
.row-fluid .footer-section2 .footer-social ul li a {background-color: transparent; position: relative;}
.row-fluid .footer-section2 .footer-social ul li a:before {
  content: '';
  background-color: #fff;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 50%;
}
.row-fluid .footer-section2 .footer-social ul li a img {position: relative;}
@media (min-width: 768px) {
  .row-fluid .footer-section .footer-box {width: 33.33%!important;}
}
@media (max-width: 767px) {
  .row-fluid .top-section .top-logo {margin-top: 0;}
  .row-fluid .top-section .top-logo.top-logo19.top-logoLP,
  .row-fluid .top-section .top-logo.top-logo19 {padding-top: 10px;}
  a.mobile-trigger {top: 9px;}

  .custom-menu-primary .hs-menu-flow-horizontal {padding-top: 20px; top: 94px!important;}
  .row-fluid .custom-menu-primary > div > span > div > ul {padding-top: 0;}
  .row-fluid .footer-section2 .footer-menu ul, .row-fluid .footer-section2 .footer-social ul {left:0!important;}
  .row-fluid .footer-section2 .footer-menu ul, .footer-license {margin-top:0px;}
  .footer-license {text-align:center;}
}
@media (min-width: 460px) and (max-width: 767px) {
  .row-fluid .footer-section .footer-box1 {
    width: 38%;
  }
  .row-fluid .footer-section .footer-box2 {    
    border-left: #b20224 solid 1px;
    border-right: #b20224 solid 1px; 
    width: 27%;
  } 

  .row-fluid .footer-section .footer-box3 {width: 35%;}
}


/****** Portfolio Page *******/
.portfolio-wrap {font-size: 0px; margin-left: -2.5px; margin-right: -2.5px; text-align: center;}
.portfolio-item {width: calc(25% - 5px); margin: 0 2.5px 5px; display: inline-block; font-size: 16px; position: relative;}
.portfolio-item img {width: 100%;}

.portfolio-overlay {
  padding: 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(178, 2, 36,.6);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
}

.tb-image a.fancybox,
.tbc-image a.fancybox,
.tbd-image a.fancybox,
.portfolio-item a.fancybox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.tbc-image a.fancybox,.tbd-image a.fancybox, .tb-image a.fancybox {display: block;}

.portfolio-item:hover a.fancybox {display: block;}
.portfolio-overlay h3 {margin: 0 0 5px; padding: 0; font-size: 20px; line-height: 1.1; color: #fff;}
.portfolio-overlay p {margin: 0; padding: 0}

.row-fluid .large-container {padding: 0px 5px; max-width: 1240px; width: 100%;}

.portfolio-mobile-toggle {
	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
}
@media (min-width: 768px) and (max-width: 1025px) {
	.portfolio-item .portfolio-overlay {opacity: 1; visibility: visible; background-color: transparent!important;}
  .portfolio-item .portfolio-overlay__inner {display: none;}
  .portfolio-item a.fancybox {display: block;}
}
@media (min-width: 768px) {
  .portfolio-item:hover .portfolio-overlay {opacity: 1; visibility: visible;}
  .portfolio-mobile-toggle {display: none;}
}

@media (max-width: 1180px) {
  .portfolio-item {width: calc(33.33% - 5px);}
  .row-fluid .large-container {padding: 0px;}
}

@media (max-width: 1025px) {

}

@media (max-width: 992px) {
	.portfolio-item {width: calc(50% - 10px); margin: 0 5px 10px;}
  .portfolio-wrap {margin-left: 0px; margin-right: 0px;}
  .row-fluid .large-container {padding: 0px 5px;}
}

@media (max-width: 767px) {
	.portfolio-item {width: 100%; margin: 0 0px 5px;}
  .row-fluid .large-container {padding: 0px;}
  .portfolio-item a.fancybox {display: none!important;}
  .portfolio-item.po-show .portfolio-overlay {opacity: 1; visibility: visible;}
}

@media (max-width: 460px) {
  .portfolio-wrap {margin-left: 0px; margin-right: 0px;}
	.portfolio-item {width: calc(100% - 20px); margin: 0 10px 10px;}
}


/********* 2018 Home Redesign *********/
/** Global **/
.section-module {border-top: 3px solid #fff; padding: 50px 0;}
.flex-vert-center {display: flex; align-items: center; justify-content: center;}

/** Hero **/
.hero-main {text-align: center; color: #fff; padding: 135px 0 280px; background-size: cover; background-position: 50%; position: relative; overflow: hidden;}
.hero-main video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  max-width: initial;
}

.vidMaxHoriz video {width: 100%;}
.vidMaxVert video {height: 100%;}

.hero-main.show-top video {
	top: 0;
  -ms-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}
.hero-main .hero-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4);}
.hero-main .container {position: relative; z-index: 100;}
.hero-main__content {}
.hero-main__content__copy {}
.inner-video .hero-main__content__copy h2,
.hero-main__content__copy h1 {font-size: 54px; line-height: 1.2; color: #fff;}
.hero-main__content__copy h2 {color: #fff; line-height: 1.66; font-weight: normal;}
.hero-main__content__cta {margin-top: 30px;}

@media (max-width: 1270px) and (min-width: 1024px) {
  .hero-main {padding: 50px 0;}
}

@media (max-width: 992px) and (min-width: 768px) {
  .hero-main video {max-height: 100%;}
}

@media (max-width: 767px) {
  .hero-main {padding: 50px 0;}
  .inner-video .hero-main__content__copy h2,
  .hero-main__content__copy h1 {font-size: 28px;}
  .hero-main__content__copy h2 {font-size: 20px; line-height: 1.2;}
}

@media (min-width: 461px) and (max-width: 767px) {
  .hero-main video {width: 100%;}
}

@media (max-width: 460px) {
  .hero-main {padding: 100px 0;}
	.hero-main video {max-height: 100%;}
}

/** Two Col **/
.tb-cta {text-align: center; border-top: 3px solid #fff;}
.tb-cta__left {width: 50%; float: left; background-size: cover; background-position: 50%; border-right: 1px solid #fff;}
.tb-cta__right {width: 50%; float: left; background-color: #1f1f1f; color: #fff; border-left: 1px solid #fff;}
.tb-cta__left,.tb-cta__right {padding: 45px 5%;}
.tb-cta .set-height {min-height: 30vw;}
.tb-cta h4 {line-height: 1.4;}

.tb-cta__left,
.tb-cta__left h2,
.tb-cta__left h3,
.tb-cta__left h4,
.tb-cta__left p {color: #000000;}

.tb-cta__right,
.tb-cta__right h2,
.tb-cta__right h3,
.tb-cta__right h4,
.tb-cta__right p {color: #fff;}
.tb-cta__right a.cta_button {margin-top: 25px;}

@media (max-width: 767px) {
  .tb-cta__left,.tb-cta__right {width: 100%; border: none;}
  .tb-cta__left {border-bottom: 1px solid #fff;}
  .tb-cta__right {border-top: 1px solid #fff;}
  
} 

/** Testimonial **/
.static-testimonial {background-color: #080808;} 
.static-testimonial .tnI_quote {font-style: italic; margin-top: 18px; opacity: .9;}
.static-testimonial .tabNav {padding: 0 25px;}
@media (max-width: 767px) {
  .static-testimonial .tabNavigation {max-width: 400px;}
  .static-testimonial .tabNav {width: 100%; margin-bottom: 30px; padding: 0 15px;}
  .static-testimonial .tabNav:last-child {margin-bottom: 0;}
}

/** Work Section **/
.work-section {}
.work-section__header {text-align: center; margin-bottom: 35px; padding: 0 15px;}
.work-section__body {margin-left: -2.5px; margin-right: -2.5px;}
.work-block__item {width: calc(25% - 5px); margin: 0 2.5px 5px; float: left; position: relative; text-align: center; background-size: cover; background-position: 50%; color: #fff;}
.wbi__section__item img {width: 100%;}
.work-block__item .flex-vert-bottom span {
	position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 8px;
  color: #fff;
  font-size: 12px;
  line-height: 1.15;
  background-color: rgba(0,0,0,.55);
  padding: 8px;
  border-radius: 4px;
  font-weight: 600;
}
.work-block__item:hover .flex-vert-bottom span {background-color: rgba(0,0,0,1); color: #fff;}

.wbi__section__head:before,
.wbi__section__head:after {
  content: '';
	width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  position: absolute;
  right: -20px;
  top: 12px;
  z-index: 10;
}

.wbi__section__head:after {z-index: 9; right: -23px; border-color: transparent transparent transparent #fff;}
.wbi__section__head img {margin-bottom: 8px;}
.wbi__section__head h4 {font-size: 24px; color: #fff; font-weight: 400;}

.work-section__footer {text-align: center; margin-top: 40px;}

@media (min-width: 1181px) {
  .wbi__section__head:nth-child(4n+4):before,.wbi__section__head:nth-child(4n+4):after {display: none;}
}

@media (max-width: 1180px) and (min-width: 993px) {
  .work-block__item {width: calc(33.33% - 5px);}
  .wbi__section__head:nth-child(3n+3):before,.wbi__section__head:nth-child(3n+3):after {display: none;}
}

@media (max-width: 992px) and (min-width: 768px) {
  .work-section__body {margin-left: 0px; margin-right: 0px;}
	.work-block__item {width: calc(50% - 10px);margin: 0 5px 10px;}
  .wbi__section__head:nth-child(2n+2):before,.wbi__section__head:nth-child(2n+2):after {display: none;}
  .work-section {padding-top: 30px;}
}

@media (max-width: 767px) and (min-width: 461px) {
  .work-block__item {width: 100%; margin: 0 0px 5px;}
  .work-section__body {margin-left: 0px; margin-right: 0px;}
  .wbi__section__head:before, .wbi__section__head:after {border-width: 20px 10px 0 10px; top: auto; right: 50%; margin-right: -10px; bottom: -20px;} 
  .wbi__section__head:after {bottom: -23px;border-color: #ffffff transparent transparent transparent;}  
}

@media (max-width: 460px) {
  .work-section {padding-top: 30px;}
  .work-section__body {margin-left: 0px; margin-right: 0px;}
	.work-block__item {width: calc(100% - 20px); margin: 0 10px 10px;}
  .wbi__section__head:before, .wbi__section__head:after {border-width: 20px 10px 0 10px; top: auto; right: 50%; margin-right: -10px; bottom: -20px;} 
  .wbi__section__head:after {bottom: -23px;border-color: #ffffff transparent transparent transparent;}
}

/** Stats Section **/
.home-stats {background-color: rgba(0,0,0,.4); padding: 35px 0 10px;}
.stats-group {font-size: 0px;}
.stats-group__item {display: inline-block; vertical-align: top; width: 25%; text-align: center; margin-bottom: 25px}
.stats-group__item__icon {}
.stats-group__item__icon img {}
.stats-group__item__figure {font-family: 'Merriweather', serif; font-weight: bold; font-size: 36px; color: #000; margin: 15px 0;}
.stats-group__item__subtext {font-family: 'Merriweather', serif; font-size: 14px;}


@media(max-width: 992px) {
  .stats-group__item {width: 50%;}
}

@media (max-width: 460px) {
  .stats-group__item {width: 100%;}
}

/** Build Process **/
.build-process {background-color: #000; padding: 25px 0 10px;}
.build-process__header {text-align: center; margin-bottom: 30px;}
.build-process__header h2 {}
.build-process__group {color: #fff; font-size: 0px; text-align: center;}
.build-process__group__item {font-size: 14px; line-height: 1.25; display: inline-block; vertical-align: top; width: 20%; padding: 0 22px; margin-bottom: 25px; }
.build-process__group__item__icon {}
.build-process__group__item__title {position: relative; padding: 18px 0; margin-bottom: 18px;}
.build-process__group__item__title h4 {color: #fff; font-size: 24px; padding: 0; margin: 0;}
.build-process__group__item__title:after {
	content: '';
  width: 66px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.build-process__group__item__copy {}
.build-process__group__item__copy a {color: #fff;}

@media (max-width: 992px) {
  .build-process__group__item {width: 33.33%;}
}

@media (max-width: 460px) {
  .build-process__group__item {width: 50%;}
}

/** Award Section **/
.awards-module {background-color: #e1e1e1; padding: 0;}
.awards-group {text-align: center;}
.awards-group__item {float: left; width: 25%; min-height: 190px; background-color: #a1a1a1; padding: 15px;}


@media (min-width: 768px) {
	.awards-group__item:nth-child(even) {background-color: #c5c4c4;}
}

@media (max-width: 767px) {
  .awards-group__item {width: 50%; background-color: #a1a1a1;}
  .awards-group__item:nth-child(2),.awards-group__item:nth-child(3) {background-color: #c5c4c4;}
}

/** Home Form **/

.custom-check-list ul {list-style: none; padding-left: 0;}
.custom-check-list ul li {padding-left: 40px; position: relative; margin-bottom: 18px;}
.custom-check-list ul li:before {
	content: '';
  background-image: url(https://cdn2.hubspot.net/hubfs/1653786/CC2018%20Redesign/Images/Home/Checkmark-1.png);
  width: 23px;
  height: 22px;
  position: absolute;
  left: 0;
}

.home-form {background-color: #1f1f1f; color: #fff; font-size: 16px; line-height: 1.2;}
.home-form__left {padding-top: 25px;}
.home-form__left p strong {font-weight: normal; font-size: 24px;font-family: 'Merriweather';}
.home-form__left p strong a {color: #fff!important;}
.home-form__left__lower {padding: 15px 20px 0 40px;}
.home-form__right form {}
.home-form__right h3.form-title {display: none;}
.home-form__right form .hs-form-field {background-color: #fff; padding: 6px 20px;}
.home-form__right form .hs-form-field:first-child {padding-top: 20px;}
.home-form__right form .hs-form-field.hs_message {padding-bottom: 20px;}
.row-fluid .home-form__right.schedule-conversation-form .hs-form-field .input {margin: 0;}
/* https://cdn2.hubspot.net/hubfs/1653786/CC2018%20Redesign/Images/Home/submit-arrow.png */
.row-fluid .schedule-conversation-form.home-form__right .actions input[type="submit"] {
  padding: 0px 78px 0px 18px;
  height: 61px;
  font-size: 24px;
  background-image: url(https://cdn2.hubspot.net/hubfs/1653786/CC2018%20Redesign/Images/Home/submit-arrow-red_v2.png)!important;
  background-size: 60px 61px;
  background-repeat: no-repeat;
  background-position: right center;
  margin-top: 22px;
  background-color: #b20224;
}

.row-fluid .schedule-conversation-form.home-form__right .actions input[type="submit"]:hover {background-color: #701724; }

@media (max-width: 767px) {
  .home-form__left {padding-top: 0px;}
  .home-form__right {margin-top: 30px;}
}

@media (max-width: 460px) {
  .home-form__left p strong a {display: block;}
}

/** eBook Callout **/
.ebook-callout__left {text-align: center;}
.ebook-callout__left h2 {}
.ebook-callout__left h3 {color: #000;}
.ebook-callout__left ul {font-size: 18px; line-height: 1.2; display: inline-block;font-family: 'Merriweather', sans-serif; margin: 30px auto; max-width: 500px;}
.ebook-callout__left ul li {text-align: left;font-family: 'Lato', sans-serif;}
.ebook-callout__left .arrowRight .text {font-size: 24px;}
.ebook-callout__right {text-align: center;}
.ebook-callout__right__caption {
    font-family: 'Merriweather', sans-serif;
    font-size: 10px;
    line-height: 1.1;
}
@media (max-width: 767px) {
  .ebook-callout__left {margin-bottom: 30px;}
}

@media (max-width: 460px) {
  .ebook-callout__left h2 {font-size: 20px; line-height: 1.15;}
  .ebook-callout__left h3 {color: #000; font-size: 18px; line-height: 1.15;}
}

.grey-section {
    background-color: #e1e1e1;
}

@media (min-width: 1121px) {
  .row-fluid .top-section .top-logo.top-logo19 {width: calc(100% - 730px)!important; padding-top: 15px;}
  .row-fluid .top-section .top-right {width: auto!important; float: right!important; margin-left: 0!important;}
  .row-fluid .top-section .top-logo.top-logo19.top-logoLP {position: relative; top: -16px;}
}

@media (max-width: 1120px) and (min-width: 992px) {
  .row-fluid .top-section .top-logo.top-logo19 {width: calc(100% - 610px)!important; padding-top: 21px;}
  .row-fluid .top-section .top-right {width: auto!important; margin-left: 0!important; float: right!important;}
  .row-fluid .top-section .top-logo.top-logo19.top-logoLP { position: relative; top: -16px;}
}

@media (max-width: 991px) and (min-width: 768px) {
  .row-fluid .top-section .top-logo.top-logo19 {width: calc(100% - 470px)!important; padding-top: 28px;}
  .row-fluid .top-section .top-right {width: auto!important; margin-left: 0!important; float: right!important;}
  .row-fluid .top-section .top-logo.top-logo19.top-logoLP {width: calc(100% - 470px)!important;position: relative; top: -16px;}
}