{# ==========================================================================
 Header
 ========================================================================== #}

 .header-sectiondp .container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
 .header-container-wrapper { width: 100%; z-index: 9999; }
 .header-container { z-index: 9999; position: relative; }
 .header-cta{ margin-top: 9px; margin-left: 0; text-align: right !important; }
 .hhs-header.sticky-menu.active { padding: 5px 0px !important; }
 .header-sectiondp .container { max-width: 100%; }
  
 .header-sectiondp .mega-text-con p { font-size: 16px; }

 @media (max-width: 922px){
   .sticky-menu .widget-type-cta { display: none; }
   .sticky-menu .widget-type-logo img { margin: 0; }
   
 }

 @media (max-width: 922px){
   .header-sectiondp .container { padding: 0; }
   
 }

{# ==========================================================================
 3. MAIN NAVIGATION                                            
 ========================================================================== #}
 
 
 {# ==========================================================================
 Custom Menu Primary
 ========================================================================== #}
 
 .hhs-header-menu { float: right !important; } 
 .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-item a { padding: 10px 5px; }
 .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2 a { padding: 5px 5px 5px 10px; }
  
 @media (max-width: 922px) {
   .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-item a,
   .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2 a { padding: 0px 0px 0px 10px; }
 }
 
 .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a span { padding: 10px 0; }
 .custom-menu-primary .hs-menu-wrapper > ul{  float: right;  } 
 .custom-menu-primary .hs-menu-wrapper > ul > li > a{ padding: 10px 15px; position: relative; display: block; }
 
 {# Child List #}
 .custom-menu-primary .hs-menu-wrapper > ul ul{ left: 15px!important; padding: 10px 0px; -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); box-shadow: 0 0 5px 0px rgba(0,0,0,0.1); min-width: 150px; }
 .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before { content: "\f0d8"; display: inline-block; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -10px; left: 0; width: 100%; padding-left: 10px; }
 
 @media (max-width: 922px) {
   .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before { display: none !important; }
 }

 .transparent-nav .custom-menu-primary .hs-menu-wrapper > ul ul li a { color:#444; } 
 .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { z-index: 1000 !important; } 
 .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% !important; }
 
 {# Override max width on menu links #}
 .hhs-pillar-menu .hs-menu-wrapper > ul li a,
 .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; text-decoration: none !important; padding-right: 30px; white-space: normal !important; {#padding-left: 15px;#} }
 .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { margin: 0px; }
 .hs-menu-wrapper.hs-menu-flow-horizontal ul { margin-bottom: 0px; }
  
 {# Carret after Menu items with dropdown #}
 .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after { content: "\f107"; display: inline-block; font-family: "Font Awesome 5 Free" !important; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 3px; }
 .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2.hs-item-has-children > a:after { content: "\f105"; float: none; font-family: "Font Awesome 5 Free" !important; line-height: 24px; position: absolute; right: 10px; top: 5px; }
 
 .hhs-footer .hs-menu-item.active { background-color: transparent !important; }
 
 {# Show menu and remove background color on desktop after toggling mobile menu #}
 @media screen and (min-width:769px) {
   .custom-menu-primary .hs-menu-wrapper { display:block !important; background: transparent !important; }
 }
 
 {# Force header to trigger mobile layout on iPads #}
 @media (max-width: 922px){
   .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after { display: none; }
   .header-container-wrapper .container-fluid  .row-fluid [class*="span"] { display: block; float: none !important; width: auto !important; margin-left: 0 !important; }
 }
 
 .row-fluid [class*="span"] { min-height: auto !important; }
 
 @media (min-width: 1280px) {
   .row-fluid [class*="span"] { min-height: 0 !important; }
 }
 
 .row-fluid { min-height: 0px !important; }
 
 {# ==========================================================================
 Mobile Menu - Hubspot Standard Toggle Menu
 ========================================================================== #}
 
 .mobile-trigger, .child-trigger{ display: none !important; {# Hide button on Desktop #} }
 
 @media (max-width: 922px){
 
   .custom-menu-primary .hs-menu-wrapper > ul ul{ padding: 0px !important; }
   .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; }
 
   {# Child Toggle Button
   ========================================================================== #}
 
   .child-trigger{ display: -webkit-box !important; {# ADL #} display: -ms-flexbox !important; {# ADL #} display: flex !important; {# Hide button on Desktop #} {# ADL #} 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: 0; {# ADL #} border-left: 1px solid rgba(0, 0, 0, .10); background: transparent; {# ADL #} }
   .hhs-header-trans .child-trigger{ border-left: 1px solid rgba(255, 255, 255, .10); } 
   .child-trigger:hover{ text-decoration: none; }
 
   {# Child Toggle Button Icon & Animations
   ========================================================================== #}
 
   .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: 13px; {# Icon line width #} height: 1px; {# Icon line height #} background-color: #ccc; {# 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); }
 
   {# 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; left: 0; padding: 0; }
   .custom-menu-primary .hs-menu-wrapper{ width: 100%; {# Full screen width #} padding: 0 0 0 0; z-index: 8888; }
 
   {# Level 1 Menu List Styles #}
 
   .custom-menu-primary .hs-menu-wrapper > ul { background: #fff; } 
   .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.hhs-header-trans .hs-menu-wrapper >  ul li a{ padding: 0 10px; }
   .custom-menu-primary .hs-menu-wrapper >  ul li a{ padding: 0 10px; color:#111111; {# link color set by global mobile-aColor variable #} }
   .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#000000; {# link hover color set by global mobile-aColorHover variable #} }
 
   {# Level 2 and Higher Menu List Styles #}
   .custom-menu-primary .hs-menu-wrapper > ul ul{ border: 0px; padding: 10px 0; }
   .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; {# Indent Child lists #} font-size: 16px; {# Font size of child lists #} }
 
   .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{ display: none; }
 
   {# Level 3 and Higher Menu List Styles #}
   .hhs-header-full { padding-left:0; padding-right: 0; }
 }
  
 @media (max-width: 922px) {
   .hhs-nav {padding-top: 0px;}
   .hhs-logo-header {padding-left: 0px; }
   .hhs-header-hat { padding: 0; }
   .hhs-header-hat .hs-menu-wrapper * { width: auto !important; }
   .hhs-text-content { max-width: 100% !important; }
   .hhs-container-fluid.hhs-package-highlight { margin: -50px 0 30px !important; }
   .body-container-wrapper .hhs-col-12.pricing-table {padding: 50px 0 !important;}
}
 
 .fb_iframe_widget span,
 .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item span.IN-widget { vertical-align: top !important; }

 {# ==========================================================================
 DEVICE VISIBILITY CLASSES                                                
 ========================================================================== #}
 .hide {display: none !important;}
 .hide-desktop {display: none;}
 .show-desktop {display: block;}
 
 @media (max-width: 834px) { 
   .hide-desktop {display: block !important;}
 
   .show-tablet {display: block !important;}
   .hide-tablet {display: none !important;}
 }
 
 @media (max-width: 575px) { 
   .hide-mobile {display: none !important;}
   .show-mobile {display: block !important;}
 }

{#*** ACCESSIBILITY HIDDEN FIELDS **#}

span.hidden { display: none !important;  }
#return-to-top i span, .hhs-social-con i span, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
 
.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-lang-switch .lang_list_class li a, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-family: 'Lato', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; text-decoration: none; text-transform: none; }
.mega-menu ul li { line-height: 1.2em; }
.mega-menu .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.hhs-header-cta .cta-secondary, .hhs-header-cta .cta-tertiary, .hhs-header-cta .cta-primary, .hhs-header-cta .cta-four, .hhs-header-cta .cta-five { vertical-align: middle; will-change: transform; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-color: #84bd00; -webkit-border-radius: 0; border-radius: 0; color: #fff!important; font-family: Lato; font-size: 13px; font-style: normal; font-weight: 800; letter-spacing: 1px; padding: 10px 25px; text-transform: uppercase; padding: 15px 15px !important; font-size: 10px !important; -webkit-box-shadow: none; box-shadow: none; }
.hhs-header-cta .cta-secondary:focus, 
.hhs-header-cta .cta-secondary:hover, 
.hhs-header-cta .cta-tertiary:focus, 
.hhs-header-cta .cta-tertiary:hover , 
.hhs-header-cta .cta-primary:focus, 
.hhs-header-cta .cta-primary:hover , 
.hhs-header-cta .cta-four:focus, 
.hhs-header-cta .cta-four:hover , 
.hhs-header-cta .cta-five:focus,
.hhs-header-cta .cta-five:hover { background-color: #84bd00!important; color: #fff!important; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-left: 15px; padding-right: 15px; position: relative; width: 100%; }

.hs-search-field { position: relative; width: 1px; }
.hs-search-field.is-open .hs-search-field__bar { left: -40vw; max-width: 40vw; position: absolute; width: 40vw; }
.hhs-top-bar .hs-search-field__bar .hs-search-field__input { color: #444; line-height: 1.3; background-color: #fff; min-height: auto; margin: 0; }
.hhs-top-bar .hs-search-field__bar .hs-search-field__input::placeholder { color: #444; }
.header-sectiondp form, .header-sectiondp .submitted-message { border: 0; background-color: transparent; }
.top-bar-search:hover, .top-bar-search:focus{ border: 0; background-color: transparent; border-radius: 0; }
.hhs-top-bar .fas { color: #fff; }
.fa-search:before { content: "\f002"; }
.header-sectiondp { line-height: 1.15; }
.sticky-menu .hhs-nav-grid__extras .top-bar-search { color: rgba(68, 68, 68, 1.0); }