/* Imported Google Fonts - Add YOUR OWN FONTS IN HERE */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,300i,400,400i,600,700,700i');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Muli:200,300,300i,400,400i,600,700');

/***** CSS @imports must be above this section. *****/

/* ==========================================================================
   BEGINBLOCKS 
   Developed by Jesse D. Pennington - Begin Bound LLC
   Created for use in the HubSpot Marketplace
   ========================================================================== */

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

 


/* ==========================================================================
   **************************************************************************
   ****************        CUSTOMIZE BEGINBLOCKS         ********************
   ********************                              ************************
   ***********************                      *****************************
   ***************************              *********************************
   *******************************      *************************************
   *********************************  ***************************************
   ========================================================================== */
   
/* Main BRAND Colors */
/*=================================*/

/* These styles are general and applied to all design assets in the base styles. 
There are many options below where you can specifically override colors, options, etc, from these base styles. 
But if you're lazy, you can just set these and go. :) */

    /* Default fallback color (usually a darker color) */
    /* Color of your basic links on pages */
    /* Color of your basic link when you hover over them with a mouse */
    /* Your PRIMARY ACCENT OR BRAND COLOR  - */
    /* Your secondary ACCENT OR BRAND COLOR */
    /* Your secondary ACCENT OR BRAND COLOR */ 
    /* General Body color and paragraph styles */


/* Logo Styling */
/*=================================*/

    



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

  /* This sets a base font for all headers, but can be overridden below */
       /* This sets a base font for all paragraphs, etc, but can be overridden below */
       /* This sets a base font for the navigation, etc, but can be overridden below */
                                         /* This sets a base font size for all paragraphs, etc, but can be overridden below */
                                         /* This sets a base font weight for all paragraphs, etc, but can be overridden below */
                                         /* This sets a base line-height for all paragraphs, etc, but can be overridden below */

/* Headers $ Titles */
/*=================================*/
/* H1 */

                   /* The Font Size */
                   /* The Color of the Title */
                  /* How thick the font is */
                  /* The distance between each line of text */
         /* Base margin in order: TOP, RIGHT, BOTTOM, LEFT */
       /* Base padding in order: TOP, RIGHT, BOTTOM, LEFT */
                 /* The distance between letters */

/* H2 */

                   /* The Font Size */
                   /* The Color of the Title */
                  /* How thick the font is */
                  /* The distance between each line of text */
         /* Base margin in order: TOP, RIGHT, BOTTOM, LEFT */
         /* Base padding in order: TOP, RIGHT, BOTTOM, LEFT */
                 /* The distance between letters */

/* H3 */

                   /* The Font Size */
                   /* The Color of the Title */
                  /* How thick the font is */
                  /* The distance between each line of text */
         /* Base margin in order: TOP, RIGHT, BOTTOM, LEFT */
         /* Base padding in order: TOP, RIGHT, BOTTOM, LEFT */
                 /* The distance between letters */

/* H4 */

                   /* The Font Size */
                   /* The Color of the Title */
                  /* How thick the font is */
                  /* The distance between each line of text */
         /* Base margin in order: TOP, RIGHT, BOTTOM, LEFT */
         /* Base padding in order: TOP, RIGHT, BOTTOM, LEFT */
                 /* The distance between letters */

/* H5 */

                   /* The Font Size */
                   /* The Color of the Title */
                  /* How thick the font is */
                  /* The distance between each line of text */
          /* Base margin in order: TOP, RIGHT, BOTTOM, LEFT */
       /* Base padding in order: TOP, RIGHT, BOTTOM, LEFT */
                 /* The distance between letters */

/* H6 */

                   /* The Font Size */
                   /* The Color of the Title */
                  /* How thick the font is */
                  /* The distance between each line of text */
         /* Base margin in order: TOP, RIGHT, BOTTOM, LEFT */
       /* Base padding in order: TOP, RIGHT, BOTTOM, LEFT */
                 /* The distance between letters */

/* Paragraph Text in Specifcally in Rich Text Modules */
/*=================================*/

                   /* The Font Size */
                   /* The Color of the Title */
                  /* How thick the font is */
                  /* The distance between each line of text */
         /* Base margin in order: TOP, RIGHT, BOTTOM, LEFT */
       /* Base padding in order: TOP, RIGHT, BOTTOM, LEFT */
                 /* The distance between letters */

/* Paragraph Link in Specifcally in Rich Text Modules */
/*=================================*/
                   /* How thick the font is */
                /* Use "normal" or "italic" */
                  /* Use "none" or "underline" */

/* HR Line Divider Style */
                   /* The Font Size */
                 /* The Color of the Title */

/* Custom CTA Styles - FYI Colors are set by primary, secodnary and third above */



  /* The first number is padding top/bottom and second number is left/right */

       /* 100 through 900 ONLY (e.g. 100, 200, 300, etc). */
      /* Use percentage - over 100% creates more line height */
       /* how much distance between each letter in pixels */
      /* use "uppercase" or "none" */
     /* set a minimum width for all CTA's */


/* Containers */
/*=================================*/
    /* Used on '.page-center' in 'Base' to center the content in a container */
  /* Used on '.page-center-med' in 'Base' to center the content in a smaller container */
   /* Used on '.page-center-sm' in 'Base' to center the content in the smallest container */


/* Custom Form Styles */
/*=================================*/

/* Form Container */
       /* Set background color for the entire form container - Use 'transparent' for no color */
     /* Set the padding inside the form container of every form */

/* Form Elements */
          /* Set the color for your form labels */
         /* Set the font weight for your form labels */
          /* Set the text size for your form labels */
          /* Set the title color for your form fields */
           /* Set the text color insde your form fields */
          /* Set the test size for your form fields */
        /* Set the background color for your form fields */
           /* Set the padding inside each form field */
       /* Set the border weight for your form fields */
    /* Set the border color for your form fields */
       /* Set the border radius for your form fields */
    /* Set the description color that sometimes shows up under labels for your form fields */
          /* Set the focus color for your form fields when you tab on them */


/* Custom Form Button Styles - Sets Universal style for ALL Buttons (CTA's and Form Submit) */
             /* Set the Text of the Button Font Size */
            /* Set the Text of the Button Font Weight  */
             /* Set the Padding inside the button  */
             /* Set the Text of the Button Color */
       /* Set Button Background Color */
        /* Set Button Hover Text color */
  /* Set Button Hover Background Color */
             /* Set Button Border Radius */
           /* Set Button Border Thickness */
             /* Set Button Border Style - "solid" "double" "dotted" "dashed" */
           /* Set Button Border Color */
      /* Set Button Border Hover  Color */


/* Custom Footer Styles */
/*=================================*/





/* Column Header Styles */







/* Column Menu Link Styles */
/* Parent Links */






/* Child Links */






/* Bottom Copyright */








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

  Index of Stylesheet:         

  1. BASE STYLES   
    - Base
    - Typography

  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Custom Modules
    - 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

  7. MOBILE MEDIA QUERIES

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

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


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

*, *: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: #444444;
  font-family: 'Merriweather', georgia, arial, serif;;
  font-size:16px;
  line-height:170%;
}

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

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1140px;
  margin: 0 auto!important;
  width: 94%;
}
.container-fluid .row-fluid .page-center-med {
  float: none;
  max-width: 800px;
  margin: 0 auto!important;
  width:94%;
}
.container-fluid .row-fluid .page-center-sm {
  float: none;
  max-width: 600px;
  margin: 0 auto!important;
  width:94%;
}

a, .hs_cos_wrapper_type_rich_text a { 
    text-decoration: none;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    cursor: pointer;
    color: #f7941d;
}
.hs_cos_wrapper_type_rich_text a {
  font-weight:300;
  font-style:normal;
  text-decoration:none;
}
a, img {
    border: medium none;
    outline: medium none;
}
a:hover, .hs_cos_wrapper_type_rich_text a:hover {
  color: #f7751f;
}


hr {
  color: #2CC66C;
  background-color: #2CC66C;
  height: 10px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #f7941d;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #f7941d;
  text-shadow: none;
}
/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}



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


/* Basic text */
p {
    font-size: 16px!important; 
    color: #444444;
    font-family: 'Merriweather', georgia, arial, serif;;
    font-weight:300;
    line-height:185%;
}
.hs_cos_wrapper_type_rich_text p,
.post-body p,
body.hs-blog-post p {
  font-family:'Merriweather', georgia, arial, serif;;
  font-size:16px;
  color:#444444;
  font-weight:300;
  line-height:185%;
  margin:0px 0px 15px 0px;
  padding:10px 0px 5px 0px;
  letter-spacing:1;
}
small {
    font-size:14px;
}
strong {
    font-weight:700;
}
em {
    font-style:italic;
}
cite {}
code {}
pre {}

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

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

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family:'Josefin Sans', helvetica, arial, sans-serif;!important;
}

/* Custom Header Styles - DO NOT TOUCH - EDIT ABOVE IN HUBLE PLEASE */
h1 {
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
  font-size:60px;
  color:#0f0f0f;
  font-weight:700;
  line-height:135%;
  margin:0px 0px 5px 0px;
  padding:5px 0px 10px 0px;
  letter-spacing:1;
}
h2 {
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
  font-size:45px;
  color:#1E221E;
  font-weight:400;
  line-height:125%;
  margin:0px 0px 5px 0px;
  padding:5px 0px 5px 0px;
  letter-spacing:1;
}
h3 {
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
  font-size:34px;
  color:#0f0f0f;
  font-weight:300;
  line-height:125%;
  margin:0px 0px 10px 0px;
  padding:5px 0px 5px 0px;
  letter-spacing:1;
}
h4 {
  font-family:'Merriweather', georgia, arial, serif;;
  font-size:28px;
  color:#0b9444;
  font-weight:700;
  line-height:120%;
  margin:0px 0px 10px 0px;
  padding:5px 0px 5px 0px;
  letter-spacing:1;
}
h5 {
  font-family:'Merriweather', georgia, arial, serif;;
  font-size:24px;
  color:#1E262B;
  font-weight:600;
  line-height:125%;
  margin:0px 0px 0px 0px;
  padding:10px 0px 10px 0px;
  letter-spacing:1;
  font-style:italic;
}
h6 {
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
  font-size:20px;
  color:#f7941d;
  font-weight:700;
  line-height:120%;
  margin:0px 0px 0px 0px;
  padding:10px 0px 10px 0px;
  letter-spacing:1;
}


/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}
.body-container ul {
  margin: 0;
  padding: 0;
}
.body-container ol {
  margin: 0;
  padding: 0;
}
.body-container ul li,
.body-container ol li {
  font-size: 16px;
  line-height: 150%;
  font-weight:300;
}
ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {font-style:italic;}
blockquote small {}
blockquote small:before {}

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

/* Light Text Override */
.lighttext h1,
.lighttext h2,
.lighttext h3,
.lighttext h4,
.lighttext h5,
.lighttext h6,
.lighttext p,
.lighttext ul li,
.lighttext ol li,
.lighttext label {
    color:#FFFFFF!important;
}
@media screen and (max-width:900px) {
  h1 {
    font-size:3em!important;
    line-height:140%!important;
  }
  h2 {
    font-size:2.25em!important;
    line-height:130%!important;
  }
  h3 {
    font-size:2em!important;
    line-height:125%!important;
  }
  h4 {
    font-size:1.75em!important;
    line-height:120%!important;
  }
  h5 {
    font-size:1.5em!important;
    line-height:115%!important;
  }
  h6 {
    font-size:1.15em!important;
    line-height:110%!important;
  }
  p {
      font-size: 14px!important; 
  }
}
@media screen and (max-width:600px) {
  h1 {
    font-size:2.25em!important;
    line-height:125%!important;
  }
  h2 {
    font-size:2em!important;
    line-height:120%!important;
  }
  h3 {
    font-size:1.75em!important;
    line-height:120%!important;
  }
  h4 {
    font-size:1.5em!important;
    line-height:120%!important;
  }
  h5 {
    font-size:1.25em!important;
    line-height:110%!important;
  }
  h6 {
    font-size:1.15em!important;
    line-height:110%!important;
  }
  p {
      font-size: 14px!important; 
  }
}


/* ==========================================================================
   2. CUSTOM CTA STYLES                                           
   ========================================================================== */

button.cta-primary, .cta-primary, a.cta-primary {
    background: rgba(247, 148, 29, .8);
    margin-top:10px;
    display:inline-table;
    color:#FFFFFF!important;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
    font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
    border:2px solid #f7941d;
}
button.cta-primary:hover, .cta-primary:hover, a.cta-primary:hover {
    background: rgba(247, 148, 29, 1);
}
button.cta-secondary, .cta-secondary, a.cta-secondary {
    background: rgba(11, 148, 68, .8);
    margin-top:10px;
    display:inline-table;
    color:#FFFFFF!important;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
    border:2px solid #0b9444;
}
button.cta-secondary:hover, .cta-secondary:hover, a.cta-secondary:hover {
    background: rgba(11, 148, 68, 1);
}
button.cta-third, .cta-third, a.cta-third {
    background: rgba(46, 213, 101, .8);
    margin-top:10px;
    display:inline-table;
    color:#FFFFFF!important;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
    border:2px solid #2ed565;
}
button.cta-third:hover, .cta-third:hover, a.cta-third:hover {
    background: rgba(46, 213, 101, 1);
}
button.cta-white, .cta-white, a.cta-white {
    background: rgba(255,255,255, .8);
      margin-top:10px;
    display:inline-table;
    color:#444444!important;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  border:2px solid #ffffff;
}
button.cta-white:hover, .cta-white:hover, a.cta-white:hover {
    background: rgba(255,255,255, 1);
}

/* Outline styles with a transparent background */
button.cta-outline-primary, .cta-outline-primary, a.cta-outline-primary {
    background: transparent;
      margin-top:10px;
    display:inline-table;
    color:#f7941d;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    border:2px solid #f7941d;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
button.cta-outline-primary:hover, .cta-outline-primary:hover, a.cta-outline-primary:hover {
    background: rgba(247, 148, 29, 1);
    color:#FFFFFF;
}
button.cta-outline-secondary, .cta-outline-secondary, a.cta-outline-secondary {
    background: transparent;
      margin-top:10px;
    display:inline-table;
    color:#0b9444;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    border:2px solid #0b9444;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
button.cta-outline-secondary:hover, .cta-outline-secondary:hover, a.cta-outline-secondary:hover {
    background: rgba(11, 148, 68, 1);
    color:#FFFFFF;
}
button.cta-outline-third, .cta-outline-third, a.cta-outline-third {
    background: transparent;
    margin-top:10px;
    display:inline-table;
    color:#2ed565;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    border:2px solid #2ed565;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
button.cta-outline-third:hover, .cta-outline-third:hover, a.cta-outline-third:hover {
    background: rgba(46, 213, 101, 1);
    color:#FFFFFF;
}
button.cta-outline-white, .cta-outline-white, a.cta-outline-white {
    background: transparent;
    margin-top:10px;
    display:inline-table;
    color:#ffffff;
    text-align:center;
    height:auto;
    min-width:160px;
    padding:20px 25px 15px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    font-size:19px;
    font-weight:700;
    line-height:120%;
    text-transform:none;
    border-radius:0px;
    text-decoration:none!important;
    letter-spacing:1px;
    cursor:pointer;
    border:2px solid #ffffff;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
button.cta-outline-white:hover, .cta-outline-white:hover, a.cta-outline-white:hover {
    background: rgba(247, 148, 29, 1);
    color:#FFFFFF;
    border:2px solid #f7941d;
}

.cta-center {
  margin:0 auto!important;
  display:table!important;
  float:none!important;
}

/* Grow Button Transitions */
.grow:hover
{
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

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

.white-wrap {
  background:#ffffff;
  padding:60px 0;
}
.grey-wrap {
  background:#ccc;
  padding:60px 0;
}
.black-wrap {
  background:#000000;
  padding:60px 0;
}
.primary-color-wrap {
  background:#f7941d;
  padding:60px 0;
}
.secondary-color-wrap {
  background: #0b9444;
  padding:60px 0;
}
.third-color-wrap {
  background: #2ed565;
  padding:60px 0;
}

/* ==========================================================================
   Header
   ========================================================================== */
.header-container-wrapper {
  background:transparent;
  height:auto;
}
.header-container {
  background: transparent;
  display:inline-block;
}


/* ==========================================================================
   Content                                                 
   ========================================================================== */
.body-container-wrapper {
  z-index: 1;
  display:block;
  padding:0;
}
.body-container {
    padding: 0px;
} 
.widget-type-header,
.section-header{
  margin-top: 10px;
}

/* Unique Pages and Custom Modules
   ========================================================================== */

/* Table Pages */
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 40px auto;
  padding: 0;
  width: 95%;
  max-width:1200px;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th  {
  padding: .625em;
  text-align: center;
}
table td {
  padding: .625em;
  text-align: left;
}
table td:nth-child(2) {
  text-align:center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:nth-child(2) {
    text-align:right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    color:#f7941d;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

/* Contact Us */

/* About Us */




/* ==========================================================================
   Footer
   ========================================================================== */
.footer-container {
  width:100%;
  margin:0;
  padding:0;
}
.footer-container-wrapper {
  width:100%;
  margin:0;
  padding:0;
}

.hroi-footer-wrapper p {
  margin:0;
  color: #444444;
  font-size:16px;
}
.hroi-footer-wrapper p a {
  color: #f7941d;
  text-decoration: none;
}
.hroi-footer-wrapper p a:hover {
  color: #f7751f;
}
.hroi-footer-wrapper strong {
    font-weight:700;
}

/* Footer Custom Styles */

.footer-logo img {
    max-width:175px;
    width:100%;
    height:auto;
    padding-bottom:25px;
}

/* Footer Text Styles */
.hroi-footer-wrapper h2,
.hroi-footer-wrapper h3,
.hroi-footer-wrapper h4 {
    margin:0 0 10px!important;
    color: #1E221E!important;
    font-family: 'Merriweather', georgia, arial, serif;!important;
    font-size:18px!important;
    font-weight:700!important;
    padding:0 0 5px!important;
    margin:10px 0 10px!important;
}

/* Footer Simple Menu Styles */
/* Veritical Menu */

.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a,
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a {
    width: auto;
    display:block;
    text-decoration:none;
    color: #FFF!important;
    font-size:16px!important;
    font-weight:500!important;
    padding:5px 0 8px;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a:hover,
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 > a:hover {
    color: #f7941d!important;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

/* Show Nested Children */
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children > ul {
  display:block;
  top:20px;
  position:relative;
  left:0;
  padding:0;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  position: relative;
  z-index: 10;
  left: 0;
  top:8px;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
    padding: 6px 0 6px;
    line-height: 120%;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    color: #FFF!important;
    font-size:14px!important;
    font-weight:300!important;
    padding:4px 0!important;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover,
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    color: #f7941d!important;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    text-decoration:none;
    color: #FFF!important;
    font-size:14px!important;
    font-weight:300!important;
    padding:4px 0!important;
}
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical li.hs-item-has-children > ul > li { display: block; }
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical li.active-branch > ul > li { display: block; }
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical li ul { padding-left: 1em; }
.hroi-footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 200px;
    overflow: hidden;
}

.footer-bottom-copy {
    margin-top:50px;
    padding:20px 0 20px;
    text-align:center;
    font-size:15px;
    border-top:1px solid #CCCCCC;
}
.social {
    float: right;
}
.social img {
    width: 32px;
}
.row-fluid .custom_col {
  font-size: 18px;
  margin: 0px 2%;
  width: 16.2%;
  line-height: 22px;
  float: none;
  display: inline-block;
  vertical-align: top;
}
.row-fluid .custom_col:last-child {
  margin-right: 0;
}



/* ==========================================================================
   3. MAIN NAVIGATION - Module Based - NO STYLES                                       
   ========================================================================== */
/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */

/* Parent List */
@media (min-width: 980px){
    .landing-page .header-container .custom_logo {
      padding: 31px 0 47px;
    }
    .row-fluid .custom_mobileMenu,
    .custom_mobileMenu {
        display: none;
    }
    .row-fluid .custom-menu-primary {
        margin-left: 0;
        font-family:'Josefin Sans', helvetica, arial, sans-serif;!important;
    }
    .custom-menu-primary .hs-menu-wrapper > ul{ 
      display: block;
      margin-left: -25px;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li {
      display: inline-block;
      padding: 0px 25px;
      font-size: 16px;
      font-weight: normal;
      float: none!important;
      border-top: 2px solid transparent;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
      font-family:'Josefin Sans', helvetica, arial, sans-serif;!important;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children {
      background: url("//cdn2.hubspot.net/hubfs/534796/Layout/down-arrow.png") no-repeat scroll 90% 48% transparent;
      position: relative;
      z-index: 99;
      transition:0.2s ease-in-out 0s;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children:hover {
        background-color:;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
        background: none repeat scroll 0 0;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children:hover a {
        color:#ffffff;
    }
    /*.custom-menu-primary .hs-menu-wrapper > ul > li.open {
      background: url("//cdn2.hubspot.net/hubfs/534796/Layout/up-arrow.png") no-repeat scroll 90% center transparent;
      border-top: 2px solid #569ED6;
      margin-top: 0px;
    }*/
    .custom-menu-primary .hs-menu-wrapper > ul > li > a {
     padding: 15px 0 18px;
      color: #FFF;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li.open > a,
    .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
      color: ;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a:hover {
        color:#ffffff;
    }
    
    
    /* Child List */
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul {
      background: ;
      z-index: 1;
      padding: 10px 2% 10px;
      position: absolute;
      min-width: 350px;
    }
    .custom-menu-primary .hs-menu-wrapper.flyouts > ul > li:hover > ul.hs-menu-children-wrapper {
      opacity: 1 !important;
      visibility: visible !important;
    }
    /*.custom-menu-primary .hs-menu-wrapper.flyouts > ul > li.open > ul.hs-menu-children-wrapper {
      opacity: 1 !important;
      visibility: visible !important;
    }*/
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li {
        padding: 10px 23px;
        display: block;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li.hs-item-has-children::after {
        color: rgba(255, 255, 255, 0.5);
        content: ">";
        font-size: 22px;
        font-weight: 100;
        margin-top: -19px;
        position: absolute;
        right: 0.6em;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li.hs-item-has-children > ul {
        background: ;
        left:100%
        top:-10px;
    } 
    .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 {
        top:-3px;
        left:100.5%;
        padding:7px 10px;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li.hs-item-has-children > ul > li {
        margin-top:0px;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li.hs-item-has-children > ul > li {
        padding:0;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li.hs-item-has-children > ul > li > a {
        padding:6px 0!important;
    }
    /*.custom-menu-primary .hs-menu-wrapper > ul > li > ul > li:first-child {
      font-size: 18px;
      font-weight: normal;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li:first-child > a:hover,
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li:first-child > a {
      color: #0b9444;
    }*/
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li a{
      color: #FFF;
      display: inline-block;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > ul li a:hover {
      color: ;
    }
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical {
  margin: 30px 0;
  background:transparent;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul {
  padding: 0;
  margin: 0;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical ul {
  background: transparent;
  padding: 15px 20px 0px!important;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul li {
  list-style-type: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  border-bottom:1px solid #ccc;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul li.active-branch > a 
    color: ;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    font-weight: 500;
    color: #0f0f0f;
    text-transform:uppercase;
}   
.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover{
  color: #f7941d;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts ul ul {
    padding:10px 0 0 20px!important;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts ul ul li {
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts ul ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts ul ul {
  padding-top: 0px;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper, {
  padding: 0px!important;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul ul li a {
  padding-right: 10px;
}
.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    background:transparent;
    display:block;
    position:relative;
    top:0;
    opacity:1;
    visibility:visible;
    left:0!important;
} 
/* 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:769px) {
      .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: 980px){


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


  /* 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 ;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: ; 
  }
  .mobile-trigger:hover {
    text-decoration: none; /* Removes link text underline on button */
    color:;
    background-color: ; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger {
    color:;
    background-color: ; 
    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: ; /* 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: ; /* 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: 40px !important; /* Button width */
    min-width: 40px !important;
    height: 41px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger:before,
    .child-trigger:after{
      content: "";
      display: inline-block;
      width: 9px;
      height: 9px;
      margin-bottom: -5px;
      position: absolute;
      bottom: 50%;
      border: 2px solid transparent;
      transform: rotate(-45deg);
      border-color: rgba(255, 255, 255, 0.15);
      border-top: none;
      right: 18px;
      border-left: none; 
    }
    .child-open.child-trigger:before,
    .child-open.child-trigger:after {
      transform: rotate(45deg);
    }

    
  /* 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;         
    left: 0;          
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:; /* 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:; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:; /* 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);
    display:inline-block;
  }
  .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 */
  }
}



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

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {
    padding:65px 0;
}
.main-content {}

/* LEFT & RIGHT SIDEBAR THAT STACKS BELOW CONTENT ON MOBILE */
.blog-content,
.main-content.right {
  margin-right: 0 !important;
  float: right !important;
}
.blog-sidebar,
.sidebar.left {
    margin-left: 0 !important;
}
.main-content.left {
  margin-left: 0 !important;
  float: left !important;
}
.sidebar.right {
    margin-right: 0 !important;
}

@media (max-width: 980px) {
    .blog-content,
    .main-content.right {
        margin-left: 0 !important;
    }
    .blog-content,
    .blog-sidebar,
    .main-content.right,
    .main-content.left,
    .sidebar.left,
    .sidebar.right {
        width: 100% !important;
        float: none !important;
    }
} 

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

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

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

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

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

.fakelabel input {
  margin-top: 3px!important;
}
.hsformerror p {
  font-size: 11px;
  line-height: 16px;
}
ul.hs-error-msgs.inputs-list {
    list-style-type: none;
    margin-bottom:10px;
}
ul.hs-error-msgs.inputs-list label {
    font-size:14px!important;
    color: #0f0f0f;
}
ul.hs-error-msgs.inputs-list a {
    display: none;
}
li.hs-error-msgs.inputs-list {
    display: none;
}



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





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


/* Blog Post and Listing Body Class */
body.blog {}
.post-header h2,
h2.post-listing-simple {
  font-weight: normal;
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 10px;
}
a.more-link {
  font-size: 14px;
  line-height: 22px;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 30px;
}
.post-listing .post-item {
  border-bottom: 1px solid #CBCBCA;
  margin-bottom: 30px;
}
h2.custom_blogDate {
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 1.5em;
  line-height: normal;
}
#hubspot-author_data {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 30px;
}
.hs-blog-social-share {
  margin-bottom: 10px;
}
.post-body {
  margin-bottom: 30px;
}
.custom_listing_comments,
#hubspot-topic_data {
  display: none;
}
#hubspot-author_data a {
  color: #444;
}
.hs_cos_wrapper_widget h3 {
  margin-top:20px;
}
.widget-type-post_filter ul,
.widget-type-post_listing ul {
  margin: 0;
  padding: 0;
}
.widget-type-post_filter ul li,
.widget-type-post_listing ul li{
  list-style-type: none;
  border-bottom: 1px solid #CBCBCA;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}
.widget-type-post_filter ul li a,
.widget-type-post_listing ul li a{
  color: #0f0f0f;
  font-weight: 400;
}
.widget-type-post_filter ul li a:hover,
.widget-type-post_listing ul li a:hover{
  color: #0b9444;
}
.blog-sidebar >.row-fluid-wrapper {
  margin-bottom: 30px;
}
.hs-author-avatar {
    max-width: 100px;
    margin: 15px 20px 15px 0;
    float: left;
}
.hs-blog-post .hs-author-avatar,
.hs-blog-post .hs-author-social-section {
    display: none;
}
.hs-author-avatar img {
    border-radius: 50%;
}
.hs-author-profile {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #666;
}
.hs-author-profile .hs-author-bio {
    padding-top: 15px;
}
.hs-author-profile .hs-author-social-section {
    margin: 15px 0 0;
}
@media (max-width: 480px) {
  .hs-author-avatar {
    margin: 15px 0;
    float: none;
  }
  .hs-author-profile .hs-author-bio {
    padding-top: 0;
  }
    .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
        float: none;
        margin-left: 0;
    }
}
.new-comments .hs-button.primary {
  margin-top: 20px;
}
.post-header h1 {
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
}
/* 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 {}
.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 {}

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

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


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

/* Form Field */
body .hs-form-field {
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
}
.hs-form {
  font-size: 14px;
}
.hs-form-field label,
.widget-type-google_search label {
  display: block;
  width: 100%;
  font-weight: 300;
  font-size:16px;
  margin-bottom: 5px;
  color: #0f0f0f;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
}
/* Descriptions */
body .hs-field-desc {
    color:#BBBBBB;
    padding-bottom:5px;
  font-family:;
}

/* Labels */
body label {
    color: #0f0f0f;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
}
body .hs-form-field > label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    width: 100%;
  padding: 10px;
    border: 3px solid #CBCBCA;
    border-radius: 4px;
    font-size: 14px;
    height: auto;
    vertical-align: inherit;
    font-family:'Merriweather', georgia, arial, serif;;
    margin-bottom: 20px;
    color: #1E221E;
}
body select option {
  padding:10px;
}

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 {
    color:#f7941d;
    border-color:#f7941d;
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
    color:#1E221E;
    border-radius: 4px;
    font-size: 14px;
    border: 3px solid #CBCBCA;
  font-family:'Merriweather', georgia, arial, serif;;
}
body textarea:focus {
    color:#f7941d;
    border-color:#f7941d;
}

/* Separate Styles for Drop Downs */
body select {
    color:#1E221E;
    border-radius: 4px;
    font-size: 14px;
  border: 3px solid #CBCBCA;
  font-family:'Merriweather', georgia, arial, serif;;
}
body select:focus {
    color:#f7941d;
    border-color:#f7941d;
}

/* 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"] {
    color:#1E221E;
    border-radius: 4px;
    font-size: 14px;
}
body input[type="checkbox"] {
    color:#1E221E;
    border-radius: 4px;
    font-size: 14px;
}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {
    color:#f7941d;
    border-color:#f7941d;
}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {
    color:#FB0004;
    border-color:#FB0004;
}

/* 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 {
  background:#eee;
  padding:10px;
  display:block;
  border-radius:6px;
  box-shadow:2px 2px 15px #222;
}
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {
    font-style:italic;
}

/* Labels */
h3.form-title {
    color:#0f0f0f!important;
}
.hs_cos_wrapper_type_form label {
    color:#0f0f0f;
}
.hs_cos_wrapper_type_form .hs-form-field > label {
  margin:0px!important;
}

/* 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 {
  padding: 10px; 
  margin:0 0 15px!important;
}

.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 {
    color:#f7941d;
    border-color:#f7941d;
    margin:0 0 15px!important;
}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {
  margin:0 0 15px!important;
}
.hs_cos_wrapper_type_form textarea:focus {
    color:#f7941d;
    border-color:#f7941d;
}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {
  margin:0 0 15px!important;
}
.hs_cos_wrapper_type_form select:focus {
    color:#f7941d;
    border-color:#f7941d;
    margin:0 0 15px!important;
}

/* 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"] {
    color:#1E221E;
    border-color:#CBCBCA;
}
.hs_cos_wrapper_type_form input[type="checkbox"] {
    color:#1E221E;
    border-color:#CBCBCA;
}


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

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {
    color:#0f0f0f;
}

/* Inputs */
#comment-form input[type="text"] {
    color:#1E221E;
    border-color:#CBCBCA;
  border: 3px solid #CBCBCA;
}
#comment-form input[type="text"]:focus {
    color:#f7941d;
    border-color:#f7941d;
}

#comment-form textarea {
    color:#1E221E;
    border-color:#CBCBCA;
  border: 3px solid #CBCBCA;
}
#comment-form textarea:focus {
    color:#f7941d;
    border-color:#f7941d;
}

#comment-form input[type="checkbox"] {
    color:#1E221E;
    border-color:#CBCBCA;
}

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


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

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {
    color:#0f0f0f;
}
#hs_form_target_blog_subscription label {
    color:#0f0f0f;
}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {
    color:#0f0f0f;
}
#hs_form_target_blog_subscription input[type="email"]:focus {
    color:#f7941d;
    border-color:#f7941d;
}

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


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

/* Label */
.widget-type-google_search label {
    color:#0f0f0f;
}

/* Input */
.widget-type-google_search input[type="text"] {
    color:#1E221E;
}
.widget-type-google_search input[type="focus"] {
    color:#f7941d;
    border-color:#f7941d;
}


/* 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[class*="form-columns"] .hs-input[type="radio"] { width: auto; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="select"] { width: auto;height:auto;min-height:30px; }
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; }
}




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


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

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
    background: none repeat scroll 0% 0% #f7941d;
    border: 0px solid #f7941d;
    padding: 12px 20px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    border-radius: 8px;
    font-family:'Josefin Sans', helvetica, arial, sans-serif;;
    width: auto;
    height: auto;
    vertical-align: inherit;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none !important;
    -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
    color: #FFFFFF!important;
    background: none repeat scroll 0% 0% #0b9444!important;
    border: 0px solid #0b9444;
    padding: 12px 20px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
    color:#f7941d;
    border-color:#f7941d;
}


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

.hs_cos_wrapper_type_form .hs-button.primary.large {
    background: none repeat scroll 0% 0% #f7941d;
    color: #FFFFFF;
    border: 0px solid #f7941d;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 20px;
  border-radius: 8px;
  font-family:'Josefin Sans', helvetica, arial, sans-serif;;
  margin-top:20px;
}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {
    color: #FFFFFF!important;
    background: none repeat scroll 0% 0% #0b9444!important;
}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {
    color:#f7941d;
    border-color:#f7941d;
}

/* Custom CTA Button Animation
   ========================================================================== */
.animated-button {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background:transparent;
  border:2px solid #f7941d;
  color:#FFFFFF;
  font-size:16px;
  text-align:center;
  padding:10px 40px;
  text-decoration: none;
  border-radius: 0;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  display:table;
  width:auto;
  margin:20px auto;
  font-weight:700;
}
.animated-button:focus, .animated-button:hover {
  background:#f7941d;
  border:2px solid #f7941d;
  color:#FFFFFF;
}

/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {
    background: none repeat scroll 0% 0% #f7941d;
    color: #FFFFFF;
    border: 0px solid #f7941d;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 20px;
}
#add-comment-button.hs-button.primary:hover {
    color: #FFFFFF!important;
    background: none repeat scroll 0% 0% #0b9444!important;
}
#add-comment-button.hs-button.primary:focus {
    color:#f7941d;
    border-color:#f7941d;
}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {
    background: none repeat scroll 0% 0% #f7941d;
    color: #FFFFFF;
    border: 0px solid #f7941d;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 20px;
}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {
    color: #FFFFFF!important;
    background: none repeat scroll 0% 0% #0b9444!important;
}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {
    color:#f7941d;
    border-color:#f7941d;
}

.hs_email span.hs-form-required {display:none!important;}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {
    background: none repeat scroll 0% 0% #f7941d;
    color: #FFFFFF;
    border: 0px solid #f7941d;
    font-weight: 400;
    font-size: 16px;
    padding: 12px 20px;
}
.widget-type-google_search .hs-button.primary:hover {
    color: #FFFFFF;
    background: none repeat scroll 0% 0% #0b9444;
}
.widget-type-google_search .hs-button.primary:focus {
    color:#f7941d;
    border-color:#f7941d;
}


/* 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 {
    background: none repeat scroll 0% 0% #f7941d;
    color: #FFFFFF;
}
#module-group-ID .cta_button:hover {
    color: #FFFFFF;
    background: none repeat scroll 0% 0% #0b9444;
}
#module-group-ID .cta_button:focus {
    color:#f7941d;
    border-color:#f7941d;
}

/* RSS Module Styles (Custom)
   ========================================================================== */
.hs-rss-item {
    border:1px solid #CBCBCA;
    padding:30px 2.5%;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.hs-rss-item.hs-with-featured-image .hs-rss-item-text {
    box-sizing: border-box;
    float:right;
    padding-right: 0px;
    width: 65%;
}
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
    display: block !important;
    float: left !important;
    width: 20% !important;
}
.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper img {
}
.hs-rss-item-text {}
.hs-rss-item-image-wrapper {}
.hs-rss-item a.hs-rss-title {
    font-size:20px;
    padding:0px 0 0px;
    display:block;
  color:#0f0f0f;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.hs-rss-item a.hs-rss-title:hover {
  color:#f7941d;
}
.hs-rss-byline {
    text-transform:uppercase;
    font-size:14px;
    padding-bottom:5px;
}
.hs-rss-description p {
    margin-bottom:0;
    padding:5px 0 10px;
    line-height:120%!important;
    font-size:16px;
}
.hs-rss-description p a {
    clear:both;
    float:none;
    display:block;
    margin-top:14px;
    color:#f7941d;
}


/* ==========================================================================
   6. BLOX SPECIAL CODE AND MODULES                                     
   ========================================================================== */


/*============================================================================*/
/*****| BLOX Hero Module - Base Styles |*****/
/*============================================================================*/




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

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

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


/* Landscape tablet and smaller devices
   ========================================================================== */
@media screen and (max-width: 980px){

}
@media screen and (max-width: 768px) {
  .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
    box-sizing: border-box;
    float:none;
    padding-right: 0px;
    width: 90%;
    margin:0 auto;
  }
  .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
    display: block !important;
    float: none !important;
    width: 90% !important;
    margin:0 auto;
  }
}
@media screen and (max-width: 600px){

}   
@media screen and (max-width: 480px){

}



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

@media (max-width: 980px) {
  .row-fluid [class*="span"] {
     min-height:0px;
  }
    .body-container-wrapper{
        background: #fff;
    }
  .header-container {
    height:0;
  }
    .header-container-wrapper,
    .body-container-wrapper,
    .footer-container-wrapper {
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
      -o-transition: all 400ms ease;
      transition: all 400ms ease;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
    }
    html,body{
      overflow-x:hidden;
    }

    .custom_logo a {
      display: block;
      padding: 12px 0px;
    }
    .custom_logo img {
      padding: 12px 0;
    }
    
    .row-fluid .custom_topFooter {
      display: none;
    }
    .custom_bottomFooter .row-fluid .page-center:before {
      display: none;
    }
    .custom_bottomFooter .row-fluid .page-center {
      border:0;
      margin-top: 0;
    }
    .footer-container {
      padding-top: 0px;
    }
    .row-fluid .custom_socials {
      float: none;
      width: 100%;
      display: block;
    }
    .social {
      float: none;
    }
    .body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul ul {
      padding-top: 10px;
    }
}
@media (max-width: 979px){
    .body-container .hs-menu-wrapper.hs-menu-flow-vertical ul ul{
      padding-top: 10px;
    }
    .body-container .hs-menu-wrapper.hs-menu-flow-vertical ul ul li:last-child {
      margin-bottom: 0;
      border-bottom: 0;
    }
    .blog-sidebar,
    .sidebar {
        margin-top: 40px;
    }
}

@media (max-width: 640px){
  .mobile-trigger {
    right: 32px;
  }
}
@media (max-width: 570px){
  .footer-container {
    text-align: center;
  }
  .footer-container p {
    line-height: 28px;
  }
}     
@media (max-width: 480px){
  .custom_copyright p span {
        display: block;
    }
}