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

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

/* ==========================================================================
   SG Boilerplate v2.0
   Based on HS COS Boilerplate v1.5.0                                
   ========================================================================== */

/* This responsive framework is required for all styles. */
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}


/* These includes are optional, but helpful. */
/* HTML 5 Reset */

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

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

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

/* Support migrations from wordpress */

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

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

/* Responsive Google Maps */

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

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




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

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








/* ==========================================================================
   1. BASE STYLES                                             
   ========================================================================== */
@font-face {
font-family: "RobotoCustom";
/*src: url("https://yoursite.com/css/fonts/CustomFont.eot");*/
src: url("https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/fonts/Roboto-Medium.woff") format("woff");
  /*,
url("https://yoursite.com/css/fonts/CustomFont.otf") format("opentype"),
url("https://yoursite.com/css/fonts/CustomFont.svg#filename") format("svg");
  */
}   

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


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 * to use these variables inside of another coded file:
 *  
 * 
 * obviously change the #'s to %  
 */

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

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

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

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


/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */
 /* Add some left/right padding to prevent content from bumping up to the canvas edge beyond maxwidth */

/*Site Structure*/





/*Footer nav*/



/*Media Queries
* xs,sm,lmd,md,lg,xl all denote screen size range
* up, down, denote the min and max for that range
*/
/*Extra Small - phones*/

/*Small - Tablets*/


/*Lower Medium - large tablets, small desktop/laptops*/


/*Medium - Desktop/Laptop*/


/*Large - Desktop/Laptop*/


/*Extra Large - Wides screen desktop and laptops*/



/*Buttons*/
/*used on .btn class to round buttons*/

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


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */

 

/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */


/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * .container {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  * .container .child {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  *
  * This will cause .child to be vertically and horizontally centered within .container
  */

/*  Base Custom Modules  */

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

img.alignRight{
    margin: 0 0 5px 15px;
}

img.alignLeft{
    margin: 0 15px 5px 0;
}

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

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

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
}
 
#caldays {
    margin-bottom: 4px;
}
   


/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    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: 56.25%;
}
.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^="//www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}
/* .hs-embed-wrapper {
    max-width: 100%!important;
} */

/* 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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */ 

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


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

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

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

/* Space Module */
.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */
.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");
}


/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * 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(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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(//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    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;
    }
}

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

/* pierce styled tables */
div.responsive-table-wrapper {
  overflow-x: auto;
  width: 100%;
}
div.responsive-table table,
table.comparison-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 18px;
}

div.responsive-table tr:nth-child(even),
table.comparison-table tr:nth-child(even) {
  background-color: #f5f5f5;
    -webkit-print-color-adjust: exact;
}
div.responsive-table th,
table.comparison-table th {
  padding: 15px;
  font-size: 18px;
  text-align: left;
}
div.responsive-table td,
table.comparison-table td {
  font-size: 15px;
  padding: 15px;
  text-align: left;
}
@media (max-width: 450px) {
  div.responsive-table th,
  table.comparison-table th {
    padding: 10px;
    font-size: 13px;
  }
  div.responsive-table td,
  table.comparison-table td {
    font-size: 13px;
    padding: 10px;
  }
}
/* 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;
}

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#captcha_wrapper,
#recaptcha_area,
#recaptcha_area table#recaptcha_table,
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1
{ width: auto !important; overflow: hidden; }
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4
{ width: 67px !important; }
#recaptcha_area table#recaptcha_table #recaptcha_image
{ width:280px !important; }
}



/*Follow Me Widget FontAwesome*/
.fm_button span{
    background-image: none!important;
    color: #fff;
    /* font-family: fontawesome; */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 21px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    .fm_button.fm_twitter span:after {
    content: "\f099";
}
    .fm_button.fm_facebook span:after {
    content: "\f09a";
}
.fm_button.fm_rss span:after {
    content: "\f09e";
}
.fm_button.fm_googleplus span:after {
    content: "\f0d5";
}
 .fm_button.fm_youtube span:after {
    content: "\f16a";
}
 .fm_button.fm_linkedin span:after {
    content: "\f0e1";
}
 .fm_button.fm_pinterest span:after {
    content: "\f0d2";
}
/*simply add class .circles to hubspot module to get circles around the buttons*/
.widget-type-follow_me.circles a.fm_button {
    height: 2em;
    width: 2em;
    display: inline-block;
    background-color: blue;
    border-radius: 100%;
    text-align: center;
    padding: .3em 0;
    margin-left: 3px;
}
@supports(display:inline-flex){
    .widget-type-follow_me.circles a.fm_button {
   
        display: inline-flex;
       align-items:center;
       justify-content:center;
        padding: 0 0;
        
   
    }
     .widget-type-follow_me.circles a.fm_button span{
         height:auto!important;
         width:auto!important;
     }
}

/*End Follow Me Widget FontAwesome*/


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


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

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #fff;
  color: #535353;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

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

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1140px;
  margin: 0 auto;
}
@media (max-width:1170px){
  .container-fluid .row-fluid .page-center{
    padding:0 15px;
  }
}



a { color:  #337ab7; text-decoration:none;}
a:hover, a:focus { color: #23527c; text-decoration:underline;}


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

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

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



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

:focus {
    outline: -webkit-focus-ring-color auto 1px;
}
/* Basic text */
p {} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
/* Every heading has a corresponding class, make sure when
 * changing any headings that you also change the styling for the class as well */
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family:'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {}
/*
Semi-standard font weights for typekit fonts
100 = thin
200 = extra-light
300 = light
400 = normal, book
500 = medium
600 = demi-bold
700 = bold
800 = heavy
900 = black
*/
/*mobile first*/
h1,.h1 {
  font-size:24px;
  font-weight:bold;
  color:#000;
}
h2,.h2 {
	font-size:40px;
  font-weight:700;
  color:#1E1E1E;
}
h1,.h1,h2,.h2,h3,.h3{line-height:1.2;}
h2.jumbo,.h2.jumbo{
 font-size:40px;
  font-weight:bold;
}
h3,.h3 {
  font-size:20px;
  font-weight:medium;
  color:#1E1E1E
}
h4,.h4 {
	font-size:20px;
	font-weight:bold;
  color:#1E1E1E
}
.block-heading h4,
h4.block-heading {
  margin-bottom: 20px;
  text-transform: uppercase;
}
h5,.h5 {}
h6,.h6 {}

@media(min-width:768px){/*tablet*/
	h1,.h1 {
    font-size:30px; 
	}
  h2,.h2 {
    font-size:40px;
   
  }
  h2.jumbo,.h2.jumbo{
   font-size:70px;
   
  }
  h3,.h3 {
    font-size:24px;
   
  }
  h4,.h4 {
    font-size:20px;
  }
  h5,.h5 {}
  h6,.h6 {}
}
@media(min-width:801px){/*desktops*/
	h1,.h1 {
    font-size:55px; 
	}
  h2,.h2 {
    font-size:52px;
   
  }
  h2.jumbo,.h2.jumbo{
   font-size:100px;
   
  }
  h3,.h3 {
    font-size:35px;
   
  }
  h4,.h4 {
    font-size:26px;
  }
  h5,.h5 {}
  h6,.h6 {}
}
blockquote {
  color: #E71315;
  border-left: 10px solid #E71315;
  padding-left: 32px;
  margin-left: 0;
  margin-bottom: 32px;
  padding-bottom: 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-style: italic;
}
/* Brand Fonts*/
/* Add font variables to font classes to make editing experience easier.*/
/*
.font-fontName1{font-family:!important;}
.font-fontName2{font-family:!important;}
.font-fontName3{font-family:!important;}
*/

/* Text Colors*/
/* When there are clear brand colors add color variables to text color classes and uncomment them.*/
/*
.text-color1{color:!important;}
.text-color2{color:!important;}
.text-color3{color:!important;}
.text-color4{color:!important;}
*/
.text-white{color:#fff!important;}

/* Background Colors*/
/* When there are clear brand colors add color variables to bg color classes and uncomment them.*/

.bg-light-gray{background-color:#F5F5F5!important;}
.bg-dark-gray{background-color:#1E1E1E!important;}
.bg-black{background-color:#000!important;}
.bg-red{background-color:#E71315!important;}


/* Background Textures*/
/* If the site has any frequently used background textures use this to make a re-usable class for them. */
.text-light-gray{color:#F5F5F5!important;}
.text-dark-gray{color:#1E1E1E!important;}
.text-black{color:#000!important;}
.text-red{color:#E71315!important;}
/*
.bg-texture1{
  background-image:url('')!important;
  background-size:!important;
}
.bg-texture2{
  background-image:url('')!important;
  background-size:!important;
}
.bg-texture3{
  background-image:url('')!important;
  background-size:!important;
}
*/

.p18rd-background-gray-offset {
	background-color: #F5F5F5;
  overflow: hidden;
  padding-top: 75px;
  padding-bottom: 75px;
  overflow: hidden;
  position: relative;
}
.p18rd-background-gray-offset div.page-center {
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
}
.p18rd-background-gray-offset div.page-center:before {
  width: 100%;
  height: 200%;
  background: white;
  top: -50%;
  right: 87.5%;
  position: absolute;
  content: " ";
  z-index: 0;
}
.p18rd-background-gray-offset div.page-center > * {
  z-index: 1;
  position: relative;
}



/* Lists */
/* note avoid styling lists globally as it affects Hubspot's editor UI,
 */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
.sg-fw-rich-text li,body.blog .post-body li{
  padding-bottom: 10px;
}


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

/* Custom bullet styles
 * Uncomment this and tweak to style bullets that wont affect HS menus and HS form error messages.
 */
/*
.body-container div:not(.hs-menu-wrapper)> ul:not(.hs-error-msgs){
    list-style-type:none;

}
.body-container div:not(.hs-menu-wrapper)> ul:not(.hs-error-msgs) > li{
    text-indent:-1em;
    
}
.body-container div:not(.hs-menu-wrapper) >ul:not(.hs-error-msgs) > li:before{
   
    content:"Â»";
    padding-right:6px;
    font-size:16px;
    color:#d11f27;
    position:relative;
    display:inline;
     font-family:;
}
*/

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

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

/* =========== Custom Module Typography ============= */



/* ==========================================================================
   2. COS STRUCTURE                                            
   ========================================================================== */





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}
.copyright-container{}



/* ==========================================================================
   Header
   ========================================================================== */


.header-container-wrapper {}
.header-container {}



/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}




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


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


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

/* Homepage */

/* Contact Us */

/* About Us */

/*truck pages*/

.page-content-wrapper{
	position:relative;
  margin-top:-31px;
}

/* Modular & Reusable Components
   ========================================================================== */

/* Callouts */

/* Social Media Custom Icons */











/* Additional Menus aside from the Main Nav */



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


.footer-container-wrapper {}
.footer-container {}
.footer-logo{ 
/* default container for footer logo, centers logo img, 
use HS image Module with class .footer-logo */
    text-align:center;
}
.footer-logo img{
    display:inline-block;
    margin:0 auto;
    }
 
#p18rd-footer {
    background-color: #1E1E1E;
}

#p18rd-footer li a {
    color: white;
    text-decoration: none;
}

p.blog-img-caption {
    position: absolute;
    margin-top: 265px;
}

@media screen and (max-width: 600px) {
  p.blog-img-caption {
    top: -15px;
    position: relative; 
  }
}

#p18rd-footer .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: inherit;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    position: inherit;
    z-index: 10;
    left: 0;
}

#p18rd-footer li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

#p18rd-footer li.hs-menu-item.hs-menu-depth-2 > a {
    font-size: 16px;
    padding-top: 8px;
}

#p18rd-footer {
    padding: 60px 0px 0 0;
}

.p18rd-footer-menu.p18rd-footer-menu__employee,
.p18rd-footer-menu.p18rd-footer__consortium {
    padding-top: 20px;
}
.p18rd-footer-menu li.hs-menu-depth-1.hs-item-has-children > a:hover {
    cursor: default;
}

.p18rd-footer-menu.p18rd-footer-menu__social {
    padding-left: 60px;
}

#p18rd-footer .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	white-space: inherit;
}

#p18rd-footer .p18rd-footer__contact {
    background-color: #F5F5F5;
    border-bottom: 1px solid white;  
    padding: 0 60px;
}

#p18rd-footer .p18rd-footer__contact a {
    color: #000000;
    padding: 22px 40px 12px 0;
		font-size: 16px;
    font-weight: bold;  
}

.p18rd-footer__menus-wrapper {
    padding-bottom: 60px;
}

.p18rd-footer-copyright {
    background-color: #F5F5F5;
    padding: 20px 40px;
}

.p18rd-footer-copyright p {
    margin: 10px 0 6px 0;
}

.p18rd-footer__copyright-text {
    display: inline-block;
    margin-left: 20px;
  	width: 81%
}

.p18rd-footer__oshkosh-logo {
    display: inline-block;
  	width: 12%;
}

@media (min-width:576px) and (max-width: 767px) {
  .p18rd-footer__contact ul {
  	padding-left: 30px;
  }
}

/* Desktop social icon settings*/

a.instagram-follow-text:before,
#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a:before {
    position: absolute;
    left: -46px;
    top: 14px;
}

#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="flickr"]:before {
    content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/Flickr.png?t=1540670000651);
}

#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="facebook"]:before {
    content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/facebook.png);
}

a.instagram-follow-text:before,
#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="instagram"]:before {
    content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/instagram.png);
}
  
#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="youtube"]:before {
  	content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/youtube.png);
}

#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="linked"]:before {
  	content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/linkedin.png);
}

#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="twitter"]:before {
	  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/X%20icon.svg);
}
#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="tiktok"]:before {
	  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/tiktok.png);
}
#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper li a[href*="threads"]:before {
	  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/threads-icon.svg);
}
a.instagram-follow-text,
#p18rd-footer .p18rd-footer-menu__social ul.hs-menu-children-wrapper a {
    position: relative;
    margin-left: 46px;
    padding-top: 18px;
}

a.instagram-follow-text {
  margin-top: 5px;
  text-transform: uppercase;
  display: inline-block;
  color: #1e1e1e;
  font-size: 20px;
  padding-top: 14px;
}

#p18rd-footer .p18rd-tablet-social {
    text-align: center;
    padding-bottom: 57px;

}

#p18rd-footer .p18rd-tablet-social li {
  display: inline-block !important;
  width: auto;
}

#p18rd-footer .p18rd-tablet-social li a {
  position: relative;
  padding: 0 12px;
}

#p18rd-footer .p18rd-tablet-social.p18rd-footer-menu__tablet-social ul:first-child li a {
    padding-bottom: 50px ;
}

/* Tablet view social icons */

#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a:before {
    position: absolute;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
}

#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="flickr"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/Flickr.png?t=1540670000651);
}

#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="facebook"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/facebook.png);
}

#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="instagram"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/instagram.png);
}

#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="youtube"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/youtube.png);
}

#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="linked"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/linkedin.png);
}

#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="twitter"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/X%20icon.svg);
}
#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="tiktok"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/tiktok.png);
}
#p18rd-footer .p18rd-footer-menu__tablet-social ul.hs-menu-children-wrapper li a[href*="threads"]:before {
  content: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Social%20Icons/threads-icon.svg);
}

/* Tablet view contact menu */

@media(min-width:576px) {
  
  #p18rd-footer .p18rd-footer__contact a {
      padding-right: 10px;
  }
  #p18rd-footer .p18rd-footer__contact {
      padding: 0;
  }  
}

@media (min-width: 650px) {
  #p18rd-footer .p18rd-footer__contact a {
      padding-right: 20px;
  }
}
@media (min-width: 768px) {
  #p18rd-footer .p18rd-footer__contact a {
      padding: 22px 40px 12px 0;
  }   
  #p18rd-footer .p18rd-footer__contact {
      padding: 0 60px;
  } 
}
#p18rd-footer .p18rd-footer__contact li:last-child a {
    padding-right: 0;
} 
#p18rd-footer .p18rd-footer__contact li {
    width: auto;
}

/* Mobile view */
  
/* Centers logo and text*/


@media (max-width: 575px) {
  .p18rd-footer__copyright-text {
      text-align: center;
      margin-top: 10px;
    	margin: 0 auto;
    	width: 100%;
  }
  .p18rd-footer__oshkosh-logo {
      text-align: center;
      width: 100%;
  }
  #p18rd-footer .p18rd-footer__contact li {
    width: 100%;
    padding-bottom: 11px;
	}
  #p18rd-footer .p18rd-footer__contact a {
		padding: 0;
  }
  #p18rd-footer .p18rd-footer__contact ul {
    text-align: center;
    padding: 36px 0 30px;
	}
  #p18rd-footer .p18rd-tablet-social li {
    display: inline-block !important;
    width: 48%;
	}
}

@media (min-width: 1200px) {
  #p18rd-footer .p18rd-footer__oshkosh-logo {
      width: 7%;
  }
}

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


.main-nav ul{} /* If menu is aligned right against page-center float right*/
.main-nav ul li a{text-decoration:none;}
.main-nav ul li{padding: 0 12px;} /* default spacing between main menu links */
.main-nav ul > li:first-child{padding-left:0;}/* kill left padding for first item in main nav */
.main-nav ul>li>ul li:first-child {
    padding: 0 12px;
}
.main-nav ul li:last-child{padding-right:0;} 

.footer-nav{text-align:center;}
.footer-nav ul li a{
  text-decoration:none; 
  color:#fff;
}


/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


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

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}


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

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




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


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

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

@media (max-width: 767px){


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

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

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

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


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

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

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


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

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


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

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

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }

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

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

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

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

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

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

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








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








/* Padding top classes */
.sg-pt-0{
          padding-top:0;
    }.sg-pt-1{
          padding-top:5px;
    }.sg-pt-2{
          padding-top:10px;
    }.sg-pt-3{
          padding-top:15px;
    }.sg-pt-4{
          padding-top:20px;
    }.sg-pt-5{
          padding-top:25px;
    }.sg-pt-6{
          padding-top:30px;
    }.sg-pt-7{
          padding-top:35px;
    }.sg-pt-8{
          padding-top:40px;
    }.sg-pt-9{
          padding-top:45px;
    }.sg-pt-10{
          padding-top:50px;
    }@media (min-width: 768px) {.sg-pt-0{
            padding-top:0;
      }.sg-pt-1{
            padding-top:10px;
      }.sg-pt-2{
            padding-top:20px;
      }.sg-pt-3{
            padding-top:30px;
      }.sg-pt-4{
            padding-top:40px;
      }.sg-pt-5{
            padding-top:50px;
      }.sg-pt-6{
            padding-top:60px;
      }.sg-pt-7{
            padding-top:70px;
      }.sg-pt-8{
            padding-top:80px;
      }.sg-pt-9{
            padding-top:90px;
      }.sg-pt-10{
            padding-top:100px;
      }}
/* Padding bottom classes */
.sg-pb-0{
          padding-bottom:0;
    }.sg-pb-1{
          padding-bottom:5px;
    }.sg-pb-2{
          padding-bottom:10px;
    }.sg-pb-3{
          padding-bottom:15px;
    }.sg-pb-4{
          padding-bottom:20px;
    }.sg-pb-5{
          padding-bottom:25px;
    }.sg-pb-6{
          padding-bottom:30px;
    }.sg-pb-7{
          padding-bottom:35px;
    }.sg-pb-8{
          padding-bottom:40px;
    }.sg-pb-9{
          padding-bottom:45px;
    }.sg-pb-10{
          padding-bottom:50px;
    }@media (min-width: 768px) {.sg-pb-0{
            padding-bottom:0;
      }.sg-pb-1{
            padding-bottom:10px;
      }.sg-pb-2{
            padding-bottom:20px;
      }.sg-pb-3{
            padding-bottom:30px;
      }.sg-pb-4{
            padding-bottom:40px;
      }.sg-pb-5{
            padding-bottom:50px;
      }.sg-pb-6{
            padding-bottom:60px;
      }.sg-pb-7{
            padding-bottom:70px;
      }.sg-pb-8{
            padding-bottom:80px;
      }.sg-pb-9{
            padding-bottom:90px;
      }.sg-pb-10{
            padding-bottom:100px;
      }}
/* Margin Top Classes*/
.sg-mt-0{
          margin-top:0;
    }.sg-mt-1{
          margin-top:5px;
    }.sg-mt-2{
          margin-top:10px;
    }.sg-mt-3{
          margin-top:15px;
    }.sg-mt-4{
          margin-top:20px;
    }.sg-mt-5{
          margin-top:25px;
    }.sg-mt-6{
          margin-top:30px;
    }.sg-mt-7{
          margin-top:35px;
    }.sg-mt-8{
          margin-top:40px;
    }.sg-mt-9{
          margin-top:45px;
    }.sg-mt-10{
          margin-top:50px;
    }@media (min-width: 768px) {.sg-mt-0{
            margin-top:0;
      }.sg-mt-1{
            margin-top:10px;
      }.sg-mt-2{
            margin-top:20px;
      }.sg-mt-3{
            margin-top:30px;
      }.sg-mt-4{
            margin-top:40px;
      }.sg-mt-5{
            margin-top:50px;
      }.sg-mt-6{
            margin-top:60px;
      }.sg-mt-7{
            margin-top:70px;
      }.sg-mt-8{
            margin-top:80px;
      }.sg-mt-9{
            margin-top:90px;
      }.sg-mt-10{
            margin-top:100px;
      }}
/* Margin Bottom Classes*/
.sg-mb-0{
          margin-bottom:0;
    }.sg-mb-1{
          margin-bottom:5px;
    }.sg-mb-2{
          margin-bottom:10px;
    }.sg-mb-3{
          margin-bottom:15px;
    }.sg-mb-4{
          margin-bottom:20px;
    }.sg-mb-5{
          margin-bottom:25px;
    }.sg-mb-6{
          margin-bottom:30px;
    }.sg-mb-7{
          margin-bottom:35px;
    }.sg-mb-8{
          margin-bottom:40px;
    }.sg-mb-9{
          margin-bottom:45px;
    }.sg-mb-10{
          margin-bottom:50px;
    }@media (min-width: 768px) {.sg-mb-0{
            margin-bottom:0;
      }.sg-mb-1{
            margin-bottom:10px;
      }.sg-mb-2{
            margin-bottom:20px;
      }.sg-mb-3{
            margin-bottom:30px;
      }.sg-mb-4{
            margin-bottom:40px;
      }.sg-mb-5{
            margin-bottom:50px;
      }.sg-mb-6{
            margin-bottom:60px;
      }.sg-mb-7{
            margin-bottom:70px;
      }.sg-mb-8{
            margin-bottom:80px;
      }.sg-mb-9{
            margin-bottom:90px;
      }.sg-mb-10{
            margin-bottom:100px;
      }}





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

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

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

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

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

div#subscribe-modal {
    background: #fff;
    width:80%;
    margin:0 auto;
    border:10px solid #E71315; 
    border-radius:10px;
    padding: 40px 54px;
}
div#subscribe-modal .hs_email.field.hs-form-field{width:100%;}
div#subscribe-modal h1{
  margin:0;
  color:#1E1E1E;
  text-transform:uppercase;
  font-size:52px;
  text-align:center;
  line-height: 1.2;
}
div#subscribe-modal h3{
    color:#E71315;
    font-size:35px;
    text-align:center;
    margin-top:15px;
  line-height: 1.2;
}

#subscribe-modal .hs_error_rollup {
    position: relative;
    left: 50%;
    transform: translateX(-50%); 
    top: 16px;
    width: auto;
    color: red;
    width: 259px;
    /* margin: 0 auto; */
    /* display: block; */
}
#subscribe-modal ul.hs-error-msgs.inputs-list {
    padding: 0;
    list-style: none;
}


#subscribe-modal fieldset.form-columns-2:first-child {
    width: 400px;
    margin: 0 auto;
}
div#subscribe-modal input[type="type"]{
	background-color:#E71315;
}
body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

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

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


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

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

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

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


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

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

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

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


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

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

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

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





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





/* ==========================================================================
   Blog                                         
   ========================================================================== */
.p18rd-blog-listing .hide-on-listing{
   display:none !important;
}
.p18rd-blog-listing .news-filters-wrapper a.filter-reset {
    text-decoration: none;
  	text-transform: uppercase;
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #E71315;
    display: inline-block;
    margin-top: 12px;
}
.hs-inline-edit .mobile-table, .hs-inline-edit .desktop-table {
    display: table !important;
}
  .desktop-table {
    display: table;
  }
  .mobile-table {
    display: none;
  }

@media (max-width: 767px) {
  .p18rd-blog-listing .subscribe-btn {
      color: white;
      background-color: black;
      padding: 13px 30px !important;
      border-radius: 5px;
      position: absolute;
      font-size: 12px !important;
      display: block;
      margin-top: 30px !important;
	}
  
  .p18rd-blog-listing .news-filters-wrapper a.filter-reset {
    margin-bottom: 20px;
	}
  .desktop-table {
    display: none;
  }
  .mobile-table {
    display: table;
  }
  table.blog-table, .blog-table th,
  .blog-table tbody, .blog-table td {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
}

  .p18rd-blog-listing .blog-cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

@media (max-width: 575px) {
  .p18rd-blog-listing .blog-card {
      width: 100% !important;   
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .p18rd-blog-listing .blog-card {
      width: 48% !important;

  }
    .p18rd-blog-listing .blog-card:nth-child(2n+1) {
      margin-left: 0;
  }
      .p18rd-blog-listing .blog-card:nth-child(2n) {
      margin-left: 4%;
  }
     		
}

.p18rd-blog-listing select#filter_category {
    padding: 12.5px 24px;
    color: #818181;
    font-size: 12px;
    border-radius: 5px;
  	font-weight: bold;
    border: 1px solid #E6E6E6;
}

.p18rd-blog-listing .blog-search button {
    border-radius: 4px;
    height: 43px;
    width: 44px;
    margin-left: 7px;
  cursor:pointer;
}
/*
.p18rd-blog--title #p18rd-product-title__id.p18rd-product-title__title {
    font-size: 30px;
    font-weight: normal; 
    color: white;
    padding: 21.5px 0;
}
*/



.p18rd-blog-listing .blog-search input.search-input {
    width: calc(100% - 60px);
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    height: 43px;
    font-size: 12px;
}

.p18rd-blog-listing .subscribe-btn, .p18rd-blog-listing .subscribe-btn:hover {
    color: white;
    background-color: black;
    padding: 13px 30px !important;
    border-radius: 5px;
    position: absolute;
    font-size: 12px !important;
}

.p18rd-blog-listing .news-filters-wrapper {
    background-color: #F5F5F5;
    min-height: 255px;
}

@media (min-width: 768px) {
.p18rd-blog-listing .news-filters-wrapper {  
    min-height: 0px;
  }
}

 .p18rd-blog-listing {
    background-color: #fff;
}

.p18rd-blog-listing .blog-search button:hover {
    background-color: #000; 
}

.p18rd-blog-listing .blog-card {
    border-bottom: none;
    box-shadow: 0 3px 9px 0 #dedede;
}

.p18rd-blog-listing .news-filters-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 5px;
    padding: 15px 29px;
}
/* Fall back to P18RD-news-page-v3.css styles
.p18rd-blog-listing .blog-card:hover {
    background-color: #fff;
}

.p18rd-blog-listing .blog-card .img-wrapper>a {
    position: absolute;
    top: 50%;
    display: block;
    height: 197px;
    width: 100%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: all .3s ease-in-out;
}

@media (min-width: 769px) {
  .p18rd-blog-listing .blog-card:hover .img-wrapper>a {
      transform: translate(-50%,-50%) scale(1);
      transition: all .3s ease-in-out;
	}
}
*/
.p18rd-blog-listing .blog-card h2 {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2 !important;
}

.p18rd-blog-listing .blog-card h2 a {
    text-decoration: none;
}

.p18rd-blog-listing a.more-link {
    text-transform: uppercase;
    color: #E71315;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

a.more-link.link-arrow:after {
    margin-left: 32px;
    content: "";
    background-image: url(https://1641088.fs1.hubspotusercontent-na1.net/hubfs/1641088/Red%20arrow.svg);
    position: absolute;
    right: -32px;
    height: 8.74px;
    width: 12.57px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.podcast .p18rd-blog-listing .blog-card{
  background:#f5f5f5;
}
.podcast .p18rd-blog-listing .blog-card h2{
  font-size:26px;
}
.p18rd-blog-listing .blog-card .copy {
    padding: 0 24px;
}
@media(max-width:768px){
  .podcast .p18rd-blog-listing .blog-card h2{
    font-size:20px;
  }
}
/*
.p18rd-blog-listing .blog-card:first-child {
    margin-left: 0;
}
*/
.p18rd-blog-listing .blog-card {
    width:32%;
    margin: 1%;
     /* -webkit-box-flex: 0;
          -ms-flex: 0 0 300px;
              flex: 0 0 300px;
  */
}

@supports (display:grid){
  .p18rd-blog-listing .blog-card {
    width: 100%!important;
    height:100%;
}

.p18rd-blog-listing .blog-section {
    min-height: 0;
    margin-top: 10px;
}
}
/* Makes every third card have no margin-left */

@media (min-width: 768px) {
  /*
  .p18rd-blog-listing .blog-card:nth-child(3n+1) {
      margin-left: 0;
  }*/
}

/* Blog Detail */

.p18rd-blog-detail .p18rd-blog-content img {
	    margin-bottom: 46px;
	}
	
	.p18rd-social-post-time {
	    display: inline-block;
	    font-weight: 500;
	}
	
	.p18rd-social-sharre {
    display: inline-flex;
/*     float: right; */
}

body .p18rd-blog-detail .hs_email.field.hs-form-field {
    width: 100% ;
}

a.p18rd-view-blog-button, a.p18rd-view-blog-button:hover, a.p18rd-view-blog-button:active,a.p18rd-view-blog-button:focus {
    text-transform: none;
    font-weight: 500;
    padding: 12px 48px;
    font-size: 12px;  
    margin-right: 18px;
}

a.p18rd-blog-detail--subscribe, a.p18rd-blog-detail--subscribe:hover,a.p18rd-blog-detail--subscribe:active, a.p18rd-blog-detail--subscribe:focus {
    color: white;
    text-transform: none;
    font-weight: 500;
    padding: 12px 25px;
    font-size: 12px;
}

.p18rd-blog-detail #comments-listing {
    margin-top: 0px;
  border-bottom: 0;
}

.p18rd-blog-detail .hs_cos_wrapper_type_blog_comments .hs-form-field > label {
  padding-top: 30px;
}

.p18rd-blog-detail--button-wrapper {
    padding: 30px 0;
}

@media (min-width:768px) {
  .p18rd-blog-detail--button-wrapper {
      padding: 60.5px 0;
  }
	  p#hubspot-author_data.p18rd-blog-post--date-wrapper {
	    padding: 30px 0;
	  }
	}
	
	
	.p18rd-blog-detail-social {
	    padding: 0 0 18px 0;
	    margin: 0 0 46.5px;
	    border-top: 0px solid #e2e2e2;
	    border-bottom: 1px solid #e2e2e2;
}
@media(max-width:425px){
  .p18rd-blog-detail-social{
    display:flex;
    flex-direction:column;
  }
  .p18rd-social-sharre{
    margin-top:15px;
  }
}

.p18rd-blog-detail ul.hs-error-msgs.inputs-list {
  position: relative;
}

.p18rd-blog-about-pierce {
  background-color: #f5f5f5;
  text-align: left;
  font-size: 18px;
  padding: 90px 0;
  margin-top: 60px;
}

/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 { line-height: 1.2; }
.post-header h2 a {}

/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data a.author-link {}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img { display:none;} /* hidden to avoid author always displaying by default */

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
  border-width: 0;
  max-height: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

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

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

/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }
.widget-type-blog_comments .hs-submit input[type=submit] {
  background-color: black;
}

/* Pagination */
.blog-pagination {}
.blog-pagination a {}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}

/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}


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

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {}




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

/* Hide Label text on Hubspot Forms (uncomment to activate), use polyfill to support ie
https://bitbucket.org/spingary/hubspot-repo/wiki/Polyfills%20and%20other%20things%20to%20make%20IE%20not%20ruin%20your%20day
*/
/*
form.hs-form label span {
    display: none;
}

form.hs-form label.hs-form-radio-display span {
    display: inline-block;
}
*/
/* end hide labels */

/* All Global Forms
   ========================================================================== */
 
  
/* Form Field */
body .hs-form-field {}

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

/* Labels */
body .hs-form-field label {

}
body .hs-form-field > label {
   padding: 22px 0 2px;
    color:#1E1E1E;
  font-weight:bold;
   display: block;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  border-style:solid;
  border-color:#DBDBDB;
  padding: 6px 10px;
  padding: 17px 22px 14px;
  border-radius:0;
  border-width: 1px;
}

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



body form.hs-form fieldset[class*="form-columns"] input.hs-input[type="checkbox"]{
	width: 22px;
  visibility:hidden;
}
label.hs-form-booleancheckbox-display, label.hs-form-checkbox-display {
    position: relative;
    /* padding-bottom: 5px; */
    margin-bottom: 5px;
    display: block;
}

label.hs-form-booleancheckbox-display:before,
label.hs-form-checkbox-display:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    position: absolute;
    border: 1px solid #DBDBDB;
    top: 50%;
    transform: translateY(-50%);
  pointer-events:none;
  left:0;
      top: 47%;
}
label.hs-form-booleancheckbox-display span,
label.hs-form-checkbox-display span {
    display: block;
    padding-left: 28px;
}
.hs_cos_wrapper_type_form input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
}

label.hs-form-booleancheckbox-display input[type="checkbox"] + span:after,
label.hs-form-checkbox-display input[type="checkbox"] + span:after {
  content: "\2713";
    position: absolute;
    left: 0;
    font-size: 35px;
    top: 39%;
    transform: translateY(-50%) scale(0);
    color: #000;
  transition:transform .3s ease;
  pointer-events:none;
}
label.hs-form-booleancheckbox-display input[type="checkbox"]:disabled + span,
label.hs-form-booleancheckbox-display input[type="checkbox"]:disabled + span:after,
label.hs-form-checkbox-display input[type="checkbox"]:disabled + span,
label.hs-form-checkbox-display input[type="checkbox"]:disabled + span:after
{
	color:gray;
}
label.hs-form-booleancheckbox-display input[type="checkbox"]:checked + span:after,
label.hs-form-checkbox-display input[type="checkbox"]:checked + span:after{
    transform: translateY(-50%) scale(1);
}

#subscribe-modal .hs_email.hs-email label span {
    font-weight: bold;
}
form .hs_email.field.hs-form-field input{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.hs_submit.hs-submit {
    padding-top: 44px;
}
  
    
  
.hs-submit input[type=submit] {
    background: #E71315;
    border: 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    width: auto!important;
    margin: 0 auto;
    display: block;
    font-size: 26px;
    padding: 10px 75px;
    border-radius: 5px!important;
    /* border-top-left-radius: 5px; */
    /* margin-top: 50px; */
}

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

 
/* Separate Styles for Drop Downs */
body select {
    -webkit-appearance: none;
   
    background-color: #fff;
    padding: 17px 22px 14px;
		font-size:16px;
      
    border: 1px solid #E8E8E8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8.7'%3E%3Cpath fill='%23e71315' d='M5 0h5L7.5 4.3 5 8.7 2.5 4.3 0 0z'/%3E%3C/svg%3E");
	background-size:10px 8.67px;
  background-repeat:no-repeat;
  background-position:calc(100% - 17.7px);
}
body select::-ms-expand {
    display: none;
}


body select:focus {}

.hs-form-field .input {
    position: relative;
}

/* hubspot does not have a select/dropdown class that they add to their form 
 * fields so you will need to manually set this for each and every dropdown that
 * you want to have this after. Just set the class before .input:after  to be the
 * internal name of the field
 */
/*
.hs_topic .input:after {
    display: inline-block;
    content: "\25BE \FE0E";
    position: absolute;
    padding-right: 13px;
    top: 47%;
    transform: translateY(-50%);
    right: 0;
    pointer-events:none;
}*/

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Blog Subscription Form
   ========================================================================== */

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

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}


/*Search Form */
#search-overlay {
   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  opacity: 0;
  display:none;
  z-index:800;
}

.search-floater {
     position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  z-index:802;
  display:none;
  opacity: 0;
}

body.overlay-active{overflow:hidden;}/*disable scrolling*/
body.overlay-active .header-container-wrapper, body.overlay-active .body-container-wrapper, body.overlay-active .footer-container-wrapper {
    filter: blur(4px);
    transition:filter .3s ease-out;
}


body.overlay-active #search-overlay {
    opacity:1;
    transition:opacity .3s ease-out;
display:block;
}
body.overlay-active .search-floater {
  display:block;
  opacity:1;
}
body.overlay-active .search-floater #search-q {
  background-color: #333333;
   border: 4px solid #999!important;
  /*border-radius:11px;*/
  font-size: 30px;
  padding: 10px 20px;
  height: 70px;
  -webkit-appearance: none;
  /*box-shadow: 0px 0px 15px #000;
  -webkit-transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;*/
  color: #000;
   box-shadow: 0 0 25px #ea1414;
}
body.overlay-active .search-floater #search-q:active, body.overlay-active .search-floater #search-q:focus {
  outline: 0;
  box-shadow: 0 0 25px #ea1414;
  background-color:#fff;
   border: 4px solid #999;
  
  
}

input#search-q:focus:valid {

}


/*end search form*/

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

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


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

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

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

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

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

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


/*utility classes specific to the styles page*/


textarea.code {
    font-family: consolas,monospace;
    font-size: 12px;
    border: 2px dashed #aaa;
    min-height:200px;
}


ul.color-grid{/*used to display colors on styles page*/
display:block;
}
ul.color-grid li{
    display:inline-block;
    padding:20px;
    color:#fff;
    text-align:center;
    text-shadow:1px 1px 3px #000;
}



.sr-only { /*screen reader only*/
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0,0,0,0);
   border: 0;
}
/* ==========================================================================
   Buttons                                              
   ========================================================================== */
/*
Button styles typically are the same with just color variations, this macro is here to make it simpler to update each button to match. 
This takes over where the .btn method used to be as this gets rid of the need to have both classes and makes it simpler on the content team.
Tweak the common styles as needed.
*/
  



.btn{
   
	-ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    padding: 14.72px 30.91px;
		background-color: orange;
    text-decoration: none;
		color: white;
    font-size: 18px;
    font-weight: 900;
		font-size: 14px;
    font-family:'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.42857143;
      text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
		text-transform: uppercase;
 		/*margin-right:15px;*/
    margin-bottom:15px;

}
.btn i.fas.fa-file-download {
    margin-left: 15px;
}
.btn-block {
  width: 100%;
  margin-bottom: 15px;
}
/* Default clicked state of button, also allows you to trigger "pressed" state with active class */
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-primary:focus,.btn-secondary:focus,.dark-gray-btn:focus{color:#fff;}
.btn-primary,.dark-gray-btn, .btn-light-gray{
    
	-ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    padding: 14.72px 30.91px;
		background-color: #000;
    text-decoration: none;
		color: white;
    font-size: 18px;
    font-weight: 900;
		font-size: 14px;
    font-family:'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.42857143;
      text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
		text-transform: uppercase;
 		/*margin-right:15px;*/
    margin-bottom:15px;

    
}
.dark-gray-bordered-btn {
    
	-ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    padding: 14.72px 30.91px;
		background-color: #22201F;
    text-decoration: none;
		color: white;
    font-size: 18px;
    font-weight: 900;
		font-size: 14px;
    font-family:'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.42857143;
      text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
		text-transform: uppercase;
 		/*margin-right:15px;*/
    margin-bottom:15px;

    border: 1px solid #707070;
}
.dark-gray-bordered-btn:active, .dark-gray-bordered-btn:hover, .dark-gray-bordered-btn:focus{
    background-color: #707070;
    color: white;
    text-decoration: none;
}
.btn-primary:focus,.btn-primary:focus,.dark-gray-btn:focus, .dark-gray-btn:focus,.btn-light-gray:focus, .btn-light-gray:focus,
.btn-primary.active,.btn-primary:active,.btn-primary.hover,.btn-primary:hover,.dark-gray-btn.active, .dark-gray-btn:active, .dark-gray-btn.hover, .dark-gray-btn:hover,.btn-light-gray.active, .btn-light-gray:active, .btn-light-gray.hover, .btn-light-gray:hover{
     
	-ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    padding: 14.72px 30.91px;
		background-color: #333;
    text-decoration: none;
		color: white;
    font-size: 18px;
    font-weight: 900;
		font-size: 14px;
    font-family:'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.42857143;
      text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
		text-transform: uppercase;
 		/*margin-right:15px;*/
    margin-bottom:15px;

} /* clicked/pressed state */

.dark-gray-btn:hover{
  color: white;
}


.btn-secondary{
     
	-ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    padding: 14.72px 30.91px;
		background-color: #E71315;
    text-decoration: none;
		color: white;
    font-size: 18px;
    font-weight: 900;
		font-size: 14px;
    font-family:'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.42857143;
      text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
		text-transform: uppercase;
 		/*margin-right:15px;*/
    margin-bottom:15px;

}
.btn-secondary.active,.btn-secondary:active,.btn-secondary.hover,.btn-secondary:hover,.btn-secondary:focus{
     
	-ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    padding: 14.72px 30.91px;
		background-color: #E71315;
    text-decoration: none;
		color: white;
    font-size: 18px;
    font-weight: 900;
		font-size: 14px;
    font-family:'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.42857143;
      text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
		text-transform: uppercase;
 		/*margin-right:15px;*/
    margin-bottom:15px;

}

[class*="btn-"]:not(.btn-block)+[class*="btn-"]:not(.btn-block), .dark-gray-btn+[class*="btn-"],[class*="btn-"]+.dark-gray-btn,.dark-gray-btn + .dark-gray-btn{
margin-left:15px;
}

.text-center[class*="btn-"]:not(.btn-block), 
.text-center.dark-gray-btn {
  margin-left:8px;
  margin-right: 8px;
}

.btn-alt1{}
.btn-alt1.active,.btn-alt1:active{}

.btn-alt2{}
.btn-alt2.active,.btn-alt2:active{}

.btn-alt3{}
.btn-alt3.active,.btn-alt3:active{}

.btn-alt4{}
.btn-alt4.active,.btn-alt4:active{}

.btn-small {
  font-size: 12px;
  padding: 8px 20px;
  font-weight: normal;
}

.btn-small:hover,.btn-small:active,.btn-small:focus {
  font-size: 12px;
  padding: 8px 20px;
  font-weight: normal;
}

.btn-link {
  background: transparent;
  border: 0;
}
.btn-link:hover,.btn-link:active,.btn-link:focus {
  background: transparent;
  border: 0;
  text-decoration: underline;
}

.widget-type-email_simple_subscription input[type=submit],
.widget-type-email_subscriptions input[type=submit],
.widget-type-password_prompt input[type=submit] {
  margin-top: 25px;
  
	-ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    padding: 14.72px 30.91px;
		background-color: #E71315;
    text-decoration: none;
		color: white;
    font-size: 18px;
    font-weight: 900;
		font-size: 14px;
    font-family:'Roboto', sans-serif;
    display: inline-block;
    line-height: 1.42857143;
      text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
		text-transform: uppercase;
 		/*margin-right:15px;*/
    margin-bottom:15px;
  
}
/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  cursor: pointer;
  -webkit-appearance: none;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  text-decoration: none !important;
}

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

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


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

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}

.widget-type-blog_comments .hs-submit input[type=submit] {
  font-size: 12px;
  font-weight: normal;
  padding: 12px 48px;
}
/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


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

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

  
/* Bootstrap 4 based image classes - there are slight tweaks.
   ========================================================================== */
.img-rounded {
    border-radius: 0.6rem;
}
.img-circle {
    border-radius: 50%;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: .25rem;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.center-block.widget-type-linked_image .cell-wrapper img.hs-image-widget { /* enables .center-block to be used on template builder images */
    display: block;
    margin: 0 auto;
}

.center-block.widget-type-linked_image{/*prevents the effects of center block from happening on the container element of the COS image widget*/
      display: initial;
      margin-right: initial;
      margin-left: initial;
}

/* Hide on screen sizes
   ========================================================================== 
   Works the same as on Bootstrap 4
   The .hidden-*-up classes hide the element when the viewport is at the given breakpoint or wider. For example, .hidden-md-up hides an element on medium, large, and extra-large viewports.
   The .hidden-*-down classes hide the element when the viewport is at the given breakpoint or smaller. For example, .hidden-md-down hides an element on extra-small, small, and medium viewports.
   There are no explicit responsive utility classes; you make an element visible by simply not hiding it at that breakpoint size.
   You can combine one .hidden-*-up class with one .hidden-*-down class to show an element only on a given interval of screen sizes. For example, .hidden-sm-down.hidden-xl-up shows the element only on medium and large viewports. Using multiple .hidden-*-up classes or multiple .hidden-*-down classes is redundant and pointless.
*/   

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-lmd-up {
    display: none !important;
  }
}

@media (max-width: 800px) {
  .hidden-lmd-down {
    display: none !important;
  }
}
@media (min-width: 801px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: ) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}





/* Responsive Text alignment
   ========================================================================== 
   Works the same as Bootstrap 4
   */


.text-xs-left,.text-left { text-align: left!important; }
.text-xs-right,.text-right { text-align: right!important; }
.text-xs-center,.text-center { text-align: center!important; }
.text-xs-justify,.text-justify { text-align: justify!important; }
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-lmd-left {
    text-align: left !important;
  }
  .text-lmd-right {
    text-align: right !important;
  }
  .text-lmd-center {
    text-align: center !important;
  }
}
@media (min-width: 801px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: ) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
/*Text Case Controls*/
/*This should be used sparingly during development*/
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

/* Push & Pull Bootstrap 3 style
   ========================================================================== 
   works exactly the same as bootstrap 3, with exception it sets position:relative; when pushing or pulling. 
   Note this needs updating to accomodate new breakpoints.
   Choosing not to go with Bootstrap 4 grid and push/pull.
 */


.col-xs-pull-12 {
  right: 100%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-11 {
  right: 91.66666667%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-10 {
  right: 83.33333333%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-9 {
  right: 75%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-8 {
  right: 66.66666667%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-7 {
  right: 58.33333333%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-6 {
  right: 50%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-5 {
  right: 41.66666667%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-4 {
  right: 33.33333333%;
  position:relative;
  margin-left: 0!important;
}

.col-xs-pull-3 {
  right: 25%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-2 {
  right: 16.66666667%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-1 {
  right: 8.33333333%;
  position:relative;
  margin-left: 0!important;
}
.col-xs-pull-0 {
  right: auto;
  position:relative;
  margin-left: 0!important;
}
.col-xs-push-12 {
  left: 100%;
  position:relative;
}
.col-xs-push-11 {
  left: 91.66666667%;
  position:relative;
}
.col-xs-push-10 {
  left: 83.33333333%;
  position:relative;
}
.col-xs-push-9 {
  left: 75%;
  position:relative;
}
.col-xs-push-8 {
  left: 66.66666667%;
  position:relative;
}
.col-xs-push-7 {
  left: 58.33333333%;
  position:relative;
}
.col-xs-push-6 {
  left: 50%;
  position:relative;
}
.col-xs-push-5 {
  left: 41.66666667%;
  position:relative;
}
.col-xs-push-4 {
  left: 33.33333333%;
  position:relative;
}
.col-xs-push-3 {
  left: 25%;
  position:relative;
}
.col-xs-push-2 {
  left: 16.66666667%;
  position:relative;
}
.col-xs-push-1 {
  left: 8.33333333%;
  position:relative;
}
.col-xs-push-0 {
  left: auto;
  position:relative;
}
@media (min-width: 576px) {
      .col-sm-pull-12 {
    right: 100%;
    position:relative;
        margin-left: 0!important;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-9 {
    right: 75%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-6 {
    right: 50%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-3 {
    right: 25%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-pull-0 {
    right: auto;
    position:relative;
    margin-left: 0!important;
  }
  .col-sm-push-12 {
    left: 100%;
    position:relative;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-sm-push-9 {
    left: 75%;
    position:relative;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-sm-push-6 {
    left: 50%;
    position:relative;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-sm-push-3 {
    left: 25%;
    position:relative;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-sm-push-0 {
    left: auto;
    position:relative;
  }


    }
@media (min-width: 768px) {

 .col-lmd-pull-12 {
    right: 100%;
    position:relative;
   margin-left: 0!important;
  }
  .col-lmd-pull-11 {
    right: 91.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-10 {
    right: 83.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-9 {
    right: 75%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-8 {
    right: 66.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-7 {
    right: 58.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-6 {
    right: 50%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-5 {
    right: 41.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-4 {
    right: 33.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-3 {
    right: 25%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-2 {
    right: 16.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-1 {
    right: 8.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-pull-0 {
    right: auto;
    position:relative;
    margin-left: 0!important;
  }
  .col-lmd-push-12 {
    left: 100%;
    position:relative;
  }
  .col-lmd-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-lmd-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-lmd-push-9 {
    left: 75%;
    position:relative;
  }
  .col-lmd-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-lmd-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-lmd-push-6 {
    left: 50%;
    position:relative;
  }
  .col-lmd-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-lmd-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-lmd-push-3 {
    left: 25%;
    position:relative;
  }
  .col-lmd-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-lmd-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-lmd-push-0 {
    left: auto;
    position:relative;
  }
}
@media (min-width: 801px) {




 .col-md-pull-12 {
    right: 100%;
    position:relative;
   margin-left: 0!important;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-9 {
    right: 75%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-6 {
    right: 50%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-3 {
    right: 25%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-pull-0 {
    right: auto;
    position:relative;
    margin-left: 0!important;
  }
  .col-md-push-12 {
    left: 100%;
    position:relative;
  }
  .col-md-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-md-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-md-push-9 {
    left: 75%;
    position:relative;
  }
  .col-md-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-md-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-md-push-6 {
    left: 50%;
    position:relative;
  }
  .col-md-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-md-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-md-push-3 {
    left: 25%;
    position:relative;
  }
  .col-md-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-md-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-md-push-0 {
    left: auto;
    position:relative;
  }
}

@media (min-width: ) {
     .col-lg-pull-12 {
    right: 100%;
    position:relative;
       margin-left: 0!important;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-9 {
    right: 75%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-6 {
    right: 50%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-3 {
    right: 25%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-pull-0 {
    right: auto;
    position:relative;
    margin-left: 0!important;
  }
  .col-lg-push-12 {
    left: 100%;
    position:relative;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-lg-push-9 {
    left: 75%;
    position:relative;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-lg-push-6 {
    left: 50%;
    position:relative;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-lg-push-3 {
    left: 25%;
    position:relative;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-lg-push-0 {
    left: auto;
    position:relative;
  }
}
@media (min-width: 1200px) {
     .col-xl-pull-12 {
    right: 100%;
    position:relative;
       margin-left: 0!important;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-9 {
    right: 75%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-6 {
    right: 50%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-3 {
    right: 25%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-pull-0 {
    right: auto;
    position:relative;
    margin-left: 0!important;
  }
  .col-xl-push-12 {
    left: 100%;
    position:relative;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
    position:relative;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
    position:relative;
  }
  .col-xl-push-9 {
    left: 75%;
    position:relative;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
    position:relative;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
    position:relative;
  }
  .col-xl-push-6 {
    left: 50%;
    position:relative;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
    position:relative;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
    position:relative;
  }
  .col-xl-push-3 {
    left: 25%;
    position:relative;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
    position:relative;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
    position:relative;
  }
  .col-xl-push-0 {
    left: auto;
    position:relative;
  }
}


/* Flex Column grid classes */
/* These are universal classes to be used for turning HS Flex Columns into a multi columned layout 
 * There are screen size settings for each grid size please pick the appropriate options for your content
 */

@media(min-width:576px){/*mobile and up*/
.flexgrid-sm-5up >div{
  display: inline-block;
  width: 19%;
  margin: 0;
} 

.flexgrid-sm-4up >div{
  display: inline-block;
  width: 24.7%;
  margin: 0;
}
.flexgrid-sm-3up >div{
  display: inline-block;
  width: 32%;
  margin: 0;
} 

.flexgrid-sm-2up >div{
  display: inline-block;
  width: 49%;
  margin: 0;
}
    @supports(display:grid){
        .flexgrid-sm-2up,.flexgrid-sm-3up,.flexgrid-sm-4up,.flexgrid-sm-5up {
            display: grid;
        }
        
        .flexgrid-sm-2up>div,.flexgrid-sm-3up>div,.flexgrid-sm-4up>div {
            width: 100%;
           
        }
        .flexgrid-sm-2up {
            grid-template-columns: 1fr 1fr;
        }
        .flexgrid-sm-3up {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .flexgrid-sm-4up {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
    }

}
@media(min-width:768px){/*Lower Medium - small laptops large tablets*/

  .flexgrid-lmd-5up >div{
      display: inline-block;
      width: 19%;
      margin: 0;
    }
    
    .flexgrid-lmd-4up >div{
      display: inline-block;
      width: 24.7%;
      margin: 0;
    }
    .flexgrid-lmd-3up >div{
      display: inline-block;
      width: 32%;
      margin: 0;
    } 
    .flexgrid-lmd-2up >div{
      display: inline-block;
      width: 49%;
      margin: 0;
    }
    @supports(display:grid){
        .flexgrid-lmd-2up,.flexgrid-lmd-3up,.flexgrid-lmd-4up,.flexgrid-lmd-5up {
            display: grid;
        }
        .flexgrid-lmd-2up>div,.flexgrid-lmd-3up>div,.flexgrid-lmd-4up>div,.flexgrid-lmd-5up>div {
            width: 100%;
            
        }
        
        .flexgrid-lmd-2up {
            grid-template-columns: 1fr 1fr;
        }
        .flexgrid-lmd-3up {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .flexgrid-lmd-4up {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
        .flexgrid-lmd-5up {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        }
    }


}
@media(min-width:801px){/*Medium - laptops, desktops*/
  .flexgrid-md-5up >div{
  display: inline-block;
  width: 19%;
  margin: 0;
}

.flexgrid-md-4up >div{
  display: inline-block;
  width: 24.7%;
  margin: 0;
}
.flexgrid-md-3up >div{
  display: inline-block;
  width: 32%;
  margin: 0;
}
.flexgrid-md-2up >div{
  display: inline-block;
  width: 49%;
  margin: 0;
}
    @supports(display:grid){
        .flexgrid-md-2up,.flexgrid-md-3up,.flexgrid-md-4up,.flexgrid-md-5up {
            display: grid;
        }
        
        
        .flexgrid-md-2up>div,.flexgrid-md-3up>div,.flexgrid-md-4up>div,.flexgrid-md-5up>div {
            width: 100%;
            display: grid;
        }
        .flexgrid-md-2up {
            grid-template-columns: 1fr 1fr;
        }
        .flexgrid-md-3up {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .flexgrid-md-4up {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
        .flexgrid-md-5up {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        }
    }

}
@media(min-width:){/*large - desktops*/

     .flexgrid-lg-5up >div{
      display: inline-block;
      width: 19%;
      margin: 0;
    }
    
    .flexgrid-lg-4up >div{
      display: inline-block;
      width: 24.7%;
      margin: 0;
    }
    .flexgrid-lg-3up >div{
      display: inline-block;
      width: 32%;
      margin: 0;
    }
    .flexgrid-lg-2up >div{
      display: inline-block;
      width: 49%;
      margin: 0;
    }
    @supports(display:grid){
        
        .flexgrid-lg-2up,.flexgrid-lg-3up,.flexgrid-lg-4up,.flexgrid-lg-5up {
            display: grid;
        }
        
        
        .flexgrid-lg-2up>div,.flexgrid-lg-3up>div,.flexgrid-lg-4up>div,.flexgrid-lg-5up>div {
            width: 100%;
            display: grid;
        }
        .flexgrid-lg-2up {
            grid-template-columns: 1fr 1fr;
        }
        .flexgrid-lg-3up {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .flexgrid-lg-4up {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
        .flexgrid-lg-5up {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        }
    }

}
@supports(display:grid){
    /*prevent bugs caused by row-fluid*/
      .flexgrid-sm-2up:before,.flexgrid-sm-3up:before,.flexgrid-sm-4up:before,.flexgrid-sm-5up:before,.flexgrid-lmd-2up:before,.flexgrid-lmd-3up:before,.flexgrid-lmd-4up:before,.flexgrid-lmd-5up:before,.flexgrid-md-2up:before,.flexgrid-md-3up:before,.flexgrid-md-4up:before,.flexgrid-md-5up:before,.flexgrid-lg-2up:before,.flexgrid-lg-3up:before,.flexgrid-lg-4up:before,.flexgrid-lg-5up:before{
          display:none;
      
      }
}

/* sets spacing of grid items */
.flexgrid-gap-15{
	grid-gap:15px;
}



/* ==========================================================================
   6. MISCELLANOUS                                        
   ========================================================================== */
/* telephone links by default should not be underlined unless specified. */
a[href^="tel:"]{text-decoration: none;} 

/* to hide search input un-comment display none */
#hs-search-module form input.hs-input {
    /*display: none;*/
}

/* Display counterUp sections properly */
.counter-section .counter {
  font-size: 68px;
  margin-bottom: 0;
  color: #e71315;
  font-weight: 900;
}
.comparison-table-grey td {
  color: #999999; 
}
.p18rd-tabbed-slider .p-specification__featured-items {
  margin-top: 0!important; 
}
.p18rd-tabbed-slider .p-specification > div {
  font-size: 35px;
  text-transform: uppercase;
  color: #E71315;
}
.p18rd-tabbed-slider .featured-specification > div:first-child {
  font-size: 26px;
  font-weight: bold;
  color: black;
}

.p18rd-blog-listing .podcast-form-section .hs_submit.hs-submit:before {
    margin-top: 80px;
}

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




/* ==========================================================================
   7. Site Specific Custom Module CSS                          
   ========================================================================== */
/* CSS that is not necessary for a module to display okay should not go here.
*  This should be used for CSS That requires global variables, and adjustments 
*  that are not likely to get used in other sites.
*/

@media (min-width:768px){
  .nowrap{
    white-space:nowrap;
  }
}


/* ==========================================================================
   8. MEDIA QUERIES                              
   ========================================================================== */



   



/*========================================================================================
    Mobile First
  ========================================================================================
*/
/* XS Landscape phones and smaller devices
   ====================================================== */


/*  SM - Tablets and down
   ====================================================== */

@media (max-width: 576px) {
    
}
/*  LMD - large Tablets small desktops
   ====================================================== */
@media (max-width: 768px) {
    
}
/*  MD - Desktops
   ====================================================== */
@media (max-width: 801px) {
    
}
/*  LG - Desktops
   ====================================================== */
@media (max-width: ) {
    
}
    

/* XL - Desktops
   ====================================================== */
@media (max-width: 1200px) {
    
}








 







/*========================================================================================
    Desktop First
  ========================================================================================
*/

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

@media (max-width: 1140px) {}

/* XL - Desktops
   ====================================================== */




/*  LG - Desktops
   ====================================================== */
@media (max-width: 1199px) {
    
}


/*  MD - Desktops
   ====================================================== */
@media (max-width: 991px) {
    
}

/*  LMD - large Tablets small desktops
   ====================================================== */
@media (max-width: 800px) {
    
}

/*  SM - Tablets and down
   ====================================================== */

@media (max-width: 767px) {
    
}
     

/* XS Landscape phones and smaller devices
   ====================================================== */

@media (max-width: 575px) {
    
}




p.h3-style {
  color: #1E1E1E;
  font-size: 35px;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  p.h3-style {
    font-size: 20px;
  }
}