/* @import url('http://example.com/example_style.css'); */

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

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


:root {

	/* 	Colours */
	/* ----------------------------------------------------- */		
	--col-brand-blue: #4894af;
	--col-corp-blue: #33475b;
	--col-black: #292929;
	--col-cta-orange: #ff7a59;
	--col-ticker-blue: #0e2a47;
	--col-dark-blue: #0e2a47;
	--col-darker-blue:#081d33;

	/* 	vislock */
	--col-green:#9ACA3C;
	--col-dark-grey:#414042;

	/* 	sitetrakker Cols */
	--col-blue:#152368 ;
	--col-orange:#F59321;
	--col-yellow:#eec849;


	--col-primary: var(--col-green);
	--col-secondary: var(--col-corp-blue);

	/* 	global usage */
	--col-background:#fff;
	--col-background-alt:var(--col-dark-blue);
	--col-link:var(--col-green);	

	/* 	Container widths */
	/* ----------------------------------------------------- */	
	--container-padding: 0 30px;
	--container-blog:900px; 
	--container-small:1100px; /*mainly used for copy/text*/
/* 	--container-default:1240px; */
	--container-default:1370px;
	--container-wide:1920px;
	--container-x-wide:1500px; /*remove*/

	/* 	Vertical top/bottom space on sections/modules  */
	/* ----------------------------------------------------- */	
	--vs-small:3rem;
	--vs-regular:5rem;
	--vs-tall:8rem;

	/* 	Title and Text above setcions  */
	/* ----------------------------------------------------- */		
	--sect-intro-margin-bottom:6.5rem;


	/* 	Fonts  */
	/* ----------------------------------------------------- */	
	/* Values set in theme styles */
	--font-headings: Montserrat;
	--font-copy: Roboto;



	/* 	depreciate */
	/* 	--container-r-w: 1070px;
	--container-m-w: 1250px;
	--container-l-w: 1500px; */

	/* 	 Typography */
	--font-text-color:var(--col-dark-grey);
	--font-text-color-alt:white;
	--font-heading-text-color:var(--col-dark-grey);
	--font-heading-text-color-alt:white;

	--font-headings-s: 1.1rem;
	--font-headings-r: 1.5rem;
	--font-headings-m: 1.8125rem;
	--font-headings-l: 2.375rem;
	--font-headings-xl: 3rem;

	--font-p-first-type-size:18px;

	--font-lineheight-r: 1.5;
	--font-lineheight-m: 1.6;
	--font-lineheight-l: 1.7;	

	/* 	Grids */
	--grid-gap: 20px;


	/* 	elements */
	--table-head-bg:var(--col-green);
	--table-head-color:white;


	/* Section Configs */
	/* ----------------------------------------------------- */



	/* 	Top Bar */
	/* ----------------------------------------------------- */

	--tb-bg: var(--col-green);
	--tb-copy-col: var(--font-text-color-alt);
	--tb-height: 62px;
	--tb-link-col:white;

	/* Module Configs */
	/* ----------------------------------------------------- */

	/* Icons with Links (social media etc) */
	--icon-links-icon-col:white;
	--icon-links-size-h:20px;
	--icon-links-size-w:20px;
	--icon-links-gap:10px;	

	/* 	Trustbar (Iconbar) */
	--trust-bar-height: 100px;
	--trust-bg-col: #ffffff;
	--trust-theme-col: var(--col-link);
	--trust-svg-max-w: 175px;



	/* 	Menu */
	/* ----------------------------------------------------- */
	--menu-bg-col: rgba(255, 255, 255, 0.712);

	/* 	Banner */
	--ban-height: 85vh;
	--ban-content-top-offset: 80px;
	--ban-overlay: rgba(0, 0, 0, 0.3);
	--ban-copy-color: var(--col-link);

	/* 	Animated Ticker */
	/* ----------------------------------------------------- */
	--ticker-min-w: 28ch;
	--ticker-gap: 1rem;

	--ticker-value-size: 50px;
	--ticker-value-col: white;
	--ticker-value-weight: bold;

	--ticker-label-size: 22px;
	--ticker-label-weight: normal;
	--ticker-label-col: white;
	--ticker-label-font-style: italic;

	/* 	Headings 1-6 */
	/* ----------------------------------------------------- */
	/* 	--h-col: var(--font-heading-text-color); */
	--h-col-banners: white;

	/* 	CTA Grid with Icons */
	/* ----------------------------------------------------- */	

	--cta-icon-intro-head-col:var(--font-heading-text-color);
	--cta-icon-intro-copy-col:var(--font-text-color-alt);


	/* 	--cta-icon-grid-bg:var(--col-background-alt); */
	--cta-icon-grid-bg:var(--col-background-alt);

	/* 	Cards */
	--cta-icon-card-bg:var(--col-background-alt);
	--cta-icon-card-bg:var(--col-darker-blue);

	--cta-icon-top-shape-col:var(--col-link);
	--cta-icon-card-header:var(--font-heading-text-color-alt);
	--cta-icon-card-copy:var(--font-text-color-alt);
	--cta-icon-card-link-color:var(--col-link);



	/* 	CTA Grid with Images */
	/* ----------------------------------------------------- */		

	--cta-imgs-intro-head-col:var(--font-heading-text-color);
	--cta-imgs-intro-copy-col:var(--font-text-color);


	--cta-imgs-title-color:var(--font-heading-text-color);
	--cta-imgs-info-color:#28282b;
	--cta-imgs-overlay-color:rgba(0,0,0,.4);



	/* 	CTA Grid with Images */
	/* ----------------------------------------------------- */	

	--footer-column-head-col:var(--font-heading-text-color-alt);
	--footer-column-hr-col:var(--col-link);
	--footer-column-copy:var(--font-text-color-alt);









	/* 	CTA Icons */
	--cta-icons-bg: lightgray;
	--cta-icon-gap: 2.5rem;
	--cta-icon-w: 30ch;




	/* 	Anchors */
	--a-col: var(--col-cta-orange);

	/* 	Buttons custom .btn class */
	--btn-min-w: 150px;
	--btn-bg: var(--col-link);
	--btn-bg-inv: transparent;
	--btn-col: white;
	--btn-padding: 12px 25px;
	--btn-font-size: 16px;
	--btn-border: 1px solid transparent;
	--btn-border-inv: 1px solid var(--col-cta-orange);

	--btn-border-radius: 1px;
	--btn-margin: 0 5px 1.5rem;
	// --btn-shaddow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
	--btn-shaddow: none;

	/* 	Blog */

	--blog-min-w:30ch;
	--blog-gap: 35px;

	/* 	Popup PLay Button */
	--popup-before-overlay: rgba(0, 0, 0, 0.2);
	--play-button-width: 100px;

	--play-button-stroke-color-triangle-initial: var(--col-cta-orange);
	--play-button-stroke-color-triangle: #ff0000;
	--play-button-stroke-color-circle: white;

	/* 	Timeline */

	--time-bg: var(--col-ticker-blue);
	--time-line-col: #ffffff0d;
	--time-dot-col: var(--col-cta-orange);
	--time-info-bg: #0b223a;

	--time-heading-col: var(--col-cta-orange);
	--time-copy-col: white;
}


/* vendors */
[data-sal] {
  transition-delay: 0s;
  transition-delay: var(--sal-delay, 0s);
  transition-duration: 0.2s;
  transition-duration: var(--sal-duration, 0.2s);
  transition-timing-function: ease;
  transition-timing-function: var(--sal-easing, ease);
}
[data-sal][data-sal-duration="200"] {
  transition-duration: 0.2s;
}
[data-sal][data-sal-duration="250"] {
  transition-duration: 0.25s;
}
[data-sal][data-sal-duration="300"] {
  transition-duration: 0.3s;
}
[data-sal][data-sal-duration="350"] {
  transition-duration: 0.35s;
}
[data-sal][data-sal-duration="400"] {
  transition-duration: 0.4s;
}
[data-sal][data-sal-duration="450"] {
  transition-duration: 0.45s;
}
[data-sal][data-sal-duration="500"] {
  transition-duration: 0.5s;
}
[data-sal][data-sal-duration="550"] {
  transition-duration: 0.55s;
}
[data-sal][data-sal-duration="600"] {
  transition-duration: 0.6s;
}
[data-sal][data-sal-duration="650"] {
  transition-duration: 0.65s;
}
[data-sal][data-sal-duration="700"] {
  transition-duration: 0.7s;
}
[data-sal][data-sal-duration="750"] {
  transition-duration: 0.75s;
}
[data-sal][data-sal-duration="800"] {
  transition-duration: 0.8s;
}
[data-sal][data-sal-duration="850"] {
  transition-duration: 0.85s;
}
[data-sal][data-sal-duration="900"] {
  transition-duration: 0.9s;
}
[data-sal][data-sal-duration="950"] {
  transition-duration: 0.95s;
}
[data-sal][data-sal-duration="1000"] {
  transition-duration: 1s;
}
[data-sal][data-sal-duration="1050"] {
  transition-duration: 1.05s;
}
[data-sal][data-sal-duration="1100"] {
  transition-duration: 1.1s;
}
[data-sal][data-sal-duration="1150"] {
  transition-duration: 1.15s;
}
[data-sal][data-sal-duration="1200"] {
  transition-duration: 1.2s;
}
[data-sal][data-sal-duration="1250"] {
  transition-duration: 1.25s;
}
[data-sal][data-sal-duration="1300"] {
  transition-duration: 1.3s;
}
[data-sal][data-sal-duration="1350"] {
  transition-duration: 1.35s;
}
[data-sal][data-sal-duration="1400"] {
  transition-duration: 1.4s;
}
[data-sal][data-sal-duration="1450"] {
  transition-duration: 1.45s;
}
[data-sal][data-sal-duration="1500"] {
  transition-duration: 1.5s;
}
[data-sal][data-sal-duration="1550"] {
  transition-duration: 1.55s;
}
[data-sal][data-sal-duration="1600"] {
  transition-duration: 1.6s;
}
[data-sal][data-sal-duration="1650"] {
  transition-duration: 1.65s;
}
[data-sal][data-sal-duration="1700"] {
  transition-duration: 1.7s;
}
[data-sal][data-sal-duration="1750"] {
  transition-duration: 1.75s;
}
[data-sal][data-sal-duration="1800"] {
  transition-duration: 1.8s;
}
[data-sal][data-sal-duration="1850"] {
  transition-duration: 1.85s;
}
[data-sal][data-sal-duration="1900"] {
  transition-duration: 1.9s;
}
[data-sal][data-sal-duration="1950"] {
  transition-duration: 1.95s;
}
[data-sal][data-sal-duration="2000"] {
  transition-duration: 2s;
}
[data-sal][data-sal-delay="50"] {
  transition-delay: 0.05s;
}
[data-sal][data-sal-delay="100"] {
  transition-delay: 0.1s;
}
[data-sal][data-sal-delay="150"] {
  transition-delay: 0.15s;
}
[data-sal][data-sal-delay="200"] {
  transition-delay: 0.2s;
}
[data-sal][data-sal-delay="250"] {
  transition-delay: 0.25s;
}
[data-sal][data-sal-delay="300"] {
  transition-delay: 0.3s;
}
[data-sal][data-sal-delay="350"] {
  transition-delay: 0.35s;
}
[data-sal][data-sal-delay="400"] {
  transition-delay: 0.4s;
}
[data-sal][data-sal-delay="450"] {
  transition-delay: 0.45s;
}
[data-sal][data-sal-delay="500"] {
  transition-delay: 0.5s;
}
[data-sal][data-sal-delay="550"] {
  transition-delay: 0.55s;
}
[data-sal][data-sal-delay="600"] {
  transition-delay: 0.6s;
}
[data-sal][data-sal-delay="650"] {
  transition-delay: 0.65s;
}
[data-sal][data-sal-delay="700"] {
  transition-delay: 0.7s;
}
[data-sal][data-sal-delay="750"] {
  transition-delay: 0.75s;
}
[data-sal][data-sal-delay="800"] {
  transition-delay: 0.8s;
}
[data-sal][data-sal-delay="850"] {
  transition-delay: 0.85s;
}
[data-sal][data-sal-delay="900"] {
  transition-delay: 0.9s;
}
[data-sal][data-sal-delay="950"] {
  transition-delay: 0.95s;
}
[data-sal][data-sal-delay="1000"] {
  transition-delay: 1s;
}
[data-sal][data-sal-easing="linear"] {
  transition-timing-function: linear;
}
[data-sal][data-sal-easing="ease"] {
  transition-timing-function: ease;
}
[data-sal][data-sal-easing="ease-in"] {
  transition-timing-function: ease-in;
}
[data-sal][data-sal-easing="ease-out"] {
  transition-timing-function: ease-out;
}
[data-sal][data-sal-easing="ease-in-out"] {
  transition-timing-function: ease-in-out;
}
[data-sal][data-sal-easing="ease-in-cubic"] {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
[data-sal][data-sal-easing="ease-out-cubic"] {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
[data-sal][data-sal-easing="ease-in-out-cubic"] {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[data-sal][data-sal-easing="ease-in-circ"] {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
[data-sal][data-sal-easing="ease-out-circ"] {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
[data-sal][data-sal-easing="ease-in-out-circ"] {
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[data-sal][data-sal-easing="ease-in-expo"] {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
[data-sal][data-sal-easing="ease-out-expo"] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
[data-sal][data-sal-easing="ease-in-out-expo"] {
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
[data-sal][data-sal-easing="ease-in-quad"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-sal][data-sal-easing="ease-out-quad"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-sal][data-sal-easing="ease-in-out-quad"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-sal][data-sal-easing="ease-in-quart"] {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
[data-sal][data-sal-easing="ease-out-quart"] {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-sal][data-sal-easing="ease-in-out-quart"] {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
[data-sal][data-sal-easing="ease-in-quint"] {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
[data-sal][data-sal-easing="ease-out-quint"] {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
[data-sal][data-sal-easing="ease-in-out-quint"] {
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
[data-sal][data-sal-easing="ease-in-sine"] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-sal][data-sal-easing="ease-out-sine"] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-sal][data-sal-easing="ease-in-out-sine"] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-sal][data-sal-easing="ease-in-back"] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-sal][data-sal-easing="ease-out-back"] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-sal][data-sal-easing="ease-in-out-back"] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-sal|="fade"] {
  opacity: 0;
  transition-property: opacity;
}
[data-sal|="fade"].sal-animate,
body.sal-disabled [data-sal|="fade"] {
  opacity: 1;
}
[data-sal|="slide"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-sal="slide-up"] {
  transform: translateY(20%);
}
[data-sal="slide-down"] {
  transform: translateY(-20%);
}
[data-sal="slide-left"] {
  transform: translateX(20%);
}
[data-sal="slide-right"] {
  transform: translateX(-20%);
}
[data-sal|="slide"].sal-animate,
body.sal-disabled [data-sal|="slide"] {
  opacity: 1;
  transform: none;
}
[data-sal|="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-sal="zoom-in"] {
  transform: scale(0.5);
}
[data-sal="zoom-out"] {
  transform: scale(1.1);
}
[data-sal|="zoom"].sal-animate,
body.sal-disabled [data-sal|="zoom"] {
  opacity: 1;
  transform: none;
}
[data-sal|="flip"] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform;
}
[data-sal="flip-left"] {
  transform: perspective(2000px) rotateY(-91deg);
}
[data-sal="flip-right"] {
  transform: perspective(2000px) rotateY(91deg);
}
[data-sal="flip-up"] {
  transform: perspective(2000px) rotateX(-91deg);
}
[data-sal="flip-down"] {
  transform: perspective(2000px) rotateX(91deg);
}
[data-sal|="flip"].sal-animate,
body.sal-disabled [data-sal|="flip"] {
  transform: none;
} 

/* other vendors */
/* Responsive grid */

.row-fluid {
    width: 100%;
  }
  
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }
  
  .row-fluid:after {
    clear: both;
  }
  
  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }
  
  .row-fluid .span12 {
    width: 99.99999998999999%;
  }
  
  .row-fluid .span11 {
    width: 91.489361693%;
  }
  
  .row-fluid .span10 {
    width: 82.97872339599999%;
  }
  
  .row-fluid .span9 {
    width: 74.468085099%;
  }
  
  .row-fluid .span8 {
    width: 65.95744680199999%;
  }
  
  .row-fluid .span7 {
    width: 57.446808505%;
  }
  
  .row-fluid .span6 {
    width: 48.93617020799999%;
  }
  
  .row-fluid .span5 {
    width: 40.425531911%;
  }
  
  .row-fluid .span4 {
    width: 31.914893614%;
  }
  
  .row-fluid .span3 {
    width: 23.404255317%;
  }
  
  .row-fluid .span2 {
    width: 14.89361702%;
  }
  
  .row-fluid .span1 {
    width: 6.382978723%;
  }
  
  .container-fluid:before, .container-fluid:after {
    display: table;
    content: '';
  }
  
  .container-fluid:after {
    clear: both;
  }
  
  @media (max-width: 767px) {
    .row-fluid {
      width: 100%;
    }
  
    .row-fluid [class*='span'] {
      display: block;
      float: none;
      width: auto;
      margin-left: 0;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
      width: 100%;
    }
  
    .row-fluid:before, .row-fluid:after {
      display: table;
      content: '';
    }
  
    .row-fluid:after {
      clear: both;
    }
  
    .row-fluid [class*='span'] {
      display: block;
      float: left;
      width: 100%;
      min-height: 1px;
      margin-left: 2.762430939%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    .row-fluid [class*='span']:first-child {
      margin-left: 0;
    }
  
    .row-fluid .span12 {
      width: 99.999999993%;
    }
  
    .row-fluid .span11 {
      width: 91.436464082%;
    }
  
    .row-fluid .span10 {
      width: 82.87292817100001%;
    }
  
    .row-fluid .span9 {
      width: 74.30939226%;
    }
  
    .row-fluid .span8 {
      width: 65.74585634900001%;
    }
  
    .row-fluid .span7 {
      width: 57.182320438000005%;
    }
  
    .row-fluid .span6 {
      width: 48.618784527%;
    }
  
    .row-fluid .span5 {
      width: 40.055248616%;
    }
  
    .row-fluid .span4 {
      width: 31.491712705%;
    }
  
    .row-fluid .span3 {
      width: 22.928176794%;
    }
  
    .row-fluid .span2 {
      width: 14.364640883%;
    }
  
    .row-fluid .span1 {
      width: 5.801104972%;
    }
  }
  
  @media (min-width: 1280px) {
    .row-fluid {
      width: 100%;
    }
  
    .row-fluid:before, .row-fluid:after {
      display: table;
      content: '';
    }
  
    .row-fluid:after {
      clear: both;
    }
  
    .row-fluid [class*='span'] {
      display: block;
      float: left;
      width: 100%;
      min-height: 1px;
      margin-left: 2.564102564%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    .row-fluid [class*='span']:first-child {
      margin-left: 0;
    }
  
    .row-fluid .span12 {
      width: 100%;
    }
  
    .row-fluid .span11 {
      width: 91.45299145300001%;
    }
  
    .row-fluid .span10 {
      width: 82.905982906%;
    }
  
    .row-fluid .span9 {
      width: 74.358974359%;
    }
  
    .row-fluid .span8 {
      width: 65.81196581200001%;
    }
  
    .row-fluid .span7 {
      width: 57.264957265%;
    }
  
    .row-fluid .span6 {
      width: 48.717948718%;
    }
  
    .row-fluid .span5 {
      width: 40.170940171000005%;
    }
  
    .row-fluid .span4 {
      width: 31.623931624%;
    }
  
    .row-fluid .span3 {
      width: 23.076923077%;
    }
  
    .row-fluid .span2 {
      width: 14.529914530000001%;
    }
  
    .row-fluid .span1 {
      width: 5.982905983%;
    }
  }
  
  /* Clearfix */
  
  .clearfix:before, .clearfix:after {
    display: table;
    content: '';
  }
  
  .clearfix:after {
    clear: both;
  }
  
  /* Visibilty classes */
  
  .hide {
    display: none;
  }
  
  .show {
    display: block;
  }
  
  .invisible {
    visibility: hidden;
  }
  
  .hidden {
    display: none;
    visibility: hidden;
  }
  
  /* Responsive visibilty classes */
  
  .visible-phone {
    display: none !important;
  }
  
  .visible-tablet {
    display: none !important;
  }
  
  .hidden-desktop {
    display: none !important;
  }
  
  @media (max-width: 767px) {
    .visible-phone {
      display: inherit !important;
    }
  
    .hidden-phone {
      display: none !important;
    }
  
    .hidden-desktop {
      display: inherit !important;
    }
  
    .visible-desktop {
      display: none !important;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
      display: inherit !important;
    }
  
    .hidden-tablet {
      display: none !important;
    }
  
    .hidden-desktop {
      display: inherit !important;
    }
  
    .visible-desktop {
      display: none !important;
    }
  }
/* @import url('http://example.com/example_style.css'); */

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

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


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Sections */

/* @import url('http://example.com/example_style.css'); */

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

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

.sect-banner {
  background-color: red;
  height: 100vh;
  position: absolute;
  width: 100%; }
/* @import url('http://example.com/example_style.css'); */

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


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



/* this is a fix for the hubspot html which ruins the popup html */
.mod-vid-popup{
	display: flex;
    justify-content: center;
    align-items: center;
}

.mod-vid-popup .hs_cos_wrapper{
	
	width:100%;
	
}



.pop-style .popup-youtube .popup-slide:before {
	content: "";
	background-color: var(--popup-before-overlay);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.pop-style .playBut {
	/*  border: 1px solid red;*/
	display: inline-block;
	transition: all 0.5s ease;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.pop-style .playBut svg {
	width: var(--play-button-width);
}
.pop-style .playBut .circle {
	stroke: var(--play-button-stroke-color-circle);
	stroke-dasharray: 650;
	stroke-dashoffset: 650;
	transition: all 0.5s ease-in-out;
	opacity: 0.3;
}
.pop-style .playBut .triangle {
	transition: all 0.7s ease-in-out;
	stroke-dasharray: 240;
	stroke-dashoffset: 480;
	stroke: var(--play-button-stroke-color-triangle-initial);
	transform: translateY(0);
}
.pop-style .playBut:hover .triangle {
	stroke-dashoffset: 0;
	opacity: 1;
	stroke: var(--play-button-stroke-color-triangle);
	animation: nudge 0.7s ease-in-out;
}

@keyframes nudge {
	0% {
		transform: translateX(0);
	}
	30% {
		transform: translateX(-5px);
	}
	50% {
		transform: translateX(5px);
	}
	70% {
		transform: translateX(-2px);
	}
	100% {
		transform: translateX(0);
	}
}
.pop-style .playBut:hover .circle {
	stroke-dashoffset: 0;
	opacity: 1;
}



/* DNDs */
/* @import url('http://example.com/example_style.css'); */

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

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


.form-right-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}
/* @import url('http://example.com/example_style.css'); */

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




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

.challenges-section-1{

	background-image: linear-gradient(
		270deg,#ffffff 0%,#d2d3d4 100%)!important;

}


.chall-one-grid{

	display:grid;
	grid-template-columns:1fr%;
	grid-gap:20px;

}


@media (min-width: 768px) {
	.chall-one-grid{


		grid-template-columns:25% 1fr 25%;


	}
}


.challenges-section-2{
	background-image: linear-gradient(
		180deg,#ffffff 0%,#d6d6d6 100%);

	display: grid;
	grid-template-columns: 1fr;
	

}

.challenges-section-2 h3{
		color:#f59120;
	}


@media (min-width: 1200px) {
	.challenges-section-2{


		grid-template-columns: 1fr 1fr;


	}
}


.challenges-section-2 .left .head-container {
	display: flex;
	gap: 20px;
	align-items: center;
}

.challenges-section-2.altbg-chal{
	background-image: linear-gradient(
180deg,#ffffff 0%,#d6d6d6 100%);
}

/* Specific */
/* @import url('http://example.com/example_style.css'); */

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


.bg-red{
	background-color:red !important;
	background-image:none !important;
}

.top-white-to-grey{
	background-image: linear-gradient(
		180deg,#ffffff 0%,#d2d3d4 100%)!important;
}

.bg-white{
	background-color:white !important;
	background-image:none !important;
}

.bg-grey{
/* 	background-color:#f7f7f7 !important; */
/* 	background-image:none; */
}


.bg-light-grey{
	background-color:#f2f2f2 !important;
	background-image:none !important;
}


.bg-blue-v{
	background-image:url('https://25195191.fs1.hubspotusercontent-eu1.net/hubfs/25195191/backgrounds/mountains.png');
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}


.bg-blue-v-top{
	background-image:url('https://25195191.fs1.hubspotusercontent-eu1.net/hubfs/25195191/backgrounds/top-v.png');
/* 	background-position: top center; */
	background-size: cover;
	background-repeat: no-repeat;
	background-size: 100%;
}





.bg-lock .g-contained:before{

	content: '';
	position: absolute;
	top: 0;
	left: -30px;
	width: 200px;
	height: 250px;
	background-image: url(https://25195191.fs1.hubspotusercontent-eu1.net/hubfs/25195191/backgrounds/Vector.png);
	background-position: center;
	background-size: contain;
	z-index: -1;
	background-repeat: no-repeat;
}

.bg-dark-ipad{

	background-image:url('https://25195191.fs1.hubspotusercontent-eu1.net/hubfs/25195191/backgrounds/Frame%2068.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    background-position: bottom left;
}

.bg-dark-ipad * {
	color:white !important;
}



.bg-bottom-blue-to-white{
	background: linear-gradient(180deg, rgba(237, 243, 247, 0) 0%, #EDF3F7 100%);
}
/* uses above, global forms */
#hs_cos_wrapper_module_163793874131186{
		background: linear-gradient(180deg, rgba(237, 243, 247, 0) 0%, #EDF3F7 100%);
}
/* other form */
#hs_cos_wrapper_module_163793870497383 {
    background: linear-gradient(
180deg, #85B034 0%, rgba(154, 202, 60, 0.57) 100%);
}
/* bottom form clipping */
#hs_cos_wrapper_module_16377485911794_footer{
	position:relative;
}
#hs_cos_wrapper_module_16377485911794_footer:before {
    content: '';
    top: -189px;
    left: 0;
    right: 0;
    position: absolute;
    height: 190px;
    background-color: #414042;
    z-index: 999;
    clip-path: polygon(26% 91%, 100% 0%, 100% 100%, 0 100%, 0 40%);
}



/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

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




.editor-flexi {

	display: grid !important;
	grid-gap: 20px !important;
	grid-template-columns: repeat(auto-fit, MINMAX(MIN(100%, 30ch), 1fr)) !important;



}

/* @import url('http://example.com/example_style.css'); */

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

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



.blog-grid-enabled .swiper-slide{
	background-color:white;
}


.hs-blog-post article hr {
	
    border: 0;
    height: 1px;
    background: #e9e9e9;
    margin: 5px 0 30px;
}


.hs-blog-post article img{
	width:100% !important;
}

.hs-blog-post article figure{
	margin:0 !important;
}


.hs-blog-listing{
	background-color:#f2f2f2;
}



.archive-section .blog-grid-enabled .item {
	position: relative;
	background-color: white;
}
.archive-section .blog-grid-enabled .item:hover {
	box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1);
}
.archive-section .blog-grid-enabled .item:hover .inner {
	transform: translateY(-20px);
}
.archive-section .blog-grid-enabled .item:hover .inner .read-time {
	color: darkgray;
}
.archive-section .blog-grid-enabled .item:hover .inner .content {
	display: flex;
	align-items: center;
}
.archive-section .blog-grid-enabled .item:hover .inner .content .arrow {
	display: block;
}
.archive-section .blog-grid-enabled .item .bg-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #525252;
	padding-top: 50%;
	min-height: 40px;
	position: relative;
}
.archive-section .blog-grid-enabled .item .inner {
	background-color: white;
	transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
	min-height: 300px;
	padding: 40px;
}
.archive-section .blog-grid-enabled .item .inner .read-time {
	display: flex;
	align-items: center;
	gap: 10px;
	color: rgba(169, 169, 169, 0.4);
	font-size: 14px;
	font-weight: normal;
}
.archive-section .blog-grid-enabled .item .inner .read-time svg {
	max-width: 20px;
}
.archive-section .blog-grid-enabled .item .inner h2 {
	font-size: var(--font-headings-r);
	color: var(--font-heading-text-color);
}
.archive-section .blog-grid-enabled .item .inner span.author {
	color: grey;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 1rem;
	font-style: italic;
	display: block;
}
.archive-section .blog-grid-enabled .item .inner p {
	color: var(--col-corp-blue);
	font-weight: normal;
}
.archive-section .blog-grid-enabled .item .inner .spc {
	flex: 1;
	display: none;
}
@media (min-width: 375px) {
	.archive-section .blog-grid-enabled .item .inner .spc {
		display: block;
	}
}
@media (ip6: 0) {
	.archive-section .blog-grid-enabled .item .inner .spc {
		display: block;
	}
}
/* @import url('http://example.com/example_style.css'); */

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

.hs-form{

	display: grid;
	grid-template-columns: 1fr;

	/* 	display:none; */



}

.hs-form label{
	color:#33475b !important;
/* 	font-family: arial, helvetica, sans-serif !important; */
    font-size: 13px !important;
	font-weight:normal !important;
}

@media (min-width: 1700px) {
	.hs-form {
		grid-template-columns: 1fr 1fr;
	}

	.hs_company.hs-company.hs-fieldtype-text.field.hs-form-field, .hs_message.hs-message.hs-fieldtype-textarea.field.hs-form-field {
		grid-column: 1 / span 2;
		
	}
	
	.hs_company.hs-company.hs-fieldtype-text.field.hs-form-field input, .hs_message.hs-message.hs-fieldtype-textarea.field.hs-form-field textarea {
		width: 95% !important;
	}
}

input{
	box-sizing: border-box;
	padding: 0 15px;
	min-height: 27px;
}

.hs-input:not([type=file]) {
	background-color: #f5f8fa;
}

.hs-input {
	display: inline-block;
	width: 90%;
	max-width: unset !important;
	height: 40px !important;
	padding: 9px 10px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	color: #33475b;
	border: 1px solid #cbd6e2;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.field {
	margin-bottom: 18px;
}

textarea.hs-input {
    height: auto !important;
}


label.hs-form-booleancheckbox-display {
    display: flex;
    gap: 10px;
/*     justify-content: center; */
    align-items: center;
}




/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* @import url('http://example.com/example_style.css'); */

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

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



/* Inner Container Widths */
/* ----------------------------------------------- */

.g-contained-b {
	position:relative;
	max-width: var(--container-blog);
	margin: auto;
	padding: var(--container-padding);
}


.g-contained-s {
	position:relative;
	max-width: var(--container-small);
	margin: auto;
	padding: var(--container-padding);
}

.g-contained {
	position:relative;
	max-width: var(--container-default);
	margin: auto;
	padding: var(--container-padding);
}

.g-contained-w {
	position:relative;
	max-width: var(--container-wide);
	margin: auto;
	padding: var(--container-padding);
}

.g-contained-xw {
	position:relative;
	max-width: var(--container-x-wide);
	margin: auto;
	padding: var(--container-padding);
}

.g-contained-f {
	position:relative;
	margin: auto;
	padding: var(--container-padding);
}


/* Official Shared Global Grids */
/* ----------------------------------------------- */

.gl-50-50{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--grid-gap);
}
@media (min-width: 768px) {
	.gl-50-50.break-tablet {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1024px) {
	.gl-50-50.break-tablet-l {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1366px) {
	.gl-50-50.break-tablet-xl {
		grid-template-columns: 1fr 1fr;
	}
}


.gl-30-70{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--grid-gap);
}
@media (min-width: 768px) {
	.gl-30-70.break-tablet {
		grid-template-columns: 1fr 2fr;
	}
}

@media (min-width: 1024px) {
	.gl-30-70.break-tablet-l {
		grid-template-columns: 1fr 2fr;
	}
}

@media (min-width: 1366px) {
	.gl-30-70.break-tablet-xl {
		grid-template-columns: 1fr 2fr;
	}
}


.gl-70-30{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--grid-gap);
}
@media (min-width: 768px) {
	.gl-70-30.break-tablet {
		grid-template-columns: 2fr 1fr;
	}
}

@media (min-width: 1024px) {
	.gl-70-30.break-tablet-l {
		grid-template-columns: 2fr 1fr;
	}
}

@media (min-width: 1366px) {
	.gl-70-30.break-tablet-xl {
		grid-template-columns: 2fr 1fr;
	}
}


/* Sections Vertical Spacing */
/* ----------------------------------------------- */

.vspace-xs {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.vspace-s {
	padding-top: var(--vs-small) !important;
	padding-bottom: var(--vs-small) !important;
}

.vspace {
	padding-top: var(--vs-regular) !important;
	padding-bottom: var(--vs-regular) !important;
}

.vspace-w {
	padding-top: var(--vs-tall) !important;
	padding-bottom: var(--vs-tall) !important;
}



.v-nbs {
	padding-bottom: 0 !important;
}

.v-nts {
	padding-top: 0 !important;
}


/* depreciated */

.g-contained-m {
	max-width: var(--container-m-w);
	margin: auto;
	padding: var(--container-padding);
}

.g-contained-l {
	max-width: var(--container-l-w);
	margin: auto;
	padding: var(--container-padding);
}


.g-5050 {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--grid-gap);

}
@media (min-width: 768px) {
	.g-5050 {
		grid-template-columns: 1fr 1fr;
	}
}

.g-fours {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 80px;
}
@media (min-width: 768px) {
	.g-fours {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 1280px) {
	.g-fours {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.g-threes-footer {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 80px;
}
@media (min-width: 768px) {
	.g-threes-footer {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 1280px) {
	.g-threes-footer {
		grid-template-columns: 2fr 1fr 1fr;
	}
}



.g-flex-v {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex-split {
	display: flex;
	justify-content: space-between;
	align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
}

.space-s {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.space-m {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.space-l {
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.space-xl {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.smol-css-grid-ticker {
	display: grid;
	grid-gap: var(--ticker-gap);
	/* min() with 100% prevents overflow
	in extra narrow spaces */
	grid-template-columns: repeat(
		auto-fit,
		MINMAX(MIN(100%, var(--ticker-min-w)), 1fr)
	);
}

.smol-css-grid-icons {
	display: grid;
	/* 	grid-gap: var(--cta-icon-gap); */
	grid-gap: 15px;
	/* min() with 100% prevents overflow
	in extra narrow spaces */
	grid-template-columns: repeat(
		auto-fit,
		MINMAX(MIN(100%, var(--cta-icon-w)), 1fr)
	);
}

.css-grid-images {
	display: grid;
	grid-gap: var(--cta-icon-gap);
	grid-template-columns: 1fr;
}
@media (min-width: 768px) {
	.css-grid-images {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 1024px) {
	.css-grid-images {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.pr {
	position: relative;
}

.blog-grid-enabled {
	display: grid !important;
	grid-gap: var(--blog-gap);
	/* min() with 100% prevents overflow
	in extra narrow spaces */
	grid-template-columns: repeat(
		auto-fit,
		MINMAX(MIN(100%, var(--blog-min-w)), 1fr)
	);
}


.knowledge-grid {
	display: grid !important;
	grid-gap: 20px;
	/* min() with 100% prevents overflow
	in extra narrow spaces */
	grid-template-columns: repeat(
		auto-fit,
		MINMAX(MIN(100%, 400px), 1fr)
	);
}

/* @import url('http://example.com/example_style.css'); */

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

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


/* #hs_cos_wrapper_module_163393938351675 + div {
background-color:red !important;
} */

/* EDF3F7 */

/* div#hs_cos_wrapper_module_163793874131186 {
    display: none;
} */

.body-container-wrapper{
	background: linear-gradient(
		to bottom,
		#EDF3F7 0%,
		rgba(255, 255, 255, 0) 2050px
	);
}



.entry-content-cont {
	background: linear-gradient(
		to bottom,
		#f7fbfe 0%,
		rgba(255, 255, 255, 0) 304px
	);
}


.altbg{

	background-color:var(--col-background-alt) !important;
	color:var(--font-text-color-alt) !important;
}

.altbg h2{

	color:var(--col-link);
}

.altbg p{

	color:var(--font-text-color-alt);
}

.btn, .hs-button {
	font-family:var(--font-headings);
	cursor:pointer;
	min-width: var(--btn-min-w);
	background-color: var(--btn-bg);
	/* 	background-image: linear-gradient(0deg,#e09e42 0%,#eec949 100%); */
	background-image: linear-gradient(0,#86af35 0%,#9aca3c 100%);
	font-weight: normal;
	color: var(--btn-col);
	padding: var(--btn-padding);
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: var(--btn-font-size);
	box-shadow: var(--btn-shaddow);
	text-transform: uppercase;
	/* border-radius: var(--btn-border-radius); */
	/* 	border-radius: 30px; */
	margin: var(--btn-margin);
	/* border: var(--btn-border); */
	border:none;
	/* 	border: 2px solid transparent; */
	transition: all 200ms ease-in-out;
}
.btn:hover, .hs-button:hover {
	transform: translateY(-2px) translateX(-2px);
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.btn.btndark {
		background-image:none;
	background-color: var(--col-dark-grey) !important;
}

.btn.inv {

	/* 	    background-color:yellow; */
	box-shadow:0px 0px 0px 2px var(--col-green) inset;


	background-image:none;
	/* 	border: 2px solid var(--col-green); */
	background-color: #F2F2F2 !important;
	color: var(--col-green);


	/* 	background-color: #ffffff !important;
	background-image: none !important;
	border: none !important;
	color: var(--btn-bg); */

	/* 	background-color: var(--btn-bg-inv);
	border: var(--btn-border-inv);
	*/
}

.btn.tags{
	    padding: 8px 12px;
    font-size: 12px;
    min-width: unset;
}

.entry-content .btn:first-of-type {
	margin-left: 0;
}

.sect-intro {
	text-align: center;
	color: white;
	/* 	max-width: 50ch; */
	margin: auto;
	margin-bottom: var(--sect-intro-margin-bottom);
}
.sect-intro h2 {
	color: var(--cta-icon-intro-head-col);
}

.sect-intro p {
	color: var(--font-text-color);
}

.sect-intro.inv * {
	color: white;
}


.boldandgreen{
	font-weight:bold;
	color:var(--col-green);
}
/* @import url('http://example.com/example_style.css'); */

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

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




/*****************************************/
/* font sizes */
/* make these fluids */
/*****************************************/

.font-head-s{
	font-size:24px;
}
.font-head-m{
	font-size:40px;
}
.font-head-l{
	font-size:60px;
}

/*****************************************/
/* copy character limits */
/*****************************************/

.psw p{
	max-width:50ch;
/* 	color:blue !important; */

}

.hmw h1, .hmw h2, .hmw h3, .hmw h4, .hmw h5, .hmw h6 {
	max-width:17ch;

}




.pmw p {
	max-width:60ch;

}

.plw p{
	max-width:75ch;

}

/*****************************************/
/* flex helpers */
/*****************************************/


.flex-center{

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex-center-v{

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex-center-h{

	display: flex;
	flex-direction: column;
	align-items: center;
}


/*****************************************/
/* grid helpers */
/*****************************************/
.grid-two-span{
	grid-column: 1 / -1;
}




.ma{
	margin:auto;
}

.lh{
	line-height:1.8;	
}

.lh-w{
	line-height:2;	
}

.fp p:first-of-type{
	font-size:var(--font-p-first-type-size);
	font-weight:bold;

}







.center-me{
	text-align:center;
}

/* @import url('http://example.com/example_style.css'); */

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

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

/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #d1d1d1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #89b431; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}



html{
/* 	scroll-behavior: smooth; */
}

body {
	margin: 0;
	padding: 0;
	font-size: 16px;

	/* 	font-family: var(--font-copy); */
	font-family: var(--font-headings);
	background-color: white;
	line-height: var(--font-lineheight-r);
}

a {
	color: var(--col-link);
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}

/* fix for vid bgs */
video {
	border-radius: 6% !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-headings);
	/* 	margin-bottom: 0.5rem; */
	font-weight: bold;
	clear: both;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	line-height: 1.4;
	color: var(--font-heading-text-color);
}

h1 {
	font-size: 48px;
	font-size: 3rem;
}

h2 {
	font-size: 40px;
	font-size: 2.375rem;
}

h3 {
	font-size: 29px;
	font-size: 1.8125rem;
}

h4 {
	font-size: 24px;
	font-size: 1.5rem;
}

h5 {
	font-size: 22px;
	font-size: 1.375rem;
}

h6 {
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
}

p {
	padding: 0;
	margin: 0 0 1.5em;
	color:var(--font-text-color);
}
p:last-child {
	/* 	margin-bottom: 0; */
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}


th {
	color: var(--table-head-color);
	background-color:var(--table-head-bg);
}



th,
td {
	border: 2px solid #ebeef1;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5rem;
	table-layout: fixed;
	width: 100%;
	background-color: white;
}

caption,
th,
td {
	font-weight: 400;
	text-align: left;
}

thead th
font-weight: 700;
text-transform: uppercase;
/* 	font-family: "Work Sans", sans-serif; */




}





th,
td {
	padding: 0.8em;
}

@media (min-width: 992px) {
	th,
	td {
		padding: 1.3em;
	}
}


tr:nth-child(even) {background-color: #f2f2f2;}

blockquote cite {
	margin-top: 1.5rem;
	font-size: 16px;
	font-size: 1rem;
	font-family: "Work Sans", sans-serif;
	color: #707070;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 500;
	display: inline-block;
}

tbody tr td {
  
    font-weight: 500;
}

blockquote p:last-of-type {
	margin-bottom: 0;
}