/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-100.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-100.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-100.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-100italic - latin */ 
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-100italic.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-100italic.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-100italic.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-300.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-300.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-300italic.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-300italic.woff)  format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-300italic.ttf)  format('truetype') /* Safari, Android, iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-regular.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-regular.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-italic.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-italic.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-italic.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-700.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-700.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-700italic.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-700italic.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-700italic.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-900.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-900.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-900.ttf) format('truetype') /* Safari, Android, iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-900italic.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-900italic.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/Lato/lato-v23-latin-900italic.ttf) format('truetype') /* Safari, Android, iOS */
}






@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-regular.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-regular.ttf) format('truetype') /* Safari, Android, iOS */
}

/* opensans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-700.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-700.ttf) format('truetype') /* Safari, Android, iOS */
}

/* opensans-900 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-800.woff2) format('woff2'), /* Super Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-800.woff) format('woff'), /* Modern Browsers */
       url(//486838.fs1.hubspotusercontent-na1.net/hubfs/486838/raw_assets/public/New_Website_2020/fonts/opensans/open-sans-v34-latin-800.ttf) format('truetype') /* Safari, Android, iOS */
}

/*
JQuery Simple MobileMenu Slide
https://github.com/Position2/jQuery-Simple-MobileMenu
*/
/*Main style*/
body.mmactive {
  overflow: hidden;
}
.mobile_menu {
  display: none;
  position: relative;
  background: #fff;
  padding: 0px 20px;
}
.sm_menu_outer.active .mobile_menu {
  display: block;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.sm_menu_outer {
  height: calc(100vh - 76px);
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: -9;
  width: 98.3%;
  opacity: 0;
  background-color: #0000003b;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.sm_menu_outer.active {
  opacity: 1;
  z-index: 999;
}
.sm_menu_outer .mobile_menu li.back a {
  padding: 20px 15px;
  position: relative;
}
.sm_menu_outer .mobile_menu li.back{
  background: white;
}
.sm_menu_outer .mobile_menu li.back a:before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 3px solid;
  border-bottom: 3px solid;
  border-color: #E55A00;
  position: absolute;
  left: 15px;
  top: 25px;
  transform: rotate(45deg);
}
.sm_menu_outer .mobile_menu a {
  color: #002D40;
  display: block;
  padding: 25px 15px;
  text-decoration: none;
  text-align: left;
  font-size: 18px;
}
.sm_menu_outer .mobile_menu a.active {
  background: #E55A00;
  color: white;
}
/* 
.sm_menu_outer .mobile_menu a:hover {
  background: #E9EBEC;
  color: #000;
  border-radius:25px;
} */
.sm_menu_outer .mobile_menu a:hover:before {
   border-color:white !important;
}
/*Sub Menu anim */
.sm_menu_outer.slide .mobile_menu .submenu {
  background-color: #F5FCFF;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999;
  padding: 0;
}
.sm_menu_outer.slide .mobile_menu li.active > .submenu {
  right: 0;
}
.sm_menu_outer .mobile_menu li {
  list-style-type: none;
  color: #009FE3;
  border-bottom: 1px solid #333;
  background: #fff;
  position:relative;
}
/*Hamburger Animation */
#sm_menu_ham {
  cursor: pointer;
  float: right;
  height: 14px;
  position: fixed;
  right: 5px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 24px;
  top: 23px;
  right: 15px;
  z-index: 3000;
}


#sm_menu_ham span {
  background-color: #414549;
  border-radius: 5px;
  display: block;
  height: 2px;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  width: 24px;
}
#sm_menu_ham span:nth-child(1) {
  top: 0;
}
#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {
  top: 7px;
}
#sm_menu_ham span:nth-child(4) {
  top: 14px;
}
#sm_menu_ham.open span:nth-child(1) {
  left: 50%;
  top: 18px;
  width: 0;
}
#sm_menu_ham.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sm_menu_ham.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sm_menu_ham.open span:nth-child(4) {
  left: 50%;
  top: 18px;
  width: 0;
}
@media (min-width: 1024px) {
  #sm_menu_ham,
  .sm_menu_outer {
    display: none;
  }
}


.mobile_menu .hs-menu-children-wrapper{
  display:none!important;
}
/* 
.open-menu-list{
display:block!important;
padding-left:10px!important;
} */
.child-open{
background:none!important;
}
.child-open:after{
content:'';
width:100%;
z-index:1;
max-height:60px;
height:100%;
position:absolute;
top:10px;
left:0;
/* background:#e9ebec!important;
  border-radius:25px;
mix-blend-mode: multiply; */
background: transparent !important;
border-bottom: 1px solid #000000 !important;
} 
.mobile_menu .child-open .hs-menu-children-wrapper{

display:block!important;
}

body .mobile_menu .child-open li.hs-menu-depth-2 a {
padding-left: 50px !important;
}

.mobile_menu .hs-item-has-children:before{
content: "";
  width: 10px;
  height: 10px;
  border-left: 3px solid;
  border-bottom: 3px solid;
  position: absolute;
  left: 93%;
  top: 33px;
  transform: rotate(225deg);
  z-index:10;
}

.mobile_menu .child-open:before{
  /* left: 3%!important; */
  transform: rotate(45deg)!important;
}

.child-open a ul{
z-index:10;
}

.child-open a{
padding-left:0px!important;
margin-right:0!Important;
margin-left:auto;
z-index:10;
}

.mobile_menu .hs-menu-depth-2 a{
padding-left:10px!important;
width:100%!important;
background:#fff!important;
}

.mobile_menu .hs-item-has-children a{
width:85%;
margin-right:auto;

}


.menu{
padding:0!important;
}

/**********************************************************/
/* Stylesheet for common elements/classes        
Index:
1. Common Tags
2. Common Classes
3. Colors
4. Buttons
5. Typography
/*********************************************************/


/**********************************************************/
/* 1. Common Tags
/**********************************************************/

body{
	font-family: 'Open Sans', sans-serif;
	color: #575756;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight:700 !important;

}

/**********************************************************/
/* 2. Common Classes
/**********************************************************/
.wrapper-l{
	max-width: 1440px;
	margin: 0 auto;
}
@media (max-width: 1439px){
	.wrapper-l{
		max-width: 1260px;
	}
}

.wrapper-m{
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px;
}
@media (max-width: 960px){
	.wrapper-m{
		padding: 0 15px !important;
	}
}
.wrapper-s{
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 30px;
}
@media (max-width: 960px){
	.wrapper-s{
		padding: 0 15px;
	}
}
.wrapper-xs{
	max-width: 916px;
	margin: 0 auto;
	padding: 0 30px;
}
@media (max-width: 960px){

	.wrapper-xs{
		padding: 0 15px;
		width:100%;
	}
	.width-553 {
		width: 100%;
	}

	.width-561 {
		width:100% !important;
	}
	.width-610 {
		width:100% !important;
	}
	.width-670 {
		width:100% !important;
	}
	.width-795 {
		width:100% !important;
	}
	.width-918 {
		width:100% !important;
	}
	.width-1091 {
		width:100% !important;
	}
}
.width-553 {
	width: 553px;
}

.width-561 {
	width: 561px;
}
.width-610 {
	width: 610px;
}
.width-670 {
	width: 670px;
}
.width-795 {
	width: 795px;
}
.width-918 {
	width: 918px;
}
.width-1091 {
	width: 1091px;
}
.align-self-center{
	align-self: center;
}
.item-container {
	margin-left: -20px; 
}

.item-box{
	padding: 0 0 20px 20px;
}
.spacing-s{
	margin: 50px 0;
}
.spacing-m{
	margin: 100px 0;
}
.spacing-l{
	margin: 200px 0;
}
.background-color{
	position: absolute;
	left: -200%;
	width: 500%;
	z-index: -1;
	height: 100%;
	top: 0;
}
@media(max-width: 1260px){
	.background-color{
		left: 0;
		width: 100%;
	}
}
.border-grey4{
	border-top: 1px solid  #E0E0E0;
	padding-top:18px;

}
/**********************************************************/
/* 3. Colors 
/*********************************************************/

.color-darkBlue{
	color: #002D40;
}
.color-blue{
	color: #009FE3;
}
.color-grey{
	color: #575756;
}
.color-lightGrey{
	color: #8B959E;
}
.color-orange{
	color: #FFB019;
}
.color-bg{
	color: #E9EBEC;
}
.color-white{
	color: white;
}


.background-darkBlue{
	background: #002D40;
}
.background-blue{
	background: #009FE3;
}
.background-grey{
	background: #575756;
}
.background-orange{
	background: #FFB019;
}
.background-bg{
	background: #E9EBEC;
}
.background-greyE5{
	background: #E5E5E5;
}
.background-white{
	background:white;
}
.background-linear-gradient{
background: linear-gradient(118.97deg, #FFFFFF 34.73%, #F5FCFF 95.62%);
}


/**********************************************************/
/* 4. Buttons 
/**********************************************************/
.btn{
	padding: 4px 20px;
	border: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 36px;
	transition: all .4s ease;
	border-radius: 50px;
	font-family: 'Open Sans', sans-serif;
}
.btn-darkBlue{
	background: #002D40;
	color: white;
}
.btn-orange{
	background: #FFB019;
	color: #002D40;
}
.cta-icon span span span a {
	position: relative;
	color: #002D40;
	padding: 4px 30px 4px 64px !important;
}

.cta-icon span span span a:before {
	content: "";
	background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/shuttle.svg);
	width: 25px;
	height: 25px;
	position: absolute;
	background-repeat: no-repeat;
	left: 25px;
	top: 20%;
}
@media (min-width:960px) {
	.hidden-m {
		display: none;
	}
}
/**********************************************************/
/* 5. Typography 
/**********************************************************/
h1{
	font-size: 72px;
	line-height: 110%;
}
@media(max-width:960px){
	h1{
		font-size: 50px;
		line-height: 110%;
	}
}
h2{
	font-size: 58px;
	line-height: 120%;
}
@media(max-width:960px){
	h2{
		font-size: 38px;
		line-height: 120%;
	}
}
.text-large{
	font-size: 20px;
	line-height: 140%;
}
.text-small {
	font-size: 16px;
	line-height: 36px;
}
.font-bold{
	font-weight: 600;
}
a:hover{

	text-decoration: none !important;

}

/**********************************************************/
/* 6. List 
/**********************************************************/

ul.list_check_icon  {
	list-style-type: none;
	padding-left: 13px;
	margin-left: 15px;
}

ul.list_check_icon li {
	position: relative;
	margin: 12px 0px;
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 130%;

}
ul.list_check_icon li a {
	color:#009FE3;

}
ul.list_check_icon li:before {
	background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/dev%20images/icon-check-circle.svg);
	width: 23.4px;
	height: 26px;
	content: " ";
	position: absolute;
	left: -30px;

	top: 0px;
}

/*************   HUBSPOT IMAGE SLIDER.  ****************/
.slick-prev:before, .slick-next:before {
    font-family: "slick";.sm_menu_outer
    font-size: 28px;
    font-weight: bold;.sm_menu_outer
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hs_cos_gallery .hs_cos_gallery_main.slick-fixed-height-slider.slick-initialized.slick-slider .slick-next:before {
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(
44deg
);
    vertical-align: top;
    width: 0.45em;
}
.hs_cos_gallery_main .slick-prev:before, .hs_cos_gallery_main .slick-next:before, .hs_cos_gallery_thumbnails .slick-prev:before, .hs_cos_gallery_thumbnails .slick-next:before, .hs_cos_gallery_lightbox .slick-prev:before, .hs_cos_gallery_lightbox .slick-next:before {
    color: #a3a3a3;
}
.hs_cos_gallery .hs_cos_gallery_main.slick-fixed-height-slider.slick-initialized.slick-slider .slick-prev:before {
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(
227deg
);
    vertical-align: top;
    width: 0.45em;
}


/*****************************************************/
#myFactory_header .header_topbar img.logo{
width:180px;
}
#myFactory_header .header_topbar img.search{
width:24px;
}


#myFactory_header .header_bottom-bar .header__navbar ul {
display: flex;
	align-items: baseline;
	margin: 5px;
}
#myFactory_header .header_bottom-bar .header__navbar ul li {
list-style: none;
text-decoration: none;

}


#myFactory_header .header_bottom-bar .header__navbar .nav_item {
margin-left: 18px;
cursor:pointer;
	font-size: 17px;
line-height: 36px;
display:block;
	font-family: 'Lato',sans-serif;

}
#myFactory_header .header_bottom-bar .header__navbar .nav_item a{
font-family: 'Lato', sans-serif;
}
#myFactory_header .header_bottom-bar .header__navbar .nav_item:focus {
    outline: unset;
}
#myFactory_header .header__navbar div:hover {
	text-decoration: none;
}

@media(max-width:768px){
.sm_menu_outer{
    height: calc(100vh - 50px)!important;
}
.sm_menu_outer.active{
margin-top:-20px!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    */
/*****************************************/
.myFactory_footer .footer_navigation ul {
list-style: none;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
	margin-left: -30px;
	padding-left: 30px;
	padding-top:49px;
	padding-bottom: 77px;
	width:100%;
	
}
@media (min-width: 1200px){
.myFactory_footer .footer_navigation ul {
    margin-left: -40px;
	padding-left: 40px;
}
}


@media(max-width:960px){
	.myFactory_footer .footer_navigation ul {
	padding-bottom:40px;

	}
	.myFactory_footer .footer_logo{
	 display:flex;
		justify-content: center;
		margin-bottom:30px;
	}
}

.myFactory_footer .footer_navigation ul li {
width: calc(100% / 5);
}
@media(max-width:960px){
.myFactory_footer .footer_navigation ul li {
width:33%;
}
}
@media(max-width:680px){
.myFactory_footer .footer_navigation ul li {
width:50%;
}
}
@media(max-width:515px){
.myFactory_footer .footer_navigation ul li {
width:100%;
}
}

.myFactory_footer .footer_navigation ul li:first-child {
margin-left: 0px;
}

.myFactory_footer .footer_navigation ul li a {
color: #8B959E;
	font-weight: 600;
font-size: 16px;
line-height: 130%;
}

.myFactory_footer .footer_navigation ul li a:hover {
text-decoration: none;
	color: #8B959E;
}
.myFactory_footer .social-icon-row{
padding-bottom: 47.5px;
}
.myFactory_footer .social-icon-row .social_icon {
margin-left: 23.2px;
}

.myFactory_footer .social-icon-row .social_icon:first-child {
margin-left: 0px;
}
.animated-ellipses img{
	position: absolute;
	max-width: 1000px;
}
.animated-ellipses img:first-child{
	left: -655px;
    top: 110px;
}
.animated-ellipses img:last-child{
	left: -470px;
    top: -200px;
}
@media(max-width:960px){
		.animated-ellipses img{
     max-width:660px;
		}
	.animated-ellipses img:first-child {
    left: -338px;
    top: 110px;
}
	.animated-ellipses img:last-child {
    left: -340px;
    top: -200px;
}
	}


.animate-module {
	margin: 50px 0
}
.animate-module:last-child {
	margin-bottom:0;
}




.animate-scale_media .hs-responsive-embed-wrapper{
	max-width: unset !important;
	max-height: unset !important;
	border-radius: 40px;
}
.animate-scale_media img{
	width: 100% !important;
	border-radius: 40px;
}
/* @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    */
/*****************************************/
.card{
background: #FFFFFF;
border-radius: 12px;
}
.card p {
font-size: 17px;
line-height: 140%;
color: #575756;
}
.card-blue{
background: #009FE3;
border-radius: 20px;
}
.card-blog{
padding:16px;
}
.card-blog p span {
font-size: 15px;
line-height: 140%;
	display:inline-block;
}

/*******references**********/
.card-references{
padding: 24px 20px;
}
/* @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    */
/*****************************************/


/**********************  REFERENCES DETAIL  *******************************/

.reference_quote {
  border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	padding: 16px 0;
	margin-top: 20px;
}
	#references-detail h1{
	font-family: Lato;
	font-style: normal;
	font-weight: 900;
	font-size: 48px;
	line-height: 120%;
	color: #002D40;
		margin-top: 57px;

	}
	#references-detail .quote_image_section{
	border-top: 1px solid #8b959e73;
		border-bottom: 1px solid #8b959e73;
		padding: 22px 0;
		margin-top: 22px;
		margin-bottom: 19px;
	}
	#references-detail .quote_image_section .person_info{
	display:block;
		font-weight: 600;
		font-family: "Lato";
	}
  	#references-detail h1{
	font-family: Lato;
	font-style: normal;
	font-weight: 900;
	font-size: 48px;
	line-height: 120%;
	color: #002D40;

	}
#references-detail ul.title_list  {
  list-style-type: none;
	padding-left: 13px;
}

#references-detail ul.title_list li {
  position: relative;
  font-size: 17px;
  line-height: 140%;
	margin-top:16px;
	
}
  #references-detail ul.title_list li a {
  color:#009FE3;
	
}
  #references-detail .title_list li:before {
  background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/dev%20images/arrow_left_blue.svg);
	width: 7px;
  height: 12px;
  content: " ";
  position: absolute;
  left: -12px;
  top: 8px;
}
#references-detail .references_rich__text h3{
font-weight: 400 !important;
color: #009fe3;
margin-top: 0px;
}
#references-detail .references_rich__text div{
font-weight: 400 !important;
color: #575756 !important;
}
#references-detail .references_rich__text img{
margin-top: 30px;
    margin-bottom: 30px;
}
/**********************  REFERENCES OVERVIEW  *******************************/

#reference_overview li a .card p{
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 140%;
color: #575756;
	}
/* @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    */
/*****************************************/
#filter {
	background: #E9EBEC;


}
#filter .uk-drop{
	width: 400px;
}
@media (max-width: 767px) {
	#filter .uk-drop{
		width: 100vw;
		left: 0 !important;
	} 
}
#filter .filter__container {
	/**/

	border-bottom: 1px solid white;
	background: #E9EBEC;
	z-index: 8;
}
@media (max-width: 960px){
	#filter .filter__container {
		top: 45px !important;	
	}
}

#filter .filter__container .filter__container__inner {
	padding: 20px 30px;
}
#filter .filter__container .filter__container__inner > li img{
	width:24px;
}
#filter .filter__container .filter__container__inner > li > div .inner__item{
	margin-right: 12px;  
	display: flex;
	align-items: center;
}
@media (max-width: 960px) {
	#filter .filter__container .filter__container__inner {
		padding: 20px 25px;
	}
	#filter .filter__container .filter__container__inner > li{
		flex-direction: column;
		align-items: flex-start;
	}
	#filter .filter__container .filter__container__inner > li a div{
		display: flex;
		align-items: center;
	}
	#filter .filter__container .filter__container__inner > li img{
		margin-right: 10px;
	}
	#filter .filter__container .filter__container__inner > li > div{
		margin-bottom: 15px;
		flex-direction: column;
		align-items: flex-start;
	}
	#filter .filter__container .filter__container__inner > li > div .inner__item{
		margin: 0 0 15px 0; 
		width: 100%;
	}
	#filter .filter__container .filter__container__inner > li > div .inner__item > .apply_button{
		width: 100%;
		text-align: left;
		border: none;
		padding: 15px 20px;
		color: #575756;
		font-family: 'Open Sans', sans-serif !important;
	}
}

@media screen and ( max-height: 400px ) {
  #filter .filter__container .filter__container__inner .container__inner__inputs{
    max-height: 250px;
    overflow: auto; 
  } 
}

#filter .filter__container .filter__container__inner .uk-accordion-content {
		margin-top: 0px !important;
	}
@media (max-width: 960px){
	#filter .filter__container .filter__container__inner .uk-accordion-content {
		display: flex;
		margin-top: 0px !important;
	}
}
.uk-flex.uk-flex-wrap.container__inner__inputs {
  padding-bottom: 6px;
}
#filter .filter__button{
	background: #FFFFFF;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
	border-radius: 12px;
	margin: 10px 0px;
	font-size: 17px;
	line-height: 130%;
	border: none;
	width: 240px;
	padding: 6px 18px;
	text-align: left;
	position: relative;
	color: #575756;
	font-family: 'Open Sans', sans-serif;
}



#filter .filter__button:after{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: transparent;
	top: 9px;
	right: 19px;
	border: 2px solid #8B959E;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
}
/* @media (max-width: 960px) {
	
	#filter .filter__button:after{
		width: 10px;
		height: 10px;
		top: 20px;
		right: 25px;
	}
} */
#filter .filter__button:focus{
border: unset;
    outline: none;
}
#filter .filter__drop {
	padding: 20px;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.13);
  border-radius: 12px;
}
#filter .filter__drop > div .filter__drop__clear_button{
	display: flex;
	align-items: center;
}
#filter .filter__drop > div .filter__drop__clear_button button{
	border: none;
	padding: 0;
	height: 24px;
	width: 24px;
	margin-left: 7px;
	background: none;
	color: #575756;
}
#filter .filter__drop > div .filter__drop__clear_button button img{
	margin-right: 0;

}
#filter .filter__checkbox {
	padding: 6px 20px 6px 0px;
    font-size: 16px;
    position: relative;
    color: #575756;

}
/* #filter .filter__checkbox input{
	display: none; 
} 
#filter .filter__checkbox span{
	position: relative; 
	padding-right: 10px;
}
#filter .filter__checkbox span:before{
	content: '';
	border: 1px solid #575756;
    height: 16px;
    width: 16px;
    display: block;
    border-radius: 200px;
    top: 9px;
    left: 0px;
} */
#filter .filter__checkbox input {
  margin-right: 5px;
}

#filter .filter__checkbox input[type=checkbox]:checked + span:before {
	background: #009FE3;
}
#filter .filter__checkbox input[type=checkbox]:checked + span:after {
	opacity: 1 !important;
}
#filter .filter__checkbox input[type=radio]:checked + span:before {
	background: #009FE3;
}
#filter .filter__checkbox input[type=radio]:checked + span:after {
	opacity: 1 !important;
}

#filter .filter__select > span{
	font: normal 16px 'Open Sans', sans-serif;
}


#filter .uk-accordion-title:before{
	display:none;
}
#filter .filter__container .filter__container__inner .container__inner__inputs::-webkit-scrollbar {
  display: none;
}
	#filter .filter__container .filter__container__inner .container__inner__inputs {
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
	}
@media(max-width:960px){
#filter .partner-filter-input{
	margin-top:20px;
	}
}
/* @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    */
/*****************************************/
.first-td-class{margin-right: 0px;}
.input_wrapper{
position:relative;
}
.input_wrapper:after{
position:absolute;
	position: absolute;
    content: "CHF";
    top: 4px;
    right: 0px;
    font-size: 15px;

}

.pricing_tile_description {
  position: relative;
}
.pricing_tile_description .nur-tablet {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 60%;
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
  background: #002d40;
  min-width: 100px;
  border-radius: 6px;
  padding: 5px 15px;
  transform: translateY(-25%);
  margin: 0 auto;
}

.upper_table td:first-of-type{
border-left: 1px solid #e0e0e0 !important;
}
.accordion_content_table td:first-of-type{
border-left: 1px solid #e0e0e0 !important;
	margin-left: -1px;
}

.pricing-tiles_new_v2.responsive td {
border-left: 1px solid #e0e0e0;
}


/********  Switcher  *********/
#pricing .uk-subnav{
	padding-top:13px;
}
#pricing .uk-subnav>* {
	padding-left: 2px;
}
#pricing .uk-subnav-pill>*>:first-child {
	font-weight: normal;
	font-size: 20px;
	line-height: 130%;
	color: #575756;
	background:#F2F2F2;
	padding: 17px 60px 17px 90px;
	border-radius: 12px 12px 0px 0px;
	text-transform: none;


}
#pricing .uk-subnav-pill>.uk-active > a{
	color: #009FE3;
	background:white;
}
#pricing .uk-subnav-pill li {
	position:relative;

}
#pricing .uk-subnav-pill li:first-child:before {
	content: "";
	background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/dev%20images/icons/private_cloud_icon.svg);
	height: 36px;
	width: 36px;
	position: absolute;
	left: 45px;
	top: 8px;
}
#pricing .uk-subnav-pill li.uk-active:first-child:before {
	background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/dev%20images/icons/private_cloud_icon%20blau.svg);
}
#pricing .uk-subnav-pill li:last-child:before {
	content: "";
	background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/dev%20images/icons/public_cloud_icon%20grau.svg);
	height: 36px;
	width: 36px;
	position: absolute;
	left: 45px;
	top: 8px;
}
#pricing .uk-subnav-pill li.uk-active:last-child:before {
	background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/dev%20images/icons/public_cloud_icon.svg);
}



/****************** Preistabelle **********************/
td  {  
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	text-align: left;
}

table {
	border-collapse: collapse;
	width: 100%;
}

th, td {
	padding: 0px;
}
th{
	background: #009FE3;
	color:white;
	text-align: left;
	border:none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
table	td > div {
	text-align:center;
}
table td > div > img {
	text-align:center;
  width:20px!important;
}
table.right_side_bar td, tr, th{
	border-color: white;
	border-width: 0px;

}
.pricing_tile_description p span{
background: #FAFDFF !important;
}
.pricing_buy_button{
	background: #FFB019;
	border-radius: 12px;
	padding: 4px 20px;
	font-weight: 600;
	font-size: 16px;
	line-height: 36px;
	margin: 10px 0px;
	color: #002D40;
	border:none;
}
.pricing_buy_button:hover{
	background:#009FE3;
	color: #FFB019;
}
.pricing_buy_button:focus{
	outline: none;

}
.text_table_cell{
	padding:0px 10px;
	font-size: 16px;
	line-height: 130%;
	color: #575756;
	text-align:right;
	min-height: 58px;
}
.border_background{
	background: #F8F8F8;
	border-radius: 12px 0px 0px 12px;
	padding: 14.5px 12px;
	color: #009FE3;
	font-weight: 600;
	font-size: 16px;
	line-height: 130%;
	text-align:right;
	position:relative;
	width:fit-content;
	align-self: flex-end;
	margin-bottom: 8px;

}
.user_choice{
	display:flex;
	width:100%;

}
.user_choice input{
	border: 0;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 22px;
	line-height: 130%;
	color: #575756;
}
.user_choice input:focus{
	outline: none;
	border: none;
}
.user_choice button:focus{
	outline: none;
	border: none;
}

.user_choice button{
	border: 0;
	background: white;
	position:relative;
}
.user_choice input::-webkit-outer-spin-button,
.user_choice input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


.user_choice input[type=number] {
	-moz-appearance: textfield;
	color: #575756;
}
.total_price{
	border:none;
	background:white;
	text-align:center;

}

.right_side_bar input{
	border:none;
	background:unset;
	width:100%;
	width: 45px;
}
.right_side_bar #total_quantity{
	font-weight: 600;
	font-size: 22px;
	line-height: 130%;
}
.right_side_bar .total_end_price{
	font-weight: bold;
	font-size: 24px;
	line-height: 110%;
	color:#009FE3;
	width: 85px;
}
.right_side_bar .grey_box{
	height:58px;
}

input.total_price{
	border: none;
	background:white;
	font-weight: bold;
	font-size: 24px;
	line-height: 130%;
	color: #575756;
	width:100%;
}

.original_price{
	border:none;
	background:unset;
	text-decoration-line: line-through;
	color: #575756;
	opacity: 0.65;
	text-align:center;
}
.speech_bubble{
	border:none !important;
	position: relative;
	text-align:center;
	height:81px;
}
.speech_bubble img{
	height: 95px;
	width: 150px;
	position: absolute;
	top: -15px;
	left: 33px;
}
/*******Accordion************/
.upper_table td{
	border-top:none;
	border-left:none;

}
.accordion_content_table td{
	border-top: none;

}
.pricing_accordion .uk-accordion-title::before {
	content: "";
	width: 0;
	height: 0;
	margin-left: 0px;
	float: right;
	background-image: unset;
	background-repeat: no-repeat;
}
.pricing_accordion .upper_table tr .grey_description div{
	font-weight: 600;font-size: 16px;
	line-height: 130%;color: #009FE3;
	background: white;
	border-radius: 12px 0px 0px 12px;
	text-align:center;
	align-self: center;
	padding: 19px 0px;
	background: #F8F8F8;
		
}
.pricing_accordion .upper_table tr .grey_description{
	background: white;


}
.accordion_content_table th	{
	align-self: center;
	text-align: right;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	background:white;
	color: #575756;
}
.accordion_content_table th div	{
padding-right:5px;
}

/**** Add ons****/
#pricing_add_ons {
	margin-top: 47px;
	margin-bottom: 48px;
}
#pricing_add_ons .title{
	font-weight:800 !important;

}

.add_ons h3 {
	font-weight: 800;
	font-size: 32px;
	line-height: 130%;
	color: #002D40;
}
/***********Add on switch****************/

.content {
	background-color:white;
	display: flex;
	justify-content: center;

}

.switch {
	position: relative;
	display: inline-block;
	width: 58px;
	height: 32px;
	margin-top: 12px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	background-color: white ;
	border: 1px solid #C4C4C4;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 2px;
	background-color: #C4C4C4;
	transition: .4s;
}

input:checked + .slider {
	background-color: #009FE3;
	border: none;
}


input:focus + .slider {
	box-shadow:none;
	outline: none;

}

.slide-arrow img {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

input:checked + .slider:before {
	transform: translateX(26px);
	background:white;
	left: 2px;
	bottom:2px;
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}
/* @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    */
/*****************************************/
.card-blog__image{
height: 190px;
    border-radius: 8px;
}	
.card-blog__text{
display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blog__text__title h5{
margin-top:16px;
	font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-size: 24px !important;
line-height: 120%;
color: #002D40;
}
.blog__text__content{
margin-top:8px;
}

.section.post-body{
		padding-top:68px;
	}
	.section.post-body h2{
		font-size: 28px;
		line-height: 120%;
		margin-top:28px;
	}
	.post-body .blog_post_content{
		background: #FFFFFF;
		border-radius: 12px;
		padding:16px;
		margin-bottom:19px;
	}
	.blog_sidebar{
		background: #FFFFFF;
		box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
		border-radius: 12px;
		padding: 16px;
		margin-bottom:19px;
		height: fit-content;
	}
	 .blog_sidebar .recent-posts {
		border: 1px solid rgba(139, 149, 158, 0.26);
		border-radius: 8px;
		padding:16px;
		margin-bottom:16px;
	}
	 .blog_sidebar .recent-posts h4 {
		padding-bottom:8px;
		border-bottom:  1px solid rgba(139, 149, 158, 0.26);
		 font-weight: 900;
font-size: 24px;
line-height: 36px;
	color: #022d3f;
    font-size: 24px;
	}
	.blog_post_content .post-header h1{
		font-weight: 900;
		font-size: 38px;
		line-height: 120%;
		margin-top: 28px;
	}
	.items-baseline{
	align-items:baseline;
	}
#myfactory-blog-form{
margin-top: -16px;
}
.section.post-body .blog_sidebar #myfactory-blog-form {
    margin-top: -29px;
}
	#myfactory-blog-form form{
		background: #E9EBEC;
		border-radius: 8px;
		padding:16px;
	}
	#myfactory-blog-form form .hs-form-required{
		display:none;
	}
	#myfactory-blog-form form .hs_submit input[type=submit]{
		font-family: 'Lato',sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 36px;
		color: #002D40;
		background: #FFB019;
		border-radius: 12px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border: none;
		padding: 4px 20px;
		margin-bottom: 16px;
		border: unset;
	}
	#myfactory-blog-form form p{
		font-family: 'Lato',sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 130%;
		color: #8B959E;
	}
	#myfactory-blog-form	form .input input{
		padding: 10px 20px !important;
		background: #FFFFFF;
		border: 1px solid #8B959E;
		box-sizing: border-box;
		border-radius: 3px;
		width:100%;
	}
	#myfactory-blog-form	form .legal-consent-container{
		margin-top:16px;
	}
	.border-rounded{
		border-radius:8px;
	}
	.tag.tag-secondary{
		font-size: 17px;
		line-height: 36px;
		color: #009FE3;
	}
.banner-tag-container h3 {
display:none;
}
.banner-tag-container ul{
padding: 0;
    list-style: none;
	display:flex;
	flex-wrap:wrap;
}

.banner-tag-container ul li a{color:#009fe3;margin-right: 6px;}

.banner-tag-container ul li a .filter-link-count{
padding-left: 3px;
}
.blog_side_bar h4 {
font-weight: 900;
font-size: 24px;
line-height: 36px;
	color: #022d3f;
    font-size: 24px;
}
/* @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    */
/*****************************************/
.myfactory_banner_text h1 {
  font-size: 76px;
  font-weight: 900;
}
@media(max-width:960px){
.myfactory_banner_text h1 {
	font-size: 50px;
	}
	.myfactory_banner_text{
	background-position-x: left !important;
    background-position-y: top !important;
    
	}
}

.banner{
background: linear-gradient(118.97deg, #FFFFFF 34.73%, #F5FCFF 95.62%);
}

.banner .banner__background{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;

}
@media (max-width:960px){
	.banner .banner__background{
		background: none;
		background-image: unset !important;
	}
	.banner .banner__background-large{
	padding-bottom: 0px;   
	}
}


@media (min-width:960px){
	.banner .banner__background-large{
	padding-bottom: 555px;   
	}
	.banner .banner__background-small{
		padding-bottom: 450px;  
	}
}

.banner__background.banner__background-position-large-top{
	background-position: top;
}
.banner__background.banner__background-position-large-bottom{
	background-position: bottom;
}
.banner__background.banner__background-position-large-center{
	background-position: center;
}
@media (max-width: 1199px){
	.banner__background.banner__background-position-medium-left{
		background-position: left;
	}
	.banner__background.banner__background-position-medium-right{
		background-position: right;
	}
}


@media (min-width: 960px){
	.banner-border-top{
		border-top: 1px solid ;
	}

	.banner-border-bottom{
		border-bottom: 1px solid ;
	}
	.banner-border-both{
		border-top: 1px solid ;
		border-bottom: 1px solid ;
	}
}

@media (max-width: 960px){
	.banner .banner__background-mobile{
		position: relative;
		padding-bottom: 300px;
		background-size: contain;
		background-position: top center;
		background-repeat: no-repeat;
		overflow: hidden;
	}
}
.banner .banner__whiteboard{
	background: white;
	position: relative;
	z-index: 3;
}
@media(max-width:960px){
.banner .banner__whiteboard{
	width: 100%;
	}
	.banner .banner__whiteboard .banner__whiteboard__text p {
    font-size: 16px;
	}
}
@media (min-width: 960px){
	.banner .banner__whiteboard{
		position: absolute;
		bottom: 0;
		height: 100%;
		width: 50%;
		max-width: 600px;
		background: transparent;
	}
	.banner .banner__whiteboard-large{
		max-width: 700px;
	}
	.banner .banner__whiteboard-small{
		max-width: 300px;
	}
}
.banner .banner__whiteboard > div{
	margin: auto 0;
	padding: 0px 20px 40px;
	box-sizing: border-box;
}
@media (max-width: 960px){
	.banner .banner__whiteboard > div{
		padding: 0px 20px 15px;
	}
}
@media (min-width: 960px){
	.banner .banner__whiteboard > div{
		padding: 15px 30px;
	}
}
.banner .banner__whiteboard svg{
	overflow: unset;
	height: 105%; 
	max-width: unset; 
	position: absolute; 
	bottom: -10px;
}
@media (max-width: 960px) {
	.banner .banner__whiteboard svg{
		top: -100px;
		height: 100%;
		z-index: -1;
	}
}

@media (min-width: 960px) {
	.banner .banner__whiteboard svg{
		width: calc(100% + 200px);
	}
}
.banner__background-image{
	padding-bottom: 200px;
}
.banner__background-image__background{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.banner__background-image h1{
	left: 85px;
}
@media (max-width:1440px){
	.banner__background-image h1{
		left: 25px;
	}
}
@media (max-width: 960px){
	.banner__background-image h1{
		left: 10px;
	}
}
@media (max-width: 539px){
	.banner__background-image h1{
		padding-right: 15px;
	}
}
.banner .cta_button {
	font: normal 16px 'Open Sans', sans-serif;
}
/***************************************************/
/* 2. Text     
/**************************************************/
.banner .banner__whiteboard .banner__whiteboard__text{
	color: ;
}
@media (min-width: 960px){
	.banner .banner__whiteboard .banner__whiteboard__text{
		position: absolute;
		top: 50%;
		left: 68px;
		transform: translate(0, -50%);
	}
	
	.banner .banner__whiteboard-right .banner__whiteboard__text {
		left: 55px;
		width:80%;
	}
}
@media(max-width:960px){
	.banner .banner__whiteboard .banner__whiteboard__text{
		transform: unset;
	}
	}

@media (max-width:1440px){
	.banner .banner__whiteboard .banner__whiteboard__text{
		left: 0px;
	}
}
@media (max-width:1440px){
	.banner .banner__whiteboard-right .banner__whiteboard__text{
		left: 35px;
		width: 100%;
	}
}
@media (max-width:1300px){
	.banner .banner__whiteboard-right .banner__whiteboard__text{
		left: 0px;
		width: 100%;
	}
}

@media (min-width: 960px){
	#insights .insights-banner .banner .banner__whiteboard .banner__whiteboard__text{
		width: 90%;       
	}
	#product .banner .banner__whiteboard .banner__whiteboard__text{
		width: 90%;       
	}
}
@media (max-width:1440px){
	.insights-banner .banner .banner__whiteboard .banner__whiteboard__text{
		width: 100%;
		
	}
}
.banner .banner__whiteboard .banner__whiteboard__text .whiteboard__text__category{
	color: #FFB019;
	font-size: 22px;
	margin: 15px 0;
	font: bold 16px 'Open Sans', sans-serif
}
.banner .banner__whiteboard .banner__whiteboard__text .whiteboard__text__category__name{
	color: #000000;
}
@media (min-width: 960px){
	.banner .banner__whiteboard.banner__whiteboard-right.banner__whiteboard-trapeze .banner__whiteboard__text{
		transform: translate(-100px,-50%);
	}
}

.banner .banner__background-large .banner__whiteboard.banner__whiteboard-right.banner__whiteboard-trapeze .banner__whiteboard__text{
	transform: translate(-50px,-50%);

}
.banner .banner__whiteboard .banner__whiteboard__text h1{
	font-family: Lato;
font-style: normal;
font-weight: 900;
font-size: 76px;
line-height: 110%;
 color: #002D40;
}


@media (max-width:960px){
	.banner .banner__whiteboard .banner__whiteboard__text h1{
	
		font-size: 42px;
    line-height: 40px;
	}  
}
@media (max-width:500px;){
	.banner .banner__whiteboard .banner__whiteboard__text h1{
		padding-top: 15px;
	}  
}

.banner .banner__whiteboard .banner__whiteboard__text p{
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 18px 0;
}

/***************************************************/
/* 3. Position     
/**************************************************/
@media (min-width: 960px){
	.banner .banner__whiteboard-right{
		right: -5px;
    bottom: -80px;
	}
	.banner .banner__whiteboard-right svg{
		left: -200px;
	}
	.banner .banner__whiteboard-left{
		left: -5px;
	}
	.banner .banner__whiteboard-left svg{
		transform: scale(-1, 1);
		left: -10px
	}
}

.footer_navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{
visibility: visible!important;
    opacity: 1!Important;
    position: relative!Important;
}

.footer_navigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
text-overflow: inherit!Important;
max-width:100%!important;
}
a.cta-icon:before {
    content: "";
    background-image: url(https://8017553.fs1.hubspotusercontent-na1.net/hubfs/8017553/shuttle.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    background-repeat: no-repeat;
    left: 25px;
    top: 20%;
}
  a.cta-icon{
    position: relative;
  }