/* @import url('http://example.com/example_style.css'); */
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url("https://use.typekit.net/scz7ipr.css");

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

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

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

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

/* Videos */

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

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

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

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

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

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

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

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

/* Menus */

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

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

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

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

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

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

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

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

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

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

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

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

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

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

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

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

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

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

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

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

/* Space Module */

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

/* Blog Author Section */

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

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

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

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

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

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

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

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

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

.carousel li {margin-right: 5px}


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

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



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

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

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

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

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

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

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

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

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

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

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

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

@media (min-width: 1280px){
  .row-fluid [class*="span"] {
    min-height: 0px;
  }
}

@media (max-width: 1139px) and (min-width: 768px){
  .row-fluid [class*="span"] {
    min-height: 0px;
  }
}

.alert-banner {
  padding:16px 0; position: relative; z-index: 9; background-color: #F68B33; text-align: center; color: black; font-size: 20px; font-weight: bold; font-family: din-2014, sans-serif; cursor: pointer;
  
  &:after {
    content: "";
    position: absolute; top:0; right:0; height: 100%; width: 56px; background-color:#BB6925; 
  }
}
.alert-banner.hide {
  display: none;
}

.close {
  width: 16px; position: absolute; right: 20px; top:17px; z-index: 20;
}

body{
animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
   from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


/* Flex base classes for the most commonly used cases */
.flex {
  display : flex;
}

.flex.flex_column {
  flex-direction: column;
}

.flex.flex_wrap {
  flex-wrap: wrap;
}

.flex.flex_justify-start {
  justify-content: flex-start;
}

.flex.flex_justify-end {
  justify-content: flex-end;
}

.flex.flex_justify-center {
  justify-content: center;
}

.flex.flex_justify-between {
  justify-content: space-between;
}

.flex.flex_justify-around {
  justify-content: space-around;
}

.flex.flex_justify-evenly {
  justify-content: space-evenly
}

/* align-content tends to be used less so this can be done per module as needed */

.flex.flex_align-start {
 align-items: flex-start;
}

.flex.flex_align-end {
 align-items: flex-end;
}

.flex.flex_align-center {
 align-items: center;
}

.flex.flex_align-stretch {
 align-items: stretch;
}

.flex.flex_align-baseline {
 align-items: baseline;
}


/* 

 SAC DGS Utilities
 Ver: 1.1

*/

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

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

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

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

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

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

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

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


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

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

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

.clear-both {   clear: both;}

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

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

.em {   font-style: italic;}

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

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

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

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

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

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

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

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

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

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


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

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


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


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


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


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



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

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

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

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

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

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

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

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

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

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

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


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

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


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


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


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


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

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

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

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


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

*,
*:before, 
*:after{
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
body.din-font{font-family: 'din-2014'; font-weight:400;}
html,body{ font-family:"Arial", sans-serif; font-size:14px; font-weight:normal; line-height:1.2; overflow-x:hidden; color:#525252 }
p{ font-size:14px; line-height:1.7; color:#525252; margin:0 0 1.5rem; font-weight:400; }
h1,h2,h3,h4,h5,h6,.font46{ font-family:din-2014, sans-serif;font-weight:bold; text-transform:uppercase;color:#000;}
h1{font-size:50px;line-height:1.1;letter-spacing:-0.5px;}
h2{font-size:34px;line-height:1.2;}
h3{font-size:24px;line-height:1.2;margin-bottom:20px;}
h4{font-size:18px;line-height:1.35;margin-bottom:20px;}
h5{font-size:16px;line-height:1.2;}
h6{font-size:16px;line-height:1.2;}
.font46{font-size:46px;line-height:1;}
.font24{font-size:24px}
.font16{font-size:16px;}
.font20{font-size: 20px; font-family: 'din-2014'; font-weight: 300;}

.lp-aug-hm .header-container-wrapper { position: fixed; width: 100%; z-index: 9999; }
.lp-aug-hm .body-container-wrapper{margin-top: 100px;}
.black-bg *,.black-bg .content_wrapper p {color: #fff;}


/* img{width:100%;} */

.resources-not-show,.column.not-show-res{ display: none; }
.resorce-center-img {
  text-align: center;
}

ul{
  padding-left:20px;
}

li{
  font-size:14px;
  line-height:1.7;
}
blockquote{
  margin:1em;
  padding:0 40px;
}
.page-center{
  max-width:1170px;
  padding-left:15px;
  padding-right:15px;
  margin:0 auto!important;
  float: none!important;
  width:100%;
}


@media (max-width:768px){

  h1{
    font-size:30px;
  }
  h2{
    font-size:24px;
  }
  h3{
    font-size:20px;
    line-height:1.2;
    margin-bottom:15px;
  }

  h4{
    font-size:18px;
    line-height:1.2;
    margin-bottom:15px;
  }
}

.hm textarea,.hm input[type="text"], 
.hm input[type="password"], 
.hm input[type="datetime"],
.hm input[type="datetime-local"], 
.hm input[type="date"],
.hm input[type="month"], 
.hm input[type="time"], 
.hm input[type="week"],
.hm input[type="number"], 
.hm input[type="email"], 
.hm input[type="url"],
.hm input[type="search"], 
.hm input[type="tel"], 
.hm input[type="color"],
.hm select{
  border: 1px solid #dedede; }

.hm .span12.widget-span.widget-type-custom_widget.main-form { background: #efefef; padding: 40px 20px; }


/* Forms */
textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"],
input[type="datetime-local"], 
input[type="date"],
input[type="month"], 
input[type="time"], 
input[type="week"],
input[type="number"], 
input[type="email"], 
input[type="url"],
input[type="search"], 
input[type="tel"], 
input[type="color"],
select {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  padding: 10px;
  font-family:Arial, sans,serif;
  font-size:16px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  border-radius:0;
}
textarea{
  height:200px;
  resize: vertical;
  overflow-y:auto;
}
textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, select::-webkit-input-placeholder{
  font-family:Arial, sans-serif;
  font-size:14px;
}
textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, select::-moz-placeholder{
  font-family:Arial, sans-serif;
  font-size:14px;
}
textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, select:-ms-input-placeholder{
  font-family:Arial, sans-serif;
  font-size:14px;
}
textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, select::-ms-input-placeholder{
  font-family:Arial, sans-serif;
  font-size:14px;
}
textarea::placeholder, 
input[type="text"]::placeholder, 
input[type="password"]::placeholder, 
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder, 
input[type="date"]::placeholder,
input[type="month"]::placeholder, 
input[type="time"]::placeholder, 
input[type="week"]::placeholder,
input[type="number"]::placeholder, 
input[type="email"]::placeholder, 
input[type="url"]::placeholder,
input[type="search"]::placeholder, 
input[type="tel"]::placeholder, 
input[type="color"]::placeholder,
select::placeholder{
  font-family:Arial, sans-serif;
  font-size:14px;
}

form fieldset.form-columns-1 textarea, 
form fieldset.form-columns-1 input[type="text"], 
form fieldset.form-columns-1 input[type="password"], 
form fieldset.form-columns-1 input[type="datetime"],
form fieldset.form-columns-1 input[type="datetime-local"], 
form fieldset.form-columns-1 input[type="date"],
form fieldset.form-columns-1 input[type="month"], 
form fieldset.form-columns-1 input[type="time"], 
form fieldset.form-columns-1 input[type="week"],
form fieldset.form-columns-1 input[type="number"], 
form fieldset.form-columns-1 input[type="email"], 
form fieldset.form-columns-1 input[type="url"],
form fieldset.form-columns-1 input[type="search"], 
form fieldset.form-columns-1 input[type="tel"], 
form fieldset.form-columns-1 input[type="color"],
form fieldset.form-columns-1 select {
  width: 100% !important;
}


.input ul { padding-left: 0; }
ul.inputs-list.multi-container li label input {
  margin-right: 10px;
  vertical-align: middle;
}
ul.inputs-list.multi-container li {
  display: inline-block;
  width: 20%;
  list-style: none;
  padding: 5px 10px;
  line-height: 1.6;
}
.left_text, .right_text{
  width:45%;
  display:inline-block;
}
.left_text{
  text-align: left;
}
.right_text{
  text-align:right;
}

@media(max-width:1024px){
  .font24{font-size:20px}
  .font20{font-size:18px}
}

@media(max-width:768px){
  ul.inputs-list.multi-container li {
    width: 50%;
    font-size:18px;
  }
  .left_text, .right_text{
   width:100%;
  }
  .right_text{
  text-align:left;
  }
  ul.inputs-list.multi-container li label input{
      width:20px;
  height:20px;
  }

}

@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px){

  .form-columns-2 .hs-form-field .hs-input, 
  .form-columns-3 .hs-form-field .hs-input {
    width: 100% !important;
  }
}
.hs-form-field label {
  padding-bottom: 0px;
  float: none;
}

.hs-form-field > label {
  padding-bottom: 0px;
}
.hs-form-field{
  margin-bottom:10px;
}
/*form .hs-form-field >label {
display: none;*/
}

.hs-input {
  width: 100% !important;

}

.hs-submit input[type="submit"]{
  text-transform: uppercase;
  padding: 10px 20px;
  background-color:#f68b33;
  font-weight:bold;
  font-family:din-2014, sans-serif;
  outline:0;
  border:0;
  font-size:18px;
  color:#000000;
  -webkit-transition:1s;
  -o-transition:1s;
  transition:1s;
  cursor:pointer;
  float:none;
  border-radius:0;
     appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;
}

.hs-submit:hover input[type="submit"]{
  background-color:#000000;
  color:#ffffff;
}

label.hs-error-msg {
  color: red;
  font-size:12px;
}

ul.no-list.hs-error-msgs.inputs-list {
  color: red;
  text-align: left;
  font-style: italic;
  font-size: 12px;
  margin-top: 10px;
  padding-left:0;
  line-height: 5px;
}

ul.no-list.hs-error-msgs.inputs-list li{
  list-style:none;
}

/* End form */
/* BUTTONS */

body .btn-yellow, 
body  .btn-white,
body  .btn-gray,
body  .btn-gray--lighter, 
body  .btn-black{
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.btn-yellow, 
.btn-white,
.btn-gray,
.btn-gray--lighter, 
.btn-black{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size:15px;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  display:inline-block;
  padding: 12px 30px 12px 30px;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
  text-align: center;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline;
}

button.btn-yellow, 
button.btn-white,
button.btn-gray,
button.btn-gray--lighter, 
button.btn-black{border:none;cursor:pointer;}

.btn-yellow{
  background-color:#f68b33;
  color:#000000;

}

.arrow-right.btn-yellow, .arrow-right.btn-black,
.arrow-right.btn-white{
  padding: 16px 70px 16px 30px;
}

a.btn-white.right_angle_arrow,button.btn-white.right_angle_arrow {
  padding: 16px 90px 16px 30px;
}

.arrow-right.btn-yellow:after{
  content: "";
  width: 40px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 50%;
  background-repeat: no-repeat; 
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
  background-position: center;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
  border-left:1px solid #000;
}
.arrow-right.btn-yellow:hover:after{
  content: "";
  width: 40px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/arrow-pointing-to-right-white.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
  border-left:1px solid #fff;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
}

.arrow-right.btn-black:after {
  content: "";
  width: 40px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/arrow-pointing-to-right-white.svg);
  background-size: 50%;
  background-repeat: no-repeat; 
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
  background-position: center;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
  border-left:1px solid #fff;
}

.arrow-right.btn-black:hover:after {
  content: "";
  width: 40px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
  border-left:1px solid #000;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
}

.arrow-right.btn-white:after {
  content: "";
  width: 40px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 50%;
  background-repeat: no-repeat; 
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
  background-position: center;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
  border-left:1px solid #000000;
}

.arrow-right.btn-white:hover {
  background-color:#000000;
  color:#ffffff;
}
.arrow-right.btn-white:hover:after {

  color:#ffffff;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
  border-left:1px solid #ffffff;
}

.right_angle_arrow.btn-white:after{
  content: "";
  width: 50px;
  height: 100%;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/right_angle.svg);
  background-size: 18%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
  border-left: 1px solid #000;
}

.right_angle_arrow.btn-white:hover{
  background-color:#f68b33;color:#000;
}

.arrow-down.btn-yellow{
  padding: 16px 70px 16px 30px;
}



.arrow-down.btn-yellow:after{
  content: "";
  width: 40px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 20%;
  background-repeat: no-repeat;
  position: absolute;
  right: 15%;
  top: 15%;
  -webkit-transform: rotate(90deg) translateY(-50%);
  -ms-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%);
  background-position: center;
  border-bottom: 1px solid #000;
  -webkit-transition:background 0.3s;
  -o-transition:background 0.3s;
  transition:background 0.3s;
}

.arrow-down.btn-yellow:hover:after{
  content: "";
  width: 17px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 1px solid #fff;
  position: absolute;
  right: 15%;
  top: 15%;
  -webkit-transform: rotate(90deg) translateY(-50%);
  -ms-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%);
}

.btn-white{
  background-color:#ffffff;
  color:#000000;
}

/* .arrow-right.btn-white{
padding: 16px 50px 16px 30px;
} */

.arrow-right.btn-white:after{
  content: "";
  width: 40px;
  height: 30px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
}


.btn-black{
  background-color:#000000;
  color:#ffffff;
}

.btn-gray{
  background-color:#898989;
  color:#ffffff;
}

.btn-gray--lighter {
  background-color:#eaeaea;
  color:#6f6f6f;
}

.btn-yellow:hover{
  background-color:#000000;
  color:#ffffff;
}

.btn-white:hover{
  background-color:#000000;
  color:#ffffff;
}
.btn-gray:hover{
  background-color:#f68b33;
  color:#000000;
}

.btn-black:hover{
  background-color:#f68b33;
  color:#000000;
}

.btn-white:hover, .btn-gray:hover, .btn-gray--lighter:hover { /* Temp Btn hover state until given from design */
  /*   opacity: 0.7; */
}

.square_arrow_right {
  width: 50px;
  height: 50px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  background-color: gray;
  display: block;
  right: 0;
  bottom: 0;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
}


@media(max-width:768px){
  .btn-yellow, 
  .btn-white,
  .btn-gray,
  .btn-gray--lighter,
  .btn-black{
    font-size:14px;
  }
}


@media(max-width:500px){

  .btn-yellow, .btn-white, .btn-gray, .btn-gray--lighter, .btn-black {
    width: 100%;
  }
}

/* END BUTTONS */

/* Section title */
.section_title {
  position:relative;
  margin-bottom:50px;
}

.section_title hr{
  width: 88px;
  height: 8px;
  background-color: #898989;
  outline:0;
  border:0;
  display:inline-block;
}


.section_title h4{
  font-weight:normal;
  margin-bottom:0;
  color:#000000;
  opacity:0.92;
  margin: 0 0px 3px;
}


@media (max-width:768px){
  .section_title {
    text-align:center;
    margin-bottom:20px;
  }

} 


/* Grid */
.row-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  /*   margin:0 -10px; */
}

.row-flex.two-col .col{
  flex-basis:50%;
  padding:10px;
  max-width:580px;
}

.row-flex.four-col .col{
  flex-basis:25%;
  padding:10px;
  max-width:300px;
}

@media(max-width:992px){
  .font46{font-size:30px;}
  .row-flex.two-col .col{
    flex-basis:100%;
  }

  .row-flex{
    flex-wrap:wrap;
  }

  .row-flex.four-col .col{
    flex-basis:50%;
  }
}

@media(max-width:992px){

  .row-flex.four-col .col{
    flex-basis:100%;
  }
}
/* Default tabs/tab content styling (is-current tab styling done per module) */
ul.tabs { 
  list-style: none;
  margin-bottom: 1.5em;
  padding-left: 0;
}

ul.tabs .tab-source {
  display: block;
  margin-bottom: 1em;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.14rem; /* 16PX equivalent */
}



.tab-target {
  display: none;
}

.tab-target.is-visible {
  display: block;
}

@media screen and (min-width: 452px) {
  ul.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  ul.tabs .tab-source {
    display: inline-block;
    margin-bottom: 0;
  }

  ul.tabs li.tab-source:not(:last-of-type) {
    margin-right: 5em;
  }
}



/*================================================
    Header Styling Start
==================================================*/

.header-upper { background: #000; }

.search_form_popup form button{position: absolute; bottom: 12px; right: 0; border: none; box-shadow: none; background: none; color: #fff;}
.custom_search_wrapper .search_form_popup form button i { color: #fff; font-size: 22px; }
.search_form_popup{display:none;}
.search_form_popup form{ width: 100%; max-width: 650px; padding-left:20px; padding-right:20px; position: relative; margin-right:20px; }
.search_form_popup form input{ padding: 6px; border: 0; outline: 0; height: 50px; font-size: 16px; background: transparent; color: white; border-bottom: 2px solid white; }
.search_form_popup form input::placeholder{ color:white; }
.custom_search_wrapper .search_form_popup .fa-times{ color:white; font-size:25px; position:absolute; top:40px; right:40px; }
.search_form_popup.open_popup{ display: flex; position: fixed; top: 0; left: 0; width: 100%; background: rgba(84, 84, 85, 0.95); height: 100vh; z-index: 202; justify-content: center;padding-top:20%;    overflow-y: auto; }


.top-menu { text-align: right; padding-top: 20px; margin-bottom: 0; }
.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { border-right: 1.2px solid; padding: 0px 10px; color: rgba(255,255,255,0.7); font-size: 13px; font-family: din-2014,sans-serif; font-weight: 700; text-transform: uppercase; position: relative; line-height: 1; }
.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-child a{padding-right:0;border-right:0;}

.header-upper .row-flex { padding: 20px 0 40px; }
.logo_wrapper a { display: inline-block; width: 175px; }

.main_header_wrapper{
  position:relative;transition:all 0.5s ease;z-index:3;
}
.main_header_wrapper .row-flex{
  position:relative;
}
.main_header_wrapper .row-flex,
.main_header_wrapper .contact_details_wrapper{
  display:-moz-flex;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}

.contact_details_wrapper{
  text-align:right;
  align-items: unset !important;
}

.contact_details_wrapper .col{
  padding:0 22px;
}

.contact_details_wrapper .col:last-child{
  padding-right:0px;
}
.contact_details_wrapper .social_media {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #fff;
  color: #000;
  text-align: center;
  border-radius: 5px;
  line-height: 26px;
  font-size: 15px;

}


.contact_details_wrapper .col:not(:last-child) {
  border-right:1px solid #e8e8e8;
}
.contact_details_wrapper .title{
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  font-family: din-2014,sans-serif;
  line-height: 1.3;
  margin-bottom: 7px;
}

.contact_details_wrapper p ~ a{
  font-size: 17px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-family: din-2014,sans-serif;
}

/* .contact_details_wrapper .col:nth-child(2) p ~ a{
font-size:18px;
margin-top:5px;
display:inline-block;
} */
/* .custom_main_menu_wrapper{  
background:#000000;
} */

.custom_main_menu_wrapper .row-flex{
  display:flex;
  display:-moz-flexp;
  display:-webkit-flex;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal ul {
  display:block;
}

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family:din-2014, sans-serif;
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  overflow: initial;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #fff;
  max-width: none;
  text-transform: uppercase;
  font-weight:bold;
  vertical-align:middle;
  width:100%;
  position:relative;
  /*   font-size: 18px; line-height: 1.3; */

}
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>ul.hs-menu-children-wrapper>li.hs-menu-depth-2>a:hover,.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{color:#fff!important;}

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  width:100%;
  position:relative;
  z-index:10;
}

/* .custom_menu_wrapper li.hs-menu-item{
padding:10px 20px;
} */

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  position: initial;
  padding:15px 0px;
  margin-right:50px;
}
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:last-child{
  margin-right:0px;
}


/* .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 > a{
border-right:1px solid rgba(250,250,250, 0.5);
} */

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children {
  display: inline-block;
  vertical-align:top;
}

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > ul li a {
  font-size:14px;
  font-weight:normal;
  text-transform:none;
}
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>ul.hs-menu-children-wrapper>li.hs-menu-depth-2 >a {
  text-transform:uppercase;
  font-weight:bold;
  color:#000;
  margin-bottom:30px;
  /*   font-size:18px;line-height:1.3; */
}


.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>ul.hs-menu-children-wrapper {
  /*   background:#000; */
  top:100%;
  width:100%;
}
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 > ul{
  padding:40px 0;
}

.custom_menu_wrapper li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a{
  margin-bottom:15px;
}
.main_header_wrapper .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper,
.main_header_wrapper .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children.show_child > ul.hs-menu-children-wrapper{
  width: 100%;
  max-width: 100%;
  position: absolute;
  display: block;
  visibility: visible;
  opacity: 1 ;
  height: auto;
  top: 100%;
  margin: 0 auto;
}
li.hs-menu-item.hs-menu-depth-2 { margin-right: 50px; }
li.hs-menu-item.hs-menu-depth-3 a { color: #000 !important; margin-bottom: 10px; }

/* .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active-branch > a:before,
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:hover > a:before {
content: "";
width: calc(100% - 80px);
height: 2px;
background: yellow;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
} */
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.hs-item-has-children > a{
  /*     transition: all 10s; */
}
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.hs-item-has-children > a:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: transparent;
  transform: rotate(45deg) translateX(-50%);
  opacity:0;
  bottom:-45px;
  left: 50%;
  transition:none;
}
.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.hs-item-has-children:hover > a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: #F68B33;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  opacity:1;
  transition:opacity linear 0.2s, background 0.2s linear 0.2s, bottom 0.2s linear 0.2s;
}
.custom_menu_wrapper .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 {
  position: relative;
  left: 0;
  display: inline-block;
}

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:hover > ul:before {
  content: "";
  position: absolute;
  left: -100%;
  width: 1000%;
  top:0;
  background: #000;
  height: 100%;
}

.custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:hover > ul:after {
  content: "";
  position: absolute;
  width: 1000%;
  height: 100%;
  right:-100%;
  top:0;
  background: #F68B33;
}

.burger {
  display: none;
  cursor: pointer;
  z-index: 5;
  position: absolute;
  top: 79px;
  right: 20px;
  transform: translateY(-50%);
}

.open_mobile_menu .burger {
  position: fixed;
  top: 65px;
}

.line1,
.line2,
.line3{
  width:25px;
  height:3px;
  background-color:#fff;
  border-radius:5px;
  display:block;
  transition:all .5s ease-in-out;
}

.line2{
  margin-top:5px;
  margin-bottom:5px;
}

.open_mobile_menu .burger .line1,
.open_mobile_menu .burger .line2,
.open_mobile_menu .burger .line3{
  background-color:white;
}

.open_mobile_menu #open_menu_burger{
  display:none;
} 

#close_menu_burger{
  display:none;
  position: absolute;
  top: 57px;
  left: auto;
  right: 20px;
  transform: translateY(0);
}

#close_menu_burger .line1{
  transform: rotate(45deg) translate(6px, 6px);
}
#close_menu_burger .line2{
  /*   transform:translateX(-10px);
  background-color:transparent; */
  opacity:0;
}
#close_menu_burger .line3{
  transform: rotate(135deg) translate(-5px, 6px);
  width:25px;
}
.child-trigger{
  display:none;
}
.custom_search_wrapper {
  display:flex;
  align-items:center;
}
.custom_search_wrapper i {
  color: #000;
  font-size: 18px;
  cursor:pointer;
  outline:none;
}

.custom_search_wrapper{
  position:relative;
  height:30px;
}

.search_submit_wrapper {
  position: relative;
  width: 50px;
  height: 50px;
  /*   background: #fff; */
  font-size: 0;
}
.search_submit_wrapper input[type="submit"] {
  outline: 0;
  border: 0;
  font-size: 0;
  width: 50px;
  height: 50px;
  background: transparent;
  z-index:10;  
  cursor:pointer; 
}  

.noscroll{
  overflow:hidden;
  position:fixed;
}

/* Fixed Header */

.fixed-header { background: #000; position: fixed; top: 0; width: 100%; opacity: 0; transition: 0.7s ease all;visibility:hidden; }
.fixed-header.fixed { opacity: 1; z-index: 33;visibility:visible; }
.fixed-header-wrapper{width:100%;position:relative;}


.fixed-header-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;position:relative; }
.fixed-header-logo a { display: inline-block; width: 110px; }

.fixed-header.fixed .fixed-header-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.fixed-header.fixed .fixed-header-nav a { color: #fff !important; }
.fixed-header.fixed .fixed-header-nav .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { padding: 20px 0; }
.fixed-header.fixed .fixed-header-nav .custom_search_wrapper i { color: #fff; margin-left: 50px; }
.fixed-header.fixed .fixed-header-nav .hs-menu-depth-1:hover .hs-menu-depth-2 ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; }

.search_form_popup_wrapper { max-width: 650px; margin: 0 auto; }
.search_form_popup_lower { padding: 0 20px; margin-top: 20px; }
.search_form_popup_lower h3 { color: #fff; }
.search_form_popup_lower ul { list-style: disc; color: #fff; }
.search_form_popup_lower li h4 { margin-bottom: 10px; }
.search_form_popup_lower h4 a { color: #fff; text-decoration: none; margin-bottom: 0; }
.search_form_popup_lower p { color: #fff; }

/* Updated Header Styles */




@media (max-width:1280px){
  /*   .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {  padding: 4px 33px;} */
  .search_form,.search_form form input[type="text"].open_search_box { width: 280px;}
}

@media (min-width:1101px){
  /* body.header-fixed { padding-top: 57px; }
  .main_header_wrapper.fixed .custom_main_menu_wrapper { transition: all .5s ease; top: 0;position: fixed;width: 100%; left: 0; z-index: 999;   } */
  .new-header .custom_main_menu_wrapper { background: #000; border-top: 1px solid #F68B33;}
  .new-header .custom_main_menu_wrapper .custom_menu_wrapper { width: calc(100% - 34px); display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; }
  .new-header .custom_main_menu_wrapper .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{margin-right:88px}

  .new-header .fixed-header.fixed .fixed-header-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; width: calc(100% - 188px); }

  .new-header .fixed-header-nav .custom_menu_wrapper .hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .new-header .fixed-header-nav .custom_menu_wrapper { width: calc( 100% - 67px); }
  .new-header .fixed-header.fixed .fixed-header-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; width: calc(100% - 188px); }
} 
@media (max-width:1100px){
  .logo_wrapper a { display: inline-block; width: 145px; }

  .custom_menu_wrapper .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 li { padding: 5px 0px; }
  .contact_details_wrapper .social_media{margin-right: 5px;}
  
  /* .main_header_wrapper.fixed {    background:#fff; transition: all .5s ease; top: 0;position: fixed;width: 100%; left: 0; z-index: 999;   } */

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

  .custom_search_wrapper i{color:#fff;}
  .main_header_wrapper .row-flex{
    padding:10px 0;
  }

  .main_header_wrapper .contact_details_wrapper{
    display:none;
  }

  #close_menu_burger{
    display:block;
  }

  .fixed-header { display: none; }

  .custom_main_menu_wrapper{
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100vh;
    background: #000000;
    z-index: 200;
    transition:1s;
    display:block;
    overflow:auto;
    padding-top:100px;
    padding-bottom:50px;
  }

  .open_mobile_menu .custom_main_menu_wrapper{
    left:0;
  }
  .custom_main_menu_wrapper .row-flex {
    flex-direction: column;
    align-items:baseline;
  }

  .custom_menu_wrapper{
    width:100%;
  }
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active-branch > a:before{
    content:none;
  }
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children,
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children {
    display: block;
  }

  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .4s;
    position: relative;
    z-index: 10;
    left: 0;
    /*     display: block; */
  }
  .main_header_wrapper .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper,
  .main_header_wrapper .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    display:none;
    position:relative;
  }
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{
    position:relative;

  }
  /*   .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  padding:4px;
} */
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    position:relative;
    float:none;
    margin-right:0px;
    padding:10px 0;
  }

  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 > a {
    border-right:0px;
    color:#fff;
    font-size:16px;
    /*     width:auto; */
  }
  /*   .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>ul.hs-menu-children-wrapper>li.hs-menu-depth-2>a{ font-size: 16px;} */

  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>ul.hs-menu-children-wrapper>li.hs-menu-depth-2>a{margin-bottom:10px;}
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.hs-item-has-children .hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
    position: relative;
    padding-left: 20px;
    display: block;
    padding: 10px 0;
  }

  .burger{
    display:block;
  }

  .child-trigger{
    display: flex !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100% !important;
    min-width: 30px !important;
    height: 38px !important;
    padding: 0 !important;
    /*     border-left: 1px dotted rgba(255,255,255,.20); */
    text-align: center;
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    transform: rotate(225deg);
    width: 10px;
    height: 10px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    margin-left: auto;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    transition:0.3s;
  }


  .child-trigger.showList i{
    transform: rotate(45deg) translateY(5px);
  }


  .contact_details_wrapper .col{
    width:100%;
    margin-bottom:10px;
  }
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.hs-item-has-children .hs-menu-children-wrapper {
    padding: 10px;
  }
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.hs-item-has-children:hover > a:after,
  .custom_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:hover>a:before {
    content: none;
  }

  .custom_menu_wrapper .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 {
    padding-left: 20px;
  }

  .custom_menu_wrapper li.hs-menu-item.hs-menu-depth-2.hs-item-has-children>a {
    margin-bottom: 0px;
    margin-top: 15px;
  }

  .custom_main_menu_wrapper .contact_details_wrapper{
    text-align: left;
    margin-top: 30px;
  }

  .custom_main_menu_wrapper .contact_details_wrapper .col:not(:last-child) {
    border-right: 0;
  }
  .custom_main_menu_wrapper  .contact_details_wrapper p ~ a {
    color: white;
  }
  .contact_details_wrapper .social_media{
    color:#000 !important;
  }

  .custom_main_menu_wrapper  .contact_details_wrapper .col {
    padding: 10px 0px;
  }

  .search_form{
    width: 100%;
  }

  li.hs-menu-item.hs-menu-depth-2{margin-right:0px;}
}
@media(max-width:992px){
  .search_form_popup_lower{display:none;}
}
@media (max-width: 568px){
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {width: auto;display: inline-block;}
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {     padding: 0px 9px; font-size: 12px;}
}


/******************** Header Styling Ends **********************/



/* Resources  */
.resources-wrapper { 
  margin: 1em 0;
  padding: 1em;
  border: 1px solid rgba(112,112,112,0.2);
}
.resources-wrapper .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.resources-wrapper h3 {
  margin-bottom: 1em;
}

.resources-wrapper ul.tabs .tab-source h5 {
  font-weight: 300;
}

.resources-wrapper ul.tabs .tab-source.is-current h5 {
  font-weight: bold;
}
.resources-wrapper .tab-target-wrapper {
  margin-top: 1.5em;
  padding-top: 2em;
  min-height: 200px;
  border-top: 1px solid rgba(112, 112, 112, 0.2);
}
.resources-wrapper ul.tab-target {
  padding-left: 0;
  list-style: none;
}

.resources-wrapper ul.tab-target li > span {
  display: block;
  margin-bottom: 1em;
}
.resources-wrapper ul.tab-target li .thumbnail {
  display: inline-block;
  width: 20px;
  height: 25px;
  border: 1px solid rgba(112,112,112,0.31);
  vertical-align: middle;
}

.resources-wrapper ul.tab-target li a {
  margin-left: 0.75em;
  color: #454545;
}

.resources-wrapper ul.tab-target li .icon {
  padding: 0.25em 0.5em;
  border: 1px solid rgba(112,112,112,0.31);
}

.resources-wrapper ul.tab-target li .icon.down-arrow {
  margin-right: 0.5em;
  padding-left: .3em;
  padding-right: 0.3em;
}

.resources-wrapper ul.tab-target .icon.down-arrow img {
  height: 15px;
  padding: 0.15em; 
  vertical-align:middle;
}

.resources-wrapper .column {
  width: 100%;
}

.resources-wrapper .column .background-image-asset {
  height: 200px;
  background-position: 100% 100%;
  background-size: cover;  
}

.resources-wrapper .actions .icon a {
  margin-left: 0;
}

@media screen and (min-width:452px) { 
  .resources-wrapper ul.tabs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*     justify-content: space-between; */
  }

  .resources-wrapper ul.tabs li.tab-source:not(:last-of-type) {
    margin-right: 2.5em;
  }
}

@media screen and (min-width: 752px) {
  .resources-wrapper { 
    margin: 3em 0;
    padding: 3em 2em;
  }

  .resources-wrapper .column {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 49%;
    flex: 1 1 49%; 
    padding:0px 1em;
  }




  .resources-wrapper .column .background-image-asset {
    height: 334px;
  }
  .resources-wrapper ul.tab-target li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 1em;
  }
  .resources-wrapper ul.tab-target li > span {
    display: inline-block;
    margin-bottom: 0;
  }
}
/* End Resources */

/* Popup video */
.popupVideo {
  position: absolute;
  width: 90vw;
  /*     height:90vh; */
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 99;
  max-width: 1170px;
  padding: 0 10px;
}

.popupVideo-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  top: 0;
  left: 0;
  z-index: 98;
}

a.openVideoPopup {
  margin-left: 25px;
}


.close_video{
  position: absolute;
  right: 0px;
  top: -20px;
  font-size: 20px;
  color: white;
  cursor:pointer;
}

/* Slick dots  */
ul.slick-dots {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-left:0;
}

ul.slick-dots li {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

ul.slick-dots li.slick-active button {
  background-color: #f68b33;
}
ul.slick-dots li button:before{display:none;}
ul.slick-dots li button {
  width: 17px;
  height: 5px;
  background: #898989;
  outline: 0;
  font-size: 0;
  border: 0;
  margin: 0 3px;
  cursor: pointer;
  padding:0;
}

button[aria-controls="slick-slide0undefined"] {
  display: none;
}

@media(max-width:600px){
  h1{
    font-size:25px;line-height:1;
  }
  ul.slick-dots li button {
    width: 10px;
  }
}
/*  pagination */

ul.pagination {
  display:inline;
  text-align: center;
  padding-left:0;
  user-select:none;
}
ul.pagination li.active {
  background-color: #e3e3e3;
}

#pagination-prev:hover,
#pagination-next:hover,
ul.pagination li:hover{
  background-color: #e3e3e3;
}

ul.pagination li {
  list-style: none;
  display: inline-block;

  text-decoration: none;
  color: #747474;
  margin:0 5px;
  user-select:none;
}

ul.pagination li a {
  color: #747474;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  padding: 5px 10px;
  display:block;
}

#pagination-prev,
#pagination-next{
  display: inline;
  color: #747474;
  font-family:din-2014, sans-serif;
  font-weight: bold;
  text-decoration: none;
  user-select:none;
  padding: 5px 10px;
}
.pagination_wrapper{
  margin-top:50px;
  text-align:center;
  user-select:none;
}

.pagination_wrapper .disabled{
  display: none !important;
}

/*  BLOGS */
@media (max-width:500px){
  .blog_post_listing .page-center,
  .custom_blog_related_post .page-center{
    padding-left:0;
    padding-right:0;
  }

  .blog_post_listing .row-flex .col {
    padding: 0px;
  }

  .blog_post_listing .row-flex .col:not(:last-child) {
    margin-bottom: 20px;
  }

  .main_post_content_wrapper{
    padding-left:20px;
    padding-right:20px
  }

  .hs-cta-img{
    height:auto;
  }
}

/* Site search */

ul#hsresults li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(112, 112, 112, .2);
  padding-top: 30px;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  
}

.hs-search-results__title {
  font-family: din-2014, sans-serif;
  font-size: 18px;
  line-height: 1.3;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

.hs-search-results__featured-image {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 30px;
  height: 150px;
  max-width: 400px;
}
.hs-search-results__featured-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hs-search-results__result_wrapper {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}

.hs-search-result__link_wrapper {
  width: 15%;
}

.hs-search-results__description{
  margin-bottom:0;
}

span.hs-search-results__term {
  color: #898989;
}
.square_arrow_right:hover{
  background-color: #f68b33;
  background-image: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/PBI%20Height%20Safety/icons/arrow-pointing-to-right-black.svg); background-size: 30%; background-repeat: no-repeat; background-position: center;
}

.hs-search-results__pagination {
  margin-top: 50px;
}

a.hs-search-results__next-page,
a.hs-search-results__prev-page{
  color: #000;
  text-decoration: none;
}

@media (max-width:992px){
  .hs-search-results__term_wrapper h4{
    margin-bottom:30px;
  }

  ul#hsresults li {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
}

@media(max-width:768px){

  .hs-search-results__featured-image {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-right: 0px;
    height: 200px;
    margin-bottom: 15px;
  }

  .hs-search-results__result_wrapper {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
  }
  .hs-search-result__link_wrapper {
    width: 20%;
  }
}
@media(max-width:400px){
  .font46{font-size:20px;}
}


.section-title-flex { display:flex; flex-wrap: nowrap; align-items: center;text-align:left;width:100%; }
.section-title-left { margin-right: 10px;}
.section-title-right { width: calc(100% - 60px); }
.section-title-right h2 { margin-bottom: 0; display: inline-block; width: 100%; }

.white{color:#fff;}
.white-bg{background-color:#fff !important}



/*===============================================================
        Homepage Banner Styling 
==============================================================*/


.hero-banner .content_wrapper h1,.hero-banner .content_wrapper h2,.hero-banner .content_wrapper h3,.hero-banner .content_wrapper h4,.hero-banner .content_wrapper h5,.hero-banner .content_wrapper h6,.hero-banner .content_wrapper li{color:#fff}
.content_wrapper-widd { max-width: 580px; }
.hero-banner{
  position:relative;
  overflow:hidden;
  background-color:gray;
}

.hero-banner .row-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  height:calc(100vh - 225px);
  position:relative;
  z-index:1;
}
.hero-banner .hero-banner-slider{
  display:none;
}
.hero-banner .hero-banner-slider.slick-initialized.slick-slider{
  display:block;
}
.hero-banner .hero-banner-slider video{
  position:absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top:0;
  left:0;
  z-index:0;
  -o-object-fit:cover;
  object-fit:cover;
}

.hero-banner .content_wrapper{
  padding: 25px;
  color: white;
  margin-bottom:60px;

}
.hero-banner .content_wrapper h1 {

  color: #fff;
  padding-bottom: 0;
  margin: 0;
}

.hero-banner .content_wrapper p{
  font-family: din-2014, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  font-size: 18px;
  line-height:30px;
}
.hero-banner .slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero-banner ul.slick-dots {
  text-align: center;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hero-banner  ul.slick-dots li {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.hero-banner ul.slick-dots li.slick-active button {
  background-color: #f68b33;
}

.hero-banner ul.slick-dots li button {
  width: 17px;
  height: 5px;
  background: #ffffff;
  outline: 0;
  font-size: 0;
  border: 0;
  margin: 0 3px;
  cursor: pointer;
}

.hero-banner .openVideoPopup img{
  width:40px;
  height:40px;
  display:inline-block;
  vertical-align:middle;

}

.hero-banner .cta_wrapper a.openVideoPopup {
  margin-left: 25px;
  vertical-align:middle;
}


.close_video{
  position: absolute;
  right: -20px;
  top: -20px;
  font-size: 20px;
  color: white;
  cursor:pointer;
}

span.yellow_line {
  width: 100px;
  height: 5px;
  background: #F68B33;
  display: inline-block;
}


.hero-banner .cta_wrapper a{
  margin:5px 0;
}


.hero-banner .hero-slide-item{
  width:100%;
}
.hero-banner .slick-track .slick-slide{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
@media (max-width:992px){
  .hero-banner .row-flex { height: auto; padding: 200px 0 0; }
}
@media (max-width:768px){


  .hero-banner .content_wrapper{
    padding: 15px;
  }

  .openVideoPopup{
    display:none;
  }

  .hero-banner .cta_wrapper a{
    width:auto;
  }
.hero-banner .cta_wrapper a.btn-yellow { margin-right:8px; }
}

@media(max-width:480px){

  .hero-banner .cta_wrapper a.btn-yellow{
     width:100%;
  }
  
  .hero-banner .cta_wrapper a{
     width:100%;
  }
}

@media (max-width: 499px){
  .hero-banner .content_wrapper h1 {
    margin-bottom:10px;
  }

  .hero-banner .content_wrapper p {
    font-size: 18px;
    line-height: 20px;
  }
}



/****************** Intro Section Styling *********************/


.intro-main{padding-bottom:100px;}
.team-intro { position: relative; }
.intro-upper { max-width: 500px; position: relative;z-index:2; }
.intro-title { max-width: 1520px; margin: 0 auto;margin-bottom:10px;position: relative;padding-top: 100px; }
.intro-title h4 { margin-bottom: 0; }

.intro-details { max-width: 652px; margin-left: auto;margin-top:30px; position: relative;z-index:2; }
.intro-details p { font-size: 18px; color: #000; }
.intro-details > *:last-child{margin-bottom:0px;}
.intro-infinity-image { position: absolute; top: -300px; opacity: 0.05; left: 70px; z-index: 1; display:none; }



@media(max-width:1200px){
  .team-intro{padding-top:50px;padding-bottom:50px;}
  .intro-infinity-image { position: absolute; top: -150px; opacity: 0.05; left: 20px; width: 250px; }
  .intro-title{padding-top:0px;}
}
@media(max-width:1024px){
  .intro-details { max-width: 100%; margin-left: auto; margin-bottom: 70px; margin-top: 30px; }
  .intro-details p { font-size: 16px; color: #000; }
  .team-intro { padding-top: 50px; padding-bottom: 30px; }
}
@media(max-width:767px){
  .team-intro{padding-top:50px;}
  .intro-details p { font-size: 14px; color: #000; }
}


/*************** Global full Width Module ******************/


.achievement_record_track {
  background-color:#F68B33;
}

.achievement_record_track .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.achievement_record_track .col{
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  padding:0 30px;
  position:relative;
  display: block;
  text-decoration: none;
  outline:none;

}

.achievement_record_track .col:before {
  content: "";
  position: absolute;
  height: 56px;
  width: 100%;
  /*     border-left:2px solid rgba(0,0,0,0.4); */
  border-right:4px solid rgba(0,0,0,0.4);
  left: 0;
  top:0;
}

.achievement_record_track .slick-list:before {
  content: "";
  position: absolute;
  height: 56px;
  width: 100%;
  border-left:4px solid rgba(0,0,0,0.4);
  left: 0;
  top:0;
}


.achievement_record_track .col .content_wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:flex-center;
  margin-bottom:10px;
  white-space:nowrap;
}
.achievement_record_track .col .content_wrapper img{
  width:100%;
  max-width:30px;
  height:auto;
  display:inline-block;
  vertical-align:top;
  margin-right:10px;
}

.achievement_record_track .title_wrapper{
  display:inline-block;
}
.achievement_record_track .col h5{color:#262626;}


.achievement_record_track .col p{
  font-weight:bold;
  color: #262626;
  text-transform:uppercase;
  margin-bottom:0;
}



@media (max-width:992px){
  .achievement_record_track .row-flex{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }


  /*    .achievement_record_track .col:before {
  content: none;
} */
  .achievement_record_track .col:nth-child(even):before {
    content: "";
    position: absolute;
    height: 35px;
    width: 4px;
    background: rgba(0,0,0,0.4);
    left: 0;
    top:0;
  }

  .achievement_record_track .col:last-child:after {
    content: none;
  }

  .achievement_record_track .col .content_wrapper img {
    max-width: 20px;
  }

  .achievement_record_track .title_wrapper p {
    font-size: 12px;
  }

  .achievement_record_track .col .content_wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; 
  }
}

@media(max-width:480px){
  .achievement_record_track .col .content_wrapper{justify-content:center;align-items:center;}
  .achievement_record_track .col{text-align:center;}
  .achievement_record_track .slick-list:before{border-left:4px solid rgba(0,0,0,0.4);}

}



.our_services_expandable_module .section_title * {     opacity: 1;color: #fff; }
.our_services_expandable_module  .page-center {
  position:relative;
  z-index:2;
} 

.our_services_expandable_module .row-flex{
  display:flex;
  justify-content:center; 
  margin:20px -10px 0;
  /*   padding-bottom:20px; */
}

.our_services_expandable_module .col{
  max-width: 390px;
  padding: 10px 10px 0;
  position:relative;
  margin-bottom:20px;
}

.our_services_expandable_module .btn_wrapper{
  display:flex;
  justify-content:center; 
  flex-wrap:wrap;
  margin-top:70px;
}

.our_services_expandable_module .btn_wrapper a{
  margin:10px;
}

.our_services_expandable_module .link_wrapper{
  background-color:#000000;
  padding:20px;
  display:flex;
  transition: .3s;
  align-items: center;
  height:89px;
}

.our_services_expandable_module .link_wrapper .title{
margin:0;
   transition: .3s;
  width:80%;
  text-decoration:none;
  position:relative;
}

.our_services_expandable_module .col .title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 40px;
  width: 1px;
  background: rgba(255,255,255,0.5);
  transform: translateY(-50%);
}
.our_services_expandable_module .arrow_right{
  width:26px;
  height:17px;
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg');
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
  margin-left:auto;
  margin-right:10px;
}
.our_services_expandable_module .col:hover{
  cursor:pointer;
}
.our_services_expandable_module .col:hover .link_wrapper, 
.our_services_expandable_module .col.hovered .link_wrapper {
  background-color:#f68b33; 
}

.our_services_expandable_module .col.hovered .link_wrapper .title:after,
.our_services_expandable_module .col:hover .link_wrapper .title:after {
  background: rgba(0,0,0);
}

.our_services_expandable_module .col:hover .link_wrapper .title, 
.our_services_expandable_module .col.hovered .link_wrapper .title {
  color:#000000;
}

.our_services_expandable_module .col:hover .link_wrapper .arrow_right, 
.our_services_expandable_module .col.hovered .arrow_right{
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg');
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
}


.our_services_expandable_module .col:before{
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  opacity: 0;
  transition: all linear .2s;
  background: #313131;
  z-index: 1;
}


.our_services_expandable_module .col.hovered:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -35px;
  background: #313131;
  z-index: 1;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  opacity:1;
  transition:width 0.1s, height 0.1s, position 0.1s, bottom 0.1s 0.2s, opacity 0.1s linear 0.2s;
}
.our_services_expandable_module .link_wrapper {
  position: relative;
}

.our_services_expandable_module .image_wrapper {
      position: relative;
    overflow: hidden;
    height: 372px;
    -webkit-clip-path: polygon(0 -65%, 100% 22%, 100% 100%, 0% 100%);
            clip-path: polygon(0 -65%, 100% 22%, 100% 100%, 0% 100%);
}

.our_services_expandable_module .image_wrapper:after {
  content: "";
  background-color: transparent;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%,-50%) rotate(45deg);
      -ms-transform: translate(50%,-50%) rotate(45deg);
          transform: translate(50%,-50%) rotate(45deg);
}

.our_services_expandable_module .image_wrapper img{
  width:100%;
  height:100% !important;
  -o-object-fit:cover;
     object-fit:cover;
}

.our_services_expandable_module .service_overview{
  background-color:#313131;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;
  min-height: 100% !important;
  height: 100% !important;
}

.service_overview .page-center {
  padding: 0 40px;
}

.service_overview .flex {
  position: relative;
}

.our_services_expandable_module .service_overview p {
  color:#ffffff;
}

.service_overview .overview {
  display:inline-block;
  flex: 0 1 35%;
  padding-right:50px;
  border-right:1px solid #707070;
  position:relative;
  vertical-align:top;
}

.service_overview .arrow_right_circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #707070;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: -20px;
  background-color: #313131;
  transform: translateY(-50%);
} 

.services_fulldetails{
  background-color:#313131;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;
  position: relative;
  margin-bottom:20px;
  width:100%;
  /*   margin-top:-20px; */
}
.services_fulldetails p,.services_fulldetails h4,.services_fulldetails li,.services_fulldetails h1,.services_fulldetails h2,.services_fulldetails h3,.services_fulldetails h5,.services_fulldetails h6{
  color:#ffffff;
}
.services_fulldetails .row-flex{
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

.services_fulldetails .description{
  display:inline-block;
  width:35%;
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  padding-right:50px;
  border-right:1px solid #707070;
  position:relative;
  vertical-align:top;
}

.services_fulldetails .description h3{
  text-transform:uppercase;
  margin-bottom:30px;
}

.services_fulldetails .sub_details {
  vertical-align:top;
  display:inline-block;
  padding-left:30px;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  width:60%;
}
.services_fulldetails .sub_details img{
  margin-bottom:20px;
}
.services_fulldetails .sub_details ul li{
  margin-bottom:5px;
}


.services_fulldetails h4.new_heading {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 10px;

}

.services_fulldetails h4.new_subheading {
  margin-bottom: 10px;
  text-transform:none;
color:#fff;
}

.service-content{
  display:none;
}


.hide_form{
  display:none;
}

a.product_category_url.btn-black.hide-cta { display: none; }

.our_services_expandable_module form fieldset.form-columns-1 .hs-input {
  width: 100% !important;
}

.our_services_expandable_module form input[type="submit"]{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size:16px;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  display:inline-block;
  padding: 11px 30px 11px 30px;
  transition:1s;
  background-color:#f68b33;
  color:#000000;
  cursor:pointer;
  outline:0;
  border:0;
}

.arrow_right_circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #cecece;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: -20px;
  background-color: #313131;
  transform: translateY(-50%);
}

.our_services_expandable_module .col{
  width: 33.33%;
}


.our_services_expandable_module .form-title{
    margin-bottom:0;
}




@media(max-width:992px){

  .our_services_expandable_module .row-flex{
    justify-content:center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }

  .our_services_expandable_module .col{
    width:100%;
  }

  .our_services_expandable_module .row-flex{
    margin-bottom:0;
  } 

  .our_services_expandable_module .link_wrapper a {
    font-size: 14px;
    line-height: 1;
  }

  .our_services_expandable_module .link_wrapper {
    height: 60px;
  }

  .our_services_expandable_module .link_wrapper .title {
    line-height:1.2;
    font-size: 14px;
  }
.our_services_expandable_module .btn_wrapper {     margin-top: 40px;}
  .services_fulldetails .description {
    width:100%;
    padding-right: 50px;
    border-right: 0px solid #707070; 
  }
  .services_fulldetails .sub_details {
    width:100%;
    padding:10px; 
  }

  .arrow_right_circle{
    display:none;
  }

}

@media(max-width:767px){

.our_services_expandable_module .section-title-right h2{
  color:#ffffff;   
}
  
.our_services_expandable_module .section-title-right h4{
  color:#ffffff;   
}
  
.our_solution .section-title-right h2{
  color:#000000;   
}
  
.our_solution .section-title-right h4{
  color:#000000;   
}
}



/************** Solutions Tiles Expandable ******************/


.our_solution .section_title * { opacity: 1; color: #000; }

.our_solution .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}

.solution_fulldetails .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
}

.our_solution .col{
  width:33.33%;
  max-width: 386px;
  margin-bottom:20px;
  position:relative;
  cursor:pointer;
}

.our_solution .col.hovered:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -35px;
    background: #313131;
    /* z-index: 1; */
    left: 50%;
    -webkit-transform: rotate(45deg) translateX(-10px);
        -ms-transform: rotate(45deg) translateX(-10px);
            transform: rotate(45deg) translateX(-10px);
}
.our_solution .title_wrapper{
  position:relative;
}

.our_solution .title_wrapper h4{
  margin:0;
}
.our_solution .title_wrapper.active:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #313131 transparent;
}

.our_solution .title_wrapper a{
  display:block;
  width:100%;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  padding: 11px 20px;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
  background:#ffffff;
  color:#000000;
}

.our_solution .title_wrapper.active > a{
  background:#f68b33;
}

.our_solution .col:hover .title_wrapper a,
.our_solution .col.hovered .title_wrapper a{
  background:#f68b33;
}

.our_solution .image_wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.our_solution .image_wrapper {
/*     height: 250px; */
    overflow: hidden;
}

.our_solution .solution_fulldetails{
  background-color:#313131;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;
  position: relative;
  margin-bottom:20px;
}

.product_category_desc_wrapper{
    display:none;
}

.our_solution .solution_fulldetails *{
  color:#ffffff;
}

.solution_fulldetails .description{
  display:inline-block;
  width:35%;
  padding-right:50px;
  border-right:1px solid #707070;
  position:relative;
  vertical-align:top;
}

.solution_fulldetails .description h3,.solution_fulldetails .description h4{
  text-transform:uppercase;
  margin-bottom:30px;
}

.arrow_right_circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #cecece;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: -20px;
  background-color: #313131;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}



.solution_fulldetails .sub_details {
  vertical-align:top;
  display:inline-block;
  padding-left:30px;
}
.solution_fulldetails .sub_details img{
  margin-bottom:20px;
}
.solution_fulldetails .sub_details ul li{
  margin-bottom:5px;
}


@media (max-width:992px){

  .our_solution .row-flex{
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our_solution .col{
    width:100%;  
    margin:0 auto 20px;
  }

  .solution_fulldetails .description {
    width:100%;
    padding-right:0px;
    border-right: 0px solid #707070; 
        margin-bottom: 20px;
  }
  .solution_fulldetails .sub_details {
    width:100%;
    padding-left: 0px; 
  }

  .arrow_right_circle{
    display:none;
  }
}





/***************** Project Tile Featured Zigzag ********************/


.featured_projects_module .row-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:50px;
  margin:0 -10px 0;
}

.featured_projects_module .col{
  flex: 0 0 50%;
  padding: 10px;
  overflow: hidden;
  position: relative;
}


.col_container{
  position:relative;
  max-width:600px;
  margin:auto;
}

.featured_projects_module .image_wrapper {
  height:  374px;
}
.featured_projects_module .image_wrapper a {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.featured_projects_module .image_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.featured_projects_module .title_wrapper{
  width:70%;
  position:absolute;
  bottom:0;
}
.featured_projects_module .title_wrapper h4{
  margin-bottom:0;
}
.featured_projects_module .title_wrapper h4 button {
  font-family:din-2014, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  width: 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#000;
  border: none; background: none;
  outline:none;
  font-size:18px;cursor:pointer;
}

.featured_projects_module .title_wrapper h4 button img{
  margin-left: auto;
  background: black;
  padding: 30px;
}

.featured_projects_module .content_wrapper {
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  width:100%;
}

.featured_projects_module .content_wrapper p {
/*   color:#6a6a6a;
  font-size:14px; */
}


.featured_projects_module .content_wrapper p{
  margin-bottom:10px;
}

.featured_projects_module .content_wrapper h3 img {
  position: absolute;
  right: -30px;
  top: 5px;
}
.featured_projects_module .title_wrapper p{
  font-family:"Helvetica", sans-serif;
  line-height:1.4;
  color: rgba(38, 38, 38, 0.7);
}

.featured_projects_module .view_all {

  display: block;
  text-align:right;
  margin-top:50px;
}

.featured_projects_module .arrow_right{
  width: 70px;
  height: 70px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  background-color: #1c1c1c;
  display: block;
  right: 0;
  bottom: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.featured_projects_module .col:hover .title_wrapper .arrow_right{
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f68b33;
}
@media (max-width:992px){
  .featured_projects_module .col{
    width:100%;
    flex-basis:100%;
    max-width:100%;
  }

  .featured_projects_module .col:nth-child(even){
    padding-top:0px;
  }

  .featured_projects_module .title_wrapper{
    width:90%;
  }

  .featured_projects_module .title_wrapper h4 button img {
    padding: 15px;
  }

  .featured_projects_module .image_wrapper {
    height:  250px;
  }

  .featured_projects_module .title_wrapper .proj_title{
    width:70%;
  }
}


@media(max-width:767px){
  .featured_projects_module .arrow_right{
     width:50px;
     height:50px;
   }
  
  
}


/***************** Testimonial Module New *****************/


.testimonial-module { position: relative; padding: 100px 100px 94px; }

.testimonial-module > img { position: absolute; left: 0; top: 0; width: 100%; z-index: 1; height: 100%; object-fit: cover; }
.testimonial-title { position: relative; z-index: 2; }
.testimonial-title hr { width: 80px; height: 8px; background-color: #fff; outline: 0; border: 0; display: inline-block; }

.testimonial-module-slider { margin-bottom: 100px; margin-top: 75px;z-index:2; }
.testimonial-module-slider:before { position: absolute; content: ''; width: 74px; height: 52px; left: -94px; top: 20px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/quotes-new.svg); z-index: 2; }
/* .testimonial-module-slider .slick-list { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } */
.testimonial-module-item { display: flex !important; flex-wrap: wrap; outline:none;}
.testimonial-item-left { width: 32.632%; background: #F0F0F0;padding: 80px 47px 60px; }
.testimonial-item-right { width: 67.368%; position: relative; }
.testimonial-item-right > img { position: absolute; top: 0; width: 100%; height: 100% !important; object-fit: cover; }
.testimonial-module-slider ul.slick-dots { position: absolute; transform: translate(0); left: 0; margin-top: 0; width: 100%; bottom: -80px; }
.testimonial-module-slider ul.slick-dots li button{background: #BABABA;}
.testimonial-module-slider ul.slick-dots li.slick-active button { background-color: #fff; }

button.slick-prev.slick-arrow { width: 72px; height: 66px; background: #4B4B4B; font-size: 0; border: 0; background-image: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/arrow-pointing-to-right-1-1.svg); background-repeat: no-repeat; background-position: center; background-size: 21px; position: absolute; right: -85px; bottom: 0; z-index: 2;outline:none; }
button.slick-next.slick-arrow { width: 72px; height: 66px; background: #4B4B4B; font-size: 0; border: 0; background-image: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/arrow-pointing-to-right-2-2.svg); background-repeat: no-repeat; background-position: center; background-size: 21px; position: absolute; right: -85px; bottom: 72px; z-index: 2;outline:none; }

.testimonial-comment p { font-size: 20px; color: #000000; text-align: center; font-weight: 600; font-family: din-2014,sans-serif;line-height:30px; }
.testimonial-author { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid rgba(112, 112, 112, 0.2); padding-bottom: 20px; }
.testimonial-author .image_wrapper { width: 42px; margin-right: 14px;border-radius:100%;overflow:hidden; }
.testimonial-author .author_name { width: calc(100% - 56px); }

.testimonial-comment { display: inline-block; width: 100%; }
.author_position { color: #505050; font-weight: 700; font-size: 13px; font-family: din-2014,sans-serif; margin-top: 2px; }

.testimonial-project { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 19px; }
.testimonial-project .project_info { width: calc(100% - 79px); }
.testimonial-project .project_info p:first-child { font-family: din-2014,sans-serif; font-size: 10px; text-transform: uppercase; margin-bottom: 0; line-height: 1; }
.testimonial-project .project_info .project_name { font-family: din-2014,sans-serif; font-weight: bold; font-size: 13px; text-transform: uppercase; margin-bottom: 0; color: #000;line-height: 18px; }

.testimonial-project .project_link { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #000; vertical-align: middle; line-height: 37px; text-align: center; background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg); background-repeat: no-repeat; background-size: 50%; background-position: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.testimonial-project .project_link:hover { background-color: #f68b33; border: 1px solid #f68b33; }

button.slick-prev.slick-arrow:hover , button.slick-next.slick-arrow:hover { background-color: #f68b33; }
button.slick-prev.slick-arrow:hover { background-image: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/left-black.svg); }
button.slick-next.slick-arrow:hover {background-image:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/black-arrow.svg');}

@media(max-width:1200px){
  .testimonial-module { position: relative; padding: 50px 70px 50px; }
  .testimonial-module-slider { margin-bottom: 50px; margin-top: 30px; }
  
  button.slick-next.slick-arrow , button.slick-prev.slick-arrow{width: 50px; height: 50px;right: -64px;}
  button.slick-next.slick-arrow {bottom:78px;}
  .testimonial-module-slider:before { width: 50px; height: 52px; left: -66px; top: 12px}
  
  .testimonial-module-slider ul.slick-dots{bottom:-30px;}
  .testimonial-comment { margin-bottom: 50px; }
}
@media(max-width:1024px){
  .testimonial-module-slider:before{display:none;}
  button.slick-next.slick-arrow{top: -50px;right: 0; bottom: auto;}
  button.slick-prev.slick-arrow{top: -50px;right: 70px; bottom: auto;}
  
  .testimonial-module { position: relative; padding: 50px 0 50px; }
  
  .testimonial-module-slider { margin-bottom: 50px; margin-top: 60px; }
  .testimonial-item-left { width: 40%; background: #F0F0F0; padding: 30px 20px 30px; }
  .testimonial-item-right { width: 60%; position: relative; }
}
@media(max-width:767px){
  .testimonial-comment p{ line-height: 1.2;   font-size: 18px;}
}
@media(max-width:640px){
    .testimonial-item-left { width: 100%; background: #F0F0F0; padding: 30px 20px 30px; order: 2; }
  .testimonial-item-right{width:100%;}
  .testimonial-item-right > img{position:relative;height:auto !important;}

}



/************** Latest From Blog Based On Tag ******************/


.latest_blog_module .col button.btn-gray{background:#EFEFEF;color:#525252;}
.latest_blog_module .row-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px;
}

.latest_blog_module .col{
  width:33.33%;
  max-width:400px;
  padding:10px;
  text-decoration:none;
  outline:none;
    -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
}
.latest_blog_module .col:hover button.btn-gray,.latest_blog_module .col:hover button.btn-white{background-color: #f68b33; color: #000;}
.latest_blog_module .col.latest_blog_post{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-width:none;
}

.latest_blog_module .col.latest_blog_post .content_wrapper{
  width:35%;
  background-color:#2C2C2C;
  padding:50px;
  max-width:397px;
}

.latest_blog_module .col.latest_blog_post .image_wrapper{
  margin-bottom:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  width: 65%;
  height:auto;
}
.latest_blog_module .col.latest_blog_post .image_wrapper a{
  display:block;
  overflow:hidden;
  position:relative;
  width:100%;
  height: 100%;
}

/* .btn-black:hover { background-color: #f68b33; color: #000; } */
.latest_blog_module .col.latest_blog_post .image_wrapper a img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
}
.latest_blog_module .col.latest_blog_post .tags {
  color:#efefef !important;
}

.latest_blog_module .col.latest_blog_post .post_title {
  color: #ffffff;
}

.latest_blog_module .col.latest_blog_post .author_wrapper > * {
  color: #ffffff;
}

.latest_blog_module .col.latest_blog_post .summary_wrapper {
  color:#e2e2e2;
}

.latest_blog_module .col .image_wrapper{
  margin-bottom:20px;
  height:260px;
}
.latest_blog_module .col .image_wrapper a {
  display: block;
  height: 100%;
  width: 100%;
}

.latest_blog_module .col .image_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.latest_blog_module .tags{
  color: rgba(0,0,0,0.6);
  font-family: Arial, sans-serif;
  margin-bottom:5px;
  text-transform:uppercase;
}

.latest_blog_module .content_wrapper {
  position:relative;
  cursor:pointer;
}

.latest_blog_module .col.latest_blog_post .content_wrapper  hr{
  width:95px;
  height:2px;
  background-color:rgba(255,255,255,0.3);
  outline:0;
}

.latest_blog_module .content_wrapper  hr{
  width:95px;
  height:2px;
  background-color:#E6E6E6;
  outline:0;
}
.latest_blog_module .content_wrapper .post_title{

  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-family:din-2014, sans-serif;
  color:#000;
}

.latest_blog_module .author_wrapper > *{
  color:rgba(0,0,0,0.6);

}

.latest_blog_module .summary_wrapper{
  margin:20px 0;
      color: #525252;
      line-height: 1.7;


}
.latest_blog_module .summary_wrapper > *{
  color:#898989;
  font-weight:normal;

}

.latest_blog_module .section_title .view_more{
  font-family:din-2014, sans-serif;
  font-size:16px;
  color:#000000;
  opacity:0.97;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
}

.latest_blog_module .view_all_wrapper{
  margin-top:50px;
  text-align:right;
}


@media(max-width:992px){

  .latest_blog_module .row-flex{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .latest_blog_module .col{
    width:100%;
    margin: 10px 0;
  }

  .latest_blog_module .col.latest_blog_post {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .latest_blog_module .col.latest_blog_post .content_wrapper {
    width: 100%;
    padding:20px;
  }

  .latest_blog_module .col.latest_blog_post{
    max-width: 400px;
  }

  .latest_blog_module .col.latest_blog_post .image_wrapper{
    height:260px;
    width: 100%;
  }


  .latest_blog_module .content_wrapper {
    padding:0 15px;
  }
}

@media (max-width:500px){

  .latest_blog_module .page-center{
    padding:0;
  }

  .latest_blog_module .view_all_wrapper{
    padding-left:15px;
    padding-right:15px;
  }

  .latest_blog_module .col:not(:last-child){
    margin-bottom: 20px;
  }
}



/******************* Our Client Module *******************/


.our-clients-module { background: #313131; position: relative; overflow: hidden; padding: 70px 0; }
.section-title-2 { max-width: 1520px; margin: 0 auto; padding: 0 15px; margin-bottom: 10px; }
.section-title-2 h4 { font-weight: 400; margin-bottom: 10px;color:#fff !important; }
.section-title-2 hr { width: 80px; height: 8px; background-color: #fff; outline: 0; border: 0; display: inline-block; }
.section-title-2 > img { position: absolute; top: 30px; opacity: 0.05; left: auto; display:none!important;}


.our-clients-slider .slick-track{display: flex; align-items: center;}
.our-clients-slider { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; /*padding: 100px 0; */position: relative; z-index: 2; }
.our-clients-item { position: relative; text-align: center; padding: 0 15px; display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; margin: 100px 0; }
.our-clients-item div { position: absolute; bottom: calc(100% + 15px); opacity: 0; font-size: 12px; background: #fff; color: #000; text-transform: uppercase; width: auto; left: 50%; padding: 7px 10px;transition: 0.7s ease all; font-weight: 700; }
.our-clients-item div:after { content: ''; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; top: 100%; left: 20px; }
.our-clients-item:hover div{opacity:1;}



@media(max-width:1200px){
  .our-clients-item div{right: 0; margin: 0 auto; max-width: 150px; left: 0; }
}
@media(max-width:1024px){
  .section-title-2 > img { position: absolute; top: 50px; opacity: 0.05; left:0; z-index: 1; width: 250px; display:none; }
  .our-clients-item{margin:55px 0 50px;padding:0 30px;}
}


@media(max-width:767px){
  .our-clients-moduleP{padding:50px 0 ;}
}




/****************** Required Product Slider ******************/



.required-products-slider .slick-slide .tags { color: rgba(0,0,0,0.6); font-family: Arial,sans-serif; margin-bottom: 5px; text-transform: uppercase; }
.required_products_title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.required_products_title h3 { margin-bottom: 0; display: inline-block; }
.required_products_title a.view_more { font-size: 18px; line-height: 1.2; text-decoration: none; text-transform: uppercase; color: #000; font-weight: 700; font-family: din-2014,sans-serif; display: inline-block; vertical-align: middle; }
.required_products_title a.view_more img { display: inline-block; vertical-align: middle; margin-left: 5px; }


.required-products-slider{
    padding-bottom:10%;
    display:none;
}

.required-products-slider.slick-initialized.slick-slider{
    display:block;
}

.required_products_module .section_title{
  display:flex;
  justify-content:space-between;

}
  
.required_products_module .section_title .view_more{
  font-family:din-2014, sans-serif;
  font-size:16px;
  color:#000000;
  opacity:0.97;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
}
.required_products_module .section_title .view_more img{
    vertical-align:middle;
    margin-left:5px;
}
.required-products-slider .slick-slide {
  margin: 0 10px;background:#fff;
}
/* the parent */
.required-products-slider .slick-list {
  margin: 0 -10px;
}

.required-products-slider .content_wrapper h4{
  margin-bottom:10px;
  min-height:48px;
}
a.product-linkmain { text-decoration: none;outline:none; }


.required-products-slider .product_slide{
 background-color:#eeeeee;
}
.required-products-slider .content_wrapper{
 
  padding:20px;
  min-height:150px;
  position:relative;
}
.required-products-slider .content_wrapper .sub_title{
    color:#969696;
    margin-bottom:10px;
    text-transform:uppercase;
    font-family: din-2014, sans-serif;
    font-size:14px;
}

.required-products-slider .content_wrapper .summary_content{
  width:100%;
}
.required-products-slider .content_wrapper .arrow_right{
  position:absolute;
  bottom:0;
  right:0;
  width:70px;
  height:70px;
  transition:background-color 1s, background 1s;
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg');
  background-size:15px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#1c1c1c;
      border: none;
    cursor: pointer;
}

.required-products-slider a.product-linkmain:hover .content_wrapper .arrow_right{
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg');
  background-size:15px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#f68b33;
}


.required-products-slider ul.slick-dots {
  text-align: center;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.required-products-slider  ul.slick-dots li {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.required-products-slider ul.slick-dots li.slick-active button {
  background-color: #f68b33;
}

.required-products-slider ul.slick-dots li button {
  width: 17px;
  height: 5px;
  background: #898989;
  outline: 0;
  font-size: 0;
  border: 0;
  margin: 0 3px;
  cursor: pointer;
}

.required-products-slider .products_slider{
  margin:0 10px;
}
.required-products-slider .slick-list {
    margin: 0 -10px;
}
.required-products-slider .products_slide .image_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.required-products-slider .products_slide .image_wrapper a {
    display: block;
    height: 100%;
}
.required-products-slider .products_slide .image_wrapper {

    overflow: hidden;
}

@media(max-width:768px){
    .required-products-slider ul.slick-dots {
      bottom: 0%;
    }
  
    .required-products-slider .products_slide .image_wrapper {

      overflow: hidden;
  }
}

@media(max-width:767px){
  .required_products_title h3 { margin-bottom: 0; display: inline-block; width: 100%; margin-bottom: 10px; }
  .required-products-slider .content_wrapper .arrow_right{width:50px;height:50px;}
}



.fullwidth-copy-collapsible-form h3{
  margin-bottom:0;
}

.fullwidth-copy-collapsible-form h3,
.fullwidth-copy-collapsible-form h4{
  text-transform:uppercase;
}
.fullwidth-copy-collapsible-form p{
  font-family:din-2014, sans-serif;
  font-size:18px;
}

.fullwidth-copy-collapsible-form h3,
.fullwidth-copy-collapsible-form h4,
.fullwidth-copy-collapsible-form p{
  color:#ffffff;
}

.fullwidth-copy-collapsible-form .title{
  margin-top:40px;
  position:relative;
  display:inline-block;

}
.fullwidth-copy-collapsible-form .title_icon {
    position: absolute;
    left: -14%;
    top: -40px;
}
.fullwidth-copy-collapsible-form .title_icon img{
  width:100%;
  max-width:60px;
  height:auto;
}

.fullwidth-copy-collapsible-form .content_wrapper{
  margin-bottom:20px;
}
.collapsible_form_wrapper{
  background-color:#313131;
  padding:50px 0;
  display:none;
  color:#ffffff;
  margin-top:-49px;
}
.collapsible_form_wrapper p{
  color:#ffffff;
}
.collapsible_form_wrapper .content_wrapper{
  margin-bottom:20px;
}

.collapsible_form_wrapper .content_wrapper{
  display:inline-block;
  width:35%;
  padding-right:50px;
  border-right:1px solid #707070;
  position:relative;
  vertical-align:top;
}

.collapsible_form_wrapper .content_wrapper h3{
  margin-bottom:30px;
  color:#fff;
}

.collapsible_form_wrapper .arrow_right_circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #cecece;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: -20px;
  background-color: #313131;
  transform: translateY(-50%);
}

.collapsible_form_wrapper .form_wrapper {
  vertical-align:top;
  display:inline-block;
  padding-left:50px;
}

.collapsible_form_wrapper form fieldset.form-columns-1 .hs-input {
  width: 100%;
}

/* .collapsible_form_wrapper form input[type="submit"]{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size:16px;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  display:inline-block;
  padding: 11px 30px 11px 30px;
  transition:0.3s;
    background-color:#ffffff;
  color:#000000;
  cursor:pointer;
  outline:0;
  border:0;
  transition:1s;
}
 */

/* .collapsible_form_wrapper .form_wrapper form .hs-form-field >label {
    display: none;
} */
.collapsible_form_wrapper{
    position:relative;
}

.collapsible_form_wrapper .form_wrapper .form-title{
    margin-bottom:0;
}
#contactus:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -70%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background-color: transparent;
    transition: bottom 1s linear 1s;
}
#contactus.contact_form_show:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -60%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background-color: #313131;
    transition: background-color .1s linear .4s,bottom .3s linear .3s;
}


@media(max-width:1023px){
      .collapsible_form_wrapper{
        margin-top:-29px;
      }
}
@media (max-width:992px){
  .collapsible_form_wrapper .content_wrapper {
    display: inline-block;
    width: 100%;
     padding-right: 0px; 
     border-right: 0px solid #707070; 
    position: relative;
    vertical-align: top;
    height: auto !important;
}
.collapsible_form_wrapper .form_wrapper {
    vertical-align: top;
    display: block;
    padding-left: 0px;
}
  
  .collapsible_form_wrapper .arrow_right_circle {
    display:none;
  }
  
  .collapsible_form_wrapper form .form-columns-2 .hs-form-field .hs-input{
      width:100% !important;
  }
}

@media (max-width:768px){
  
    .fullwidth-copy-collapsible-form .title {
       margin-bottom: 10px;
    }
    .fullwidth-copy-collapsible-form .title_icon img {
        max-width: 40px;
    }

  .fullwidth-copy-collapsible-form h4{
      font-size:12px;
  }
  
  .fullwidth-copy-collapsible-form .cta_wrapper .btn-yellow{
     width:auto;
  }
}
@media(max-width:768px){
     .collapsible_form_wrapper{
        margin-top:-32px;
      }

}
@media(max-width:767px){
 .collapsible_form_wrapper{
   margin-top:-15px;
}

}



/**************** Our Services Module Styling ******************/


.our_services_module  .page-center {
  position:relative;
  z-index:2;
} 

.our_services_module .section_title{
  margin-bottom:30px;
}
.our_services_module .section_title *{
  color:#ffffff;
  opacity:1;

}
.our_services_module .row-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:0 -10px;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.our_services_module .col{
  max-width: 390px;
  padding: 0 10px 20px 10px;
  position:relative;
  width: 33.33%;
}

.our_services_module .col a{ 
  text-decoration:none;
}

.our_services_module .image_wrapper {
  position: relative;
  overflow: hidden;
  height: 372px;
  -webkit-clip-path: polygon(0 -65%, 100% 22%, 100% 100%, 0% 100%);
  clip-path: polygon(0 -65%, 100% 22%, 100% 100%, 0% 100%);
}

.our_services_module .image_wrapper:after {
  content: "";
  background-color: transparent;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%,-50%) rotate(45deg);
  -ms-transform: translate(50%,-50%) rotate(45deg);
  transform: translate(50%,-50%) rotate(45deg);
}

.our_services_module .image_wrapper img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
}
.our_services_module .btn_wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center; 
  -ms-flex-wrap:wrap; 
  flex-wrap:wrap;
  margin-top: 50px;
}

.our_services_module .btn_wrapper a{
  margin:10px;
}

.our_services_module .link_wrapper{
  background-color:#000000;
  padding:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-transition:1s;
  -o-transition:1s;
  transition:1s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height:89px;
}

.our_services_module .link_wrapper .title{
  font-family:din-2014, sans-serif;
  font-weight:bold;
  color:#ffffff;
  -webkit-transition:1s;
  -o-transition:1s;
  transition:1s;
  width:80%;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  margin-bottom:0;
}

.our_services_module .link_wrapper .title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 40px;
  width: 1px;
  background: rgba(255,255,255,0.5);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.our_services_module .arrow_right{
  width:26px;
  height:17px;
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg');
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
  margin-left:auto;
  margin-right:10px;
}

.our_services_module .col:hover .link_wrapper {
  background-color:#f68b33; 
}
.our_services_module .col:hover .title {
  color:#000000;
}

.our_services_module .col .title{
  position:relative;
}
.our_services_module .col .title:after {
  background: rgba(255,255,255);
}
.our_services_module .col:hover .title:after {
  background: rgba(0,0,0);
}

.our_services_module .col:hover .arrow_right{
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg');
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center;
}

.our_services_module .link_wrapper {
  position: relative;
}

@media(max-width:992px){

  .our_services_module .row-flex{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .our_services_module .col{
    width:50%;
  }
}

@media(max-width:768px){
  .our_services_module .row-flex{
    margin-bottom:0;
  } 
  .our_services_module .col{
    width:100%;
  }

  .our_services_module .link_wrapper .title {
    font-size: 14px;
    line-height: 1;
  }

  .our_services_module .link_wrapper {
    height: 50px;
  }

  .arrow_right_circle{
    display:none;
  }
}


/*************** Our Services Module Styling Ends ****************/



/************* Product Tiles Hubdb Section Styling ****************/

.popular_products_module .row-flex{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

.popular_products_module .col{
  width:32%;
  margin-bottom:30px;
  max-width:378px;
}

.popular_products_module .products_slider{
  margin:0 10px;
}
.popular_products_module .slick-list {
    margin: 0 -10px;
}
.popular_products_module .link_wrapper{
  transition:0.3s;
  align-items: center;
}

.popular_products_module .link_wrapper p{
  font-family:"Arial", sans-serif;
  color:#525252;
  opacity:0.8;
}
.popular_products_module .content_wrapper {
  padding:20px;
  position:relative;
  cursor:pointer;
}
.popular_products_module .content_wrapper .post_title{
  color:#000000;
  font-size:18px;
  line-height:24px;
  transition:0.3s;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-family:din-2014, sans-serif;
}

.popular_products_module .content_wrapper .arrow_right{
  width:50px;
  height:50px;
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg');
  background-size:20%;
  background-repeat:no-repeat;
  background-position:center;
  margin-left:auto;
  background-color:black;
  display:block;
  position: absolute;
  right: 0;
  bottom: 0;
  transition:0.3s;
}

.popular_products_module .content_wrapper:hover .arrow_right{
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg');
  background-size:20%;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#f68b33; 
}

.popular_products_module .section_title{
  display:flex;
  justify-content:space-between;
  margin-bottom:20px;
}

.popular_products_module .section_title h3{
  text-transform:uppercase;
}

.popular_products_module .section_title .view_more{
  font-family:din-2014, sans-serif;
  font-size:16px;
  color:#000000;
  opacity:0.97;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
}

.popular_products_slider ul.slick-dots {
  margin-top:50px;
  text-align: center;
}

.popular_products_slider ul.slick-dots li {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  cursor:pointer;
}
.popular_products_slider ul.slick-dots li.slick-active button {
  background-color:#f68b33;
}

.popular_products_slider ul.slick-dots li button {
  width: 17px;
  height: 5px;
  background: #898989;
  outline: 0;
  font-size: 0;
  border: 0;
  margin: 0 3px;
   cursor:pointer;
}

.popular_products_slider .image_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular_products_slider .image_wrapper a {
    display: block;
    height: 100%;
}
.popular_products_slider .image_wrapper {
    height: 363px;
    overflow: hidden;
}
@media(max-width:992px){
  .popular_products_module .row-flex{
    justify-content:center;
  }
  .popular_products_module .col{
    width:100%;
    margin: 20px 30px;
  }
}


/**************** Product Tiles Hubdb Styling Ends *******************/



/**************** Testimonials Styling Starts ********************/

.testimonial_slider_wrapper{
  margin-bottom:100px;
  display:none;
}

.testimonial_slider_wrapper.slick-initialized.slick-slider{
    display:block;
}
.testimonial_module .page-center{
  position:relative;
}
.testimonial_module .section_title{
  margin-bottom:40px;
  text-align:center;
}
.testimonial_module .section_title h2{
  color:#ffffff;
}
/* .testimonial_module .slick-list {
    margin: 0 -10px;
}

.testimonial_module .slick-slide {
    margin: 0 10px;
} */
.testimonial_module .testimonial_slider{
  margin:0 10px;
}

.testimonial_module .testimonial_wrapper{
  border-radius:20px;
  background-color:#ffffff;
  padding:50px 30px;
}

.testimonial_module .content_wrapper{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.testimonial_module .content_wrapper p{
  font-family: din-2014, sans-serif;
  font-weight: 600;
  font-style: normal;
  color:#000000;
  font-size:20px;
}

.testimonial_module .author_wrapper{
  border-bottom:1px solid rgb(112, 112, 112,0.2);
  padding:20px 0;
  font-family: din-2014, sans-serif;

}
.testimonial_module .author_wrapper  .image_wrapper img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.testimonial_module .author_wrapper .image_wrapper {
  display: inline-block;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 42px;
  border: 1px solid #70707058;
}
.testimonial_module .author_name {
  display: inline-block;
  margin-left: 20px;
}
.testimonial_module .author_name p{
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#505050;
  margin-bottom:0;
  font-size:13px;
}
.testimonial_module .author_position{
  font-weight:bold;
  font-size:13px;
  margin-bottom:0;
}

.testimonial_slider_nav .prev_btn,
.testimonial_slider_nav .next_btn{
  position:absolute;
  top:50%;

}

.testimonial_slider_nav .next_btn{
  right:0;
  left:auto;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.testimonial_slider_nav .prev_btn {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.testimonial_module .project_wrapper{
  padding-top:20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.testimonial_module .project_wrapper .project_info{
  display:inline-block;
  width:80%;
}

.testimonial_module .project_wrapper .project_link{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #000;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background:url('https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg');
  background-repeat:no-repeat;
  background-size:50%;
  background-position:center;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
}

.testimonial_module .project_wrapper .project_link:hover{
  background-color:#f68b33;
  border: 1px solid #f68b33;
}

.testimonial_module .project_info p:first-child{
  font-family:din-2014, sans-serif;
  font-size:10px;
  text-transform:uppercase;
  margin-bottom:3px;
}

.testimonial_module .project_info .project_name{
  font-family:din-2014, sans-serif;
  font-weight:bold;
  font-size:13px;
  text-transform:uppercase;
  margin-bottom:0;
  color:#000;
}

.testimonial_module .cta_wrapper{
  text-align:right;
}

@media (max-width:768px){
  .testimonial_module .testimonial_wrapper {
    border-radius: 20px;
    background-color: #fff;
    padding: 50px 20px;
  }

  .testimonial_module .content_wrapper p {
    font-size: 16px;
  }

  .testimonial_slider_wrapper {
    margin-bottom: 50px;
  }
}


/****************** Testimonial Styling Ends ******************/


/**************** Latest From Blog Styling Starts *****************/


.latest_blog_module .col button.btn-gray{background:#EFEFEF;color:#525252;}
.latest_blog_module .row-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px;
}

.latest_blog_module .col{
  width:33.33%;
  max-width:400px;
  padding:10px;
  text-decoration:none;
  outline:none;
  -webkit-transition:0.3s;
  -o-transition:0.3s;
  transition:0.3s;
}
.latest_blog_module .col:hover button.btn-gray,.latest_blog_module .col:hover button.btn-white{background-color: #f68b33; color: #000;}
.latest_blog_module .col.latest_blog_post{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-width:none;
}

.latest_blog_module .col.latest_blog_post .content_wrapper{
  width:35%;
  background-color:#2C2C2C;
  padding:50px;
  max-width:397px;
}

.latest_blog_module .col.latest_blog_post .image_wrapper{
  margin-bottom:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  width: 65%;
  height:auto;
}
.latest_blog_module .col.latest_blog_post .image_wrapper a{
  display:block;
  overflow:hidden;
  position:relative;
  width:100%;
  height: 100%;
}

/* .btn-black:hover { background-color: #f68b33; color: #000; } */
.latest_blog_module .col.latest_blog_post .image_wrapper a img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
}
.latest_blog_module .col.latest_blog_post .tags {
  color:#efefef !important;
}

.latest_blog_module .col.latest_blog_post .post_title {
  color: #ffffff;
}

.latest_blog_module .col.latest_blog_post .author_wrapper > * {
  color: #ffffff;
}

.latest_blog_module .col.latest_blog_post .summary_wrapper  {
  color:#e2e2e2;
}

.latest_blog_module .col .image_wrapper{
  margin-bottom:20px;
  height:260px;
}
.latest_blog_module .col .image_wrapper a {
  display: block;
  height: 100%;
  width: 100%;
}

.latest_blog_module .col .image_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.latest_blog_module .tags{
  color: rgba(0,0,0,0.6);
  font-family: Arial, sans-serif;
  margin-bottom:5px;
  text-transform:uppercase;
}

.latest_blog_module .content_wrapper {
  position:relative;
  cursor:pointer;
}

.latest_blog_module .col.latest_blog_post .content_wrapper  hr{
  width:95px;
  height:2px;
  background-color:rgba(255,255,255,0.3);
  outline:0;
}

.latest_blog_module .content_wrapper  hr{
  width:95px;
  height:2px;
  background-color:#E6E6E6;
  outline:0;
}
.latest_blog_module .content_wrapper .post_title{

  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-family:din-2014, sans-serif;
  color:#000;
}

.latest_blog_module .author_wrapper > *{
  color:rgba(0,0,0,0.6);

}

.latest_blog_module .summary_wrapper{
  margin:20px 0;
  color: #525252;
  line-height: 1.7;


}
.latest_blog_module .summary_wrapper > *{
  color:#898989;
  font-weight:normal;

}

.latest_blog_module .section_title .view_more{
  font-family:din-2014, sans-serif;
  font-size:16px;
  color:#000000;
  opacity:0.97;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
}

.latest_blog_module .view_all_wrapper{
  margin-top:50px;
  text-align:right;
}


@media(max-width:992px){

  .latest_blog_module .row-flex{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .latest_blog_module .col{
    width:100%;
    margin: 10px 0;
  }

  .latest_blog_module .col.latest_blog_post {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .latest_blog_module .col.latest_blog_post .content_wrapper {
    width: 100%;
    padding:20px;
  }

  .latest_blog_module .col.latest_blog_post{
    max-width: 400px;
  }

  .latest_blog_module .col.latest_blog_post .image_wrapper{
    height:260px;
    width: 100%;
  }


  .latest_blog_module .content_wrapper {
    padding:0 15px;
  }
}

@media (max-width:500px){

  .latest_blog_module .page-center{
    padding:0;
  }
  .latest_blog_module .section_title{
    padding-left:15px;
    padding-right:15px;
  }
  .latest_blog_module .view_all_wrapper{
    padding-left:15px;
    padding-right:15px;
  }

  .latest_blog_module .col:not(:last-child){
    margin-bottom: 20px;
  }
}

/**************** Latest From Blog Styling Ends ***************/



/*************** Full Width Copy Cta Styling Starts ****************/

.fullwidth-copy-cta{
  text-align:center;
}

.icon-titlectaa { display: flex; justify-content: center; align-items: center; }
.fullwidth-copy-cta h3{
  font-size:30px;
}
.fullwidth-copy-cta p{
  font-family:din-2014, sans-serif;
  font-size:18px;
}

.fullwidth-copy-cta h3,
.fullwidth-copy-cta p{
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:0;
}

.fullwidth-copy-cta .title{
  position:relative;
  display:inline-block;
      margin-right: 21px;
}


.fullwidth-copy-cta .title_icon img{
  width:100%;
  max-width:60px;
  height:auto;
}

.fullwidth-copy-cta .content_wrapper{
  margin-bottom:20px;
}

@media(max-width:992px){
  .fullwidth-copy-cta  .title_icon img {
    max-width: 40px;
  }
}
@media (max-width:768px){

  .fullwidth-copy-cta .title_icon {
    position: relative;
    left:0;
    top: 0;
    margin-bottom:10px;
    display:block;
  }
}
@media (max-width:480px){
.icon-titlectaa {
  display: block;}
}


/********************* Full Width Cta Copy Styling Ends ***************/


/************** Notification Module Open Styling *****************/


.red-dot{
  width:20px;
  height:20px;
  color:#fff;
  font-size:14px;
  font-family: din-2014,sans-serif;
}
.red-dot { 
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 14px;
  font-family: din-2014,sans-serif;
  position: absolute;
  left: -8px;
  top: -20px;
  background: #ED1925;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification_module{
  height: 100vh;
  width: 20vw;
  position: fixed;
  top: 0;
  bottom:0;
  transition: 0.3s;
  background: none;
  padding: 30px 20px;
  z-index: 99;
  right:-20%;
}

.notification_module.open_notification{
  top:0;
  right:0;
  transition: 0.3s;
  background:white;
  overflow-y:scroll;
  z-index: 999;
}

.notification_module.open_notification .toggle_wrapper{
  display:none;
}

a.toggle_notification.open {
  font-size: 15px;
  background: #4C4C4C;
  padding: 10px;
  color: #ffffff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.29); 

}

a.toggle_notification.close {
  position:absolute;
  top:25px;
  left:25px;
  color:#000000;
  font-size:20px;
}
.notification_module .toggle_wrapper {
  display: inline-block;
  width: 70px;
  position: absolute;
  left: -35px;
  top:10%;
}

.notification_module .content_wrapper{
  display:inline-block;
  margin-top:50px;
}

.notification_module .read_more{
  font: Regular 14px/24px Arial;
  letter-spacing: 0;
  color: #898989;
}

@media (max-width:768px){

.notification_module.open_notification{
    width:90vw;
}
  
.notification_module .toggle_wrapper {top:30%;}
}


/********* Notification Module Open Styling Ends ************/



/*========================================================
          Footer Styling Start 
=========================================================*/

/***************** Footer Styling *******************/ 


.footer-copyright {
    text-align:center;
    color:#ffffff;
}
.footer-copyright *{
    color:#ffffff;
    margin-bottom:0;
}

.footer_menu .child-trigger {
  display: block;
  height: 20px;
  width: 20px;
  background: #f00;
}
.col-logo-img { min-height: 65px; position: relative; display: flex; flex-wrap: wrap; align-items: center; }

.footer_main_wrapper .footer_logo{
  margin-bottom:67px;
}

.footer_main_wrapper .hs_error_rollup{display:none;}
.footer_main_wrapper .row-flex{
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  flex-wrap:wrap;
}

.footer_main_wrapper .stay_in_touch{
  width:33%;
  margin-right:20px;
}

.footer_main_wrapper .footer_menu_wrapper{
  width:33%; padding:0px 70px;

}
.footer_main_wrapper .stay_in_touch h3, .footer_menu_wrapper h3 , .footer_main_wrapper .footer_menu_wrapper h3 , .footer_main_wrapper .affiliates_wrapper>strong{
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
}
.footer_main_wrapper .stay_in_touch hr,.footer_main_wrapper .footer_menu_wrapper hr{
  margin-top:10px;
  margin-bottom:20px;
  background-color:#707070;
  opacity:0.3;
}
.footer_main_wrapper .connect_wrapper{
  margin-bottom:14px;
}

.footer_main_wrapper .connect_wrapper p{
  margin-bottom:5px;
}
.footer_main_wrapper .connect_wrapper p i{
  font-size:15px;
  margin-right:20px;
  width:15px;
  color:#464646;
}

.footer_main_wrapper .connect_wrapper p i.fa-mobile{
  font-size:20px;
}

.footer_main_wrapper .connect_wrapper p a{
  color:#707070;
  font-size:16px;
  text-decoration:none;
}

.footer_main_wrapper .social_media_wrapper{
  margin-bottom:27px;
}
.footer_main_wrapper .locations{
  margin-bottom:10px;
}
.footer_main_wrapper .locations p{
  color:#000000;
  font-weight:bold;
  font-size:16px;
  margin-bottom:0px;
}
.footer_main_wrapper .social_media {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #4d4d4d;
  color: white;
  text-align: center;
  border-radius: 5px;
  line-height: 26px;
  font-size: 15px;
}
.footer_main_wrapper .social_media:hover{background: #f68b33;
  color: #000;}
.footer_main_wrapper .form_wrapper .hs-email input[type="email"]{
  padding: 0.7356em;
  border: 1px solid #dedede;
  font-size: 14px;
}

.footer_main_wrapper .form_wrapper .hs-email{
  display:inline-block;
  vertical-align:top;
  margin-right:5px;
  width: calc(100% - 105px);
}

.footer_main_wrapper .form_wrapper .hs-email > label{
  display:none;
}
.footer_main_wrapper .form_wrapper .hs-submit{
  display:inline-block;
  vertical-align:top;
}


.footer_main_wrapper .form_wrapper .hs-submit input[type="submit"]{
  padding: 0.7em 1rem;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #f68b33;
  outline: 0;
  border: 0;
  transition:1s;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}

.footer_main_wrapper .form_wrapper .hs-submit input[type="submit"]:hover{
  background-color: #000000;
  color:#ffffff;
}

.footer_main_wrapper .form_wrapper ul.no-list.hs-error-msgs.inputs-list li {
  list-style: none;
  color: red;
  font-size: 11px;
  padding: 5px;
}

.footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
  width:100%;
  display: flex; 
  flex-wrap: wrap;
}
.footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  float: none;
  width:100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom:5px;
  transition:0.3s ease all;
}
.footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:hover {
  background:#F2F2F2;
}
.child-trigger-footer{ }

.footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 > a{
  font-family: din-2014, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
  width: auto;
  max-width: none;
  padding: 10px 12px;
  transition: all 0.5s ease;
  line-height: normal;
  width:100%;
  display:inline-block;
}

/* .footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:hover{color:#f68b33;} */

.footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.hs-item-has-children .hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
  position: relative;
  padding-left: 20px;
  display: block;
  padding: 10px 0;
  margin-top: 0;
  background:#fff;
  display:none;
  width:100%;
}

.footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  width:auto;
  max-width:none;
  font-size: 13px;
  color: #707070;
  padding: 3px 20px;
  transition:all 0.5s ease;
}
.footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{color:#000000;}
.footer_menu_wrapper .child-trigger-footer,.footer_menu_wrapper .child-trigger {
  transition: all .5s ease;
  width: 20px !important;
  height: 15px !important;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/arrow-point-to-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 11px;
  background-color: #f2f2f2;
  background-size: 10px;
  border-radius: 4px;
  min-width:unset !important;
}
.footer_menu_wrapper .child-trigger i{display:none;}
/* .footer_menu_wrapper .child-trigger:hover { background-color: #f68b33; } */

.footer_menu_wrapper  .child-trigger-footer.showList,.footer_menu_wrapper .child-trigger.showList {
  /*   transform: rotate(-90deg); */
}

.footer_main_wrapper .affiliates_wrapper{
  width: 29%;
  padding-left: 2%;
}
.footer_main_wrapper .affiliates_wrapper .row-flex{
  display:flex;
  /*   justify-content:space-between; */
  margin-bottom:20px;
}

.footer_main_wrapper .affiliates_wrapper .row-flex .col{
  width:33.33%;    margin-bottom: 9px;    padding-right: 8px;
}
.footer_main_wrapper .affiliates_wrapper .row-flex .col a { color: #000; text-decoration: none; transition: all 0.5s ease; }
.footer_main_wrapper .affiliates_wrapper .row-flex .col a:hover{    text-decoration: underline;}
.footer_main_wrapper .affiliates_wrapper > strong{
  font-family: din-2014, sans-serif;
  text-transform: uppercase;
  color: #000000;
  margin-bottom:23px;
  display:inline-block;
}
.footer_main_wrapper .affiliates_wrapper .col img { width: 65px; display: block; margin-bottom: 10px; height: auto; }

.footer_main_wrapper .affiliates_wrapper .col p{
  font-family:din-2014, sans-serif;
  font-size:14px;
  font-weight:600;
}

.footer_main_wrapper .hs-richtext.hs-main-font-element p { margin-bottom: 15px; color: rgba(0,0,0,0.8);font-size:15px; }
.col-logo-img strong {
  position: absolute;
  top: -24px;
  font-size: 10px;
  right: 10px;
  background: #EBEBEB;
  padding: 5px 10px 5px;
  font-weight: 700;
  font-family: din-2014, sans-serif;
  color: #000;
  opacity: 0;
  transition: 0.3s ease all;
  white-space:pre;
}
.col-logo-img:hover strong{opacity:1}

@media (max-width:992px){
  .footer_main_wrapper .stay_in_touch,
  .footer_main_wrapper .footer_menu_wrapper{
    width:100%;
    margin-bottom:50px;
    padding:0;
    padding-right:19px;
  }

  .footer_main_wrapper .affiliates_wrapper{
    width:100%;
    margin-bottom:0;
    padding-left:0;
  }

  .footer_menu_wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    width:100%;
  }
  .footer_main_wrapper .affiliates_wrapper .row-flex{max-width: 450px;}
}

/**************Footer Styling Ends ************************/




/****************** System Page Styling ********************/


/*********** Skinny Hero Banner Styling *******************/


.hero-banner__skinny {
  position: relative;
}
.hero-banner__skinny.not-select-image { min-height: 300px; }
.hero-banner__skinny .page-center {
  width: 100%; /* Keeping content_wrapper left aligned */
}
.hero-banner__skinny img {
  width: 100%;
}
.hero-banner__skinny .content_wrapper {
  max-width: 500px;
  padding: 2em;
  color: #FFFFFF; 
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  bottom: 60px;
  width: 100%;
}

.hero-banner__skinny .content_copy {
  padding-top: 1em;
}
.hero-banner__skinny .content_copy* {
    color: #fff;
}

.hero-banner__skinny .content_copy h1 {
  margin-bottom: 0.5em;
/*   font-size: 1.5rem; */
  text-transform: uppercase;
}

.hero-banner__skinny .content_copy p {
  color: #FFFFFF;
  max-width: 95%;
}

.hero-banner__skinny .content_copy p:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 991px){
  .hero-banner__skinny .content_wrapper {bottom: 30px;padding: 1em;}
  .hero-banner__skinny .content_copy { padding-top: 0em; }
  .hero-banner__skinny.not-select-image {min-height: 254px;}
}

@media (max-width: 700px){
  .hero-banner__skinny.not-select-image { min-height:auto; }
  .hero-banner__skinny .page-center { padding:0; }
  .hero-banner__skinny .content_wrapper {     max-width: 100%;bottom: 0; padding: 1em; position: relative; width: 100%; background: #000; }
}


/************** Skinny Hero Banner Styling Ends ********************/


/***************** Breadcrumbs Styling Starts ********************/

.breadcrumb {
  padding:20px 0 13px;
  margin-top:50px;
}
.breadcrumb > .item a{
  color:#000000;
  text-decoration:underline;
}

/* .breadcrumb > .item a:not(:last-child){
  text-decoration:underline;
} */
.breadcrumb > .item a:last-child{
  font-weight:bold;
  pointer-events: none;text-decoration: none;
}

.breadcrumb .item {
  text-transform: capitalize;
}


/************* Breadcrumbs Styling Ends *****************/



/*************** Product Category List Expandable Styling ****************/

.product_category_listing .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;

}

.solution_fulldetails .row-flex{
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

.product_category_listing .col{
  width:33.33%;
  max-width: 386px;
  position:relative;
  cursor:pointer;
  margin-bottom:20px;
}

.product_category_listing .col.hovered:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -35px;
  background: #313131;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  opacity:1;
  transition:width 0.1s, height 0.1s, position 0.1s, bottom 0.1s 0.15s, opacity 0.1s linear 0.15s;
}

.product_category_listing .col:before {
  content: "";
  opacity:0;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -20px;
  background: #313131;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  /*     transition:width 0.1s, height 0.1s, position 0.1s, bottom 0.1s 0.2s, opacity 0.1s linear 0.2s; */
  transition: all linear 0.2s;
}
.product_category_listing .title_wrapper{
  position:relative;
}
.product_category_listing .title_wrapper h5{
  margin-bottom:0px;
}
.product_category_listing .title_wrapper.active:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #313131 transparent;
}

.product_category_listing .title_wrapper a{
  display:block;
  width:100%;
  text-align:center;
  font-weight: 700;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  padding: 11px 30px 11px 30px;
  transition:0.3s;
  background:#ffffff;
  color:#000000;

}

.product_category_listing .title_wrapper.active > a{
  background:#f68b33;
}

.product_category_listing .col:hover .title_wrapper a,
.product_category_listing .col.hovered .title_wrapper a{
  background:#f68b33;
}

.product_category_listing .image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.product_category_listing .solution_fulldetails{
  background-color:#313131;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;
  position: relative;
  margin-bottom:20px;
}

.product_category_desc_wrapper{
  display:none;
}

.product_category_listing .solution_fulldetails *{
  color:#ffffff;
}

.solution_fulldetails .description{
  display:inline-block;
  width:35%;
  padding-right:50px;
  border-right:1px solid #707070;
  position:relative;
  vertical-align:top;
}

.solution_fulldetails .description h3{
  text-transform:uppercase;
  margin-bottom:30px;
}

.arrow_right_circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #cecece;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: -20px;
  background-color: #313131;
  transform: translateY(-50%);
}


.solution_fulldetails .new_category_desc h4{
  margin-bottom:15px;
}
.solution_fulldetails .sub_details {
  vertical-align:top;
  display:inline-block;
  padding-left:30px;
  width: 60%;
}
.solution_fulldetails .sub_details img{
  margin-bottom:50px;
}
.solution_fulldetails .sub_details h4{
  margin-bottom:20px;
}

.solution_fulldetails .sub_details ul {
  padding-left: 15px;
}

.solution_fulldetails .sub_details ul li {
  margin-bottom: 15px;
  padding-left: 0;
  margin-left: 0;
}

.fullwidth-copy .title{
  margin-bottom:1.5rem;
}


.fullwidth-copy .title{
  position:relative;
  display:inline-block;
}

.fullwidth-copy .title_icon img{
  width:100%;
  max-width:60px;
  height:auto;
}

.fullwidth-copy .content_wrapper{
  margin-bottom:20px;
}

.fullwidth-copy .fullwidthImage{
  width:100%;
  height:auto;
  margin-bottom:40px;
}

.product_category_listing .image_wrapper {
  position: relative;
  overflow: hidden;
  height: 372px !important;
  -webkit-clip-path: polygon(0 -65%,100% 22%,100% 100%,0% 100%);
  clip-path: polygon(0 -65%,100% 22%,100% 100%,0% 100%);
}
.product_category_listing .image_wrapper {
  overflow: hidden;
}

.product_category_listing .image_wrapper img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.product_category_listing .image_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product_category_listing .image_wrapper:after {
  content: "";
  background-color: transparent;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%,-50%) rotate(45deg);
  -ms-transform: translate(50%,-50%) rotate(45deg);
  transform: translate(50%,-50%) rotate(45deg);
}


.product_category_listing .link_wrapper {
  position: relative;
}

.product_category_listing .link_wrapper {
  background-color: #000;
  padding: 20px;
  display: flex;
  transition: .3s;
  align-items: center;
  height: 89px;
  margin-top:-1px;
}
.product_category_listing .link_wrapper .title {
  margin: 0;
  transition: .3s;
  width: 80%;
  text-decoration: none;
  position: relative;
}

.product_category_listing .col .title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 40px;
  width: 1px;
  background: rgba(255,255,255,0.5);
  transform: translateY(-50%);
}
.product_category_listing .arrow_right {
  width: 26px;
  height: 17px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: 10px;
}

.product_category_listing .col:hover .link_wrapper, .product_category_listing .col.hovered .link_wrapper {
  background-color: #f68b33;
}

.product_category_listing .col:hover .link_wrapper .title, .product_category_listing .col.hovered .link_wrapper .title {
  color: #000;
}

.product_category_listing .col.hovered .link_wrapper .title:after, .product_category_listing .col:hover .link_wrapper .title:after {
  background: rgba(0,0,0);
}

.product_category_listing .col:hover .link_wrapper .arrow_right, .product_category_listing .col.hovered .arrow_right {
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.product_category_listing .col {
  max-width: 390px;
  padding: 10px 10px 0;
  position: relative;
}
.product_category_listing .col {
  width: 33.33%;
}
.product_category_listing .col {
  width: 33.33%;
  max-width: 386px;
  position: relative;
  cursor: pointer;
}

@media(max-width:768px){
  .fullwidth-copy .fullwidthImage{
    margin-bottom:20px;
  }

  .fullwidth-copy .title{
    margin-bottom:0;
  }

  /*   .fullwidth-copy .title h3{
  font-size:24px;
} */
}

@media (max-width:992px){

  .product_category_listing .row-flex{
    flex-wrap:wrap;
    flex-direction: column;
    justify-content:center;
  }
  .product_category_listing .col{
    width:100%;  
    margin:0 auto 20px;
  }

  .solution_fulldetails .description {
    width:100%;
    padding-right: 0px;
    /*     margin-bottom:30px; */
    border-right: 0px solid #707070; 
  }
  .solution_fulldetails .sub_details {
    width:100%;
    padding-left: 0px; 
    /*     display:none; */
    margin-top:20px;
  }

  .arrow_right_circle{
    display:none;
  }

  .solution_fulldetails .sub_details img{
    margin-bottom:30px;
  }
  .product_category_listing .link_wrapper {
    height: 50px;
  }
  .product_category_listing .link_wrapper .title {
    line-height: 1;
    font-size: 14px;
  }
}


/*************** Product Category List Styling Ends **************/



/*************** Product Category Details ********************/


.product_category_details .section_title{
  margin-bottom:30px;
}

.product_category_details .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;

}

.product_category_details h2{
  margin-bottom:30px;
}

/* .product_category_details .main_content{
  max-width:850px;
} */
.secondary_desc_wrapper{
  padding-bottom:50px;
}
.secondary_desc_left,
.secondary_desc_right{
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
  padding:0 10px;
}

.secondary_desc_left{
  padding-right:50px;

}

.secondary_desc_right{
  padding-left:50px;
  border-left:1px solid rgba(0,0,0,0.5);
}

.secondary_desc_wrapper h3,
.secondary_desc_wrapper h4{
  margin-bottom:30px;
}
.product_category_details .col{
  -ms-flex-preferred-size:33.33%;
  flex-basis:33.33%;
  padding:10px;
  max-width:386px;
  text-decoration: none; outline: none;
}

.product_category_details .col .item_wrapper{
  height:100%;
  background-color:#000000;
}
.product_category_details .title_wrapper {
  position: relative;
  height: 60px;
}
.product_category_details .content_wrapper h5{
  width:70%;
  margin-bottom:0;
}
.product_category_details .content_wrapper .title-wrapper-inner {
  text-decoration: none;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  padding: 20px 25px;
  height: 60px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product_category_details .content_wrapper{
  background-color:#000000;
  position:relative;
}
.product_category_details .content_wrapper .sub_title{
  color:#969696;
  margin-bottom:10px;
  text-transform:uppercase;
  font-family: din-2014, sans-serif;
  font-size:14px;
}
.product_category_details .content_wrapper p{
  color:#ffffff;
}
.product_category_details .content_wrapper .summary_content{
  padding:20px 25px 20px;
}
.product_category_details .content_wrapper .summary_content *{color:#fff;}
.product_category_details .image_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product_category_details .image_wrapper a {
  display: block;
  height: 100%;
}
.product_category_details .image_wrapper {
  height: 260px;
  overflow: hidden;
}


.product_category_details .arrow_right{
  width: 60px;
  height: 60px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  background-color: #808080;
  display: block;
  right: 0;
  bottom: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: absolute;
}

.product_category_details .col:hover .arrow_right{

  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  background-color: #f68b33;
}


.product_category_listing .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;

}

.solution_fulldetails .row-flex{
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

.product_category_listing .col{
  width:33.33%;
  max-width: 386px;
  margin-bottom:20px;
  position:relative;
}

.product_category_listing .col.hovered:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -35px;
  background: #313131;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  opacity:1;
  transition:width 0.1s, height 0.1s, position 0.1s, bottom 0.1s 0.15s, opacity 0.1s linear 0.15s;
}

.product_category_listing .col:before {
  content: "";
  opacity:0;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -20px;
  background: #313131;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  /*     transition:width 0.1s, height 0.1s, position 0.1s, bottom 0.1s 0.2s, opacity 0.1s linear 0.2s; */
  transition: all linear 0.2s;
}
.product_category_listing .title_wrapper{
  position:relative;
}
.product_category_listing .title_wrapper.active:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #313131 transparent;
}

.product_category_listing .title_wrapper a{
  display:block;
  width:100%;
  text-align:center;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size:16px;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  padding: 11px 30px 11px 30px;
  transition:0.3s;
  background:#ffffff;
  color:#000000;
  transition:1s;
}

.product_category_listing .title_wrapper.active > a{
  background:#f68b33;
}

.product_category_listing .col:hover .title_wrapper a,
.product_category_listing .col.hovered .title_wrapper a{
  background:#f68b33;
}

.product_category_listing .image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_category_listing .image_wrapper {
  height: 250px;
  overflow: hidden;
}

.product_category_listing .solution_fulldetails{
  background-color:#313131;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;
  position: relative;
  margin-bottom:20px;
}

.product_category_desc_wrapper{
  display:none;
}

.product_category_listing .solution_fulldetails *{
  color:#ffffff;
}

.solution_fulldetails .description{
  display:inline-block;
  width:35%;
  padding-right:50px;
  border-right:1px solid #707070;
  position:relative;
  vertical-align:top;
}

.solution_fulldetails .description h3{
  text-transform:uppercase;
  margin-bottom:30px;
}

.arrow_right_circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #cecece;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: -20px;
  background-color: #313131;
  transform: translateY(-50%);
}


.solution_fulldetails .new_category_desc h4{
  margin-bottom:15px;
}
.solution_fulldetails .sub_details {
  vertical-align:top;
  display:inline-block;
  padding-left:30px;
  width: 60%;
}
.solution_fulldetails .sub_details img{
  margin-bottom:50px;
}
.solution_fulldetails .sub_details h4{
  margin-bottom:20px;
}

.solution_fulldetails .sub_details ul {
  padding-left: 15px;
}

.solution_fulldetails .sub_details ul li {
  margin-bottom: 15px;
  padding-left: 0;
  margin-left: 0;
}

@media (max-width:992px){
  .product_category_details .row-flex{justify-content:center;}
  .product_category_listing .row-flex{
    flex-wrap:wrap;
    flex-direction: column;
      justify-content:center;
  }
  .product_category_listing .col{
    width:100%;  
    margin:0 auto 20px;
  }

  .solution_fulldetails .description {
    width:100%;
    padding-right: 0px;
    /*     margin-bottom:30px; */
    border-right: 0px solid #707070; 
  }
  .solution_fulldetails .sub_details {
    width:100%;
    padding-left: 0px; 
    /*     display:none; */
    margin-top:20px;
  }

  .arrow_right_circle{
    display:none;
  }

  .solution_fulldetails .sub_details img{
    margin-bottom:30px;
  }
}
@media(max-width:992px){
  .product_category_details .col{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
  }

  .secondary_desc_left,
  .secondary_desc_right{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }

  .secondary_desc_left{
    padding-right:10px;
  }

  .secondary_desc_right{
    padding-left:10px;
    border-left:0px;
  }
}

@media(max-width:768px){
  .product_category_details h2,
  .secondary_desc_wrapper h3, 
  .secondary_desc_wrapper h4 {
    margin-bottom: 15px;
  }

  .secondary_desc_wrapper{
    padding-bottom:20px;
  }
}

@media(max-width:640px){
.product_category_details .col{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;

}
}


/*************** Product Category Details Styling Ends ****************/



/*************** Skinny Hero Banner With No Breadcrumbs ****************/


.hero-banner__skinny {
       position: relative;
  z-index:2;
}

.hero-banner__skinny .page-center {
  width: 100%; /* Keeping content_wrapper left aligned */
}
.hero-banner__skinny.not-select-image { min-height: 300px; }
.hero-banner__skinny img {
    width: 100%;
}
.hero-banner__skinny .content_wrapper {
  max-width: 500px;
  padding: 2em;
  color: #FFFFFF; 
  background-color: rgba(0,0,0,0.7);
      position: absolute;
    bottom: 60px;
    width: 100%;
}

/* .hero-banner__skinny .content_copy {
  padding-top: 1em;
} */

.hero-banner__skinny .content_copy h1 {
  margin-bottom: 0.5em;
/*   font-size: 1.5rem; */
}

.hero-banner__skinny .content_copy* {
    color: #fff;
}

.hero-banner__skinny .content_copy p {
  color: #FFFFFF;
  max-width: 95%;
}

.hero-banner__skinny .content_copy p:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 991px){
.hero-banner__skinny .content_wrapper {bottom: 30px;padding: 1em;}
.hero-banner__skinny .content_copy { padding-top: 0em; }
  .hero-banner__skinny.not-select-image {min-height: 254px;}
}

@media (max-width: 700px){
  .hero-banner__skinny.not-select-image { min-height:auto; }
.hero-banner__skinny .page-center { padding:0; }
.hero-banner__skinny .content_wrapper {     max-width: 100%;bottom: 0; padding: 1em; position: relative; width: 100%; background: #000; }
}


/************** Skinny Hero Banner No Breadcrumb Styling *************/



/***************** PPE Products Styling *****************/


.product_category_details .section_title{
  margin-bottom:30px;
}

.product_category_details .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 -10px;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.product_category_details h2{
  margin-bottom:30px;
}

/* .product_category_details .main_content{
  max-width:850px;
} */
.secondary_desc_wrapper{
  padding-bottom:50px;
}
.secondary_desc_left,
.secondary_desc_right{
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
  padding:0 10px;
}

.secondary_desc_left{
  padding-right:50px;

}

.secondary_desc_right{
  padding-left:50px;
  border-left:1px solid rgba(0,0,0,0.5);
}

.secondary_desc_wrapper h3,
.secondary_desc_wrapper h4{
  margin-bottom:30px;
}
.product_category_details .col{
  -ms-flex-preferred-size:33.33%;
  flex-basis:33.33%;
  padding:10px;
  max-width:386px;
}

.product_category_details .col .item_wrapper{
  height:100%;
  background-color:#000000;
}
.product_category_details .title_wrapper {
  position: relative;
  height: 60px;
}
.product_category_details .content_wrapper h5{
  width:70%;
  margin-bottom:0;
  color:#fff;
}
.product_category_details .content_wrapper a {
  text-decoration: none;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  padding: 20px 25px;
  height: 60px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product_category_details .content_wrapper{
  background-color:#000000;
  position:relative;
}
.product_category_details .content_wrapper .sub_title{
  color:#969696;
  margin-bottom:10px;
  text-transform:uppercase;
  font-family: din-2014, sans-serif;
  font-size:14px;
}
.product_category_details .content_wrapper p{
  color:#ffffff;
  font-size:13px;
  line-height:1.5;
  font-family:Arial, sans-serif;
}
.product_category_details .content_wrapper .summary_content{
  padding:30px 25px 20px;
}

.product_category_details .image_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product_category_details .image_wrapper a {
  display: block;
  height: 100%;
}
.product_category_details .image_wrapper {
  height: 260px;
  overflow: hidden;
}


.product_category_details .arrow_right{
  width: 60px;
  height: 60px;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  background-color: #808080;
  display: block;
  right: 0;
  bottom: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  position: absolute;
}

.product_category_details .content_wrapper a:hover > .arrow_right{

  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  background-color: #f68b33;
}


.product_category_listing .row-flex{
  display:-moz-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.solution_fulldetails .row-flex{
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

.product_category_listing .col{
  width:33.33%;
  max-width: 386px;
  margin-bottom:20px;
  position:relative;
}

.product_category_listing .col.hovered:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -12%;
  background: #313131;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  opacity:1;
  transition:width 0.1s, height 0.1s, position 0.1s, bottom 0.1s 0.15s, opacity 0.1s linear 0.15s;
}

.product_category_listing .col:before {
  content: "";
  opacity:0;
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: -16%;
  background: #313131;
  left: 50%;
  transform: rotate(45deg) translateX(-10px);
  /*     transition:width 0.1s, height 0.1s, position 0.1s, bottom 0.1s 0.2s, opacity 0.1s linear 0.2s; */
  transition: all linear 0.2s;
}
.product_category_listing .title_wrapper{
  position:relative;
}
.product_category_listing .title_wrapper.active:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #313131 transparent;
}

.product_category_listing .title_wrapper a{
  display:block;
  width:100%;
  text-align:center;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-size:16px;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  padding: 11px 30px 11px 30px;
  transition:0.3s;
  background:#ffffff;
  color:#000000;
  transition:1s;
}

.product_category_listing .title_wrapper.active > a{
  background:#f68b33;
}

.product_category_listing .col:hover .title_wrapper a,
.product_category_listing .col.hovered .title_wrapper a{
  background:#f68b33;
}

.product_category_listing .image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_category_listing .image_wrapper {
  height: 250px;
  overflow: hidden;
}

.product_category_listing .solution_fulldetails{
  background-color:#313131;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;
  position: relative;
  margin-bottom:20px;
}

.product_category_desc_wrapper{
  display:none;
}

.product_category_listing .solution_fulldetails *{
  color:#ffffff;
}

.solution_fulldetails .description{
  display:inline-block;
  width:35%;
  padding-right:50px;
  border-right:1px solid #707070;
  position:relative;
  vertical-align:top;
}

.solution_fulldetails .description h3{
  text-transform:uppercase;
  margin-bottom:30px;
}

.arrow_right_circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #cecece;
  vertical-align: middle;
  line-height: 37px;
  text-align: center;
  background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  right: -20px;
  background-color: #313131;
  transform: translateY(-50%);
}


.solution_fulldetails .new_category_desc h4{
  margin-bottom:15px;
}
.solution_fulldetails .sub_details {
  vertical-align:top;
  display:inline-block;
  padding-left:30px;
  width: 60%;
}
.solution_fulldetails .sub_details img{
  margin-bottom:50px;
}
.solution_fulldetails .sub_details h4{
  margin-bottom:20px;
}

.solution_fulldetails .sub_details ul {
  padding-left: 15px;
}

.solution_fulldetails .sub_details ul li {
  margin-bottom: 15px;
  padding-left: 0;
  margin-left: 0;
}

@media (max-width:992px){

  .product_category_listing .row-flex{
    flex-wrap:wrap;
    flex-direction: column;
  }
  .product_category_listing .col{
    width:100%;  
    margin:0 auto 20px;
  }

  .solution_fulldetails .description {
    width:100%;
    padding-right: 0px;
    /*     margin-bottom:30px; */
    border-right: 0px solid #707070; 
  }
  .solution_fulldetails .sub_details {
    width:100%;
    padding-left: 0px; 
    /*     display:none; */
    margin-top:20px;
  }

  .arrow_right_circle{
    display:none;
  }

  .solution_fulldetails .sub_details img{
    margin-bottom:30px;
  }
}
@media(max-width:992px){
  .product_category_details .col{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
  }

  .secondary_desc_left,
  .secondary_desc_right{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }

  .secondary_desc_left{
    padding-right:10px;
  }

  .secondary_desc_right{
    padding-left:10px;
    border-left:0px;
  }
}

@media(max-width:768px){
  .product_category_details h2,
  .secondary_desc_wrapper h3, 
  .secondary_desc_wrapper h4 {
    margin-bottom: 15px;
  }

  .secondary_desc_wrapper{
    padding-bottom:20px;
  }
}

.product_category_details .col{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;

}



/************ PPE Products Styling End ****************/



/**************** Banner Module New Styling ***************/

.banner-new .page-center { position: relative; }
.banner-new .banner-title { background-color: white; padding: 60px 20px 0 0px; position: absolute; bottom: 0; left: 15px; margin: auto; max-width: 450px; width: 100%; }
.banner-new .banner-title:before { content: ""; width: 100000%; position: absolute; bottom: 0; background: white; height: 100%; right: 100%; }
.banner-hero-image img{width:100%;}

@media(max-width:1024px){
  .banner-title h1 { font-size: 30px; }
  .banner-new .banner-title {  padding: 30px 20px 0 0px;max-width: 250px;}
}



/************* Banner Module New Styling Ends **************/



/************ Contact Module New Updated Styling ***************/

.contact_module .row-flex{
    margin:0 -10px;
  flex-direction:row-reverse;
}
.looking-to-project { text-align: center; margin: 30px 0px 10px; }
.looking-to-project a.btn-yellow{font-size: 18px;}

  .contact_module .row-flex .col{
      margin:0 auto;
      flex:1 1 50%;
  }
.contact_module .section_title{
    margin-bottom:20px;
}
.contact_module .form_wrapper textarea, 
.contact_module .form_wrapper input[type="text"],
.contact_module .form_wrapper input[type="password"], 
.contact_module .form_wrapper input[type="datetime"], 
.contact_module .form_wrapper input[type="datetime-local"], 
.contact_module .form_wrapper input[type="date"], 
.contact_module .form_wrapper input[type="month"], 
.contact_module .form_wrapper input[type="time"], 
.contact_module .form_wrapper input[type="week"], 
.contact_module .form_wrapper input[type="number"], 
.contact_module .form_wrapper input[type="email"], 
.contact_module .form_wrapper input[type="url"], 
.contact_module .form_wrapper input[type="search"], 
.contact_module .form_wrapper input[type="tel"], 
.contact_module .form_wrapper input[type="color"], 
.contact_module .form_wrapper select {
        border: 1px solid #dedede;
}

.contact_module span.hs-form-required{display:none;}
.contact_module .content_wrapper h3 {
    margin-bottom: 15px;
}
.row-flex.two-col .col h3{margin-bottom:30px;}
.content_wrapper p{color:#000;}
.contact_module .contact_wrapper a:hover { text-decoration: underline; }

.contact_module .contact_wrapper i.fa {
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin-right:20px;
}
.contact_module .contact_wrapper p,
.contact_module .contact_wrapper a {
    color: #525252;

    text-decoration: none;
}
.contact_module .contact_wrapper p { margin-bottom: 10px; }

.form-title { display: none; }

.row-flex.two-col .col .contact_wrapper, .row-flex.two-col .col .content_wrapper { max-width: 469px; }

@media(max-width:992px){
  .contact_module .row-flex{  -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .row-flex.two-col .col .form_wrapper { margin-bottom: 30px; }
}

@media(max-width:500px){
.looking-to-project a.btn-yellow{width:auto;font-size:16px;}
}


/**************** Contact Module New Updated Styling End *************/


/*********** Contact Experts Module **************/


.contact-expert-section { position: relative; padding: 100px 0 80px; display: inline-block; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
/* .experts-title { max-width: 435px; margin-bottom: 80px; } */
.experts-title { max-width: 500px; }

.experts-list .link_wrapper { background-color: #FFFFFF; padding: 20px; display: flex; transition: .3s; align-items: center; margin-right: 18px; margin-top: 30px; min-width: 265px;cursor:pointer;position:relative; }
.experts-list .link_wrapper .title { margin: 0; transition: .3s; width: auto; text-decoration: none; position: relative; letter-spacing: -0.164px; line-height: 24px; margin-right: auto; padding-right: 10px; }
.experts-list .link_wrapper .arrow_right:after { content: ""; position: absolute; left: -20px; top: 50%; height: 40px; width: 1px; background: #707070; transform: translateY(-50%); }
.experts-list .link_wrapper:hover , .experts-list .link_wrapper.active { background: #f68b33; }
.link_wrapper.active:before { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid transparent; position: absolute; bottom: -37px; left: 0; border-bottom: 15px solid #313131; right: 0; margin: 0 auto; }
.experts-list .arrow_right { width: 26px; height: 17px; background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; margin-right: 0; position: relative; margin-left: 20px; padding-left: 0; }
.contact-expert-section > img { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100% !important; object-fit: cover; }

.experts-list { display: flex; flex-wrap: wrap; }

.experts-full-details-item { background-color: #313131; color: #fff; position: relative;display:none;width:100%;margin:35px 0 30px; }
.experts-full-details-item-flex { display: flex; flex-wrap: wrap;padding-top: 80px; padding-bottom: 125px; position:relative; }
.experts-full-details-item-left { display: inline-block; width: 42%; padding-right: 92px; border-right: 1px solid rgba(112, 112, 112, 0.7); position: relative; vertical-align: top; }
.experts-full-details-item-left .arrow_right_circle { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #4A4A4A; vertical-align: middle; line-height: 37px; text-align: center; background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/arrow-pointing-to-right-1-2.svg); background-repeat: no-repeat; background-size: 50%; background-position: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: absolute; top: 50%; right: -20px; background-color: #313131; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.experts-full-details-item-right { vertical-align: top; display: inline-block; padding-left: 65px; width: 58%; }

.experts-full-details-item-right h3 { margin-bottom: 0; }
.experts-full-details-item.active{display:inline-block;}

.experts-description { width: 90%; margin-top: 40px; margin-bottom: 20px; display: inline-block; }
.experts-description * { color: #fff;}

.contact-section a { color: #fff; text-decoration: none; display: block; line-height: 1.4; }
.contact-section a:hover { text-decoration: underline; }


.contact-buttons { display: flex; flex-wrap: wrap;margin-top:20px; }
.contact-buttons a{margin:4px 0px;    text-decoration: none;}
.contact-buttons a i { background: rgba(255,255,255,0.5); width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 3px; color: rgba(0,0,0,0.7); font-size: 26px; }
.contact-buttons a:hover i{ background:#f68b33;color:#000; }
.contact-buttons a:not(:last-child):hover .linked{ fill:#f68b33;}
.contact-buttons a:not(:last-child):hover .linkedopac{opacity:1;}
.contact-buttons a:last-child { background-color: #fff; text-decoration: none; padding: 11px 29px; color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase; font-family: din-2014;  }
.contact-buttons a:not(:last-child){margin-right: 11px;}
.contact-buttons a:last-child:hover { background: #f68b33; }

.items ul li { display: flex; flex-wrap: wrap; align-items: center; }

a.close { position: absolute; right: 50px; top: 50px; }

@media(max-width:1200px){
  .contact-expert-section{padding-top:70px;padding-bottom:50px;}
  .experts-full-details-item-flex:before{left:50px;}
}

@media(max-width:1024px){
  .contact-expert-section{padding-top:50px;padding-bottom:30px;}
/*   .experts-title{margin-bottom:50px;} */
  .experts-list .link_wrapper {  padding: 13px; margin-right: 10px; margin-top: 30px;min-width:unset; }
  .experts-full-details-item-flex { padding-top: 70px; padding-bottom: 50px;}
  a.close { position: absolute; right: 20px; top: 20px; }
  .experts-list .link_wrapper .title{ font-size: 14px;}

  .experts-list .arrow_right { width: 19px; height: 17px; margin-right: 5px; }
}
@media(max-width:767px){
  .experts-title { max-width: 100%; }
  .experts-full-details-item-left { display: inline-block; width: 100%; padding-right: 0; border-right: 0px; position: relative; vertical-align: top; margin-bottom: 30px; }
  .experts-full-details-item-left .arrow_right_circle{display:none;}
  .experts-full-details-item-right { vertical-align: top; display: inline-block; padding-left: 0; width: 100%; }
  .experts-description { width: 100%;}
  .experts-full-details-item-flex:before{left:30px;}
  a.close { position: absolute; right: 20px; top: 20px; width: 17px; }
  
  .experts-list { display: flex; flex-wrap: wrap; display: inline-block; text-align: center; width: 100%; }
  .experts-list .link_wrapper { padding: 13px; margin-right: 0; margin-top: 30px; min-width: unset; max-width: 250px; margin: 0 auto 30px; }
  .experts-full-details-item { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;    margin-bottom: 20px;text-align:left; }
  .link_wrapper.active:before {  bottom: -37px;}
}


/************** Contact Experts Module Styling Ends *************/


/**************** Resources Page Styling ********************/


/* Resource Popup Section */

#resourcesPopup { padding: 50px 0; }
.resources-popup-wrapper { max-width: 600px; margin: 0 auto; background: #313131; padding: 40px 30px; position: relative;color: #fff; }
.resources-popup-wrapper a.popup-modal-dismiss { position: absolute; top: -31px; font-size: 25px; color: #fff; right: 0; }
.resources-popup-wrapper .hs_submit.hs-submit{    margin-top: 10px;}

.submitted-message, .submitted-message * { font-size: 20px; text-align: center; margin-bottom: 20px; display: inline-block; width: 100%; color: #fff; }
.downloadURL { text-align: center; } 
.downloadURL > a { display: inline-block;text-transform: uppercase; padding: 10px 20px; background-color: #f68b33; font-weight: bold; font-family: din-2014,sans-serif; outline: 0; border: 0; font-size: 18px; color: #000; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; cursor: pointer; float: none; text-decoration: none; margin: 0 auto; }
.downloadURL > a:hover {background-color: #000; color: #fff;}


.resources-module { padding: 90px 0; }
.resources-wrapper-main { max-width: 667px; margin: 0 auto; }
.resources-wrapper-main p { font-size: 18px; color: #707070; font-family: din-2014; font-weight: 400; }
.resources-copy * { color: #fff; }
.resource-padd{padding:30px 0px;}
.resource-padd .mfp-close{font-size:0;}
.resources-popup-wrapper ul.inputs-list li { list-style: none; }
.resources-popup-wrapper ul.inputs-list li .hs-input{margin-right:10px;}
ul.resources-tabs { padding: 0; list-style: none; margin-bottom: 90px; }
ul.resources-tabs li { display: inline-block; margin-bottom: 10px; margin-right: 5px; }
ul.resources-tabs li a { display: inline-block; background: rgba(242, 242, 242, 1); padding: 12px 40px; font-size: 13px; line-height: 16px; text-decoration: none; text-transform: uppercase; color: rgba(80, 80, 80, 1); font-family: din-2014; font-weight: 700; }
ul.resources-tabs li.is-active a , ul.resources-tabs li a:hover {background:rgba(28, 28, 28, 1);color:#fff;}


.items h5 { background: rgba(244, 244, 244, 1); color: rgba(80, 80, 80, 1); padding: 14px 17px 10px; font-size: 18px; font-weight: 600; }
.items ul { list-style: none; padding: 30px 0; }
.items ul li:not(:last-child){margin-bottom:12px;}
.items ul li{display:flex;flex-wrap:wrap;align-items:center;}
.one-link { width: calc(100% - 70px); padding-right: 20px; position: relative; padding-left: 30px; }.one-link img { position: absolute; left: 0; top: 0; }
.one-link a{cursor:default;}
.items ul li a { color: rgba(69, 69, 69, 1); font-size: 14px; line-height: 15px; }

.two-links { margin-left: auto; width: 70px; display: flex; justify-content: flex-end; }
.two-links a { width: 28px; height: 25px; border: 1px solid #707070; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 7px;    transition: 0.3s ease all; }
.two-links a img { margin-right: 0 !important; }
.two-links .play-svg img{ width: 9px;height: 9px; }
.two-links a img{ opacity:0.355; }
.two-links a:hover { border: 1px solid #f68b33; background: #f68b33; }
.two-links a:hover img{opacity:1;}
.two-links a:last-child{margin-left:auto;}
@media(max-width:1200px){
  .resources-module { padding: 70px 0 30px; }
  ul.resources-tabs{margin-bottom:50px;}
}

@media(max-width:767px){
  .items h5 { padding: 14px 17px 14px; font-size: 16px;  }
  .items ul li{align-items:flex-start;}
}

/***************** Resources Module Styling End ****************/




/*************** Blog Styling ***************/


/************ Project List Hero Banner Gallery Styling *****************/


.slider-image, .slider-image img { width: 100%;height:auto; }
.content-postion { position: absolute; bottom: 0;left:0; }
.slider-image{max-width:1170px;margin:0 auto;}
.project-list-hero-banner{
  position:relative;
  overflow:hidden;
  background-color:gray;
}

.project-list-hero-banner .row-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height:calc(100vh - 225px);
  position:relative;
  z-index:1;
  padding: 10% 0;
}

.project-list-hero-banner-slider .page-center{
/*   position:relative; */
}

.project-list-hero-banner .slick-active .content_wrapper{
  display:block !important;
}
.project-list-hero-banner .content_wrapper{
  color: white;
  max-width: 450px;
  display:none;
  padding:30px;
}
.project-list-hero-banner .content_wrapper h1 {
  font-size: 24px;
  color: #fff;
  padding-bottom: 0;
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom:9px;
}
.project-list-hero-banner .content_wrapper .btn-white{font-size:14px;}
.project-list-hero-banner .content_wrapper .btn-white:hover{background-color: #f68b33;color:#000;}

.project-list-hero-banner .content_wrapper p{
  font-family: arial;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  letter-spacing:1px;
}

.project-list-hero-banner ul.slick-dots {
  text-align: center;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

.project-list-hero-banner  ul.slick-dots li {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.project-list-hero-banner ul.slick-dots li.slick-active button {
  background-color: #f68b33;
}

.project-list-hero-banner ul.slick-dots li button {
  width: 17px;
  height: 5px;
  background: #898989;
  outline: 0;
  font-size: 0;
  border: 0;
  margin: 0 3px;
  cursor: pointer;
}
.project-list-hero-banner .slick-slide{
  position:relative;  width:100%;
    max-width:1170px;
}
.project-list-hero-banner .slick-slide:before{
  content:"";
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.6);
  position:absolute;
  top:0;
  left:0;
}
.project-list-hero-banner .slick-active{position:relative;}
.project-list-hero-banner .slick-active:before{
  content:"";
/*   width:100%; */
  height:100%;
  background-color:rgba(0,0,0,0.2);;
  position:absolute;
  top:0;
  left:0;
}

.project-list-hero-banner .slick-track{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-list-hero-banner .slick-track .slick-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }

@media (max-width:992px){

  .project-list-hero-banner .content_wrapper h1{
    font-size: 36px;
    line-height: 45px;
  }

  .project-list-hero-banner .row-flex{

    -webkit-box-align: center
      -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height:auto;
    padding:40px 0 50px;
  }

  .project-list-hero-banner .content_wrapper{
    padding:0px;
  }
}

@media (max-width: 499px){
  .project-list-hero-banner .content_wrapper h1 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom:10px;
  }

  .project-list-hero-banner .content_wrapper p {
    font-size: 18px;
    line-height: 20px;
  }
}


/********** Project List Hero Banner Styling End ***************/


/************** Project Blog List Styling ****************/


.hs-blog-listing .section_title { margin-bottom: 30px; }

button#clear_filter { border: none;  cursor:pointer; background: #fff; padding: 10px; margin-top: 20px; }
.blog_list_filter{
  padding-top:0px;
  padding-bottom:30px;
}
.blog_list_filter_group{
  text-align:center;
  border: 1px solid #f2f2f2;
  padding: 2em 5em;
}
.blog_list_filter_group ul{
  padding-left:0;
}
.blog_list_filter_group ul li{
  display:inline-block;
  padding:20px 30px;
}
.blog_list_filter_group ul li a{
  text-align:center;
  display:inline-block;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  font-size:16px;
  padding:10px 0;
  text-transform:uppercase;
}

.blog_list_filter_group ul li a.active_group{
  text-align:center;
  display:inline-block;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  font-size:16px;
  border-bottom:5px solid #898989;
}

.tag_group{
  display:none;
}

.tag_group a.tag_item {
  display: inline-block;
  text-decoration: none;
  color: #535353;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 8px;
  background: #F2F2F2;
  margin: 5px;
}

.tag_group a.tag_item.selected {
  background: #1C1C1C;
  color:#ffffff;
}
.project_post_listing{
  padding-top:70px;
}
.project_post_listing .row-flex{
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  flex-wrap:wrap;
  margin-bottom:50px;
}
.project_post_listing .row-flex{
  margin:0 -10px;
}
.project_post_listing .row-flex .col{
  width: 33.33%;
  padding:10px;
/*   flex-grow: 1; */
  max-width: 400px;
  text-decoration:none;
  outline:none;
}
.project_post_listing .row-flex .col:hover .right_angle_arrow.btn-white { background-color: #f68b33; }
.post_topic{display:none;}
.project_post_listing .row-flex .col:nth-child(3n){
  margin-right:0;
}

.project_post_listing .col .image_wrapper{
  position:relative;
  height: 252px;
  overflow:hidden;
}

.project_post_listing .col .image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project_post_listing .col .image_wrapper:after{
  content:"";
  background-color:white;
  width:100px;
  height:100px;
  position:absolute;
  top:0;
  right:0;
  transform:translate(50%, -50%) rotate(45deg);
}
.project_post_listing .content_wrapper{
  background-color:rgba(0,0,0,0.9);
  color:#ffffff;
}

.project_post_listing .content_wrapper p{
  color:#ffffff;
}

/* .project_sub_details{
  display: none;
} */

.project_post_listing .content_wrapper .project_details{
  padding:40px 30px;

}
.project_post_listing .content_wrapper .project_details h4{
  margin-bottom:15px;
}
.project_post_listing .content_wrapper .project_details ul li h5{color:#fff;}

.project_post_listing .content_wrapper .project_details:first-child p{
  margin-bottom:5px;
}
.project_post_listing .content_wrapper hr{
  width:100%;
  height:1px;
  outline:0;
  background-color:#707070;
  border:0;
}

.filter_selected_wrapper{
  background-color:#f2f2f2;
  padding-top:30px;
  padding-bottom:30px;
  margin-top: 0;
  display:none;
}
.filter_selected_wrapper.active{display:block;}
.filter_selected_wrapper .page-center {
  position: relative;
}
.filter_selected_wrapper .page-center:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: #f2f2f2;
  top: -45px;
  left: 10%;
  transform: rotate(45deg);
}

.filter_selected_wrapper .row-flex{
  display:flex;
  flex-wrap:wrap;
}

.filter_selected_wrapper .row-flex .col{
  width:32%;
}
.filter_selected_wrapper h4{
  color:#000000;
  margin-bottom:15px;
  font-size:14px;
}
.filter_selected_wrapper h5{
  color:#434343;
  margin-bottom:20px;
  font-size:13px;
}

.filter_selected_wrapper .row-flex .col a.filter_tag_btn {
  display: inline-block;
  padding: 10px 40px 10px 10px;
  background-color: white;
  margin: 0 8px 8px 0;
  text-decoration: none;
  font-family:Arial, sans-serif;
  font-weight:400;
  text-transform:capitalize;
  text-align:left;
  color: #777777;
  position:relative;
}

.filter_applied{
  display:none;
}
span.tag_remove {
  position: absolute;
  right: 10px;
}


@media (max-width:992px){
  .project_post_listing .row-flex .col {
    width: 50%;
  }
.project_post_listing .row-flex{justify-content:center;}
  .filter_selected_wrapper .row-flex .col{
    width:100%;
    margin-bottom:10px;
  }

  .blog_list_filter_group ul li {
    padding: 0px 10px;
  }

/*   .tag_group a.tag_item {
    padding: 10px;
    margin: 10px;
  } */
  
  .blog_list_filter_group{
    padding: 20px;
  }
}

@media (max-width:768px){
  .project_post_listing .row-flex .col{
    width: 100%;
    margin-right:0;
  }
  
  .project_post_listing .content_wrapper .project_details {
    padding: 20px;
}
}


/************* Project Blog List Styling End ***************/


/************** About Page Styling ******************/


/************ About Intro Section Styling Starts *************/


.about-intro { position: relative;padding-top: 100px; padding-bottom: 150px; }
.intro-title { max-width: 1520px; margin: 0 auto; margin-bottom: 10px;position: relative; }
.intro-title h4 , .intro-title h3 { margin-bottom: 0; }

.intro-details { max-width: 652px; margin-left: auto; margin-bottom: 100px; }
.intro-details p { font-size: 18px; color: #000; }
.intro-infinity-image { position: absolute; top: -350px; opacity: 0.05; left: 0; z-index: -1; }

@media(max-width:1200px){
  .intro-infinity-image { position: absolute; top: -150px; opacity: 0.05; left: 20px; z-index: -1; width: 250px; }
}
@media(max-width:1024px){
  .intro-details { max-width: 100%; margin-left: auto; margin-bottom: 70px; margin-top: 30px; }
  .intro-details p { font-size: 16px; color: #000; }
}
@media(max-width:767px){
  .intro-details p { font-size: 14px; color: #000; }
}


.about-intro .row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; margin: 0 -10px 0; }
.about-intro .col { padding: 10px; overflow: hidden; position: relative;text-decoration:none;width:50%; }
.col_container { position: relative; max-width: 600px; margin: auto; }
.about-intro .image_wrapper { height: 374px; }
.about-intro .image_wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.about-intro .title_wrapper { width: 80%; display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: -70px; background: #fff; position: relative; z-index: 2; }
.title-wrapper-left { width: calc(100% - 85px); margin-right: auto; padding-top: 20px;padding-left: 10px; }
.title-wrapper-left h3 { margin-bottom: 10px; }
.about-intro .arrow_right { width: 70px; height: 70px; background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-pointing-to-right-white.svg); background-size: 20%; background-repeat: no-repeat; background-position: center; margin-left: auto; background-color: #1c1c1c; display: block; right: 0; bottom: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }
.about-intro .col:hover .arrow_right { background: url(https://6793431.fs1.hubspotusercontent-na1.net/hubfs/6793431/2020/arrow-right.svg); background-size: 20%; background-repeat: no-repeat; background-position: center; background-color: #f68b33; }
.title-wrapper-left p { color: #000; }

.about-intro .col:nth-child(even) { padding-top: 65px; }
.inline-blocks .about-intro .col:nth-child(even)  { padding-top: 0; }
.about-details { width: 80%; margin-bottom: 100px; }

@media(max-width:1200px){
  .about-intro { position: relative; overflow: hidden; padding-top: 70px; padding-bottom: 100px; }
}

@media(max-width:992px){
  .about-intro .col { width: 100%; padding-top: 0 !important; }
  .about-intro .image_wrapper { height: 250px; }
  .about-intro .title_wrapper{width:90%;}
}
@media(max-width:767px){
  .about-intro { padding-top: 70px; padding-bottom: 100px; }
}
@media(max-width:480px){
  .title-wrapper-left { width: calc(100% - 50px); margin-right: auto; padding-top: 10px; padding-left: 0; }
  .about-intro .arrow_right { width: 40px; height: 40px; background-size: 50% !important; }
  .about-intro .title_wrapper { width: 100%; margin-top: 0; }
}


/**************** About Intro Section Styling Ends ****************/


/****************Main Blog List Styling *****************/


button#clear_filter { border: none;  cursor:pointer; background: #fff; padding: 10px; margin-top: 20px; }
.blog_list_filter{
  padding-top:0px;
  padding-bottom:30px;
}
.blog_list_filter_group{
  text-align:center;
  border: 1px solid #f2f2f2;
  padding: 2em 5em;
}
.blog_list_filter_group ul li{
  display:inline-block;
  padding:20px 30px;
}
.blog_list_filter_group ul li a{
  text-align:center;
  display:inline-block;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  font-size:16px;
  padding:10px 0;
  text-transform:uppercase;
}

.blog_list_filter_group ul li a.active_group{
  text-align:center;
  display:inline-block;
  text-decoration:none;
  color:#000000;
  font-weight:bold;
  font-size:16px;
  border-bottom:5px solid #898989;
}

.tag_group{
  display:none;
}

.tag_group a.tag_item {
  display: inline-block;
  text-decoration: none;
  color: #535353;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 8px;
  background: #f2f2f2;
  margin: 5px;
}

.tag_group a.tag_item.selected {
  background: #000000;
  color:#ffffff;
}
/* .blog_post_listing{
  padding-top:70px;
} */
.blog_post_listing .row-flex{
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;

  flex-wrap:wrap;
  margin-bottom:50px;
  margin-left:-10px;
  margin-right:-10px;
  max-width:1180px;
  margin:0 auto;
  
}

.blog_post_listing .row-flex .col{
  flex-basis: 33.33%;
  padding:20px 10px 50px;
  position:relative;
  max-width: 400px;
  text-decoration: none;
    outline: none;
      margin-bottom: 20px;
}

.blog_post_listing .row-flex .col:hover .btn-black{ background-color: #f68b33; color: #000; }
.blog_post_listing .row-flex .col button.read_more.btn-black{position:absolute;bottom:0;}

.post_topic{display:none;}

.blog_post_listing .col .image_wrapper{
  position:relative;
  height: 252px;
  overflow:hidden;
  margin-bottom:15px;
}
p.reading-time { margin-bottom: 10px; }

.blog_post_listing .col .image_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.blog_post_listing .content_wrapper h5{
  margin-bottom:15px;
}

.blog_post_listing .summary_content{
  margin-bottom:20px;
  height:90px;

}
.blog_post_listing .summary_content p span,.blog_post_listing .summary_content p{color: #525252!important;}
.blog_post_listing .summary_content *{
  text-transform:none;
}

.read_more{
  position:absolute;
  bottom:0;
}

.filter_selected_wrapper{
  background-color:#f2f2f2;
  padding-top:30px;
  padding-bottom:30px;
  margin-top: 30px;
  display:none;
}
.filter_selected_wrapper.active{display:block;}
.filter_selected_wrapper .page-center {
  position: relative;
}
.filter_selected_wrapper .page-center:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: #f2f2f2;
  top: -45px;
  left: 10%;
  transform: rotate(45deg);
}

.filter_selected_wrapper .row-flex{
  display:flex;
  flex-wrap:wrap;
}

.filter_selected_wrapper .row-flex .col{
  width:32%;
}
.filter_selected_wrapper h4{
  color:#000000;
  margin-bottom:15px;
}
.filter_selected_wrapper h5{
  color:#434343;
  margin-bottom:20px;
  font-size:13px;
}

.filter_selected_wrapper .row-flex .col a.filter_tag_btn {
  display: inline-block;
  padding: 10px 40px 10px 10px;
  background-color: white;
  margin: 0 8px 8px 0;
  text-decoration: none;
  font-weight:600;
  text-transform:capitalize;
  text-align:left;
  color: #777777;
  position:relative;
}

.filter_applied{
  display:none;
}
span.tag_remove {
  position: absolute;
  right: 10px;
}


@media (max-width:992px){
  .blog_post_listing .row-flex .col {
    flex-basis: 50%;
  }

  .filter_selected_wrapper .row-flex .col{
    width:100%;
    margin-bottom:10px;
  }


  .blog_list_filter_group ul li {
    padding: 0px 10px;
  }



}

@media (max-width:768px){
  .blog_post_listing .row-flex .col{
    flex-basis:100%;
    margin-right:0;
  }
  .blog_list_filter_group ul li {
    padding: 10px;
  }
  .blog_list_filter_group ul li a.active_group {
    font-size: 12px;
  }
  .blog_list_filter_group ul li a {
    font-size: 10px;
  }
  .tag_group a.tag_item {
    margin:0;
  }
  .blog_post_listing .row-flex{    justify-content: center;}
}

@media (max-width: 500px){
.blog_post_listing .row-flex .col button.read_more.btn-black {
    position: relative;
    bottom: 0;
}
  }

.hs-form-eb7f9b6f-ad11-44b2-8d18-29ecc5795017_381c3541-eb29-4c8c-986f-cdb14540cef4 fieldset{
  max-width:100%!important;
}
.span12.widget-span.widget-type-custom_widget.main-form fieldset {
    max-width: 100%;
}

/************** Main Blog List Styling Ends ***************/



/**************** Products Template Styling *******************/



/* .footer-container-wrapper{
   min-height:780px;
   background:#000000;
   position:absolute;
   left:0;
   right:0;
} */