/** FONTS **/



/** END FONTS **/

@font-face {
  font-family: 'Switzer';
  src: url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/Switzer/Switzer-Light.woff') format('woff'),
    url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/Switzer/Switzer-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/Switzer/Switzer-Regular.woff') format('woff'),
    url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/Switzer/Switzer-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/Switzer/Switzer-Bold.woff') format('woff'),
    url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/Switzer/Switzer-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PasticheGrotesque';
  src: url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/PasticheGrotesque/PasticheGrotesqueWeb-Bold.woff') format('woff'),
    url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/PasticheGrotesque/PasticheGrotesqueWeb-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'PasticheGrotesque';
  src: url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/PasticheGrotesque/PasticheGrotesqueWeb-SemiBold.woff') format('woff'),
    url('https://6285294.fs1.hubspotusercontent-na1.net/hubfs/6285294/2022/fonts/PasticheGrotesque/PasticheGrotesqueWeb-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}





/** CSS VARS **/
:root{
    
    
        --body-line-height: 1.56; 
    
        --color-body-text: #323232; 
    
        --page-width: 1160px; 
    
        --color-body-input-placeholder: #667e8b; 
    
        --background-element: #ffffff; 
    
        --padding-section: 3.5rem; 
    
        --color-body-blog: #ffffff; 
    
        --color-4-input-border: transparent; 
    
        --color-sidebar: #ffffff; 
    
        --blog-font-size-max: 21px; 
    
        --color-4-input-background: #f6f6f6; 
    
        --color-4-input-placeholder: #667e8b; 
    
        --light-blue-btn: #0085ad; 
    
        --color-2-input-text: #667e8b; 
    
        --color-1-title: #ffffff; 
    
        --color-2-input-border: transparent; 
    
        --color-4-title: #0840A3; 
    
        --color-body-title: #0840A3; 
    
        --color-3-input-label: #5c5e5f; 
    
        --color-1-text: #ffffff; 
    
        --color-2-input-label: #5c5e5f; 
    
        --padding-section-lp: 2rem; 
    
        --color-1-input-label: #5c5e5f; 
    
        --color-3-input-background: #f6f6f6; 
    
        --font-size: 16px; 
    
        --font-size-viewport-max: 1360px; 
    
        --color-2-input-background: #f6f6f6; 
    
        --blog-font-size-min: 18px; 
    
        --font-family-body: 'Switzer', sans-serif; 
    
        --border-radius: 2px; 
    
        --color-4-input-label: #5c5e5f; 
    
        --color-header-scroll: #ffffff; 
    
        --color-4-input-text: #667e8b; 
    
        --color-body-landing: #ffffff; 
    
        --font-weight-title: 600; 
    
        --color-body-input-text: #667e8b; 
    
        --color-3-input-placeholder: #667e8b; 
    
        --page-width2: 1160px; 
    
        --color-3-title: #ffffff; 
    
        --color-4: #E8EDFF; 
    
        --color-footer: #323232; 
    
        --color-3-input-border: transparent; 
    
        --color-element-text: #ffffff; 
    
        --color-3-text: #ffffff; 
    
        --color-footer-header: #939393; 
    
        --color-body-input-background: #f6f6f6; 
    
        --color-1-input-placeholder: #667e8b; 
    
        --font-size-max: 18px; 
    
        --font-size-viewport-min: 900px; 
    
        --color-1-input-border: transparent; 
    
        --color-body-input-label: #5c5e5f; 
    
        --boxed: 1570px; 
    
        --color-4-text: #323232; 
    
        --font-size-min: 16px; 
    
        --font-size-title-ratio: 1.45444; 
    
        --color-2-input-placeholder: #667e8b; 
    
        --color-3-input-text: #667e8b; 
    
        --color-2-text: #ffffff; 
    
        --color-header: #ffffff; 
    
        --color-footer-text: #f6f6f6; 
    
        --color-2-title: #ffffff; 
    
        --title-line-height: 1.2; 
    
        --color-1-input-background: #f6f6f6; 
    
        --font-weight-body: 300; 
    
        --color-header-text: #323232; 
    
        --color-1-input-text: #667e8b; 
    
        --color-body-input-border: transparent; 
    
        --font-family-title: 'PasticheGrotesque', sans-serif; 
    
        --color-2: #F56354; 
    
        --color-3: #A378D9; 
    
        --color-body: #ffffff; 
    
        --color-1: #0840A3; 
    
}



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

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

/* This responsive framework is required for all styles. */
/** Bootstrap as fallback if doesn't support grid **/

/** END default HS Bootstrap **/



/** GRID system **/
.dgrid,
.dflex,
.dflex > .row-fluid-wrapper > .row-fluid{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dflex:before,
.dflex:after,
.dgrid:before,
.dgrid:after{
    content:none;
}

.dgrid{
    display: grid;
}

.vtop,
.vtop > .row-fluid-wrapper > .row-fluid,
.cm.vtop >.page-center,
.cm.vtop .page-center > div > .row-fluid{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.vcenter,
.vcenter > .row-fluid-wrapper > .row-fluid,
.cm.vcenter >.page-center,
.cm.vcenter .page-center > div > .row-fluid{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vbottom,
.vbottom > .row-fluid-wrapper > .row-fluid,
.cm.vbottom >.page-center,
.cm.vbottom > .page-center > div > .row-fluid{
    -webkit-box-align: end;
       -ms-flex-align: end;
     align-items: flex-end;
}

.vstretch,
.vstretch > .row-fluid-wrapper > .row-fluid,
.cm.vstretch >.page-center,
.cm.vstretch > .page-center > div > .row-fluid{
    -webkit-box-align: stretch;
       -ms-flex-align: stretch;
          align-items: stretch;
}

.acenter,
.acenter > .row-fluid-wrapper > .row-fluid,
.cm.acenter >.page-center,
.cm.acenter > .page-center > div > .row-fluid{
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.aspace,
.ajustify,
.aspace > .row-fluid-wrapper > .row-fluid,
.cm.aspace >.page-center,
.cm.aspace > .page-center > div > .row-fluid,

.ajustify > .row-fluid-wrapper > .row-fluid,
.cm.ajustify >.page-center,
.cm.ajustify > .page-center > div > .row-fluid{
         -webkit-box-pack: justify;
            -ms-flex-pack: justify;
    justify-content: space-between;
}
/** END grid system **/



/* Initial setup */
html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
*, *:before, *:after {
    box-sizing: inherit;
}


html,
body{
    font-size:  16px ;
  font-size:  var( --font-size-min) ;
}

body{
    margin: 0;
    padding: 0;
    font-family:  'Switzer', sans-serif ;
  font-family:  var( --font-family-body) ;

    color:  #323232 ;
  color:  var( --color-body-text) ;
    background-color:  #ffffff ;
  background-color:  var( --color-body) ;
    font-weight:  300 ;
  font-weight:  var( --font-weight-body) ;
    line-height:  1.56 ;
  line-height:  var( --body-line-height) ;
    overflow-x:hidden;
    letter-spacing: 0.01em;
   /* background: #e9e9e9;*/
  }

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

ul {
    padding-left: 1em;
}

.body-container-wrapper ul:not(.inputs-list):not(.nav-pagination):not(.hs-search-results__listing):not(.hs-search-field__suggestions) {
    list-style-type: initial;
    padding-left: 1.2em;
}

.body-container-wrapper ul:not(.inputs-list):not(.nav-pagination):not(.hs-search-results__listing):not(.hs-search-field__suggestions) li {
    padding-bottom: 12px;
    letter-spacing: 0.18px;
}

.body-container-wrapper ul:not(.inputs-list):not(.nav-pagination):not(.hs-search-results__listing):not(.hs-search-field__suggestions) li:before {
  
}

.body-container-wrapper ul:not(.inputs-list):not(.nav-pagination):not(.hs-search-results__listing):not(.hs-search-field__suggestions) li p {
    margin: 0;
    display: inline;
}

.body-container-wrapper ol li:before {
	display: none !important
}

.body-container-wrapper ul:not(.inputs-list):not(.nav-pagination):not(.hs-search-results__listing):not(.hs-search-field__suggestions) li ul li,
.body-container-wrapper ol:not(.inputs-list):not(.nav-pagination):not(.hs-search-results__listing):not(.hs-search-field__suggestions) li ul li {
	list-style: square
}

.body-container-wrapper ul:not(.inputs-list):not(.nav-pagination):not(.hs-search-results__listing):not(.hs-search-field__suggestions) li ul li:before {
    display: none;
}

iframe {
    max-width: 100%;
}

blockquote {
    margin: 3rem 0;
    padding-left: 20px;
    border-left: 5px solid #0085ad ;
  border-left: 5px solid var( --light-blue-btn) ;
    color:  #0085ad ;
  color:  var( --light-blue-btn) ;
    font-style: italic;
    font-size: 1.25rem;
    line-height: 1.47;
}

@media(min-width:768px) {
    blockquote {
        padding-left: 40px;
        font-size: 1.875rem;
    }
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:  'PasticheGrotesque', sans-serif ;
  font-family:  var( --font-family-title) ;
    font-weight:  600 ;
  font-weight:  var( --font-weight-title) ;
    line-height:  1.2 ;
  line-height:  var( --title-line-height) ;  
    color:  #0840A3 ;
  color:  var( --color-body-title) ;
    margin: 0;
    letter-spacing:0;
}

a {
    color:  #0840A3 ;
  color:  var( --color-1) ;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
    text-decoration:none;
    font-weight: bold;
    
}

a:hover {
  color:  #F56354 ;
  color:  var( --color-2) ;
}

.body-container-wrapper a {
   position: relative;
   display: inline-block;
}

body:not(.hs-blog-listing):not(.hs-blog-post):not(.search-result-page) .body-container-wrapper a:not(.cta_button):after {
   content: "";
    position: absolute;
    width: 100%;
    height: 2px;
   bottom: -3px;
   left: 0;
   border-bottom: 2px solid #F56354 ;
  border-bottom: 2px solid var( --color-2) ;
}

a.no-image-link  {
   display: block;
}

a.no-image-link:after {
    display: none !important;
}

/** Forms, inputs etc. moved and combined with CTAs in general classes and items */






/** FLUID FONT **/
:root{
    --font-size: 16px;
    --blog-font-size: 18px;
}
body{
    font-size:  16px ;
  font-size:  var( --font-size-min) ;
    transition: font-size .4s;
}
@media (min-width: 900px ){
    
    :root{
        --font-size: calc( 16px + ( 2px ) * (( 100vw - 900px ) / 460px ) );
        --blog-font-size: calc( 18px + ( 3px ) * (( 100vw - 900px ) / (460px ) ) );
    }
    body{
        font-size: 18px; 
        font-size: var(--font-size);
    }
    body.hs-blog-post  .post-body {
        font-size: 21px; 
        font-size: var(--blog-font-size);
    }
}
@media (min-width: 1360px ){
    :root{
        --font-size: 18px;
        --blog-font-size: 21px;
    }
    body{
        font-size:  18px ;
  font-size:  var( --font-size-max) ;
    }
    body.hs-blog-post  .post-body {
        font-size: var(--blog-font-size);
    }
}


h1, .h1, h2, .h2 {
    margin: 1rem 0;
}

h1,
.h1{
    font-size: 2.0625rem;
    line-height: 1.29;
    letter-spacing: normal;
}
h2,
.h2 {
    font-size: 2.0625rem;
    line-height: 1.29;
}
h3,
.h3,
.form-title {
    font-size: 1.875rem;
    line-height: 1.22;
    font-weight: normal;
    color: #323232;
}
h4,
.h4{
    font-size: 1.25rem;
    line-height: 1.29;
    font-weight: normal;  
}

h5,
.h5{
    font-size: 1.125rem;
    line-height: 1.48;
    font-weight: normal;
}

h6,
.h6 {
    font-size: 1.0rem;
    font-weight: normal;  
}



@media (min-width: 900px ){
    h1,
    .h1{
        font-size: 2.625rem;
    }
    h2,
    .h2 {
        font-size: 2.0rem;
    }
    h3,
    .h3,
    .form-title{
        font-size: 1.75rem;
    }
    h4,
    .h4{
        font-size: 1.5625rem;
    }
    h5,
    .h5 {
        font-size: 1.25rem;
    }

    h6,
    .h6 {
        font-size: 1.125rem;
    }

    .small{
        font-size: calc( 16px / 1.45444);
    }
  
    h6,
    .h6 {
        font-size: 1.375rem;
    }

}

@media (min-width: 1360px ){
    h1,
    .h1{
        font-size: 3.0rem;
    }

    h6,
    .h6 {
        font-size: 1.25rem;
    }
  
    .small{
        font-size: calc( 18px / 1.45444);
    }

}




/** Text selection colors **/
::-moz-selection{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    background:  #0840A3 ;
  background:  var( --color-1) ;
}
::-webkit-selection{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    background:  #0840A3 ;
  background:  var( --color-1) ;
}
::selection{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    background:  #0840A3 ;
  background:  var( --color-1) ;
}

.bg_primary ::selection{
    background:  #F56354 ;
  background:  var( --color-2) ;
}
.bg_primary ::-webkit-selection{
    background:  #F56354 ;
  background:  var( --color-2) ;
}
.bg_primary ::-moz-selection{
    background:  #F56354 ;
  background:  var( --color-2) ;
}


/*** DEFAULT ELEMENTS **/
.hs-menu-wrapper ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
.hs-menu-wrapper.hs-menu-flow-horizontal ul li,
.hs-menu-wrapper.hs-menu-flow-horizontal ul li a{
    display: inline-block; 
}


/* General classes */
.bg_primary{
    background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
}
.bg_secondary{
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
}
.bg_tertiary{
    background-color:  #A378D9 ;
  background-color:  var( --color-3) ;
}
.bg_quaternary{
    background-color:  #E8EDFF ;
  background-color:  var( --color-4) ;
}
.bg_body{
    background-color:  #ffffff ;
  background-color:  var( --color-body) ;
}
.bg_header {
    background-color:  #ffffff ;
  background-color:  var( --color-header) ;
}
.bg_footer {
    background-color:  #323232 ;
  background-color:  var( --color-footer) ;
}

.split_primary:before{
    background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
}
.split_secondary:before{
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
}
.split_tertiary:before{
    background-color:  #A378D9 ;
  background-color:  var( --color-3) ;
}
.split_quaternary:before{
    background-color:  #E8EDFF ;
  background-color:  var( --color-4) ;
}
.split_body:before{
    background-color:  #ffffff ;
  background-color:  var( --color-body) ;
}


/* Primary */
.bg_primary,
.bg_primary a:not(.cta_button),
.bg_primary a:not(.cta_button) *{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}

.bg_primary h1,
.bg_primary h2,
.bg_primary h3,
.bg_primary h4,
.bg_primary h5,
.bg_primary h6,
.bg_primary .h1,
.bg_primary .h2,
.bg_primary .h3,
.bg_primary .h4,
.bg_primary .h5,
.bg_primary .h6,
.bg_primary a{
    color:  #ffffff ;
  color:  var( --color-1-title) ;
}

.bg_primary .cta_button{}

.bg_primary button:hover,
.bg_primary input[type='submit']:hover,
.bg_primary .hs-button:hover,
.bg_primary .cta_button:hover{}

.bg_primary input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.bg_primary textarea,
.bg_primary select {
    background-color:  #f6f6f6 ;
  background-color:  var( --color-1-input-background) ;
    color:  #667e8b ;
  color:  var( --color-1-input-text) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-1-input-border) ;
}

.bg_primary input[type=checkbox]{
    background-color:  #f6f6f6 ;
  background-color:  var( --color-1-input-background) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-1-input-border) ;
}

.bg_primary input[type=checkbox]:before{
    color:  #667e8b ;
  color:  var( --color-1-input-text) ;
}

.bg_primary .field.text > label {
    color:  #5c5e5f ;
  color:  var( --color-1-input-label) ;
}

.bg_primary form label,
.bg_primary .field.text.active>label {
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}

.bg_primary ::-webkit-input-placeholder,
.bg_primary ::-moz-placeholder,
.bg_primary :-ms-input-placeholder,
.bg_primary :-moz-placeholder { 
    color:  #667e8b ;
  color:  var( --color-1-input-placeholder) ;
}

/* Secondary */
.bg_secondary,
.bg_secondary a:not(.cta_button),
.bg_secondary a:not(.cta_button) *{
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}

.bg_secondary h1,
.bg_secondary h2,
.bg_secondary h3,
.bg_secondary h4,
.bg_secondary h5,
.bg_secondary h6,
.bg_secondary .h1,
.bg_secondary .h2,
.bg_secondary .h3,
.bg_secondary .h4,
.bg_secondary .h5,
.bg_secondary .h6,
.bg_secondary a{
    color:  #ffffff ;
  color:  var( --color-2-title) ;
}

.bg_secondary .cta_button{
    background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
}

.bg_secondary button:hover,
.bg_secondary input[type='submit']:hover,
.bg_secondary .hs-button:hover,
.bg_secondary .cta_button:hover{
    background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
}

.bg_secondary input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.bg_secondary textarea,
.bg_secondary select {
    background-color:  #f6f6f6 ;
  background-color:  var( --color-2-input-background) ;
    color:  #667e8b ;
  color:  var( --color-2-input-text) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-2-input-border) ;
}

.bg_secondary input[type=checkbox]{
    background-color:  #f6f6f6 ;
  background-color:  var( --color-2-input-background) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-2-input-border) ;
}

.bg_secondary input[type=checkbox]:before{
    color:  #667e8b ;
  color:  var( --color-2-input-text) ;
}

.bg_secondary form label,
.bg_secondary .field.text > label {
    color:  #5c5e5f ;
  color:  var( --color-2-input-label) ;
}

.bg_secondary ::-webkit-input-placeholder,
.bg_secondary ::-moz-placeholder,
.bg_secondary :-ms-input-placeholder,
.bg_secondary :-moz-placeholder { 
    color:  #667e8b ;
  color:  var( --color-2-input-placeholder) ;
}

/* Tertiary */
.bg_tertiary,
.bg_tertiary a:not(.cta_button),
.bg_tertiary a:not(.cta_button) *{
    color:  #ffffff ;
  color:  var( --color-3-text) ;
}

.bg_tertiary h1,
.bg_tertiary h2,
.bg_tertiary h3,
.bg_tertiary h5,
.bg_tertiary h6,
.bg_tertiary .h1,
.bg_tertiary .h2,
.bg_tertiary .h3,
.bg_tertiary .h4,
.bg_tertiary .h5,
.bg_tertiary .h6,
.bg_tertiary a{
    color:  #ffffff ;
  color:  var( --color-3-title) ;
}

.bg_tertiary .cta_button{}
.bg_tertiary button:hover,
.bg_tertiary input[type='submit']:hover,
.bg_tertiary .hs-button:hover,
.bg_tertiary .cta_button:hover{}

.bg_tertiary input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.bg_tertiary textarea,
.bg_tertiary select {
    background-color:  #f6f6f6 ;
  background-color:  var( --color-3-input-background) ;
    color:  #667e8b ;
  color:  var( --color-3-input-text) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-3-input-border) ;
}

.bg_tertiary input[type=checkbox]{
    background-color:  #f6f6f6 ;
  background-color:  var( --color-3-input-background) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-3-input-border) ;
}

.bg_tertiary input[type=checkbox]:before{
    color:  #667e8b ;
  color:  var( --color-2-input-text) ;
}

.bg_tertiary form label,
.bg_tertiary .field.text > label {
    color:  #5c5e5f ;
  color:  var( --color-3-input-label) ;
}

.bg_tertiary ::-webkit-input-placeholder,
.bg_tertiary ::-moz-placeholder,
.bg_tertiary :-ms-input-placeholder,
.bg_tertiary :-moz-placeholder { 
    color:  #667e8b ;
  color:  var( --color-3-input-placeholder) ;
}

/* Quaternary */
.bg_quaternary,
.bg_quaternary a:not(.cta_button),
.bg_quaternary a:not(.cta_button) *{
    color:  #323232 ;
  color:  var( --color-4-text) ;
}

.bg_quaternary .cta_button{
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}
.bg_quaternary button:hover,
.bg_quaternary input[type='submit']:hover,
.bg_quaternary .hs-button:hover,
.bg_quaternary .cta_button:hover{}

.bg_quaternary h1,
.bg_quaternary h2,
.bg_quaternary h4,
.bg_quaternary h5,
.bg_quaternary h6,
.bg_quaternary .h1,
.bg_quaternary .h2,
.bg_quaternary .h3,
.bg_quaternary .h4,
.bg_quaternary .h5,
.bg_quaternary .h6,
.bg_quaternary a{
    color:  #0840A3 ;
  color:  var( --color-4-title) ;
}



.bg_quaternary input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.bg_quaternary textarea,
.bg_quaternary select {
    background-color:  #f6f6f6 ;
  background-color:  var( --color-4-input-background) ;
    color:  #667e8b ;
  color:  var( --color-4-input-text) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-4-input-border) ;
}

.bg_quaternary input[type=checkbox]{
    background-color:  #f6f6f6 ;
  background-color:  var( --color-4-input-background) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-4-input-border) ;
}

.bg_quaternary input[type=checkbox]:before{
    color:  #667e8b ;
  color:  var( --color-4-input-text) ;
}

.bg_quaternary form label,
.bg_quaternary .field.text > label {
    color:  #5c5e5f ;
  color:  var( --color-4-input-label) ;
}
 
.bg_quaternary ::-webkit-input-placeholder { 
    color:  #667e8b ;
  color:  var( --color-4-input-placeholder) ;
  color: #667e8b !important;
}

.bg_quaternary ::-moz-placeholder { 
    color:  #667e8b ;
  color:  var( --color-4-input-placeholder) ;
  color: #667e8b !important;
}

.bg_quaternary :-ms-input-placeholder { 
    color:  #667e8b ;
  color:  var( --color-4-input-placeholder) ;
  color: #667e8b !important;
}

.bg_quaternary ::placeholder  { 
    color:  #667e8b ;
  color:  var( --color-4-input-placeholder) ;
  color: #667e8b !important;
}

.bg_body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.bg_body textarea,
.bg_body select {
    background-color: #fff;
}
/* Header */
.bg_header,
.bg_header a,
.bg_header p, 
.bg_header div{
    color:  #323232 ;
  color:  var( --color-header-text) ;
}

/* Footer */
.bg_footer,
.bg_footer a,
.bg_footer p,
.bg_footer div{
    color:  #f6f6f6 ;
  color:  var( --color-footer-text) ;
}

.bg_footer .cta_button{
    background-color:  #323232 ;
  background-color:  var( --color-footer) ;
    color:  #f6f6f6 ;
  color:  var( --color-footer-text) ;
}

.bg_footer h1,
.bg_footer h2,
.bg_footer h3,
.bg_footer h4,
.bg_footer h5,
.bg_footer h6,
.bg_footer .h1,
.bg_footer .h2,
.bg_footer .h3,
.bg_footer .h4,
.bg_footer .h5,
.bg_footer .h6,
.bg_footer a{
    color:  #939393 ;
  color:  var( --color-footer-header) ;
}


.fleft,
.float-left{
    float: left !important;
}
.fright,
.float-right{
    float: right !important;
}
.text-center{text-align: center;}
.text-right{text-align: right;}


/* Object Fit */
.bg_image_fit {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
}

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



/** fix to disable min height for widgets different than spacer **/
.row-fluid [class*="span"]:not(.widget-type-space){
    min-height: 0;
}
/* for the new design manager there is a different way tho: */
.hs_cos_wrapper_type_space {
    min-height: 28px;
    display: block;
}


/** container **/
.page-center,
.row-fluid .page-center{
    /*overflow: auto;*/
    width:  1160px ;
  width:  var( --page-width) ;
    width: calc( 1160px + (3.5rem * 2) );

    max-width:100%;
    margin: 0 auto;
    float: none;
    margin-left: auto !important;
    box-sizing: border-box;
    padding-left:  3.5rem ;
  padding-left:  var( --padding-section) ;
    padding-right:  3.5rem ;
  padding-right:  var( --padding-section) ;
}
.page-center .page-center{
    padding-left: 0;
    padding-right: 0;
}
.page-center.bigger{
  
}

.section,
.cm:not(.section) .page-center{
    padding-top: 2rem;
    padding-bottom: 2rem;
}


@media (max-width: 768px) {
.thankyou .cm.services-wrapper {
      padding: 0;
  }
}

@media (min-width: 768px) {
  .section,
  .cm:not(.section) .page-center{
      padding-top:  3.5rem ;
  padding-top:  var( --padding-section) ;
      padding-bottom:  3.5rem ;
  padding-bottom:  var( --padding-section) ;
  }
  
  .thankyou .section,
  .thankyou .cm:not(.section) .page-center,
  .landing-page .section,
  .landing-page .cm:not(.section) .page-center {
      padding-top:  2rem ;
  padding-top:  var( --padding-section-lp) ;
      padding-bottom:  2rem ;
  padding-bottom:  var( --padding-section-lp) ;
  }
  
  .ls-copy {
      text-align: right;
  }
}

/** END container **/

.cm .section-header {
    margin-bottom: 2rem;
}
.cm .section-header p {
    margin-bottom: 0;
}

.ele-with-background {
    background-color:  #ffffff ;
  background-color:  var( --background-element) ;
}

.ele-with-background a:not(.cta_button):not(.topic-link):not(.hs-button){}


@media (max-width: 1062px) {
  .page-center, .row-fluid .page-center {
      padding: 1rem 20px;
      max-width: 100%
   }
  
}


/*** FORMS and buttons/CTAs **/

.cta_button { 
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
    color:  #ffffff ;
  color:  var( --color-2-text) ;
    border-radius:  2px ;
  border-radius:  var( --border-radius) ;
    border: none;
    padding: 0.6875rem 1.5rem;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1.33;
    margin-top: 5px;
    margin-bottom: 10px;
    letter-spacing: 0.02em;
}

.cta_button:hover{
    background-color: rgba(245, 99, 84, .7);
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}

.cta_button.white_cta {
    background: #ffffff;
    color: #292929;
}

.header-container-wrapper .cta_button {
    padding: .5rem 0;
    width: 100%;
    max-width: 140px;
}

/* fix to remove background and padding for CTA Images */
a.cta_button.img{
    background: none !important;
    padding: 0 !important;
}
form ul {
    padding: 0;
    list-style: none;
}

button,
input[type='submit'],
.hs-button{
    -webkit-appearance: none;
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
    color:  #ffffff ;
  color:  var( --color-2-text) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-body-input-border) ;
    border-radius:  2px ;
  border-radius:  var( --border-radius) ;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
    outline: none;
    padding: 1em 0;
    margin-top: 1.5rem;
    width: 100%;
    text-decoration: none !important
    display: block;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.125rem;
    font-family:  'Switzer', sans-serif ;
  font-family:  var( --font-family-body) ;
}
button:hover,
input[type='submit']:hover,
.hs-button:hover {
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
}

form button,
form input[type='submit'],
form .hs-button{
    padding: 1rem 0;
}



input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
textarea,
select {
    padding:  1.0rem  1.25rem;
    border: 0;
    outline: 0;
    width: 100% !important;
    font-size: 1.125rem;
    box-sizing:border-box;
    border-radius:  2px ;
  border-radius:  var( --border-radius) ;
    font-family:  'Switzer', sans-serif ;
  font-family:  var( --font-family-body) ;
    font-weight:  300 ;
  font-weight:  var( --font-weight-body) ;
    background-color:  #f6f6f6 ;
  background-color:  var( --color-body-input-background) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-body-input-border) ;
    color:  #667e8b ;
  color:  var( --color-body-input-text) ;
}

textarea {
    resize: none;
    overflow: hidde
}

.hs-fieldtype-select .input {
    position: relative;
    margin-top:0.6em
}
.hs-fieldtype-select .input:before {
    
    background-repeat: no-repeat;
    content: "";
    width: 17px;
    height: 28px;
    position: absolute;
    right: 10px;
    top: 18px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-2x'%3E%3Cpath fill='%23667e8b' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.hs-fieldtype-select.focus .input:before{
     -webkit-transform:  rotateX(180deg); /* WebKit */
    -moz-transform: rotateX(180deg); /* Mozilla */
    -o-transform:  rotateX(180deg); /* Opera */
    -ms-transform:  rotateX(180deg); /* Internet Explorer */
    transform: rotateX(180deg);
}

select{
    min-height: 39px;
    -webkit-appearance: none;
}
select::-ms-expand {
    display: none;
}
select:focus {

}

input[type=checkbox],
input[type=checkbox]:checked:before{
    display: inline-block;
}
input[type=checkbox]{
    -webkit-appearance: none;
    display: inline-block;
    width: 17px !important;
    height: 17px;
    background-color:  #f6f6f6 ;
  background-color:  var( --color-body-input-background) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-body-input-border) ;
    border-radius:  2px ;
  border-radius:  var( --border-radius) ;
    margin-bottom: -4px;
    margin-right: 9px;
    outline: none;
    cursor: pointer;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
    position: relative;
    vertical-align: baseline;
}



input[type=checkbox]:before{
    position: absolute;
    opacity: 0;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
    width: 12px;
    height: 15px;
    
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' %3E%3C/path%3E%3C/svg%3E");
    content: "";
    top: 3px;
    left: 4px;  
    
}

input[type=checkbox]:checked{ }
input[type=checkbox]:checked:before{
    opacity: 1;
}

.legal-consent-container {
    margin-top: 5px;
}

.legal-consent-container,
.legal-consent-container .hs-richtext,
form .hs-richtext {
     font-size: 0.8125rem;
    padding-top: 1px;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    float:none !important;
    vertical-align: top;
}

.legal-consent-container label{
    font-size: 1rem
}
.legal-consent-container input[type=checkbox]:checked{ }
.legal-consent-container input[type=checkbox]:before{ }

.legal-consent-container .hs-form-booleancheckbox-display>span {
    display: inline!important;
    padding-top: 3px !important;
    margin-left: 0 !important;
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
   /*  margin-left: 35px; */
}


input[type=radio],
input[type=radio]:checked:before{
    display: inline-block;
    border-radius: 50%;
}
input[type=radio]{
    -webkit-appearance: none;
    cursor:pointer;
    outline:none;
    width: 16px !important;
    height: 16px;
    background-color:  #f6f6f6 ;
  background-color:  var( --color-body-input-background) ;
    border: 1px solid  transparent ;
  border: 1px solid  var( --color-body-input-border) ;
    margin: 0 .5rem 0 0;
    vertical-align: baseline;
}
input[type=radio]:checked:before {
    content:"";
    width:8px;
    height:8px;
    background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
    position:absolute;
    margin:4px;
}


.hs-form-required{
    color:  #0840A3 ;
  color:  var( --color-1) ;
}


.hs-form-field label {
    font-weight: 400;
    margin: 1rem 0 .4rem;
    display: inline-block;
}
.hs-form-field[class*=checkbox] label,
.hs-form-field[class*=select] label,
.hs-form-field .multi-container label {
    cursor: pointer;
}
.field {
    position: relative;
}
.field.text {
    margin-top: 2rem;
}
.field:not(.text) {
    margin-top: 1rem;
}

.field.text > label{
    position: absolute;
    top: 0;
    margin: .9rem 1.5rem; 
    color:  #ffffff ;
  color:  var( --color-element-text) ;
    font-size: inherit;
    cursor: initial;
    pointer-events: none;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
.field.text.active > label{
    top: -2.5rem;
    margin-left: 0;
    font-size: .8em;
}


/* animation to add space for label and reduce right before the send button */
.field.text {
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
    margin-top: .5rem;
}
.field.text.active {
    margin-top: 1rem;
}
.field.text.active ~ button,
.field.text.active ~ input[type='submit'],
.field.text.active ~ .hs-button {
    margin-top: 1rem;
}



ul.hs-error-msgs.inputs-list{
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.hs-error-msgs.inputs-list label{
    display:block;
    margin: .2rem 0 .5rem;
    font-size: .9rem;
    color: red;
}

input.invalid,
input.error{
    border-color: red !important;
}

/** transparent fields **/

/* used on blog comment for example */
.transparent-fields input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.transparent-fields textarea,
.transparent-fields select{
    background-color: transparent;
}
.transparent-fields button,
.transparent-fields input[type=submit]{
    background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}
.transparent-fields label,
.transparent-fields .field.text > label{
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}
.transparent-fields ::-webkit-input-placeholder,
.transparent-fields ::-moz-placeholder,
.transparent-fields :-ms-input-placeholder,
.transparent-fields :-moz-placeholder { 
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}

.submit-button-right form .hs-recaptcha,
.submit-button-right form .actions{
    text-align: right;
}
.submit-button-right form .hs-recaptcha .grecaptcha-badge{
    display: inline-block;
}
.submit-button-right form button,
.submit-button-right form input[type=submit]{
    width: auto;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Override Hubspot Built in Modules Styling */

/* Follow ME */

.fm_button span {
    background-image: none !important;
    padding-top: 10px;
}

.fm_button span:before {
    height: 25px;
    width: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    content: "";
}

.fm_button.fm_rss span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='rss' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-rss fa-w-14 fa-2x'%3E%3Cpath fill='%23323232' d='M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.fm_button.fm_twitter span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-twitter fa-w-16 fa-2x'%3E%3Cpath fill='%23323232' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.fm_button.fm_facebook span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-f' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-facebook-f fa-w-10 fa-2x'%3E%3Cpath  fill='%23323232' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z' class=''%3E%3C/path%3E%3C/svg%3E");
}

/* Post Filter */
.hs_cos_wrapper_type_post_filter a,
.hs_cos_wrapper_type_post_listing a {
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}

/* Social Sharing */
.hs_cos_wrapper_type_social_sharing img {
    display: none !important;
}

.hs_cos_wrapper_type_social_sharing img ~ span {
    padding: 10px 15px 0 0;
}
.hs_cos_wrapper_type_social_sharing img ~ span:before {
    height: 25px;
    width: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    content: "";
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on facebook"] ~ span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-f' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-facebook-f fa-w-10 fa-2x'%3E%3Cpath  fill='%23323232' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on linkedin"] ~ span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='linkedin-in' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-linkedin-in fa-w-14 fa-2x'%3E%3Cpath fill='%23323232' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on twitter"] ~ span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-twitter fa-w-16 fa-2x'%3E%3Cpath fill='%23323232' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on google_plus"] ~ span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='google-plus-g' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' class='svg-inline--fa fa-google-plus-g fa-w-20 fa-2x'%3E%3Cpath fill='%23323232' d='M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on pinterest"] ~ span:before {
   background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='pinterest-p' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-pinterest-p fa-w-12 fa-2x'%3E%3Cpath fill='%23323232' d='M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on email"] ~ span:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='envelope' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-envelope fa-w-16 fa-2x'%3E%3Cpath fill='%23323232' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z' class=''%3E%3C/path%3E%3C/svg%3E");
}

/* post listing */
.hs_cos_wrapper_type_rss_listing > h3 {
  margin-bottom: 15px;
}


/* LANDING PAGE */
.landing-page .header-container-wrapper .upper-menu-wrapper,
.landing-page .header-container .main-menu{
    display: none;
}

.landing-page .header-container-wrapper .bottom-menu .logo-wrapper {
        position: relative;
}

.hs-landing-page{
    
}

.sidebar{
    background-color:  #ffffff ;
  background-color:  var( --color-sidebar) ;
}

.left-content .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget > .hs_cos_wrapper_widget {
    padding-top: 2rem;
}

.landing-page .page-center.section, .thankyou .page-center.section {
    position: relative;
    background-color: #fff;
    width: 1160px;
}

.landing-page .bottom-menu {
    text-align: center;
}

.landing-page .bottom-menu .logo-wrapper {
    margin: 0 auto;
}

.landing-page .cm.logo {
    margin-top: 0;
}

.landing-page .hero-img, .thankyou .hero-img {
    height: 115px;
    z-index: -1;
}

.landing-page .hero-img img, .thankyou .hero-img img {
    width: 100%;
    height: auto;
    display: inline-block;
    object-fit: cover;
}


.landing-page .footer1 {
    display: none !important;
}

.landing-page .hs-form {
    margin-top: 1.2em
}

/* Customized Placeholder */

.hs-form-field label {
    font-weight: 400;
    margin: 0;
    font-size: 1rem;
    display: inline-block;
}
.hs-form-field[class*=checkbox] label,
.hs-form-field[class*=select] label,
.hs-form-field .multi-container label {
    cursor: pointer;
}
.field {
    position: relative;
    margin-bottom: 1rem;
}

.field:not(.text) {
    margin-top: 1rem;
}

.field.text > label{
    position: absolute;
    top: 6px;
    margin: .55rem 1.5rem;
    color:  #667e8b ;
  color:  var( --color-body-input-placeholder) ;
    cursor: initial;
    pointer-events: none;
    transition: all .3s
}

.field.text.active > label{
    top: -4rem;
    margin-left: 0;
    padding-top:2em;
    font-size: .8em;
    color:  #323232 ;
  color:  var( --color-body-text) ;
}

.field.text.active {
    margin-top: 2.5em 
}

.hs-form-field label > input {
    margin: 0.5em 1em 0.5em 0;
    vertical-align: middle;
}

@media (max-width:1140px){
  .hs-form-field label > input {
      margin-right: 0.6em;
  }
}


input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select {
    background-color:  #ffffff ;
  background-color:  var( --color-body) ;
}


.landing-page .body-container-wrapper,
.thankyou .body-container-wrapper{
    padding-bottom: 6em;
}

.landing-page .left-content .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget>.hs_cos_wrapper_widget {
    padding-left: 1rem;
}

.landing-page .sidebar .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget>.hs_cos_wrapper_widget {
    padding: 1rem;
}

@media(min-width: 768px) {
  .landing-page .sidebar .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget>.hs_cos_wrapper_widget {
      padding: 2.5rem;
  }
}

.thankyou .cm.services-wrapper .services-content .service .icon-wrapper {
    margin-bottom:0
}

.thankyou #widget_12696396183.cm .service#column-1 {
    padding-top:0
}
.thankyou .service-content a:after, .thankyou .service-content a>svg {
    display: none;
}
.thankyou .service-content a:not(.cta_button) {
    color:  #0085ad ;
  color:  var( --light-blue-btn) ;
}
.hs-form input[type=radio] {
    width: 26px !important;
    height: 26px;
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
    border: none;
    line-height: 26px;
    vertical-align: middle;
    margin-right: 1em;
}
.hs-form input[type=radio]:checked:before {
   background-color:  #ffffff ;
  background-color:  var( --color-1-text) ;
    margin:8px;
    width: 10px;
    height: 10px;
}

.hs-form input[type=checkbox] {
	  background-color:  #F56354 ;
  background-color:  var( --color-2) ;
    width: 22px !important;
    height: 22px;
    border-radius: 0px;
    display: inline-block;
   /* margin-left: -2rem;*/
}
.hs-form-field label.hs-form-checkbox-display>input,
.hs-form-field[class*=checkbox] label.hs-form-booleancheckbox-display>input{
    margin-top: 0;
    margin-bottom: 0;
}

.hs-form-field[class*=checkbox] label.hs-form-checkbox-display,
.hs-form-field[class*=checkbox] label.hs-form-booleancheckbox-display,
.legal-consent-container  .hs-form-booleancheckbox-display {
    margin-left: 2rem;
        margin-bottom: 10px;
    line-height: 1.6;
        text-indent: -2rem;
}

.hs-fieldtype-booleancheckbox {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.hs-fieldtype-booleancheckbox ul {
    margin-top: 0;
    margin-bottom: 0;
}

    





/* Project changes */


.header-container-wrapper,
.body-container-wrapper,
.footer-container-wrapper{
    margin:auto;
    float: none !important;
    width:  1570px !important;
  width:  var( --boxed) !important;
    max-width: 100%;
}


.body-container-wrapper{
    
    padding-top: 0;
    
    overflow: hidden;
    background: #fff;
}

@media(min-width:768px) {
  .body-container-wrapper{
      max-width: 100vw;
  }
}

.footer-container-wrapper{
    background-color:  #323232 ;
  background-color:  var( --color-footer) ;
    color:  #f6f6f6 ;
  color:  var( --color-footer-text) ;
}
.footer-container{
    font-size: 0.75rem;
    line-height: 1.3rem;
}

.footer-container .hs-menu-wrapper > ul > li {
    padding: 0 0 7px 0;
}

.footer-container a, .footer1 p {
    color:  #f6f6f6 ;
  color:  var( --color-footer-text) ;
}

.footer-container .footer-title {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-logo {
   margin-bottom: 20px;
}

.footer-container .footer1 .widget-type-text{
    color:  #ffffff ;
  color:  var( --color-2-title) ;
    font-size: .8rem;
    text-transform: uppercase;
    margin-bottom: .5rem
}
.footer-container .footer1 p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.footer1  {
    background-color:  #323232 ;
  background-color:  var( --color-footer) ;
}
.footer1 h4 {
    color:  #939393 ;
  color:  var( --color-footer-header) ;
    margin-bottom: 1rem;
    font-size: 21px;
}
.footer1 .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    justify-content: flex-start;
    display:block;
}
.footer1 .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
    display: block;
}
.footer2 {
    background-color: #323232;
    color:  #939393 ;
  color:  var( --color-footer-header) ;
    padding: 10px 0
}

.footer2 p {
    margin: 0
}

.footer2 a {
    font-weight: normal
}

.footer2 a:hover {
    text-decoration: underline
}

.footer2 p > a {
    color:  #939393 ;
  color:  var( --color-footer-header) ;
}

  .footer2 ul {
    padding-left: 0;
    margin: 0;
}
.footer2 ul li {
    display: inline-block;
}

.footer2 ul li:not(:first-child) {
  padding-left: 2rem;
} 

.footer2 ul li a {
    color:  #f6f6f6 ;
  color:  var( --color-footer-text) ;
}


.footer1 .footer-menu.social-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
    display: inline-block;
    width: 35px;
    text-align: center
}

.social-menu li a {
    display: block !important;
    width: 22px;
}

.social-menu li a .facebook svg {
    width: 13px;
}

.social-menu li a .youtube svg {
    width: 25px;
}

.widget-type-custom_widget.cw-about {
    width: 85%;
    padding-top: 1.5em
}

@media(max-width: 767px) {
  .footer-container {
    font-size: 14px;
        line-height: 1.6;
  }
  
  .footer-container .hs-menu-wrapper>ul>li {
      padding: 0 0 12px 0;
  }
}




/** Common header **/

.header-container-wrapper{
    width: 100%;
    z-index: 9999;
    position: relative;
    
    background-color:  #ffffff ;
  background-color:  var( --color-header) ;
    color:  #323232 ;
  color:  var( --color-header-text) ;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.header-container-wrapper.scroll {
    background-color:  #ffffff ;
  background-color:  var( --color-header-scroll) ;
    position: fixed;
    -webkit-transition: .5s transform;
-moz-transition: .5s transform;
-o-transition: .5s transform;
-ms-transition: .5s transform;
transition: .5s transform;
    margin-top: -80px;
    -webkit-transform:  translateY(80px); /* WebKit */
    -moz-transform: translateY(80px); /* Mozilla */
    -o-transform:  translateY(80px); /* Opera */
    -ms-transform:  translateY(80px); /* Internet Explorer */
    transform: translateY(80px);
}

.header-container-wrapper.scroll .upper-menu-wrapper {
    display: none;
}

.header-container .page-center{
    position:relative;
}

.header-container .widget-type-logo{
    padding: 1rem 0;
}

.header-container-wrapper .hs_cos_wrapper_type_logo img {
    max-height: 60px;
    width: auto !important;
}

.header-container-wrapper .hs-menu-wrapper ul li a {
    font-weight:600;
}

 
.cm.logo {
  
    position: relative;
    z-index: 9;
}

.header-container-wrapper.scroll .cm.logo {
    margin-top:0
}

.main-menu {
  
    position: relative;
}



.search-custom-bar input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .search-custom-bar .hs-search-field__input {
  
    background-color:   ;
  background-color:  var( --color-body-input-background ) ;
    height: 25px;
    margin-top: 9px;
    margin-right: 7px;
    border: 1px solid #fff;
    border-radius: 14px;
    max-width: 100px;
    position: relative;
   
  
    width: 100% !important;
    margin-left: 30px;
   
}







.cm-search.hs-search-field-container .hs-search-field__bar button[type="submit"] {
    width: 12px;
}
.cm-search.hs-search-field-container .hs-search-field__bar button svg {
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    width: 12px;
}

.header-container-wrapper .main-menu .hs-menu-wrapper >ul>li:last-child>a { 
		background-color:  #F56354 ;
  background-color:  var( --color-2) ;
		color:   ;
  color:  var( --color-2-text ) ;
}


/** MOBILE MENU **/

@media(max-width: 767px ) { 
    .mobile_trigger{ 
        top: 19px !important
    } 
}

@media(max-width: 1063px ) {
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:not(:last-child) {
        margin-right: 1rem !important;
    }
}


@media(max-width: 1062px){
  .widget-type-custom_widget.main-menu {
        width: 94%; 
  }
    .mobile_trigger{
        position: absolute;
        right: 1rem;
        top: 19px;
        font-size: 2rem;
        cursor: pointer;
        padding: 0;
        color:  #ffffff ;
  color:  var( --color-1-text) ;
        text-shadow: 0 0 60px var( --color-1 ),0 0 15px var( --color-1 ), 0 0 2px var( --color-1 );
        z-index: 9999999;
    }
  
    
    
    .mobile_trigger span:before{ 
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        width: 30px;
        height: 33px;
        vertical-align: middle;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='bars' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-bars fa-w-14 fa-2x'%3E%3Cpath fill='%230840A3' d='M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z' class=''%3E%3C/path%3E%3C/svg%3E");
     }
    .menu_active {
        overflow: hidden;
    }
    .menu_active .mobile_trigger span:before{
        height: 35px;
        width: 20px;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10 fa-2x'%3E%3Cpath fill='%23ffffff' d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' class=''%3E%3C/path%3E%3C/svg%3E");
    }
    .header-container-wrapper .hs-menu-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        overflow-y: auto;
        min-width: 200px;
        width: 90%;
        max-width: 400px;
        display: inline-block;
        background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
        padding: 6rem 2rem 2rem;
        box-shadow: 0 0 1px rgba(255,255,255,.5);
        -webkit-transform: translateX(100%); /* WebKit */
        -moz-transform:translateX(100%); /* Mozilla */
        -o-transform:  translateX(100%); /* Opera */
        -ms-transform:  translateX(100%); /* Internet Explorer */
        transform: translateX(100%);
        -webkit-transition: transform .5s;
-moz-transition: transform .5s;
-o-transition: transform .5s;
-ms-transition: transform .5s;
transition: transform .5s;
        z-index: 99999;
    }
    body.menu_active .header-container-wrapper .hs-menu-wrapper {
         -webkit-transform: translateX(0); /* WebKit */
        -moz-transform:translateX(0); /* Mozilla */
        -o-transform:  translateX(0); /* Opera */
        -ms-transform:  translateX(0); /* Internet Explorer */
        transform: translateX(0);
    }
    body.menu_active .header-container-wrapper:after {
        position: fixed;
        content: "";
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        z-index: 9999;
        -webkit-transition: 0.001s;
-moz-transition: 0.001s;
-o-transition: 0.001s;
-ms-transition: 0.001s;
transition: 0.001s;
        pointer-events: none;
        cursor: close;
    }
  
  .header-container-wrapper .hs_cos_wrapper_type_logo img {
        max-height: 100%;
        width: 150px !important;
        max-width: 100%;
        margin-top:1em;
   }
  
  .header-container-wrapper.scroll .hs_cos_wrapper_type_logo img {
        margin-top:0em
  }
  
    .header-container-wrapper .hs-menu-wrapper > ul li{
        display: block;
        position: relative;
    }

    .header-container-wrapper .hs-menu-wrapper > ul li a{
        color:  #ffffff ;
  color:  var( --color-1-text) ;
        padding:0 0 .5em;
    }
    .header-container-wrapper .hs-menu-wrapper > ul li:hover > a,
    .header-container-wrapper .hs-menu-wrapper > ul li:focus > a,
    .header-container-wrapper .hs-menu-wrapper > ul li > a:focus,
    .header-container-wrapper .hs-menu-wrapper > ul li.active > a{
        color:  #ffffff ;
  color:  var( --color-3-text) ;
        text-decoration: underline;
    }
  
    .header-container-wrapper .hs-menu-wrapper > ul > li {
        border-bottom: 1px solid rgba(255,255,255,0.5);
        padding-top: 15px;
    }
    
    .header-container-wrapper .hs-menu-wrapper > ul > li{
        height: auto;
    }
    .header-container-wrapper .hs-menu-wrapper > ul > li:last-child {
        border: 0;
        padding: 0;
    }
    .header-container-wrapper .hs-menu-wrapper > ul > li:last-child a {
        display:inline-block;
        padding: .5rem 1rem;
        border: 1px solid #ffffff ;
  border: 1px solid var( --color-1-text) ;
        margin-top:1rem;
        text-decoration:none;
    }
    .header-container-wrapper .hs-menu-wrapper > ul > li:last-child a:hover,
    .header-container-wrapper .hs-menu-wrapper > ul > li:last-child a:focus,
    .header-container-wrapper .hs-menu-wrapper > ul > li:last-child a:active{
        color:  #0840A3 ;
  color:  var( --color-1) ;
        background-color:  #ffffff ;
  background-color:  var( --color-1-text) ;
    }
    
  
    .header-container-wrapper .hs-menu-wrapper .mobile_menu_children {
        position: absolute;
        top: 2px;
        right: 0;
        cursor: pointer;
        padding: 0 5px;
        font-size: 1.6rem;
        font-weight: bold;
        color:  #ffffff ;
  color:  var( --color-body) ;
    }


    .header-container-wrapper .upper-menu-wrapper {
        display: none;
    }

    /* submenus */
    
    .header-container-wrapper .hs-menu-wrapper > ul li ul{
        margin-left: 1rem;
    }
    .header-container-wrapper .hs-menu-wrapper > ul li.hs-item-has-children ul {
        height: 0;
        overflow: hidden;
    }
  
    .header-container-wrapper .hs-menu-wrapper > ul li.hs-item-has-children ul.grand-child-open { 
        height: auto !important;
    }
  
     .header-container-wrapper .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
        letter-spacing: 0.6px;
        line-height: 1.4rem;
        font-weight: normal;
        font-size: 0.95rem;
        text-transform: none;
        padding: .5rem 0 .5rem;
    }
  
    .main-menu {
        position: absolute;
    }
  
    .cm-search.hs-search-field-container {
      max-width: 100%;
      width: 100%;
    }
    .cm-search input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .cm-search textarea, .cm-search select {
      width: 84% !important
    }
    .cm-search.hs-search-field-container .hs-search-field__bar form {
      width:100%;
      max-width:100%
    }
    
    .cm-search.hs-search-field-container .hs-search-field__bar button[type="submit"] {
      width: 30px;
    }
    .cm-search.hs-search-field-container .hs-search-field__bar button svg {
      width: 20px;
    }
    
    .page-center.bottom-menu {
        padding-bottom: 0;
    }
    
    .thankyou .service-content br {
        display:none
    }
    
    .thankyou .cm:not(.section) .page-center {
         padding-top: 0;
    }

}


/* desktop HEADER */
@media(min-width: 1062px){
    .mobile_trigger,
    .header-container-wrapper .main-menu .lang-switcher-wrapper,
    .header-container-wrapper .main-menu .cm-search { display: none; }
    
    .header-container-wrapper{
        border: none;
        box-shadow: none;
        right: 0;
        left: 0;
    }

    .header-container-wrapper.scroll .page-center{
        border: none;
    }
    .header-container-wrapper.scroll{
        border-bottom: 1px solid rgba(255,255,255, .2);
    }
  
    .header-container-wrapper .mobile_menu_children {
        display: none;
    }

    
    .header-container-wrapper.scroll{
        position: fixed;
        border-bottom: 1px solid #f3f3f3;
    }
    
  
    
    /* upper menu */
    .header-container-wrapper .upper-menu-wrapper {
        position: relative;
        height: 38px;
      background-color: #323232;
    }

  
    .header-container-wrapper .upper-menu-wrapper:after {
        content: '';
        position: absolute;
        width: 46%;
        top: 0;
        right: 0;
        height: 100%;
        background-color: #323232;
        color: transparent;
        z-index: -1;
       display: none;
    }
  
    .header-container-wrapper .upper-menu-wrapper:before {
        position: absolute;
        content: '';
        right: 7px;
        width: 58%;
        z-index: -2;
        height: 100%;
        border-style: solid;
        border-width: 0 42px 44px 48px;
        border-color: transparent transparent #323232 transparent;
        -moz-transform: scale(1, -1);
        -webkit-transform: scale(1, -1);
        -o-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        transform: scale(1, -1);
      display: none;
    }
  
    .header-container-wrapper .upper-menu-wrapper .cm-search input {
        background: none;
        border: none;
    }
  
    .header-container-wrapper .upper-menu-wrapper .hs-menu-wrapper>ul>li>a {
        color:  #ffffff ;
  color:  var( --color-header) ;
        font-size: 0.75rem;
        font-weight: normal;
        text-transform: none;
    }
    .header-container-wrapper .upper-menu-wrapper .hs-menu-wrapper>ul>li:last-child a {
        border: none;
        padding: 0;
    }
  
    .header-container-wrapper .upper-menu-wrapper .hs-menu-wrapper>ul>li:last-child>a:hover {
        color:  #ffffff ;
  color:  var( --color-2-text) ;
        border: none;
        text-decoration: underline !important;
    }
    .header-container-wrapper .upper-menu-wrapper .page-center {
        display:-webkit-box;
        display:-ms-flexbox;
               display:flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-align:center;
           -ms-flex-align:center;
             align-items: center;
               -webkit-box-pack: flex-end;
        -webkit-justify-content: flex-end;
                  -ms-flex-pack: flex-end;
                justify-content: flex-end;
        padding-top: 10px;
    }
  
    .header-container-wrapper .upper-menu-wrapper  .page-center > div {
        padding-right: 10px;
    }
  
  
     /* custom search on top header */
  .search-custom-bar.v2 svg#search-icon {
      display: none;
  }

  .search-custom-bar.v2 .search-mwrap:hover .cm-search {
    position: relative
  }
  
  
    


    /* menu centered vertically */
    .header-container .hs_cos_wrapper_widget,
    .header-container .hs_cos_wrapper_widget,
    .header-container .hs-menu-wrapper {
        height: 100%;
        display: block;
    }
  
    .header-container .hs-menu-wrapper {
        height: 100% !important;
    }


    .hs-menu-wrapper.hs-menu-flow-horizontal >ul{
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
               display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
            -webkit-box-pack: end;
               -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li{
        height: 100%;
   }
  
    .header-container-wrapper .hs-menu-wrapper>ul>li:not(:last-child){
        padding-right: 15px;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li>a{
        color:  #323232 ;
  color:  var( --color-header-text) ;
        font-size: 1rem;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
               display: flex;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
        font-size: 13px;
    }
    
   .header-container-wrapper.scroll .hs-menu-wrapper>ul>li>a {
	      font-size: 0.8rem;
    }
  
    .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children { position: relative}
    .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:after,
    .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:hover:after {
        content: "";
        background-repeat: no-repeat;
        position: absolute;
        right: -4px;
        top: 45%;
        width: 7.6px;
        height: 10px;
    }
  
    .header-container-wrapper.scroll .hs-menu-wrapper>ul>li.hs-item-has-children:after, 
    .header-container-wrapper.scroll .hs-menu-wrapper>ul>li.hs-item-has-children:hover:after {
 
    }
    
    .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:after {      
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z' class=''%3E%3C/path%3E%3C/svg%3E");        
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:hover:after{
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-up' class='svg-inline--fa fa-chevron-up fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M240.971 130.524l194.343 194.43c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z' class=''%3E%3C/path%3E%3C/svg%3E");
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children>a {
        position: relative;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > a:after {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-up' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-caret-up fa-w-10 fa-2x'%3E%3Cpath fill='%23ffffff' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z' class=''%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        height: 30px;
        width: 30px;
        position: absolute;
        bottom: -12px;
        right: 0;
        left: 0;
        margin: 0 auto;
        z-index: 9;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li.active >a,
    .header-container-wrapper .hs-menu-wrapper>ul>li>a:hover {
        text-decoration: underline;
    }



    
    .header-container-wrapper .hs-menu-wrapper>ul>li:last-child { height: auto; }
    .header-container-wrapper .hs-menu-wrapper>ul>li:last-child>a {
      
        padding: .5rem 1rem;
        text-decoration: none !important;
        display: block;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li:last-child>a:hover {
       /** background-color:  #ffffff ;
  background-color:  var( --color-1-text) ; **/
        color:  #ffffff ;
  color:  var( --color-2-text) ;
    }
    


  /* submenu aa  */
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li:hover > ul.hs-menu-children-wrapper,
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li:focus > ul.hs-menu-children-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li >ul.hs-menu-children-wrapper {
        border-top: 1px solid  #0840A3 ;
  border-top: 1px solid  var( --color-1) ;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper {
        position: absolute;
        min-width: 250px;
        height: auto !important;
        background-color:  #ffffff ;
  background-color:  var( --color-1-text) ;
        top: 100%;
        margin-left: -10px;
        opacity: 0;
        pointer-events: none;
        border: 1px solid #f3f3f3;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper  {
        display: flex;
        width: 520px;
        flex-wrap: wrap;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper > li {
        display: block;
        position: relative;
        width: 49%;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 10px;
    }    
  
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper>li:nth-child(2n) {
        border-left: 1px solid #f1f0f0;
    }
  
    .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper a > span {
        margin-right: 5px;
    }
  
    .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li a {
        display: block;
        font-size: 1rem; 
       /* color:  #F56354 ;
  color:  var( --color-2) ;
        padding: .5em 1em;
        letter-spacing: 0.6px;
        line-height: 1.4rem;
        font-weight: normal;
        
        text-transform: none;
        position: relative; */
    }
    .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li:hover > a,
    .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li.active > a {
        color:  #0840A3 ;
  color:  var( --color-1) ;
    }

    /** second submenu level **/
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li > ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper {
        left: 0;
        position: relative;
        opacity: 1;
        border: none;
        padding: 0;
        margin: 0;
        top: 0;
        min-width: auto;
    }
    
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child>a:hover {
        background-color:  #F56354 ;
  background-color:  var( --color-2) ;
        color:  #ffffff ;
  color:  var( --color-2-text) ;
    }
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:not(:last-child) {
        margin-right: 14px;
    }
    

  
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li {
        display: block;
    }
  
  .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li a[href="javascript:;"] {
    cursor: auto;
}
  
    .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper  {
        margin-left: -23px;
        padding: 0.6em 0 1em 0;
        border-top: 0;
        border-radius: 0 0 4px 4px;
    }

    .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper a {
        color:  #323232 ;
  color:  var( --color-header-text) ;
        padding: 0.3rem 0;
        font-size: 0.8rem
    }
    
    .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper a:hover {
        text-decoration: underline;
    } 
  
    .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper > li.hs-menu-depth-2 > a:hover {
        text-decoration: none;
    } 
    
    .cm.lang-switcher-wrapper {
        margin-right: -17px !important;
        position: relative;
        z-index: 1;
    }
  
  /* delete the cloned top menu */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul+ul {
        display: none;
    }  
 
    .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper a span.blue {
            color: #0085ad;
    }
  
    .main-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper a span.orange {
            color: #f56354;
    }
  
}

/* custom menu */
.top-menu {
      position: relative;
}
.upper-menu {
      position: absolute;
      right: 0;
      width: 100%;
      background-color:  #323232 ;
  background-color:  var( --color-footer) ;
      max-width: 786px;
      padding-right: 6rem; 
}
.upper-menu a, .upper-menu *, .header-container-wrapper .upper-menu .hs-menu-wrapper>ul>li>a {
     color:  #939393 ;
  color:  var( --color-footer-header) ;
}

/** sections **/
.section.fullscreen {  
    position: relative;
    width: 100vw;
    margin-left: -50vw !important;
    left: 50%;
}

.section.nopadding { padding:0; }


/** default widgets inside flex columns centered as if they had .page-center **/
.hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget > .hs_cos_wrapper_widget {
    display:block; 
    width:  1160px ;
  width:  var( --page-width) ;
    width: calc( 1160px + (3.5rem * 2) );
    margin: auto;
    max-width: 100%;
    padding-top:  3.5rem ;
  padding-top:  var( --padding-section) ;
    padding-bottom:  3.5rem ;
  padding-bottom:  var( --padding-section) ;
    padding-left:  3.5rem ;
  padding-left:  var( --padding-section) ;
    padding-right:  3.5rem ;
  padding-right:  var( --padding-section) ;
}

@media(max-width: 1062px) {
  .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget > .hs_cos_wrapper_widget {
    padding: calc(3.5rem * 0.75);
  }
}

/*** BLOG ***/
/*body.hs-blog-listing,*/
body.hs-blog-post {
    background-color:  #ffffff ;
  background-color:  var( --color-body-blog) ;
}

.total-counter-wrapper { display: none; }

/* topics */
a.topic-link {
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
    color:  #ffffff ;
  color:  var( --color-2-text) ;
    font-size: 0.9375rem;
    padding: .5em 1em;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
    margin-bottom: 5px;
}
a.topic-link:hover {
    background-color:  #A378D9 ;
  background-color:  var( --color-3) ;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}


/** listing **/
.hs-blog-listing .body-container-wrapper {
      background: #f6f6f6;
}
.hs-blog-listing .blog-section {
    padding: 1.875rem 0;
}

.hs-blog-listing:not(.blog-three-columns) .blog-listing-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: .7rem;
    padding-bottom: 2rem;
}

.hs-blog-listing .blog-listing-wrapper.blog-listing-simple {
    grid-template-columns: 1fr;
    padding-bottom: 5rem;
}

.hs-blog-listing .blog-listing-wrapper > [class*="span"],
.post-listing > [class*="span"] {
    margin-bottom: 1rem;
}

.post-listing {
    width: 100%;
    grid-gap: 1rem;
    padding-bottom:  3.375rem;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.hs-blog-listing:not(.blog-three-columns) .post-listing {
    grid-template-columns: repeat(auto-fill, minmax(320px,1fr));
}

.hs-blog-listing.blog-three-columns .post-listing,
.hs-blog-post .post-listing {
    grid-template-columns: repeat(auto-fill, minmax(376px,1fr));
}

.hs-blog-listing .main-topic {
    padding-bottom: 4.1875rem;
}

.hs-blog-listing .main-topic h2 {
   margin: 0;
}

.hs-blog-listing .main-topic select {
    background-color:  #0085ad ;
  background-color:  var( --light-blue-btn) ; 
    color: #fff;
    min-width: 208px;
    height: 56px;
    margin-top: 5px;
    display: block;
}

.hs-blog-listing .main-topic .input:before {
    
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    top: 24px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10 fa-2x'%3E%3Cpath fill='%23ffffff' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z' class=''%3E%3C/path%3E%3C/svg%3E");
}

@media(max-width:767px) {
  .hs-blog-listing .main-topic .blog-topics-wrapper {
      width: 100%;
      padding-top: 1rem;
  }
}


.post-item .hs-featured-image-link {
    display: block;
    width: 100%;
    height: 233px;
    position: relative;
}
.post-item .hs-featured-image-link img{
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.hs-blog-listing .post-item .total-counter-wrapper.loaded {
    position: absolute;
    bottom: 0;
    right: 2rem;
    width: 73px;
    height: 73px;
    margin-bottom: -35px;
    text-align: center;
    font-size: .578rem;
    line-height: 1.18em;
    letter-spacing: 0.7px;
    font-weight: bold;
    background-color:  #ffffff ;
  background-color:  var( --background-element) ;
    color:  #ffffff ;
  color:  var( --color-element-text) ;
    border-radius:50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
           display: flex;
     -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
      flex-direction: column;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.hs-blog-listing .post-item .post-body,
.related-post-title-body {
    padding: 1.125rem;
}

.hs-blog-listing .post-item .post-body .post-title a,
.related-post-title-body .post-title a {
    font-weight: normal;
}

.hs-blog-listing .post-item .post-body a.more-link,
.related-post-title-body a.more-link {
    font-weight: bold; 
    display: block;
    color:  #F56354 ;
  color:  var( --color-2) ;
}

.hs-blog-listing .post-item .post-body a.more-link:hover,
.related-post-title-body a.more-link:hover { 
     color:  #0840A3 ;
  color:  var( --color-1) ;
}



@media (min-width: 768px) {
    .hs-blog-listing .blog-section {
        padding: 4.75rem 0;
    }
  
    .hs-blog-listing .post-item .post-body,
    .related-post-title-body {
        padding: 2.5rem;
    }
}

.sidebar .widget {
    padding: 2rem;
    margin-bottom: 1rem;
}

.post-listing .widget {
    padding: 1.5625rem;
    margin-bottom: 1rem;
}


@media (min-width:768px) {
    .post-listing .widget {
        padding: 3.9375rem 2.375rem;
    }
}

.blog-posts-newsletter {
    width: 100%;
    padding-bottom: 4rem;
    grid-template-columns: 2.05fr 1fr;
    grid-gap: 1rem;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.blog-posts-newsletter .widget {
    padding: 2em;
    margin-bottom: 1rem;
}

/* Listing Simple */
.post-listing-simple {
    padding: 2rem;
    margin-bottom: 2rem;
    background-color:  #ffffff ;
  background-color:  var( --color-body-blog) ;
}
.post-listing-simple-item {
    padding-bottom: 2rem;
}
.post-listing-simple-item p {
    margin-top: 6px;
    margin-bottom: 5px;
}

.post-listing-simple-title a {
    color:  #323232 ;
  color:  var( --color-body-text) ;
}

.post-listing-simple-item a.more-link {
    font-weight: bold;
    font-size: 0.8rem;
}


 @media(max-width: 1062px) {
      .hs-blog-listing .blog-listing-wrapper > [class*="span"],
      .post-listing > [class*="span"] {
          width: 100%;
          margin-left: 0;
      }

  }


  .hs-blog-listing .blog-listing-wrapper > [class*="span"],
  .post-listing > [class*="span"],
  .blog-posts-newsletter .widget {
      width: 100%;
      margin-left: 0;
      margin-bottom: 0;
  }
  
  
  @media(max-width: 1062px){
      .post-listing {
          grid-template-columns: 2fr;
      }
  }
  @media(max-width: 1062px) and (min-width: 769px){
      .hs-blog-listing.blog-three-columns .post-listing {
          grid-template-columns: repeat(2, minmax(320px,1fr) );
          grid-template-areas: "content sidebar";
      }
      
      
    
      .post-listing .widget {
          grid-area: sidebar;
      }
  }
  @media(max-width: 767px) {
      .hs-blog-listing .blog-listing-wrapper,
      .hs-blog-listing.blog-three-columns .post-listing,
     .post-listing{
          display: block;
      }
    
      .blog-posts-newsletter {
          grid-template-columns: 1fr;
      }
    
      .hs-blog-listing.blog-three-columns .post-listing > div,
      .post-listing > div {
          margin-bottom: 1.5rem !important;
          max-width: 450px;
          margin-right: auto;
          margin-left: auto;
      }

  }



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    .post-listing {
        justify-content: space-between;  
    }
    .hs-blog-listing .blog-listing-wrapper > [class*='span'], 
    .hs-blog-listing .blog-listing-wrapper .post-listing > [class*='span'] {
        margin-left: 0;
    }
    
    picture.use-object-fit {
      height: 100%;
      width: 100%;
      display: block;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; 
   }
  
   .cm#widget_1567127054803 .background {
      position: absolute;
      width: 100% !important;
      background-position: 0 0;
      opacity: 0.2;
      top: 0px;
      right: 0px;
    }
   .header-container-wrapper > .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    
    }
   
    .header-container .hs_cos_wrapper_widget, .header-container .hs_cos_wrapper_widget, .header-container .hs-menu-wrapper { 
      height: 42px;
    }
  
   .header-container .page-center {
      width: 1366px;
      width: var(--page-width2);
      max-width: 100%; 
  }
  
  .search-custom-bar input:not([type='checkbox']):not([type='submit']):not([type='radio']), .search-custom-bar .hs-search-field__input {
	    padding: 4px 10px !important;
  }
  
  
  .header-container-wrapper .main-menu .hs-menu-wrapper > ul > li:last-child > a { 
		  color: #fff;
  }
  
  
  .cm.services-wrapper .services-content .service {
      margin-bottom: 1rem;
      width: initial !important
  }
  
  .cm.services-wrapper.with-hover .service:hover {
      background: #002d72 ;
  }
  .cm.services-wrapper.with-hover .service:hover * {
      color: #fff !important
  }
  
  #widget_1567497563570 .service {
      padding: 1.2rem !important 
  }
  
  #widget_1567497563570 .service .icon-wrapper {
      min-height: auto
  }
  
  .hs-blog-listing .header-container > .row-fluid-wrapper:first-child *, 
  .hs-blog-post .header-container > .row-fluid-wrapper:first-child * {
	    height: 0
  }

  .hs-blog-listing .hero-list-blog-banner picture.use-object-fit {
	    opacity: 0.2;
	    background-position: right top;
	    background-size: 130%;
  }

  .hs-blog-listing  .post-listing .span4, .post-listing .span4 {
      width: 32%;
      margin-bottom: 1rem;
  }
  
  .hs-blog-post .hero-blog picture.use-object-fit {
      opacity: 0.2 !important;
  }
  
  #widget_1567410541743 .bg_image_fit picture {
	    opacity: 0.2
  }
  
  .footer-container .social-menu .hs-menu-item * {
      height: 22px;
  }
  
  .background-content picture {
      display: none !important;
  }

  .hs-blog-listing .hero-list-blog-banner .blog-title-description {
      padding-top: 2rem
  } 
  
  .cm.services-wrapper .services-content .service.span3 {
      width: 23%
  }

  .cm.services-wrapper .services-content .service.span4 {
      width: 32%
  }
  
  .cm.services-wrapper .services-content .service.span6 {
      width: 48%
  }
  
  .cm-search.hs-search-field-container .hs-search-field__bar button svg {
      height: 25px
  }
  .header-container #hs_cos_wrapper_module_15505905691891363 {
      height: 0px;
  }

}

@media(min-width: 1062px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
  .cm.lang-switcher-wrapper {
      padding-top: 10px;
  }
  .header-container-wrapper .hs-menu-wrapper > ul > li.hs-item-has-children::after, .header-container-wrapper .hs-menu-wrapper > ul > li.hs-item-has-children:hover::after,
  .header-container-wrapper.scroll .hs-menu-wrapper > ul > li.hs-item-has-children::after, .header-container-wrapper.scroll .hs-menu-wrapper > ul > li.hs-item-has-children:hover::after
  {
      top: 8px
  }

}

@media (max-width: 1062px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bottom-menu {
     position: relative;
  }

  .main-menu {
     position: absolute;
     right: 10px;
     width: 100%;
     top: 6px;
  }
  
  .cm-search.hs-search-field-container .hs-search-field__bar form input, 
  .cm-search.hs-search-field-container .hs-search-field__bar form button {
     height: 40px;
  }

}


@media (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
  .blog-posts-newsletter .widget {
      width: 100% !important;
  }
  
  .post-listing {
      max-width: 400px;
  }
  
  .hs-blog-listing  .post-listing .span4, .post-listing .span4 {
      width: 100% !important;
  }
  
  .hs-blog-listing .hero-list-blog-banner picture.use-object-fit { 
      background-position: center center;
      background-size: cover;
  }
  
  .cm.services-wrapper .services-content .service.span3,
  .cm.services-wrapper .services-content .service.span4,
  .cm.services-wrapper .services-content .service.span6 {
      width: 100%
  }
 
}




/** popular posts **/

.popular-posts {
    list-style: none;
    padding: 0;
}
.popular-posts .popular-post {
    margin-bottom: 1.2rem
}
.popular-posts .popular-post > a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

}
.popular-posts .popular-post .popular-image {
    margin-right: .6rem;
}
.popular-posts .popular-post .popular-image img{
    width: 60px;
    height: 60px;
   -o-object-fit: cover;
      object-fit: cover;
}

.popular-posts .popular-post .popular-post-content {
    display: inline-block;
    width: calc(100% - 70px);
}


.blog-subscribe {
   background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
    background-size: cover;
    background-repeat: no-repeat;
}

.blog-subscribe form input[type='submit'] {
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
    text-transform: uppercase;
    margin-top: 10px;
}

.blog-subscribe > p {
    margin-top: 0;
    margin-bottom: 2.8125rem;
}

/* pagination */
.blog-pagination {
    text-align: center;
  margin-bottom:  3.5rem ;
  margin-bottom:  var( --padding-section) ;
}
.blog-pagination ul{
    list-style:none;
    margin: 0;
    padding: 0;
}
.blog-pagination ul li{
    display:inline-block;
    width: 2.78rem;
    height: 2.78rem;
    text-align: center;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}

.blog-pagination ul li.disabled a {
    pointer-events: none;
}

.blog-pagination ul li.disabled a svg {
    color: #dedddd;
}

.blog-pagination ul li a {
    display: block;
    font-weight: bold;
    line-height: 2.78rem;
    color:  #0840A3 ;
  color:  var( --color-1) ;
}
.blog-pagination ul li:not(.disabled):hover a,
.blog-pagination ul li.active a {
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}

.blog-pagination ul li a svg {
    height: 24px;
    width: 28px;
    vertical-align: middle;
}


/** post **/
.hs-blog-post .post-body h2,
.hs-blog-post .post-body h3,
.hs-blog-post .post-body h4,
.hs-blog-post .post-body h5 {
    margin-top: 3rem;
}

.hs-blog-post .post-body a {
    font-weight: normal;
    color:  #0085ad ;
  color:  var( --light-blue-btn) ;
}

.hs-blog-post .post-body a:hover {
    color:  #F56354 ;
  color:  var( --color-2) ;
}

.hs-blog-post .blog-section {
    margin: 3.75rem 0 6.25rem;
}

.hs-blog-post .blog-post-wrapper {}

.hs-blog-post .post-body {
    margin-bottom: 5.55rem;
    max-width: 100%;
    width: 680px;
    line-height: 1.62;
}


.blog-comments-wrapper .page-center {
    max-width: 850px;
    margin: 0 auto;
}

.blog-comments-wrapper .page-center .section.post-footer > div:nth-child(2) h2 {
    margin-top: 5rem;
}

.blog-comments-wrapper .page-center .section.post-footer h2 {
    margin-bottom: 2rem;
}

.blog-comments-wrapper .page-center .comment {
    padding-top: 2rem;
}


/* author */
.about-author-sec { }
.author-image {
    padding-right: 28px;
    max-width: 182px;
}
.author-image img {
    border-radius: 50%;
}
.author-content {
    max-width: 449px;
}
.author-content h3 {
    font-size: 1.375rem;
    line-height: 1.37;
}
.author-content .author-link {
    margin-top: .5rem;
    display: inline-block;
}
.hs-author-social-links a {
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    display: inline-block;
    background-color:  #f6f6f6 ;
  background-color:  var( --color-body-input-background) ;
    border-radius:  2px ;
  border-radius:  var( --border-radius) ;
    color:  #323232 ;
  color:  var( --color-body-text) ;
}

.hs-author-social-links a.hs-social-facebook svg {
    width: 9px;
}

.hs-author-social-links img,
.hs-author-social-links svg {
  width: 1rem;
    height: auto;
    vertical-align: text-bottom;
    -webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}

.hs-author-social-links a:hover svg {
    fill:  #0840A3 ;
  fill:  var( --color-1) ;
}

.hs-author-profile {
    margin-bottom: 2rem;
}

.hs-author-profile .hs-author-avatar {
    flex: 0 1 200px;
}

.hs-author-profile .hs-author-avatar img {
    border-radius: 50%;
}

.hs-author-profile .hs-author-bio-social {
    flex: 0 1 calc(100% - 200px);
    padding-left: 2rem;
}

.hs-author-avatar {
     padding-bottom: 1rem;
}

.hs-author-bio {
    margin-bottom: 1em;
}

.hs-author-social-label {
    display: block;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .author-content h3 {
        font-size: 1.875rem;
    }
}



/* System Page */

.system-page .body-container {
    
    background-image: url();
    background-size: cover;
    background-position: center center;
}

.system-page h1 {
    font-weight: bold;
    font-size: 2rem;
}

.system-page form h3 {
    font-size: 1rem;
    padding-bottom: 10px;
}

.system-page .body-container-wrapper form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
    width: 100% !important;
    padding: 1.0rem 1.25rem !important;
}

.system-page .bg_quaternary input[type=checkbox] {
    background-color: #e4e2e2;
}

.system-page .email-prefs .item p {
    margin-left: 41px;
}

.system-page .system-form .bg_quaternary {
    margin: 2rem 0;
    padding: 3em;
    max-width: 650px;
    background: rgba(255,255,255,0.7);
    border-radius: 5px;
}

.system-page .system-form input:not([type="checkbox"]):not([type="radio"]) {
    height: auto !important;
    width: 100% !important;
}

.system-page .system-error h1 {
    font-size: 10rem;
    margin-bottom: 0;
}

.system-page .system-padding {
    padding: 4rem 0;
}


.system-page .system-page-search .hs-search-field__bar {
    max-width: 600px;
    margin: 0 auto;
}
.system-page .system-page-search input[type="text"] {
    background: #ffffff;
    width: 80% !important;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.system-page .system-page-search button[type="submit"] {
    display: none
}

.system-page .system-page-search .cm-search .hs-search-field__suggestions * {
    color: #3e3d40 !important;
    text-decoration:none;
}

.system-page .system-page-search .cm-search .hs-search-field__suggestions {
    text-align: left;
    position: relative;
}

/* search result */

.search-result-page .search-input {
    margin-bottom: 3rem;
}

.search-result-page .page-center.section .cm-search .hs-search-field__suggestions {
    width: 100%;
}

.search-result-page .search-input .cm-search.hs-search-field-container .hs-search-field__bar input {
    width: 100% !important;
        background: #ffffff;
    height: 50px;
}

.search-result-page .search-input .cm-search.hs-search-field-container .hs-search-field__bar button[type="submit"] {
    display: none;
}

.search-result-page .hs-search-results__listing li {
    padding: 2rem;
    background: #ffffff;
    margin: 20px 0;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 3px;
    width:100%;
    padding-left: 4rem;
}

.search-result-page .hs-search-results__listing li > a {
    font-weight: bold;
    flex: 0 1 30%;
    padding-right: 2rem;
}

.search-result-page .hs-search-results__pagination {
    margin: 2rem 0;
    text-align: right;
}

.hs-search-results__pagination a {
    background-color:  #0840A3 ;
  background-color:  var( --color-1) ;
    font-weight: bold;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    padding: 10px 20px;
}

.search-result-page .hs-search-results__listing li p.hs-search-results__description {
    flex: 0 1 70%;
    border-left: 1px solid rgba(193, 193, 193,0.5);
    padding-left: 3rem;
}

@media (max-width:1359px){
.search-result-page .hs-search-results__listing li>a {
	    flex: 0 1 90%;
  }
}

@media (max-width:500px){
  ul#hsresults {
      padding-left: 0;
  }
  .search-result-page .hs-search-results__listing li>a {
      flex: 0 1 100%;
  }
  .search-result-page .hs-search-results__listing li>a { 
      padding-right: 0
  }
  .search-result-page .hs-search-results__listing li p.hs-search-results__description {
      flex: 0 1 100%;
      padding-left: 1.5rem;
  }
  .search-result-page  .body-container-wrapper ul:not(.inputs-list):not(.nav-pagination) li:before {
      margin-left: -3em;
  }
}

@media (min-width: 769px){
    form fieldset.form-columns-2 {
        width: 100%;
        max-width: 100%;
    }

    form fieldset.form-columns-2 .field {
        margin: 1rem auto !important;
        width: 50% !important;
        max-width: 100% !important;
        display: inline-block !important;
        float: none !important;
    }
    form fieldset.form-columns-2 .field:nth-child(odd)  {
        padding-right: 5%;
    }
    form fieldset.form-columns-2 .field:nth-child(even)  {
        padding-left: 5%;
    }
}

.bg_primary form.hs-form input[type=checkbox] {
    border: 1px solid #fff;
}
.bg_primary form input[type='submit'] {
    background-color:  #F56354 ;
  background-color:  var( --color-2) ;
}
.bg_primary form input[type='submit']:hover,
.bg_primary form input[type='submit']:focus {
    background-color:  #A378D9 ;
  background-color:  var( --color-3) ;
}
fieldset.form-columns-2 ~ .hs_submit.hs-submit input {
    width: auto;
    display: inline-block;
    padding-left: 3rem;
    padding-right: 3rem;
}
ul.hs-error-msgs.inputs-list {
    position: relative;
}
span.lu-flag,
span.be-flag {
    margin-left: 6px;
}

span.be-flag img {
   padding-top: 2px;
}

@media(max-width: 400px) {
  iframe {
    min-width: auto !important;
  }

}



/* to transfer to modular flexible col module */
.service-content a.tag.tblue {
    background: #0840A3;
}

.service-content a.tag.tyellow {
    background: #F56354;
}

.service-content-wrapper h5 a {
  color: #313237;
  text-decoration: none;
}
.service-content-wrapper h5 a:after {
  display: none;
}

.service-content-wrapper h5 ~ p {
  margin-top: 0;
}

.service .background-content{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 60%;
    object-position: right;
    opacity: 0.9;
   background: var(--color-1);
}

.service .background-content img {
  display: none;
}


@media(max-width: 767px) {
  .service .background-content{
    width: 100%;
  }
}

.custom-sharer a {
    border: 1px solid #0840a3 !important;
    background-color: #0840a3 !important;
}

.landing-page.lp-form .hs-form {
    max-width: 750px;
    margin: 0 auto;
}

.field.text > label p {
  margin: 0;
      display: inline;
}

.hs-content-id-168286726452 .body-container {
  position: relative;
  padding-bottom: 80px;
}

.hs-content-id-168286726452 .body-container .hero-img img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    position: absolute;
    left: 0;
}