@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');

/**************************************************/
/* Start your style declarations here             */
/* These values will override the theme settings  */
/**************************************************/

/* Typographic Settings                      
/* Set font families here in the order:
/* ideal, fallback, generic
/* Font families that are not Browser generic should include an @import declaration from Google Fonts 
/* @import for Google Fonts should be done once including all the font families and sizes to avoid a second call
/* If there is the option to put the Google Font declaration in the Hubspot Head settings, it is best to do that here to allow 
/* this css file to load seperately and faster 
/****************************************/

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100;300;400;500;600;900&family=Roboto+Mono:wght@500;700&display=swap');




/****************************************/
/* Size Settings                      
/* Set the maximum content width and mobile switch points.
/* Include measurement in px, em, or rem.
/* 20px left and right padding will be
/* added in the global wrapper.
/****************************************/









/****************************************/
/* Colour Settings                      
/* These inherit HubSpot settings by
/* default. If you'd prefer to hardcode
/* colour settings, swap the HubL code
/* for a hex value. Create new colours
/* as required for your theme.
/****************************************/

/* Brand Colors */

  
  
  
  
  
   
  
  
  
  
  
  
  
  


/*** HEADER MENU ***/










  
  

  
  
  
 
 
 
 
 








/*** MOBILE MENU ***/










  
  
  
  
  
 
 
 
 
 
 








 

 
 
 
 
 
 



/*** FOOTER ***/








  
 
 
 


/****** CONTEXTUAL NAV MENU *****/




  
 
 
 





/*****************************************/
/* Global Styling                        */
/*****************************************/
  
html,
body {
    background: #f9f9f9;
	margin: 0 auto;
}

.colored-background {
    background: #f9f9f9;
}

.body-container-wrapper {
	max-width: 100vw;
	margin: 0 auto;
	overflow: hidden;
}

.body-container-wrapper .body-container {
	background: #f9f9f9;
	max-width: 100vw;
	margin: 0 auto;
}

.body-container-wrapper {
	box-shadow: none;
}

.hs-logo-carousel .hs-logo-carousel__inner {
    filter: none !important;
    transition: filter .3s ease;
}

.body-container-wrapper .body-container .dnd-section,
.billboard-content .page-header,
.billboard-content .billboard-ctas {
	padding-left: 20px;
	padding-right: 20px; 
}

.body-container-wrapper .body-container .dnd-section[class*="full-width"] {
	padding-left: 0;
	padding-right: 0; 
}

.row-fluid [class*=span]:first-of-type {
	margin-left: auto;
}
.billboard-wrapper .billboard-content {
	max-width: 1440px;
	width: 100vw;
	margin: 100px auto 0; 
	padding-left: 100px;
	padding-right: 100px;
}
.hs-logo-carousel .slick-dots {
    bottom: 14px !important;
}
.hs-logo-carousel .hs-logo-carousel__inner {
    filter: grayscale(1);
    transition: filter .3s ease;
}

@media all and ( min-width: 900px ) {
	.headers-container-wrapper .header-container .header-hero .header-nav-wrapper {
		max-width: 1440px;

	}
  
	.footer-container-wrapper .footer-container .footer-area {
    
		max-width: 1440;
				
	}
    
  .headers-container-wrapper .header-container .header-hero .header-nav-wrapper,
	.footer-container-wrapper .footer-container .footer-area {
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
		
	}

	.header-container-wrapper,
	.hero-container-wrapper.relative-hero {

		background-color: #0f213e;	

	}
	.header-container-wrapper{
		background-color: #ffffff;
    
	}
 .header-container-wrapper.sticky-hero.sticky,
	.darknav .header-container-wrapper.sticky-hero.sticky {
		background-color: rgba(249, 249, 249, 95% );
    box-shadow: 0px 3px 3px #efefef; 
    
 animation: fadeIn-fadeOut ease 1s;
	}
  
	.lightnav .header-container-wrapper.sticky-hero.sticky {
    
 animation: fadeIn-fadeOut ease 1s;
    
		background-color: rgba(15, 33, 62, 50% );
    box-shadow: 0px 3px 3px rgba(15, 33, 62, 50% ); 
/*    background: linear-gradient(180deg, rgba(4,14,115,0.4870740532541141) 0%, rgba(4,14,115,0.2937967423297444) 70%, rgba(4,3,120,0) 100%);
background: linear-gradient(180deg, rgba(4,14,115,0.4870740532541141) 0%, rgba(4,14,115,0.2937967423297444) 60%, rgba(4,14,115,0) 100%, rgba(249,249,249,0) 100%);
  */
  }

  .header-container-wrapper,
	.hero-container-wrapper.absolute-hero {

	  background-color: transparent;

	}

	.absolute-header .header-container-wrapper,
	.absolute-hero.header-container-wrapper {
		background: transparent;
	  position: absolute;
	}


@keyframes fadeIn-fadeOut {
  0% {
    opacity: 0;
  };
  100% {
    opacity: 1;
  }
}
	.sticky-hero.header-container-wrapper.sticky {
	  position: fixed; 
	  z-index: 50000;
	  width: calc( 100vw - 15px );
	  width: 100vw;
   animation: fadeIn-fadeOut ease 1s;
  }
}

@media all and ( max-width: 900px ) {
  .header-container-wrapper.relative-hero-m,
  .hero-container-wrapper {
    position: relative;
    background-color: #0f213e;	
  }
  
  .hero-container-wrapper.sticky-hero-m {
    position: relative;

    background-color: #0f213e;	

  }
  .template-inside .header-container-wrapper.relative-hero-m,
  .hero-container-wrapper {
    position: relative;
    background-color: transparent;	
  }
  


  .sticky-hero-m.header-container-wrapper {
    position: fixed; 
    z-index: 50000;
    width: 100vw;
  }

}

@media all and ( max-width: 900px ) {
	.body-container-wrapper .body-container {
		max-width: 900px;
		margin: 0 auto;
	}
	
	.body-container-wrapper .body-container .dnd-section {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.billboard-wrapper .billboard-content .span12,
	.billboard-wrapper > .container-fluid > .row-fluid [class*="span"] {
		max-width: 900px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.headers-container-wrapper .header-container .header-hero .header-nav-wrapper,
	.footer-container-wrapper .footer-container .footer-area {
		max-width: 900px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px; 
	
	}
	.billboard-wrapper .billboard-content {
		width: 100%;
		margin: 0 auto 0; 
		padding-left: 0;
		padding-right: 0;
	}
}

.body-container-wrapper .body-container .dnd-section {
	padding-top: 100px;
	padding-bottom: 100px;
}

hr {
    margin: 20px 0; 
    border: none;
	color: transparent;
    border-top: 2px solid rgba(15, 33, 62, 1);
    background-color: #ffffff;
	border-radius: 0px;
    clear: both;
}

a,
a:active {
    color: #1b6aff;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #76a5fd;
    text-decoration: none;
}

a:visited {
    color: #76a5fd;
    text-decoration: none;
}

.arrow-button:hover i,
.persona-block:hover .arrow-button i,
.persona-block:hover a.arrow-button  {
    color: #76a5fd;
    text-decoration: none;
}

/* Tag Cloud on blog */

ul.cloud a {
  color: #1b6aff;
}

/* Column Group */

.column-group [class*="span"].column-group-item {
    border-left: 1px solid #1b6aff;
}

/* inner page template 2 column text box padding and borders */
.template-inside .row-fluid [class*=span].dnd-column {
    margin-left: 0 !important;
}
.template-inside .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section.body_dnd_area-row-1-max-width-section-centering 
.span6.widget-span.widget-type-cell.dnd-column {
	border: 1px solid #4e5a6d; 
}
.template-inside .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section.body_dnd_area-row-1-max-width-section-centering
.span6.widget-span.widget-type-cell.dnd-column:first-of-type {
	border-right: none; 
}
@media all and (max-width: 900px) {
.template-inside .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section.body_dnd_area-row-1-max-width-section-centering
.span6.widget-span.widget-type-cell.dnd-column:first-of-type {
	border: 1px solid #4e5a6d;  
  margin-bottom:60px;
  }

}

.template-inside .span6.widget-span.widget-type-cell.dnd-column:last-of-type {
	border-left: none; 
	background-color: #edf2f4;
}

.template-inside .row-fluid-wrapper.row-depth-1.row-number-2.dnd-section.body_dnd_area-row-1-max-width-section-centering 
.span6.widget-span.widget-type-cell.dnd-column .widget-type-header {
	border-bottom: 1px solid #4e5a6d; 
}

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

body { /* theme.global_fonts */
   font-size: 18px;
   color: #4e5a6d;
   font-weight: 400;
   line-height: 1.4em;
   text-transform: none;
   font-family: 'Hanken Grotesk', sans-serif;;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Hanken Grotesk', sans-serif;;	
   color: #040e28;
   font-size: 20px;
   line-height: 26px;
   text-wrap: pretty;
}

h1 {
   font-family: 'Hanken Grotesk', sans-serif;;		
   font-size: 95px;
   color: #040e28;
   font-weight: 600;
   line-height: 92.15px;
   letter-spacing: -0.75px;
   text-transform: none;
   padding-bottom: 1rem;
}

.billboard-content h1 {
	font-family: 'Hanken Grotesk', sans-serif;;
   font-size: 95px;
   color: #ffffff;
   font-weight: 600;
   line-height: 92.15px;
   text-transform: none;
   letter-spacing: -0.75px;
   padding-bottom: 0.5rem;
   text-shadow: none;
}

.template-inside .billboard-content h1 {
   color: #040e28;
   font-size: 72px;
   line-height: 78px;
   margin-top: -90px;
}

h2 {
	font-family: 'Hanken Grotesk', sans-serif;;
   font-size: 92px;
   color: #040e28;
   font-weight: 600;
   line-height: 92.15px;
   text-transform: none;
   letter-spacing: -0.75px;
   padding-bottom: 1rem;
   text-shadow: none;
}

h3 {
   font-family: 'Hanken Grotesk', sans-serif;;
   font-size: 52px;
   color: #040e28;
   font-weight: 600;
   line-height: 57.2px;
   letter-spacing: -0.75px;
   text-transform: none;
   padding-bottom: 1rem;
}

.billboard-content .secondary-header { /* secondary header on Hero */
	font-family: 'Hanken Grotesk', sans-serif;;
   font-size: 20px;
   color: #f9f9f9;
   font-weight: 400;
   line-height: 28px;
   text-transform: none;
   letter-spacing: -0.5px;
   padding-bottom: 1.65rem;
   max-width: 400px;
   text-wrap: wrap;
   
}
.template-inside .secondary-header { /* secondary header on Inside Page Hero */
   color: #4e5a6d;
   max-width: 720px;
   margin: 45px auto 0;
}
.template-inside .main-nav .desktopmenu .hs-menu-wrapper > ul li a {
    color: #4e5a6d;
}
h4 {
	font-family: 'Hanken Grotesk', sans-serif;;
   font-size: 32px;
   color: #040e28;
   font-weight: 500;
   line-height: 38.4px;
   letter-spacing: -1px;
   text-transform: none;
   padding-bottom: 0.5rem;
}


h5 {
	font-family: 'Hanken Grotesk', sans-serif;;
   font-size: 32px;
    color: #040e28;
   font-weight: 500;
   line-height: 38.4px;
   letter-spacing: -1px;
   text-transform: none;
   padding-bottom: 0.3rem;
}

p {
   text-wrap: pretty;
}






blockquote {
   display: block;
   font-size: 18px;
   font-weight: 400;
   line-height: 24px;
   text-transform: none;
   width: calc( 100% - 22px );
   min-width: calc( 100% - 20px );
   background: #ffffff;
   border-radius: 0px;
   margin-left: 20px;
  text-wrap: pretty;
}

@media (max-width: 900px) and (min-width: 480px) {
  h1, h2, 
  .billboard-content h1, 
  .template-inside .billboard-content h1 {
	 font-size: clamp(44px, 10vw, 92px);
	 line-height: clamp(44px, 10vw, 92px);
  }
  
  .billboard-content .billboard-ctas {
    padding-left: 5%;
    padding-right: 5%;
  }
  
  blockquote {
    margin-left: 20px;
    width: 100%;
	max-width: calc( 100vw - 20px );
  }
  
}

@media (max-width: 600px) {  
  blockquote,
  .testimonial-block blockquote {
      margin-left: 20px;
      padding-left: 20px;
	  width: 100%;
      max-width: calc( 100vw - 20px );
  }
  .billboard-content .page-header,
  .billboard-content .billboard-ctas {
	padding-left: 20px;
	padding-right: 20px; 
  }
  .billboard-wrapper .billboard-content .span12, 
  .billboard-wrapper > .container-fluid > .row-fluid [class*="span"] {
    max-width: 900px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
  }
    .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section.body_dnd_area-row-1-max-width-section-centering 
	.span6.widget-span.widget-type-cell.dnd-column {
		border: 1px solid #4e5a6d !important; 
	}
} 

@media (max-width: 480px) {
	h1 {
		font-size: 40px;
		line-height: 44px;
		padding-bottom: 1rem;
	}
  
	.billboard-content h1 {
	   font-size: 40px;
	   line-height: 44px;
	   padding-bottom: 0.75rem;
	}
	
	.template-inside .billboard-content h1 {
	   font-size: 40px;
	   line-height: 44px;
	   padding-bottom: 0.75rem;
	}
	
	h2 {
		font-size: 40px;
		line-height: 44px;
		padding-bottom: 0.75rem;
	}	  

	h3 {

		font-family: 'Hanken Grotesk', sans-serif;;
		font-size: 28px;
		line-height: 35px;
		padding-bottom: 0.5rem;
	}	
	
	.billboard-content .secondary-header { /* secondary header on Hero */
	   font-size: 20px;
	   line-height: 24px
	   padding-bottom: 1rem;
	}
	
	.lightnav .billboard-content .secondary-header { 
       text-shadow: 0px 3px 8px rgba(15,33,62,0.85);
	}
	
    h4 {
		font-size: 23px;
		line-height: 26px;
	}

}

/* lists */
.body-container-wrapper ul {
  list-style-type: none;
  margin: 0 0 1em;
   list-style: outside;
    padding-inline-start: 2em;
}


.body-container-wrapper ol {
  counter-reset: item;
  list-style-type: none;
  margin: 0 0 1em;
  list-style: outside;
  padding-inline-start: 0.5em;
}

.body-container-wrapper ol>ol,
.body-container-wrapper ul>ol {
  list-style-type: none;
  counter-reset: item;
  padding-inline-start: 2em;
}

.body-container-wrapper ol>li {
  display:block;
  margin:0;
  padding: 0 0 0.25em 0.25em;
  text-indent:-0.5em;
  list-style-type:none;
  color: #4e5a6d;
}


.body-container-wrapper ol ul {
    padding-inline-start: 2em;
}
.body-container-wrapper ul ul, 
.body-container-wrapper ul ol {
    padding-inline-start: 1.25em;
}
.body-container-wrapper ul ul, 
.body-container-wrapper ul ol {
    padding-inline-start: 0.75em;
}

.body-container-wrapper ul>li>ol>li:before {
    width: 1em;
}

.body-container-wrapper .hs-menu-flow-horizontal ul,
.body-container-wrapper .hs-menu-flow-horizontal ul>li,
.hs_cos_wrapper_type_post_listing ul {
    list-style-type: none;
    margin: 0;
    padding-inline-start: 0; 
    text-indent: 0;
}

.hs_cos_wrapper_type_post_listing ul li.hs-postlisting-item {
  list-style-type: none; 
}


/*****************************************/
/* Forms and Form Elements               */
/*****************************************/

form {
  padding: 0 40px ; 
 }

.hs-form-field label,
.hs-form-field .hs-field-desc{
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.01em;
  color: #4e5a6d;
  font-family: 'Roboto Mono', sans-serif;
  text-transform: uppercase;
}

.hs-form-field .hs-field-desc{
    font-style: italic;
    font-size: small;
}

form .hs-error-msg {
  background-color: #ffffff;
  border: 1px solid #1b6aff;
  color: #1b6aff !important;  
}

input[type="number"],
.hs-form-field {
  border-bottom: 1px solid #4e5a6d;
  margin-bottom: 10px; 
  margin-bottom: 40px;
}

input,
select,
textarea,
.hs-fieldtype-radio  {
    color: #4e5a6d;
    border: none;
}

fieldset,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea {
    background: transparent;
    font-size: 32px !important;
    padding-left : 0 !important;
    font-weight: 400;
    line-height: 38.4px;
    letter-spacing: -0.02px;
    max-width: 600px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  text-transform: none;
  color: #1b6aff;
  
}
.hs-form-field:focus {
    border-bottom: 1px solid #1b6aff;
  
}

.button-cta a { /* hide cta button flash on page load */
   /* padding: 0; */
	  text-decoration: none;
}

form .inputs-list span {
    vertical-align: middle;
    text-transform: capitalize;
  line-height: 32px;
  font-family: 'Hanken Grotesk', sans-serif;;
}
form input[type=checkbox], form input[type=radio] {
    cursor: pointer;
    margin-right: 30px;
  -ms-transform: scale(2.15); /* IE 9 */
  -webkit-transform: scale(2.15); /* Chrome, Safari, Opera */
  transform: scale(2.15);
  appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  background: #cccccc;
  border: 5px solid #ccc;
  outline: 0px solid #ccc;
}

form input[type="radio"]:checked {
   appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  background: #1b6aff;
  border: 5px solid #1b6aff;
  outline: 0px solid #1b6aff;
  
}

@media all and (max-width: 900px) {
  form {
  padding: 0 0 ; 
 }
  
  
form input[type=checkbox], form input[type=radio] {
    cursor: pointer;
    margin-right: 20px;
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
  }
}

form .inputs-list span {
    vertical-align: middle;
    font-size: 28px;
}

button,
input[type="submit"],
input[type="reset"],
.more-link,
.body-container-wrapper .button-cta a,
.footer-container-wrapper .button-cta a,
.textbutton.button-cta a,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
.more-link:active,
.body-container-wrapper .button-cta a:active,
.textbutton.button-cta a:active,
.hs-button.large.primary,
.hs-button.large.primary:active {
	background: rgba(7, 106, 255, 1);
	border-radius: 2px;
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	padding: 15px 31px; 
	text-wrap: nowrap;
}

input[type="submit"],
input[type="submit"]:active {
 	padding: 15px 70px !important;  
}


button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
.more-link:hover,
.body-container-wrapper .button-cta a:hover,
.textbutton.button-cta a:hover,
.more-link:focus,
.body-container-wrapper .button-cta a:focus,
.textbutton.button-cta a:focus,
.hs-button.large.primary:hover,
.hs-button.large.primary:focus {
	background: #ffffff;
	border-radius: 2px;
	color: rgba(7, 106, 255, 1); /* #076aff */
	text-decoration: none;
	border: 1px solid #1b6aff;
}



input[type="search"],
input[type=password] {
    border-radius: 0;
    width: 100%;
  	color: #4e5a6d;
	  text-decoration: none;
    padding: 8px 4px;
    margin-bottom: 12px;
}

/* Hero Buttons Overrides */
.custom-menu-primary .hs-menu-wrapper > ul li:last-child a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li:last-of-type a,
.billboard-content .textbutton.button-cta a,
.billboard-content .textbutton.button-cta a:active,
.billboard-content .hs-button.large.primary,
.billboard-content .hs-button.large.primary:active {
	background:  rgba(7, 106, 255, 1);
	border-radius: 2px;
	font-family: 'Roboto Mono', monospace;	
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	padding: 15px 32px;
	text-wrap: nowrap;
	border: 1px solid #1b6aff
}
.custom-menu-primary .hs-menu-wrapper > ul li:last-child a {
		background:  rgba(7, 106, 255, 1) !important;
		margin-top: 20px;
}

.custom-menu-primary .hs-menu-wrapper > ul li:last-child a:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul li:last-of-type a:hover,
.billboard-content .textbutton.button-cta a:hover,
.billboard-content .textbutton.button-cta a:focus,
.billboard-content .hs-button.large.primary:hover,
.billboard-content .hs-button.large.primary:focus {
	background: #ffffff;
	border-radius: 2px;
	color: rgba(7, 106, 255, 1);
	text-decoration: none;
	border: 1px solid #1b6aff
}
.custom-menu-primary .hs-menu-wrapper > ul li:last-child a:hover {
	background: #ffffff !important;
}
	


/*  end hero buttons */
label {
  text-wrap: pretty;
}

/* Form Errors */

.hs-form-field .hs-error-msgs {
    background: #1b6aff;
    color: #ffffff;
}

.hs-form-field .hs-error-msgs:before {
  	border: solid transparent;
  	border-color: rgba(255, 255, 255, 0.01);
  	border-top-color: #1b6aff;
}

/*****************************************/
/* Slick Slider                          */
/* remove the arrow and set dot size     */
/*****************************************/

/*
 * .slick-arrow {
    display:none !important;
}
*/

.hs_cos_gallery_main .slick-dots li button:before, 
.hs_cos_gallery_thumbnails .slick-dots li button:before, 
.hs_cos_gallery_lightbox .slick-dots li button:before {
    font-size: 22px;
  line-height: 23px;
}

/* Slick Carousel Buttons/Dots/Arrows */
.slick-dots li button {
	
    width: 20px;
    height: 20px;
    padding: 5px;
    color: #1b6aff;
    border: 1px solid #040e28;
    background: #1b6aff;
    border-radius: 50%;
}

.slick-track {
    position: relative; 
}

.slick-prev:before, .slick-next:before {
    font-size: 30px;
    opacity: .75;
    color: #1b6aff;
    position: relative;
    z-index: 1000;
}

/* hide player controls by default */
.splide__controls {
   /*  display: none; */
}
.splide__track--loop, 
.splide--loop {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/*****************************************/
/* Tables                                */
/*****************************************/

th,
td {
    margin: 0;
    padding: 10px;
}

th {
    color: #ffffff;
    background: #1b6aff;
}

tr td {
    border-bottom: 1px solid #1b6aff;
}

/*****************************************/
/* Header + Main Navigation              */
/*****************************************/

.row-fluid [class*="span"].global-wrapper.header-nav-wrapper {
    padding: 35px 0px 35px 90px;
}

.main-nav,
.main-nav .hs-menu-wrapper > ul {
    background-color: transparent;
    overflow: visible;
  	min-height: 100%;
}

.hs-menu-wrapper,
.hs-menu-wrapper * {
    display: inline-block;
    vertical-align: middle;
}

/***** DESKTOP MENU ****/
/* align main nav on desktop to the right and set padding top and bottom */
.main-nav .desktopmenu .hs-menu-wrapper {
   float: right;
   /* padding: 20px 40px 20px 0; */
   position: relative;
   max-width: 82.97872339599999%;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul {
    line-height: 30px;
    font-family: 'Hanken Grotesk', sans-serif;;
    font-size: 16px;
    text-transform: capitalize;
    box-shadow: none;
    margin: 12px auto 0;
    display: flex;	
  	width: 100%;
	  justify-content: flex-end;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > ul {
    line-height: 30;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul {
    line-height: 30;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li {
    background-color: rgba(26,106,255,0.125);
    display: inline-flex;
    float: right;
    border-radius: 0px;
    height: 48px;
    margin-left: 0;
/*	border-left: 1px solid rgba(26,106,255,0.125);
	border-right: 1px solid rgba(26,106,255,0.125) ; */
	border-top: 1px solid rgba(255,255,255, 0.3);
	border-bottom: 1px solid rgba(255,255,255, 0.3);
	padding: 5px 20px;
}
.main-nav .desktopmenu .hs-menu-wrapper > ul li:first-of-type {
	border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border: 1px solid rgba(255,255,255, 0.3);
	border-right: none !important;
	border-right: none !important;
	padding: 5px 20px 5px 30px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li:nth-last-child(2) {
	border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border: 1px solid rgba(255,255,255, 0.3);
	border-left: none !important;
	padding: 5px 30px 5px 20px;
}
.main-nav .desktopmenu .hs-menu-wrapper > ul li:last-of-type {
	border: none !important;
	background-color: transparent !important;
	margin-left: 30px;
	margin-top: -14px;
	margin-right: 10px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li a {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    width: fit-content;
	display: table;
	vertical-align: middle;
	padding: 0;
	margin-top: 9px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover {
	border-bottom-left-radius: 0;	
	border-bottom-right-radius: 0;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > li:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-menu-show-active-branch {
    background: rgba(255,255,255,0.95);
 
}

.main-nav .desktopmenu .hs-menu-wrapper > ul > li:hover > a,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a,
.main-nav .desktopmenu .hs-menu-wrapper > ul > li.hs-menu-show-active-branch > a {
    color: #76a5fd;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li {
	background: rgba(26,106,255,0.125);
	border-radius: 0;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:first-of-type {
	border-top-left-radius: 0;	
	border-top-right-radius: px;	
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:last-of-type {
	border-bottom-left-radius: px;	
	border-bottom-right-radius: px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li > a {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
	height: 0px;
    width: fit-content;
	display: table;
    0 10px;
}

/* 2nd Level */
.custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper {
  top: 0px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  left: 0;
  z-index: 1308;
  text-align: left;
  text-transform: none;
  visibility: hidden;
  min-width: 140px;
  height:0;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li.hs-item-has-children:hover {
    background: rgba(255,255,255,0.95)  !important;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li:hover > a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li.hs-item-has-children:hover > a {
    color: #76a5fd !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
	position: absolute;
    top: 0;
    right: auto;
	display: table;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li {
	background:  !important;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li > a {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff !important;
	height:  0px;
    width: fit-content;
	display: table;
    0 10px;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li:hover,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li.hs-item-has-children:hover {
    background: rgba(255,255,255,0.95) !important;
}


.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a,
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul li ul > li:hover > a {
    color: #76a5fd !important;
}

.row-fluid [class*='span'].headersubtitle {
    font-family: 'Hanken Grotesk', sans-serif;;
    color: ;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 70px;
}

.row-fluid [class*='span'].headersubtitle * {
	 padding: 0;
	 margin: 0;
}

.nonav .custom-logo img {
	margin-left: px;
	margin-right: px;
	margin-top: px;
	margin-bottom: px;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 900px) {
  
  /* vertical center logo to menu */
  .custom-logo {
    margin-top: 10.0px;
    margin-bottom: 10.0px;
  }
  
  .main-nav .desktopmenu {
    display: block !important;
  }
  
  .main-nav .mobile-trigger,
  .main-nav .mobilemenu,
  .mobilemenu .hs-menu-wrapper ul  {
    display: none !important; 
  }
}

/***** MOBILE MENU ****/

@media screen and (max-width: 900px) {
  #theme-editor-iframe body.mobile-open {
	 overflow-y: hidden;
  }
  .main-nav .desktopmenu {
    display: none !important;
  }

  .main-nav .mobilemenu {
    display: block !important; 
	  z-index: 1101;
  }	
  
  .main-nav .mobile-trigger {
    display: block;
  }
  
  .mobilemenu .hs-menu-wrapper {
	display: none;  
  }
  
  .mobile-open .mobilemenu .hs-menu-wrapper ul {
    display: block;
  }
  
  .span10.main-nav.widget-span.widget-type-custom_widget.custom-desktop {
    display: flex;
    justify-content: end;
  }
}

.main-nav .mobilemenu {
    display: block !important;
    position: absolute;
    top: 20px;
    right: 20px;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul {
    line-height: 20px;
    font-family: 'Hanken Grotesk', sans-serif;;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    box-shadow: none;
    margin: 0 auto;
	-webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	  
	float: left;
	padding: 0;
	position: absolute;
	top: 0;
	right: -20px;
	width: calc( 100vw - 0px );
	min-width: 320px;
	background-color: rgba(15,33,62,0.85);
	;
	border-radius: 2px;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul {
    line-height: 20px;
    font-weight: ;
    text-transform: capitalize;
    background-color: rgba(15,33,62,0.85);
    ;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul {
    line-height: 20px;
    font-weight: ;
    text-transform: capitalize;
	  background-color: rgba(15,33,62,0.85);
}

.main-nav .mobilemenu .hs-menu-wrapper > ul > li > a {
    10;
	  background: transparent;
    color: #ffffff;
	  -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}


.main-nav .mobilemenu .hs-menu-wrapper > ul li a,
.main-nav .mobilemenu .hs-menu-wrapper > ul li a:hover,
.main-nav .mobilemenu .hs-menu-wrapper > ul li a:active,
.main-nav .mobilemenu .hs-menu-wrapper > ul li a:focus {
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}

.main-nav .mobilemenu .hs-menu-wrapper > ul > li:hover > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul > li.hs-menu-show-active-branch > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover {
    background: rgba(15,33,62,0.5);
    color: #1b6aff;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul > li > a {
    10;
    background: rgba(15,33,62,0.85);
    color: #ffffff;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul > li:hover > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul li ul > li.hs-item-has-children:hover {
    background: rgba(15,33,62,0.75);
    color: #1b6aff;
}

.main-nav .mobilemenu li.hs-menu-item.hs-menu-depth-3 {
    10;
}

.main-nav .mobilemenu li.hs-menu-item.hs-menu-depth-3,
.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul > li > a {
    background: ;
	  background: rgba(15,33,62,0.85);
    color: #ffffff;
}

.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul li:hover > a,
.main-nav .mobilemenu .hs-menu-wrapper > ul li ul li ul li.hs-item-has-children:hover {
    background: rgba(15,33,62,0.5);
    color: #1b6aff;
}


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

.mobile-trigger {
	display: inline-block !important;
	cursor: pointer;
	width: auto;
	min-width: 32px;
	min-height: 32px;
	float: right;
	text-align: right;
	-webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}

.mobile-trigger:hover{
	text-decoration: none;
}

/* Change button when menu is open */
.mobile-open .mobile-trigger{

}
.mobile-trigger i {
	/* top: 20px; */
	top: 0;
	left: 10px;
	
	-webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;	
}

.mobile-trigger i, 
.mobile-trigger i:after, 
.mobile-trigger i:before {
	content: "";
	background-color: #f9f9f9;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	display: inline-block;
	height: 1px;
	width: 32px;
}

/* ===== Mobile Menu Styles ===== */

.main-nav.js-enabled{
	position: relative;
	padding-top: 0px; 
	margin: 0;
	width: 100% !important;
}

/* Make child lists appear below parent items */
.main-nav ul.hs-menu-children-wrapper{
	visibility: visible;
	opacity: 1;
}

/* Mobile Menu Styles */
.main-nav.js-enabled .hs-menu-wrapper{
	width: 100%;
	position: relative;
	top: 20px;
	left: 0;
	padding: 0;
}

.main-nav .hs-menu-wrapper {
	width: 100%; /* Full screen width */
}

/* Level 1 Menu List Styles */
.main-nav .hs-menu-wrapper > ul > li{
	position: relative;
}
.main-nav .hs-menu-wrapper > ul > li a{
	overflow: visible;
}

.main-nav .hs-menu-wrapper > ul ul li a{
	text-indent: 0px;
}

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

/* Menu Seperators */
.custom-menu-primary .hs-menu-flow-horizontal > ul > li.menu-seperator a:after {
	content:"";
	display: none;
}

.custom-menu-primary .hs-menu-flow-horizontal > ul > li.menu-seperator a:hover {
  color: #1f1f1f;
  cursor: default;
}

body.child-open .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper {
  height: auto;
}

.custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul {
	margin-left:0; 
}

.main-nav .hs-menu-wrapper > ul > li {
	position: relative;
}

.main-nav .hs-menu-wrapper > ul > li > a {
	outline: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	text-decoration: none;
} 
/*  
.main-nav .hs-menu-wrapper > ul > li:first-child > a {
padding-top: 14px;
}
*/
.main-nav .hs-menu-wrapper > ul > li > a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	left: 20px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    display:none; 
}

/* uncomment to allow site body to slide left when mobile menu opens */
/*  
#site-wrapper {
position: relative;
left: 0;
transition: all 300ms;
}

.mobile-open #site-wrapper {
left: 440px;
transition: all 300ms;
}

body {
overflow-x: hidden;
overflow-y: auto;
left: 0;
transition: all 300ms;
}

body.mobile-open {
left: 440px;
}
*/




@media (max-width: 900px) {
	.mobile-menu-socials a {
		color: ;
		margin: 0 8px;
		text-decoration: none;
		font-size: 20px;
		line-height: 20px;
	}	
	
	.row-fluid [class*="span"].global-wrapper.header-nav-wrapper {
		padding: 15px 0 30px 15px;
	}
	
	.main-nav.custom-mobile.js-enabled {
		border-color: rgba(15,33,62,0.85);
		position: absolute;
		z-index: 998;
		font-size: 20px;
		font-weight: normal;
		font-style: normal;
		letter-spacing: 0;
		text-transform: uppercase;
		width: 80%;
		min-width: 140px;
		max-width: 300px;
		overflow: hidden;
		left: -440px;
		right: 0;
		top: 20px;
		bottom: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		z-index: -1;
		-webkit-transition: all 300ms ease 0.00ms;
			 -o-transition: all 300ms ease 0.00ms;
				transition: all 300ms ease 0.00ms;
	}

	.mobile-open .main-nav .hs-menu-wrapper > ul {
		min-height: calc( 100vh - 162px);
		overflow: auto;
		top: 66px;
		position: absolute;
        right: -20px;
		padding-top: 40px;
  }

  /* allow some spacing when hero CTA are stacked on mobile */
  .button-cta.primary, .button-cta.secondary {
	padding-bottom: 20px;
  }
    
  .custom-menu-primary .hs-menu-wrapper > ul li:first-child, .custom-menu-primary .hs-menu-wrapper > ul li:first-child a {
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul li:last-child, .custom-menu-primary .hs-menu-wrapper > ul li:last-child a {
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
  }
  
  /* ensure no rounded corners on inner 2nd and 3rd level of menu */
  .custom-menu-primary .hs-menu-wrapper > ul li ul li, .custom-menu-primary .hs-menu-wrapper > ul li ul li a {
     border-radius: 0 !important;
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul {
   display:none; 
  }
  
  /* Toggle Button
     ========================================================================== */

  .mobile-trigger {
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer;
    position: absolute;
    top: -1px;
    right: 10px;
    width: 50px;
    height: 50px;
	20px;
    background: ;
    border: none;
    font-size: 32px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    color: #f9f9f9; 
  }
  .template-inside .mobile-trigger {
	  
    color: #1b6aff !important; 
  }
  .template-inside .mobile-trigger i, .template-inside .mobile-trigger i:before, .template-inside .mobile-trigger i:after {

        background-color: #1b6aff !important;
	}
  /* Removes link text underline on button */
  .mobile-trigger:hover {
    text-decoration: none; 
	background: ;
    color:#f9f9f9;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger {
    color:#f9f9f9;
  }


  /* Toggle Button Icon
     ========================================================================== */
	.mobile-trigger i {
		display: inline;
		position: relative;
		max-width: 32px;
  }
  
  .mobile-trigger i:before, 
  .mobile-trigger i:after {
    position: absolute;
    content: '';
  }
  

  .mobile-trigger i,
  .mobile-trigger i:before,
  .mobile-trigger i:after {
    width: 32px; /* Icon line width */
    height: 1px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #f9f9f9; /* Icon color */
    display: inline-block;
	  transition: all 1s;
    right: 0;
  }
  .mobile-trigger i:before {
    top: -10px; /* Position top line */
  }
  .mobile-trigger i:after {
    top: 10px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #f9f9f9; /* Icon color */
  }
  
	.mobile-open .mobile-trigger i {
		background-color: transparent !important;
		transition: all 1s;
	}
  
	.mobile-open .mobile-trigger i:before {
		transform: rotate(45deg) translatey(7px) translatex(-9.33px);
		transition: all 1s;
		transform-origin: bottom left;
		right: -14.4px;
	}
	.mobile-open .mobile-trigger i:after {
		transform: rotate(-45deg) translatey(-7px) translatex(-9.33px);
		transition: all 1s;
		transform-origin: top left;
		right: -14.4px;
	}
	
  /* Child Toggle Button
     ========================================================================== */

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

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }

	.mobile-open .overlay {
		background-color: rgba(78, 90, 109, .20);
		z-index: 1099;
	}
    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
   .custom-menu-primary.js-enabled{
     position: relative;
     padding-top: 0; 
     margin: 0;
   }   
   
   .custom-menu-primary.js-enabled {
     z-index:5010 !important;
     
   }   
   .main-nav .custom-logo {
     width: calc( 100% - 50px ) !important;
     max-width: calc( 100% - 50px ) !important;
     z-index: 1000 !important;
  }


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

  .custom-menu-primary.js-enabled .hs-menu-wrapper {
    width: 100%;
    position: absolute; 
    padding: 0;
    top: 0;
    right: 0;
    left: auto;
  }
  
  .custom-menu-primary .hs-menu-wrapper {
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
   
  .custom-menu-primary .hs-menu-wrapper > ul > li {
	display: table;	
	line-height: 20px;
	padding: 5px 20px;
	width: 100%;
  }
 
  .custom-menu-primary .hs-menu-wrapper > ul > li a {
	display: contents;
    text-align: left;
    overflow: visible;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	text-transform: capitalize;
	color: #ffffff;
	background-color: rgba(15,33,62,0.85);
	padding: 14px 0px;
  }
	
  .custom-menu-primary .hs-menu-wrapper > ul > li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul > li a:active,
  .custom-menu-primary .hs-menu-wrapper > ul > li a:focus {
	color: #1b6aff;
	background-color: rgba(15,33,62,0.5);
  }

  .custom-menu-primary .hs-menu-wrapper > ul li:not(:last-child) {
    border-top: 1px solid rgba(78, 90, 109, .1 ); 
	/* Adds transparent highlights to top of top level list items */
  }
  
    .custom-menu-primary .hs-menu-wrapper > ul li:last-child {
    border-top: 1px solid rgba(78, 90, 109, .1 ); 
	border-bottom: 1px solid rgba(78, 90, 109, 0.1 ); 
  }

   /* Level 2 Menu List Styles */
   
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li {
	display: table;	
	line-height: 20px;
  }
 
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a {
	display: table;
    text-align: left;
    overflow: visible;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	text-transform: capitalize;
	color: #ffffff;
	background-color: rgba(15,33,62,0.85);
	10;
	padding-left: 0;
	padding-right: 0;
  }
	
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a:active,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li a:focus {
	color: #1b6aff;
	background-color: rgba(15,33,62,0.75);
  }
  
  
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li:not(:last-child) {
    border-top: 1px solid rgba(78, 90, 109, 0.1 );  
  }
  
   /* Level 3 Menu List Styles */
   
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li {
	display: table;	
	line-height: 20px;
  }
 
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a {
	display: table;
    text-align: left;
    overflow: visible;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	text-transform: capitalize;
	color: #ffffff;
	background-color: rgba(15,33,62,0.85);
	10;
  }
	
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a:active,
  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li a:focus {
	color: #1b6aff;
	background-color: rgba(15,33,62,0.5);
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li > ul > li > ul > li:not(:last-child) {
    border-top: 1px solid rgba(78, 90, 109, 0.1 ); 
  }
  
  .custom-menu-primary .hs-menu-wrapper > ul li:first-of-type {
    border-top: none;
  }
  
    /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li, 
  .main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li {
    border-top: 1px solid rgba(78, 90, 109, .20);
	display: table;
  }
  
  .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a,
  .custom-menu-primary .hs-menu-wrapper > ul ul li a {
    text-indent: 10px; /* Indent Child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
	text-indent: 10px; /* Indent Child lists */
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: table;
  }
  
  .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left; 
    width: fit-content;
    min-width: 100%;
  }
  
  .inline-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left; 
    width: fit-content;
    min-width: auto;
  }

  body .custom-menu-primary.js-enabled .hs-menu-wrapper {
    display: block;
    visibility: hidden;
    opacity: 0;
    border-radius: 10px;
  }
  
  body.mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    border-radius: 0;
    max-width: 360px;
    float: right;
    position: absolute;
  }
  
  body.mobile-open .custom-menu-primary .hs-menu-wrapper > ul {
    display: block !important; 
  }
}  
  body.mobile-open .search-toggle {
    margin-left: 0;
    border-top: 1px solid #ffffff;
    width: 100% !important;
    text-align: center;
  }
    
/* Search */

.search-trigger {
  /*  margin-top: 0.0px; */
}

.search-toggle {
	font-size: 16px;
    color: #ffffff;
    transition: all 300ms ease;
}

.search-toggle:hover,
.search-toggle:active {
    color: #76a5fd;
}

.search-toggle:after {
    content: '';
}

#search-form-wrapper{
    color: #ffffff;
    background: rgba(255,255,255,.95);
}

#search-form-wrapper input[type="text"]{
    font-size: 2rem;
    color: #ffffff;
    border-bottom: 1px solid rgba(#ffffff, 0.6);
}

#search-form-wrapper input[type="text"]:focus{
    border-color: #ffffff;
}

  
@media screen  and (max-width: 900px) {
  .search-template .search-trigger {
    display:none;
  }
  
   .hs-search-field--open {
      border: 1px solid rgba(#ffffff,.85);
  }
}
/*****************************************/
/* Footer                                */
/*****************************************/

.footer-container-wrapper {
    background-color: #f9f9f9;
}

.footer-container-wrapper,
.footer-container-wrapper p {
	font-family: 'Hanken Grotesk', sans-serif;;
    color: #4e5a6d;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 0.5rem;
    margin: 0;
}

.footer-container-wrapper h3,
.footer-container-wrapper h4 {
	font-family: 'Hanken Grotesk', sans-serif;;
	font-size: 18px !important;
} 

.row-fluid [class*="span"].footer-container-wrapper {
    position: relative;
    padding-top: 100px;
    padding-bottom: 0px;
}

.footer-container-wrapper .widget-type-logo img.hs-image-widget{
    max-height: 50px;
}

.footer-container-wrapper p, 
.footer-container-wrapper address,
.footer-container-wrapper ul{
	margin-bottom: 0;
}

.footer-container-wrapper .post {
 /*   padding-top: 4px;  */
}

.footer-container-wrapper #scroll:hover {
    margin-bottom: 0;
    transition: all 0.5s;
}

#scroll span:hover {
    opacity:1;
	filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.footer-container-wrapper ul li {
  width: 100%;
}


.footer-container-wrapper .hs-menu-children-wrapper {
  display:none !important;  
  opacity: 0 !important;  
  visibility: hidden !important;  
}

.footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{
    display:inline;
    32;
}

.footer-container-wrapper h3.widget_title {
	font-family: 'Hanken Grotesk', sans-serif;;
	color: #4e5a6d;
	text-decoration:  none;
    font-size: px;
    font-weight: ;
    line-height: ;
    text-transform: ;
    padding-bottom: rem;
    margin: 0;
}


.footer-container-wrapper .social-sharing__share-text,
.footer-container-wrapper .post .author,
.footer-container-wrapper .post .readme,
.footer-container-wrapper .post p {
	font-family: 'Hanken Grotesk', sans-serif;;
    color: #4e5a6d !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-transform: none;
    padding-bottom: 1rem;
    margin: 0;
	white-space: pre-line;
}

.footer-container-wrapper .post h3,
.footer-container-wrapper .post h4 {
   padding-bottom: 1rem;
}

.footer-container-wrapper .post h3.post_title a,
.footer-container-wrapper .post h4.post_title a {
   font-family: 'Hanken Grotesk', sans-serif;;
	color: #4e5a6d !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-transform: none;
    padding-bottom: 1rem;
    margin: 0;
}

.footer-container-wrapper a {
    color: #4e5a6d;
    text-decoration: none;
}

.footer-container-wrapper a:hover,
.footer-container-wrapper .post h3.post_title a:hover,
.footer-container-wrapper .post h4.post_title a:hover   {
    color: #76a5fd !important;
    text-decoration: none !important;
}

.footer-pull-right *{
    text-align: right;
}

/**** Footer Menu ******/
.footer-container-wrapper .hs-menu-wrapper > ul li a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #4e5a6d;
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	text-transform: capitalize;
	32;
	text-decoration: none !important;
}

.footer-container-wrapper .hs-menu-wrapper > ul li a:hover,
.footer-container-wrapper .hs-menu-wrapper > ul li a:focus,
.footer-container-wrapper .hs-menu-wrapper > ul li a:active {
	color: #76a5fd !important;
	text-decoration: none !important;
}

.footer-container-wrapper .copyright-area .row-fluid {
	flex-direction: column; 
}

/*** terms and copyright menu ***/

.footer-container-wrapper .termsmenu ul {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	text-align: center;
	flex-wrap: wrap;
	max-width: 720px;
	margin: 0 auto
}

.footer-container-wrapper .termsmenu ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	text-align: center;
	flex-wrap: wrap;
	width: auto;
	padding: 0;
	margin: 0;
}

.footer-container-wrapper .termsmenu ul li a {
  width: fit-content;
  text-align: left;
  vertical-align: bottom;
  position: relative;
  display: inline;
  margin: 0;
  padding: 20px;
  color: #4e5a6d;

}
.footer-container-wrapper .hs-menu-wrapper,
.footer-container-wrapper .hs_cos_wrapper_type_simple_menu,
.footer-container-wrapper .hs_cos_wrapper_type_menu {
	float: left;
	clear: both;
	width: 100%;
}

.footer-container-wrapper .termsmenu li a:first-of-type {
	padding-left: 0;
}

.footer-container-wrapper .termsmenu li a:last-of-type {
	padding-right: 0;
}
/*
.footer-container-wrapper .termsmenu ul li:after {
  content: ' | ';
  display: inline;
  color: #4e5a6d;
    position: relative;
    vertical-align: baseline;
    margin-right: px;
    margin-left: px;
    top: px;
}
*/
.footer-container-wrapper .termsmenu ul li:last-of-type:after {
  content: '';
}

.footer-container-wrapper .copyright *,
.footer-container-wrapper .copyright ul li a {
	font-size: 18px;
	color: #4e5a6d;
	font-weight: 400; 
	line-height: 24px;
	letter-spacing: 0;
    	
}

@media all and ( max-width: 600px ) {
	.footer-container-wrapper .row-fluid [class*='span'] {
    	justify-content: ;
	}
	
	.footer-container-wrapper .termsmenu li { 
	  padding-right: 0 !important;
	  padding-left: 0 !important;
	}
	
	.footer-container-wrapper .termsmenu ul li:after {
	  content: '';
	  display: none;
	}
}

/* Footer and Sharing Social Icons Color */
.hs_cos_wrapper_type_social_sharing a {
    color: #4e5a6d;
    text-decoration: none;
    padding-right: 10px;
   /* background: #040e28; */
}

@media (max-width: 480px){
    .verpad {
		padding-bottom: 38px !important; 
	}
	
    .fs-background-media.fs-background-native {
		background-position: center;
		background-size: cover;
	}    
   
    .footer-container-wrapper,
    .footer-container-wrapper .text-left, 
    .footer-container-wrapper .text-right,
	.footer-container-wrapper .thmbleft,
	.footer-container-wrapper .thmbright,
	.footer-container-wrapper .posttleft,
	.footer-container-wrapper .posttright	{
        text-align: center !important;
		float: none !important;
    }
}

/* We ask that you retain the KAYAK credit line as part of our license requirement. Thank you! */
#k-icon {
    min-height: 25px !important;
    height: 25px;
    text-align: right !important;
    margin-top: -75px;
    overflow: hidden;
}

#k-icon path { 
    fill: #717171;
}

#k-icon .widget-type-logo img.hs-image-widget {
    position: relative;
    height: 25px;
    width: 60px !important;
    float: right;
    opacity: 0.0025 !important;
    margin: 0 50px 0 0;
}

.k-icon a {
    border:none!important;
}

.row-fluid [class*="span"].made-by-kayak{
    display: none;
    font-size: 0.9em;
    padding-top: 20px;
}

.template-home .row-fluid [class*="span"].made-by-kayak{
    display: block;
}

.made-by-kayak, 
.made-by-kayak a {
    color: #eaeaea;
}

@media only screen and (max-width: 480px){
  .footer-container-wrapper h4.widget-title .widget-span{
    margin-top: 10px;
  }
  
  .footer-pull-right *{
    text-align: center;
  }
}

/* Billboard: header/hero */

.billboard-wrapper,
.billboard-content {
    position: relative;
    z-index: 10;
}

@media all and (min-width: 900px ) {
  /*
.sticky .billboard-wrapper.tall-background, 
.sticky .tall-background .billboard-content, 
.sticky .template-internal .billboard-wrapper.tall-background, 
.sticky .template-internal .tall-background .billboard-content,
.sticky .template-internal .tall-background .parallax-hero-container,
.sticky .template-internal .tall-background .parallax-hero-background {
  height: calc(90vh + 146px);
}

.sticky .template-home .billboard-wrapper.tall-background, 
.sticky .template-home .tall-background .billboard-content,
.sticky .template-home .tall-background .parallax-hero-container,
.sticky .template-home .tall-background .parallax-hero-background,
.sticky .template-landingpage .billboard-wrapper.tall-background, 
.sticky .template-landingpage .tall-background .billboard-content,
.sticky .template-landingpage .tall-background .parallax-hero-container,
.sticky .template-landingpage .tall-background .parallax-hero-background {
  height: calc(90vh + 146px);
}
  */
.sticky .billboard-wrapper.short-background, 
.sticky .short-background .billboard-content, 
.sticky .template-internal .billboard-wrapper.short-background, 
.sticky .template-internal .short-background .billboard-content,
.sticky .template-internal .short-background .parallax-hero-container,
.sticky .template-internal .short-background .parallax-hero-background  {
  height: calc(50vh + 146px);
 /* max-height: 420px;
  min-height: 360px; */
}
  
.darknav .sticky .billboard-content.content-align-top_left,
.darknav .sticky .billboard-content.content-align-top_middle,
.darknav .sticky .billboard-content.content-align-top_right {
  justify-content: start;
  padding-top: 266px;
}
.template-inside .sticky .billboard-content.content-align-top_left,
.template-inside .sticky .billboard-content.content-align-top_middle,
.template-inside .sticky .billboard-content.content-align-top_right {
  justify-content: start;
  padding-top: 266px;
}
}

.heroblurb .blurbbox {
  border: 0px solid #4e5a6d; 
  max-width: calc( 1440px * 0.98 ); 
}

.heroblurb .blurbbox [class*="span"] {
    padding: 0;
    margin-left: 0;
}  

.blurbbox p {
  margin: 0rem;
  font-size: 16px;
  font-weight: 400;
  padding: 2px 5px 5px 5px;
}

.blurbbox [class*="span"] {
 /* border-left: 1px solid; */
} 

.blurbbox [class*="span"]:last-of-type {
/* border-right: 1px solid; */
}

/* Topics and 1-4 Columns Modules */
.heroblurb .blurbbox {
  display: flex;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  justify-content: space-between;
}

.heroblurb .blurbbox [class*="span"] {
  padding: 0 1%;
  transition: all 0.5ms;
}

.heroblurb .blurbbox [class*="span"]:hover {
  transition: all 0.5ms;
}

.blurbbox h1,
.blurbbox h2,
.blurbbox h3,
.blurbbox h4,
.blurbbox h5,
.blurbbox h6,
.blurbbox p {
  color: inherit; 
  margin: 6px 0;
}

#topicbuttoncredentials h5 {
	font-weight: 600;
    max-width: 260px;
    margin: 30px auto;
}

.blurbbox a {
   color: #1b6aff;
    text-decoration: none;
}

@media all and ( max-width: 768px ) {
  .heroblurb .blurbbox {
    display: block; 
    padding: 20px;
  }
  .heroblurb .blurbbox [class*="span"] {
   width: 100%; 
   border: none;
   padding: 20px 10px;
  }
  .heroblurb .blurbbox [class*="span"]:first-of-type {
   padding: 5px 10px 15px;
   /* margin-left: 3%;  randy edit */
  }
  .heroblurb .blurbbox [class*="span"]:last-of-type {
   padding: 20px 10px 0;
  }
  .blurbbox [class*="span"] {
    padding-bottom:40px;
    padding-top:20px;
   /* border-bottom: 1px solid #eee !important; */
  }
  .blurbbox [class*="span"]:last-of-type {
    border-bottom: none !important;
  }
  
}

/* Hubspot Image grid overlay settings */
.hs-image__grid__item__overlay {
    align-items: center;
    background-color: hsla(0,0%,100%,0);
    justify-content: center;
    padding: 1rem;
    transition: background-color .5s,opacity .5s;
    width: 100%;
    color: #fff;
    font-size: 20px ;
    border-radius: 50% ;
}

.hs-image__grid__item__overlay:hover {
    background-color: rgba(#1b6aff, .7);
    opacity: 1;
}

/* Error Templates */

.error-template .hs-form .hs-button {
    padding: 0.5em 1em;
    color: #ffffff;
    background: #1b6aff;
    border: 1px solid #1b6aff;
    transition: all 200ms ease;
    margin: 0.9em 0 0.5em;
    display: inline-block;
    border-radius: 4px;
}

.error-template .hs-form .hs-button:hover {
    background: rgba(255,255,255,0);
    color: #1b6aff;
    text-decoration: none;
    cursor: pointer;
}

/*****************************************/
/* Responsive                            */
/*****************************************/

/*****************************************/
/* 2 and 3 column inline                 */
/*****************************************/

.column {
  border-radius: 0;
}

.column ul li:before {
  content: '\2713'; /* \2713 is unicode for checkmark */
}


.column3 {
  border-radius: 0;
  background-color: rgb(0 0 0 / .1);
}

.column-pod {
  background-color: rgb(0 0 0 / .1);
  border-radius: 0;
  border: 1px solid #eee;
}

.container {
  display: flex;
}	


/*****************************************/
/* Responsive Module rules               */
/*****************************************/

@media all and ( min-width: 1440px ) {
 :root {
   --maxwidth : calc( 1440px );
    
  }
  
  /* set ratio for checkerbox image/video/text sections */
  .text-image-section .image-side, .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .video-square .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget  {
    max-height: calc( 1440px * 0.5 );
    max-width:  calc( 1440px * 0.5 );
    max-width: calc( var(--maxwidth) * 0.5 );
    max-height: calc( var(--maxwidth) * 0.5 );
  }
  
 .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: calc( calc( var(--maxwidth) * 0.5 ) - 100px );
  }
  
  .text-image-section .row-fluid .image-side[class*="span"],
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget  {
    padding-bottom: calc( var(--maxwidth) * 0.5 );
  }
  
  .text-image-section iframe, 
  .text-image-section .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget  {
      width: calc( var(--maxwidth) * 0.5 ) !important;
      height: calc( var(--maxwidth) * 0.5 ) !important;
  }
  .text-image-section .video-16x9 iframe, 
  .text-image-section .video-16x9 .hs-video-wrapper,
  .text-image-section .video-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-16x9 .hubspotembed .hs-video-widget  { 
      height: calc( var(--maxwidth) * 0.28125 ) !important;
  }
  
 /* .text-image-section .video-16x9 .row-fluid .text-side[class*="span"], */
  .text-image-section .video-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-16x9 .hs-video-wrapper,
  .text-image-section .video-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-16x9 .hubspotembed .hs-video-widget  {
      padding-bottom: calc( var(--maxwidth) * 0.28125 ) !important;
      max-height: calc( var(--maxwidth) * 0.28125 ) !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .text-side[class*="span"] {
    padding: 0 50px !important;
  }
  
  .text-image-section .video-square-16x9 .hubspotembed {
      transform: scale(1.7777);
  }
/*  
  .text-image-section .video-square-16x9 .hubspotembed,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-widget  {
      margin-top: 21.875%; 
  }
  .text-image-section .video-square-16x9 iframe.youtubeiframe {
      height: calc(calc(var(--maxwidth)*.5) * 9/16 )!important;
      width: calc(var(--maxwidth)*.5) !important;
      margin-top: 21.875%;
  }
  */
}
@media all and ( max-width: 1440px ){

  .text-image-section .global-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* set ratio for checkerbox image/video/text sections */
  .text-image-section .image-side, .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
    max-height: calc( 100vw * 0.5 );
    max-width:  calc( 100vw * 0.5 );
  }
  
 .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: calc( calc( 100vw * 0.5 ) - 50px );
  }
  
  .text-image-section .row-fluid .image-side[class*="span"],
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
    padding-bottom: calc( 100vw * 0.5 );
  }
  
  .text-image-section iframe,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
      width: calc( 100vw * 0.5 ) !important;
      height: calc( 100vw * 0.5 ) !important;
  }
  .text-image-section .video-16x9 iframe,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget {
      height: calc( 100vw * 0.28125 ) !important;
  }
  
  /* .text-image-section .video-16x9 .row-fluid .text-side[class*="span"], */
  .text-image-section .video-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-16x9 .hs-video-wrapper {
      padding-bottom: calc( 100vw * 0.28125 ) !important;
      max-height: calc( 100vw * 0.28125 ) !important;
  }
  
  .text-image-section .video-square-16x9 .hubspotembed {
      transform: scale(1.7777);
  }
  
 /* .text-image-section .video-square-16x9 .row-fluid .text-side[class*="span"], */
  .text-image-section .video-square-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-square-16x9 .hs-video-wrapper {
      padding-bottom: calc( 100vw * 0.5 ) !important;
      max-height: calc( 100vw * 0.5 ) !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .text-side[class*="span"] {
    padding: 0 25px;
  }
  
  .text-image-section .video-square .hs-video-wrapper {
      padding-bottom: 100% !important;
  }
  .text-image-section .row-fluid .text-side[class*="span"] {
    padding: 1.25% 2.5%;
    width: 100%;
    overflow: hidden;
    max-height: auto;
    max-width: auto;
  }
}

@media all and (max-width: 900px){ 
  .billboard-wrapper {
    max-height: calc(70vh - 100px);
  } 
  .template-home .billboard-wrapper {
    max-height: calc(90vh - 100px);
  } 
    .hs-video-wrapper {
    overflow: visible;
    padding-bottom: 100% !important;
  }
}
  
@media all and (max-width: 900px){
  
  .text-image-section .row-fluid .text-side[class*=span]  {
      max-height: fit-content;
  }
  .text-image-section .row-fluid .text-side[class*=span] .inner-text {
      display: block;
      height: auto;
      overflow: hidden;
      padding: 2.5vw 2.5vw;
      width: 45vw;
  }
}

@media all and (max-width: 600px){
  .text-image-section .video-square-16x9 .hubspotembed,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-container,
  .text-image-section .video-square-16x9 .hubspotembed .hs-video-widget,
  .text-image-section .video-square-16x9 .youtubewrapper {
      transform: scale(1.03);
  }

  .text-image-section .section-image .video-square-16x9 .row-fluid .image-side[class*="span"] {
      padding-bottom: calc( 100vw ) !important;
      max-height: calc( 100vw ) !important;
  }
  
  .content-align-middle_center .billboard-ctas .button-cta.primary,
  .content-align-top_middle .billboard-ctas .button-cta.primary,
  .content-align-bottom_middle .billboard-ctas .button-cta.primary {
    margin-left: 0;
    margin-right: 0;
  }
  
  .hs_cos_wrapper_type_logo img {
     max-width: 300px !important;
  }
  
  .footer-container-wrapper .hs_cos_wrapper_type_logo img {
     max-width: 200px !important;
  }
  
  .text-image-section .odd .row-fluid,
  .text-image-section .even .row-fluid {
    flex-direction: column !important;
  }
  
   .column-group > .row-fluid-wrapper > .row-fluid > [class*="span"]{
    border-bottom: 1px solid #1b6aff;
  }    
  
  .text-image-section .row-fluid .text-side[class*="span"] {
    padding: 30px;
  }
  
  .persona-block:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
  }    
  
  .text-image-section .odd .row-fluid, .text-image-section .even .row-fluid {
    display: flex;
    flex-direction: column;
  }
  
  /* set ratio for checkerbox image/video/text sections */
  .text-image-section .image-side, 
  .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .video-square .hs-video-wrapper,
  .text-image-section .hubspotembed .hs-video-container,
  .text-image-section .hubspotembed .hs-video-widget,
  .text-image-section .image-side, .text-image-section .image-side .backgroundimage,
  .text-image-section .row-fluid .text-side[class*="span"],
  .text-image-section .row-fluid .image-side[class*="span"],
  .video-square .text-image-section .hs-video-wrapper,
  .text-image-section .row-fluid .image-side iframe {
    width: 100vw !important;
    max-height: 100vh !important;
    max-width:  100vw !important;
  }
  
 .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: calc( 100vw - 30px );
  }
  
  .text-image-section .row-fluid .text-side[class*=span] .inner-text {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 5vw;
    width: 90vw;
  } 
  
  .text-image-section .row-fluid .image-side[class*="span"] {
    padding-bottom: 5vw;
  }
  
  .text-image-section iframe {
      width: 100vw !important;
      height: 100vw !important;
      max-width: none;
  }
  
  .text-image-section .video-16x9 iframe {
      height: calc( 100vw * 0.5625 ) !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .image-side[class*="span"],
  .text-image-section .video-16x9 .hs-video-wrapper,
  .hs-video-wrapper {
      padding-bottom: calc( 100vw * 0.5625 ) !important;
    /*  max-height: calc( 100vw * 0.5625 ) !important; */
  }
  
  .hs-video-wrapper {
    overflow: visible;
  }
  
  .video-square .hs-video-wrapper,
  .video-square .hubspotembed,
  .video-square .row-fluid .image-side[class*="span"]{
    height: 100vw !important;
    padding-bottom: 0 !important;
  }
  
  .text-image-section .video-16x9 .row-fluid .text-side[class*="span"],
  .text-image-section .video-square .row-fluid .text-side[class*="span"] {
    padding: 5% 2.5%;
    margin: 1.25% auto;
    width: 95% !important;
    overflow: hidden;
    max-height: auto;
    max-width: auto;
  }
  
  .text-image-section .row-fluid .text-side[class*="span"] .inner-text {
    max-height: none;
  }

  .template-home .billboard-wrapper {
    max-height: calc( 100vh - 100px );
  } 
  
  body .billboard-ctas .span12{
    margin-left: 0 !important;
  }
  
  .billboard-ctas {
    margin-top: 0;
  }
  
  .billboard-content.content-align-bottom
  .billboard-content.content-align-bottom_middle, 
  .billboard-content.content-align-bottom_right {
    vertical-align: bottom;
    padding-bottom: 30px;
  }   
  
  .billboard-content.content-align-top_left
  .billboard-content.content-align-top_middle, 
  .billboard-content.content-align-top_right {
    vertical-align: top;
    padding-top: 30px;
  } 
  
  .top-menu-repeater .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    width: auto;
    text-align: center;
    margin: 0 auto;
    
  }
  .top-menu-repeater .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.social-menu {
    display: flex;
    float: none;
    justify-content: space-evenly;
  }
  .top-menu-repeater .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.social-menu .social-sharing {
    width: auto;
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a.social-sharing__link {
    width: fit-content; 
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left; 
    width: 100%;
  }
  .blog-quick-links .hs-menu-wrapper li:before, .blog-quick-links span:before {
    display: none; 
  }
  #hs_cos_wrapper_module_footer .footer-wrapper span.copymenu {
    margin-top: 50px;
  }
}
.text-image-section .hubspotembed .hs-video-container {
  margin-top: -1px; 
}
@media all and (max-width: 480px){
  
  .text-image-section .row-fluid .text-side[class*=span] .inner-text {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 1.125vw;
    width: calc( 97.5vw - 60px );
  } 
  
  .hs_cos_wrapper_type_logo img {
     max-width: calc( 100vw - 120px ) !important;
  }
  
  .footer-container-wrapper .hs_cos_wrapper_type_logo img {
     max-width: calc( 100vw - 120px ) !important;
  }
  
    
 
}

@media all and (min-width: 1184px) {
  #hs_cos_wrapper_widget_1727221796275,
  #hs_cos_wrapper_widget_1727221831847,
  #hs_cos_wrapper_widget_1727221856073,
  #hs_cos_wrapper_widget_1727297037603,
  #hs_cos_wrapper_widget_1727297063671, 
  #hs_cos_wrapper_widget_1727296999153 {
    display: none; 
  }
}  
@media all and (max-width: 1184px) {
  #hs_cos_wrapper_widget_1727221796275,
  #hs_cos_wrapper_widget_1727221831847,
  #hs_cos_wrapper_widget_1727221856073,
  #hs_cos_wrapper_widget_1727297037603, 
  #hs_cos_wrapper_widget_1727297063671, 
  #hs_cos_wrapper_widget_1727296999153 {
	display: block;
  }
}

@media all and (min-width: 414px) {
  #hs-logo-carousel_logosmobile {
    display: none; 
  }
  #hs-logo-carousel_logosdesktop {
    display: block;
   }
}  
@media all and (max-width: 414px) {
  #hs-logo-carousel_logosdesktop {
    display: none;
  }
  #hs-logo-carousel_logosmobile {
	display: block;
  }
}

@media all and (min-width: 900px) {
.billboard-overlay {
   display: none !important
  }
  
}