/* @import url('http://example.com/example_style.css'); */
@import '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.1/css/all.min.css'; 
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap');

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

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





*{
	font-family: "Source Sans Pro", sans-serif;
}

.fa, .far, .fas{
    font-family: "Font Awesome 5 Brands"!important;
}


/* =====  start new fonts ====== */

/* @font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff2'),
        url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff2'),
        url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://6381214.fs1.hubspotusercontent-na1.net/hubfs/6381214/Fonts/Proxima%20Nova/ProximaNova-Semibold.woff2') format('woff2'),
        url('https://6381214.fs1.hubspotusercontent-na1.net/hubfs/6381214/Fonts/Proxima%20Nova/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff2'),
        url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff2'),
        url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} */



* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none; }
body {  margin:0; padding:0; font-size:18px; line-height:30px; font-family: 'Proxima Nova';  font-weight: 500; color: #616366;  }

h1 { font-family: 'Source Sans Pro'; font-weight: bold; color:#000; padding:15px 0 15px; margin:0; font-size:56px; line-height:40px; text-transform: uppercase; }
h2 { font-family: 'Source Sans Pro'; font-weight: bold; color:#000; padding:15px 0 15px; margin:0; font-size:45px; line-height:45px; text-transform: uppercase; }
h3 { font-family: 'Source Sans Pro'; font-weight: bold; color:#000; padding:10px 0 10px; margin:0; font-size:28px; line-height:32px; text-transform: uppercase; }
h4 { font-family: 'Source Sans Pro'; font-weight: bold; color:#000; padding:10px 0 10px; margin:0; font-size:24px; line-height:28px; text-transform: uppercase; }
h5 { font-family: 'Source Sans Pro'; font-weight: bold; color:#000; padding:10px 0 10px; margin:0; font-size:18px; line-height:24px; text-transform: uppercase; }
h6 { font-family: 'Source Sans Pro'; font-weight: bold; color:#000; padding:10px 0 10px; margin:0; font-size:16px; line-height:18px; text-transform: uppercase; }

.HOnedef {
    letter-spacing: -2.7px;
    color: #000;
    font-size: 90px;
    line-height: 95px;
    padding-top: 0;
    text-transform: uppercase;
    word-break: normal;
}

img { max-width:100%; height:auto; border:none; }
a { text-decoration:none; color: #5da7e5;  -webkit-transition: all  0.2s ease-in-out;
    -moz-transition: all  0.2s ease-in-out;
    -o-transition: all  0.2s ease-in-out;
    -ms-transition: all  0.2s ease-in-out;
    transition: all  0.2s ease-in-out;; }
a:hover{ color:#44D7B6; text-decoration:none; }

p { margin:0; }
* + h1, * + h2, * + h3 { margin-top:25px; }
* + h4, * + h5, * + h6 { margin-top:20px; }
* + p { margin-top:25px;}

::selection{background-color:#004886; color:#fff;}
::-moz-selection{background-color:#004886; color:#fff;}
::-ms-selection{background-color:#004886; color:#fff;}



html{   scroll-behavior: smooth; }

.container{ max-width:1240px; padding:0 30px; margin:0 auto;  }
.dnd-module  > div{ width:100%;  }



.main_header_row { display: flex;  padding: 20px 0px;}
.main_header_logo { width: 110px; padding-top: 8px; padding-bottom: 0px; }
.main_header_right { width: calc(100% - 110px); padding-left: 15px; display: flex; justify-content: space-between; margin-top: 16px;}
.main_header-menu ul li a,
.main_header-menu ul li p { color: #FFF; font-size: 18px; line-height: 24px;  font-family: 'Proxima Nova Rg';   }
.product_right a,
.product_right p,
.product_right h6 { color: #616366!important;}
/*.product_right a:hover,
.product_right p:hover,
.product_right h6:hover { color: #44D7B6;}*/

/*.main_header-menu ul li a:hover{ color: #44D7B6; }*/
.main_header-menu ul li { padding: 0 15px; }

.main_header-menu .hs-menu-flow-horizontal > ul >  li > a{     padding: 18px 0; }

/* header { z-index: 9;  position: absolute;  left: 0; right: 0; background: linear-gradient(90deg, rgba(0,16,39,1) 0%, rgba(9,25,57,1) 16%, rgba(28,42,88,1) 32%, rgba(11,19,50,1) 52%, rgba(1,5,8,1) 100%); } */
header { z-index: 9;  position: absolute;  left: 0; right: 0; background: transparent; }
header .container{ max-width: 1280px; }
span.header_btn1 a { background-color: transparent; color: #FFF; display: inline-block; padding: 10px 20px; border-radius: 6px; border: 2px solid #F1F1F1; text-transform: uppercase;}
span.header_btn1 a:hover{ background-color: #F1F1F1; color: #010508; }
span.header_btn2 a { color: #5da7e5; text-transform: uppercase; font-weight: 600;}
span.header_btn2 a:hover { color: #e1e3eb; }

.header_buttons { padding-left: 30px; display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; }
.main_header-menu { padding-left: 40px; padding-right: 25px; display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; }
span.header_btn2 { padding-left: 30px; }
.main_header-menu .header_buttons{ display:none; }
.button_design a { background-color: #44D7B6; font-size: 18px; line-height: 24px; color: #000000; box-shadow: 0px 3px 25px #00000029; display: inline-block; padding: 15px 25px; border-radius: 6px; letter-spacing: 0.9px; }
.button_design a:hover{     background-color: #5da7e5; }
.mobile_view{ display:none; }
.desktop_view{ display:block; }

/*  footer   */
footer { background-color: #03132d; padding-top: 80px; padding-bottom: 70px; }
.footer_row { display: flex; }
.footer-left { width: 30%; padding-right: 10px; }
.footer-right { width: 70%; padding-left: 58px; }
.footer-logo img { max-width: 57px !important; }
.footer-lefttext { color: #fff; font-family: 'Proxima Nova Rg'; font-weight: bold; padding-top: 15px; font-size: 20px;  line-height: 27px; }
.footer-copyright { padding-top: 30px; color: white; }
.footer_row1 ul li a { color: #fff; padding-right: 35px;     font-family: 'Proxima Nova Rg';
    font-weight: normal; }
.footer_row1 ul li a:hover { color: #5da7e5; }
.footer_row2_menu ul li a { color: #ffff; font-size: 20px; line-height: 28px; font-family: 'Proxima Nova Rg';
    font-weight: normal; }
.footer_row2_menu ul li { display: block; width: 100%; padding-bottom: 5px; }
.footer_row2 { display: flex; padding-top: 23px; }
.footer_row2_text { color: #fff; font-size: 20px; line-height: 30px; margin-top: 20px; max-width: 276px; font-family: 'Proxima Nova Rg';
    font-weight: normal;  }
.footer_row2_column:first-child { width: 60% !important; padding-right: 30px; }
.footer_row2_column:last-child { width: 40%; }
.footer_row2_column h6 { color: #FFF; font-weight: normal; font-family: 'Proxima Nova Rg'; border-bottom: 1px solid #FFFFFF; font-size: 12px; line-height: 20px; padding-bottom: 7px; letter-spacing: 0px;}
.footer_row2_menu { margin-top: 20px; }
.footer_row2_menu ul li a:hover { color: #5da7e5; }
.form-title:empty{ display:none; }
form, .submitted-message{ color: #494a52; /* background-color: white; */  /* height: 500px; */ padding: 20px; z-index: 1000; }

.footer-lefttext_email input { letter-spacing: 0.7px; color: #000000; font-size: 13px; }
.footer-lefttext_email form input { font-size: 16px; line-height: 22px; border: 1px solid #707070; border-radius: 9px; height: 48px; max-width: 284px; }
ul.no-list.hs-error-msgs.inputs-list * { font-size: 14px; margin: 0; padding-top: 6px; }
.footer-lefttext_email .hs-submit { display: none; }
.footer-lefttext_email { margin-top: 20px; color:#fff; }

.footer_banner { height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: top center; text-align: center; padding-top: 50px; }
.footer_row2_cuntry {     position: relative; color: #fff; display: flex; align-items: center; font-size: 15px; line-height: 23px; padding-top: 68px }
.footer_row2_cuntry > span { display: inline-block; padding-left: 8px }
.footer_row2_cuntry img {  width: 39px;  height: 39px; }
.footer-lefttext_email .hs-form-field>.input{     width: 100%; }
.footer-lefttext_email * {     text-align: left !important; }
.footer_row2_text a { color: #fff; }
.footer_row2_text a:hover { color: #5da7e5; }
a.flag_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.tablet-view { display: none; }
.desktop-view-overlap { display: block;}







main#main-content {
    margin-top: 130px;
}

header.header-2023 {
    background-color: #fff;
    top: 0px;
    display: block !important;
}

header.header-2023 .main_header-menu ul li a,
header.header-2023 .main_header-menu ul li p {
    color: #464646; 
}

header.header-2023 .main_header-menu { 
    border-right: 0px solid #E8E8E8;
}


header.header-2023 span.header_btn1 a:hover {
    background-color: #5da7e5;
    color: #fff;
}

header.header-2023 span.header_btn1 a {
    background-color: #5da7e5;
    color: #FFF; 
    border: 2px solid #5da7e5; 
}



 

@media (max-width:991px){

  main#main-content {
      margin-top: 90px;
  }
   
  header { background: #FFF}
  .button_design a {
    padding: 15px;
  }

  .hero_button_row {
    flex-direction: column !important;
  }
  .main_header_right {margin: 0px;}


  /* === menu === */
    
        
   
  
  .main_header-menu ul li a,
  .main_header-menu ul li p { color: #616366; font-size: 18px; line-height: 24px;  font-family: 'Proxima Nova Rg';   }
  .main_header-menu ul li a:hover{ background-color: #F1F1F1; }
  span.header_btn1 a { color: #616366; }
  span.header_btn1 a:hover{ color: #010508; }
  span.header_btn2 a:hover{ color: #010508; }
  span.header_btn2 a:hover .tablet-view { color: #010508; }

  .mainmenu, .mainmenu *{display: block;float: none;position: static;top: auto;right: auto;left: auto;bottom: auto;padding: 0px;margin: 0px;background-image: none;background-color: transparent;
    border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow:    none;box-shadow: none; max-width: none;width: 100%;height: auto;
    line-height: 1;  font-weight: normal;text-decoration: none;text-indent: 0px;text-align: left;color: #616366;}
  a.mobile-trigger {  display: inline-block !important;  cursor: pointer;   position: absolute;   top: 26px;     right: auto;   left: 20px;    width: 44px;   height: 44px;   padding: 12px 10px;
    background: #fff;  z-index: 99999999999;  -webkit-transition: background-color 0.2s linear;   font-size: 16px;  font-weight: normal;  text-align: left;  text-transform: uppercase;
    border-radius: 6px;  -webkit-transition:color .2s ease-in;   -moz-transition:color .2s ease-in;  transition:color .2s ease-in;}
  a.mobile-trigger:hover {  text-decoration: none;   color: #fff;}
  a.mobile-trigger span{  display: inline;}
  a.mobile-trigger span:before{  position: absolute;  content: 'Menu'; }
  a.mobile-trigger span:after{  position: relative;  right: 2px;  content: 'Close'; 
    background-color: #fff;  opacity: 0;  transition: opacity .4s ease-in-out;  -moz-transition: opacity .4s ease-in-out;  -webkit-transition: opacity .4s ease-in-out; }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{  -webkit-transition:background-color 0.2s linear;   -moz-transition:background-color 0.2s linear;   transition:background-color 0.2s linear;  background: transparent;   }
  .mobile-open a.mobile-trigger span:after{ opacity: 1; }

  /* Toggle Button Icon & Animations */
  a.mobile-trigger i {  display: inline;  position: relative;  top: -2px;  margin-left: 0;  -webkit-transition-duration: 0s;  -webkit-transition-delay: .2s;  -moz-transition-duration: 0s;  -moz-transition-delay: .2s;
    transition-duration: 0s;  transition-delay: .2s;}
  a.mobile-trigger  i:before, a.mobile-trigger i:after {  position: absolute;  content: '';}
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {     border-radius: 6px; width: 24px;  height: 3px;  background-color: #616366;  display: inline-block;}
  a.mobile-trigger  i:before {  margin-top: -8px;   -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s;  -webkit-transition-delay: .2s, 0;}
  a.mobile-trigger  i:after {  margin-top: 8px;   -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s;  -webkit-transition-delay: .2s, 0;}
  .mobile-open a.mobile-trigger i {  background-color: rgba(0,0,0,0.0);  -webkit-transition-delay: .2s;  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);  -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
    box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);}
  .mobile-open a.mobile-trigger i:before {  margin-top: 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-transition-delay: 0, .2s;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);  -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);  box-shadow:  0px 1px 1px rgba(0, 0, 0, 0);}
  .mobile-open a.mobile-trigger i:after {  margin-top: 0;  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);  -webkit-transition-delay: 0, .2s;  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);  box-shadow:0px 1px 1px rgba(0, 0, 0, 0);}
  .mobile-open a.mobile-trigger{  top: 5px;  } 



  /* Child Toggle Button */
  span.child-triggerm {  display: block !important;   cursor: pointer;   position: absolute;  top: 0px;  right: 0px;  /* width: 55px !important; */  min-width: 55px !important;  height: 45px !important; 
    padding: 0 !important;  border-left: 1px dotted rgba(255, 255, 255, .20);}
  span.child-triggerm:hover {  text-decoration: none;}

  /* Child Toggle Button Icon & Animations */
  span.child-triggerm span {  position: relative;  top: 50%;   margin: 0 auto !important;  -webkit-transition-duration: .2s;  -moz-transition-duration: .2s;  transition-duration: .2s;}
  span.child-triggerm span:after {  position: absolute;  content: '';}
  span.child-triggerm span, span.child-triggerm span:after {  width: 10px;  height: 1px;   background-color: #616366;  display: block; float: right; padding-right:10px;}
  .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; }
  span.child-triggerm span:after {  -webkit-transform: rotate(-90deg);   -ms-transform: rotate(-90deg);  transform: rotate(-90deg);   -webkit-transition-duration: .2s;   -moz-transition-duration: .2s;
    transition-duration: .2s;}
  span.child-triggerm.child-open span:after {  -webkit-transform: rotate(-180deg);   -ms-transform: rotate(-180deg);  transform: rotate(-180deg);   -webkit-transition-duration: .2s;   -moz-transition-duration: .2s;
    transition-duration: .2s;}
  span.child-triggerm.child-open span {  -webkit-transform: rotate(180deg);   -ms-transform: rotate(180deg);  transform: rotate(180deg);   -webkit-transition-duration: .2s;   -moz-transition-duration: .2s;
    transition-duration: .2s;}
  
  
  /* Menu Styles on Mobile Devices */  
  .mainmenu.js-enabled .hs-menu-flow-horizontal,.mainmenu.js-enabled .hs-menu-children-wrapper{  display: none;}  
  .mainmenu ul.hs-menu-children-wrapper {  visibility: visible !important;  opacity: 1 !important;  position: static !important;  display: none;}
  .mainmenu.js-enabled .hs-menu-flow-horizontal{  position: absolute;  top: 20px;   left: 0px;   width: 100%;  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);  -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.65);
    box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.65);}
  .mainmenu .hs-menu-flow-horizontal{  padding: 54px 0 0 0;  background-color: #fff;   width: 100%;  z-index: 8888;}
  .mainmenu .hs-menu-flow-horizontal > ul > li{  position: relative;}
  .mainmenu .hs-menu-flow-horizontal > ul > li a{  font-size: 17px;  line-height: 45px;  overflow: visible; font-weight: 600;}
  .mainmenu .hs-menu-flow-horizontal ul li{  border-top: 1px dotted rgba(0, 0, 0, .35); }
  .mainmenu .hs-menu-flow-horizontal ul li a{  padding: 0 10px;}
  .mainmenu .hs-menu-flow-horizontal ul li a:hover{  color: #010508; }
  .mainmenu .hs-menu-flow-horizontal > ul ul li{ background-color: rgba(255, 255, 255, .08);}
  .mainmenu .hs-menu-flow-horizontal > ul ul li a{  text-indent: 10px;  font-size: 16px; }
  .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{  text-indent: 30px; }
  .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a{  text-indent: 50px;}

  .mobile-open .mainmenu.js-enabled .hs-menu-flow-horizontal{ top:0; }
  span.header_btn1 a { border: 0px solid #F1F1F1; border-radius: 8px; padding: 14px 20px; background: #5da7e5; margin: 12px 20px 0px; width: 89%; width: -moz-fill-available; width: -webkit-fill-available; color: white; text-transform: none;}
  span.header_btn2 a { border: 0px solid #F1F1F1; border-radius: 8px; padding: 14px 20px; background: transparent; margin: 12px 20px 12px ; width: 89%; width: -moz-fill-available; width: -webkit-fill-available; color: #616366; text-transform: none;}
  span.header_btn2 a .tablet-view {color: #616366;}
  span.header_btn2 {padding: 0;}
  span.header_btn2 a {   padding: 14px 20px; }
  span.header_btn1 a {   padding: 14px 20px; }


  .main_header_logo{  width: 100%;    text-align: center; }
  .main_header_row{ flex-direction: column;   justify-content: center; padding: 20px 0px;}
  .main_header_right{ 100%; }
  .main_header_logo img{     max-width: 54px !important; }
  .main_header_logo{     padding-bottom: 5px; }

  .mobile_view.mobile_menu {  display: block !important; }
  .main_header-menu ul li{ padding: 0 8px; font-size: 15px; line-height: 20px; }
  .main_header-menu ul li a{     font-size: 15px;   line-height: 20px; }
  .main_header-menu{ padding-right: 15px; }
  
  
    
  .main_header-menu + .header_buttons{ display:none; }
    .main_header-menu .header_buttons{ display:block; }
  .mobile_view.mobile_menu {  display: block !important; }
  
  /*
   * footer 
   * */
  
    .footer_banner{ padding-top: 35px; }
  .hero_section_right{ padding-top: 50px; }
  .resources_section_column h3{ font-size: 28px;  line-height: 32px; }
  .tablet-view { display: block; }
  .desktop-view-overlap { display: none!important; }
  
  
}

@media(min-width:992px){
  header ul.hs-menu-children-wrapper { min-width: 167px;left: auto;  background: #FFF; transition: 0.3s;  padding: 10px 10px; box-shadow: 0 0 7px 0px rgb(0 0 0 / 10%); }
  header ul.hs-menu-children-wrapper li { padding: 6px 8px; }
  header .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper{ margin-top:10px;   left: auto;  transition: 0.3s; }
  header .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{  left: auto; }    
}

@media (max-width:767px){
  .mobile_view{ display:inline-block !important; }
  .desktop_view{ display:none !important; }
  
  .footer_row2{ flex-direction: column; }
  .footer_row2_column:first-child{     width: 100%;  padding-right: 0; }
  .footer-left{ display:none; }
  
  
  .footer-right {  padding-left: 0;   display: flex;  width: 100%; }
  .footer_row2{   width: 60%;   padding-top: 0; }
  .footer_row2_column:last-child { padding-top: 30px; }
  .footer_row2_column h6{ padding-top: 0; border-bottom: none;    padding-bottom: 0; }
  .footer_row1 { width: 50%; }
  .footer_row1 ul li a{ line-height: 30px; }
  footer{  padding-top: 48px; padding-bottom: 55px; }    
  .footer_row2_column:last-child{ width: 100%; }
  
  .footer_row2_text{     font-size: 15px;   line-height: 28px; margin-top: 10px;  }
  .footer_row2_menu ul li a{ font-size: 15px;  line-height: 23px; }
  .footer_banner_image img {   max-width: 35px; }
  .footer_banner{     padding-top: 28px; }
  .footer_banner{     background: transparent;  height: auto; }
  .footer_banner img.mobile_view {   display: block !important; }
}

.mobile_menu .hs-menu-item.hs-menu-depth-2 a {
  color: #5da7e5;
}