:root{
	--color-white-a: #e2e2e2;
	--color-white-f7: #f7f7f7;
	--color-nav: #026863;
	--color-green-old: #069692;
	--color-green-a: #026863;
	--color-orange-text: #fc7e47;
	--color-orange-button: #bf3e0d;
	--color-orange-footer-line: #bf3e0d;
	--color-black: #000;
	--color-text-main: #414042;

	--gfFontFamily: 'Lato', sans-serif;
	--FiraFontFamily: 'Fira Sans', sans-serif;
	--PlayfairFontFamily: 'Playfair Display', serif;
}

body{
	font-family: var(--gfFontFamily) !important;
}

.color_content_bg{
	background-color: var(--bgcolor-white-0) !important;
	color: var(--color-text-main) !important;
}

.color_menu_bg{
	background-color: var(--bgcolor-white-0) !important;
}

#page-container #page-content-wrap{
	padding-bottom: 0 !important;
}

#header{
	position: relative !important;
}

.insert-page{
	display: block;
	position: relative;
}

#topnav,
#topnav ul,
#topnav li,
#topnav a,
#topnav al{
	color: var(--color-nav) !important;
}
#topnav > ul > li > a,
#topnav > ul > li > al,
#topnav ul li > ul li a{
	font-weight: 300;
	font-size: 1.2em;
	text-transform: uppercase;
}
#topnav ul li.has-sub:hover > ul,
#topnav ul li.has-sub:hover > div{
	background-color: var(--bgcolor-white-0);
	border-top: 5px solid transparent !important;
	border-bottom-right-radius: var(--anyBorderRadius);
	border-bottom-left-radius: var(--anyBorderRadius);
	box-shadow: var(--topNavShadow);
   top: 3.4em;
   left: 50%;
   transform: translateX(-50%);
   font-size: 0.8em;
}
#topnav ul li.has-sub:hover > ul li a{
	border-bottom: 2px dashed transparent !important;
	color: var(--color-nav) !important;
	padding: 1em 0;
	margin: 0 2em;
	text-align: center;
}
#topnav ul li.has-sub:hover > ul li a:hover{
	border-bottom: 2px dashed var(--headerNavHoverUnderline) !important;
}
#topnav .menu-item-type-custom{
	display: block !important; 
}

#topnav .menu-description {
	font-size: 1.2vw;
	font-weight: 300;
	text-transform: none;
	color: var(--color-white-a);
}

#topnav ul li.has-nosub > a:hover {
	border-bottom: 5px solid transparent !important;
}
#topnav ul li.active > a {
	font-weight: 300 !important;
	border-bottom: 5px solid var(--headerNavHoverUnderline) !important;
}
#header #header-nav{
	border-bottom: var(--headerNavBorder);
	box-shadow: var(--headerNavBorderShadow);
}


section{
	max-width: 100vw !important;
}
.section_posts {
	width: 100% !important;
}


.home_section_h0{ 
	background-color: var(--bgcolor-white-0) !important;
	display: block;
	clear: both;
	margin: 2em 0 4em 0;
}
section .home_section_h0 .summary{
   width: 100%;
   text-transform: uppercase;
	text-align: center;
   font-size: 1.3em;
   line-height: normal;
}
.home_section_h0 .fadein-list{
	min-height: 2em;
	cursor: pointer;
	margin: 0 1em;
} 

.fadein-list{
	font-size: 1em;
	list-style: none;
	position: relative;
	padding: 0;
}
.fadein-list li{
	display: block;
   width: 100%;
   text-transform: uppercase;
   text-align: center;
   font-size: 1em;
	position: absolute;
	opacity: 0;
	top: 0;
	animation: fadein_list_frames 110s linear infinite;
}
.fadein-list li:nth-of-type(2) {
  animation-delay: 10s;
}
.fadein-list li:nth-of-type(3) {
  animation-delay: 20s;
}
.fadein-list li:nth-of-type(4) {
  animation-delay: 30s;
}
.fadein-list li:nth-of-type(5) {
  animation-delay: 40s;
}
.fadein-list li:nth-of-type(6) {
  animation-delay: 50s;
}
.fadein-list li:nth-of-type(7) {
  animation-delay: 60s;
}
.fadein-list li:nth-of-type(8) {
  animation-delay: 70s;
}
.fadein-list li:nth-of-type(9) {
  animation-delay: 80s;
}
.fadein-list li:nth-of-type(10) {
  animation-delay: 90s;
}
.fadein-list li:nth-of-type(11) {
  animation-delay: 100s;
}

@keyframes fadein_list_frames {
  from {
    opacity: 0;
  }
  3% {
	  opacity: 1;
  }
  7% {
	  opacity: 1;
  }
  10% {
	  opacity: 0;
  }
}


.home_section_h{ 
	background-color: var(--bgcolor-white-0) !important;
	display: block;
	clear: both;
	margin-top: 5em;
	padding: 2em 10%;
}
.home_section_h .side_text{
	display: inline-block;
	width: 50%;
	position: relative;
}
.home_section_h .side_text .header_title_a{
	margin-top:0;
	color: var(--color-orange-button);
	font-size: 1.8vw;
	line-height: normal;
	font-weight: 600;
	font-family: var(--PlayfairFontFamily) !important;
}
.home_section_h .side_text .header_title_b{
	position: relative;
	font-size: 1.3vw;
	line-height: 1.3;
	font-weight: 300;
	color: var(--color-dark-green-70);
}
.home_section_h .buttons{
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	padding: 1em 0 1em 0;
}
.home_section_h .header_request_demo_flip{
	width: 55%;
	text-align: center;
	font-weight: 300;
	background: var(--bgcolor-white-0);
	color: var(--color-orange-button);
	border: 1px solid var(--color-orange-button);
	font-size: 1.2vw;
	padding: 0.8vw 2vw;
	border-radius: var(--anyBorderRadius);
	cursor: pointer;
}
.home_section_h img{
	float: right;
	max-width: 45% !important;
	padding: 0 !important;
	border-radius: var(--anyBorderRadius);
	display: inline-block;
}
.home_section_h .header_section_wide{
	font-size: 1.8vw;
	display: block;
	width: 100%;
	position:relative;
}
.home_section_h .header_section_wide h1{
	margin-top:0;
	color: var(--color-orange-button);
	font-size: 1.2em;
	line-height: normal;
	font-weight: 600;
	font-family: var(--PlayfairFontFamily) !important;
}
.home_section_h .header_section_wide h2{
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 300;
	color: var(--color-dark-green-70);
}

.home-separator-slope{
	height: 10vw;
	width: 100%;
	position: relative;
	display: block;
	background: var(--bgcolor-white-b);
}
.home-separator-slope > svg {
  position: absolute;
  bottom: 0;
  left: -0;
  width: 100%;
  height: 100%;
  /* set height to pixels if you want angle to change with screen width */
}
.home-separator-slope .vertical-line{
   width: 3px;
   display: inline-block;
   position: absolute;
   left: 50%;
   height: 100%;
	background-image: linear-gradient(var(--color-orange-button) 33%, rgba(255,255,255,0) 0%);
	background-position: right;
	background-size: 3px 15px;
	background-repeat: repeat-y;
}
.horizontal-line{
	background-image: linear-gradient(to right, var(--color-orange-button) 33%, rgba(255,255,255,0) 0%);
	background-position: right;
	background-size: 15px 3px;
	background-repeat: repeat-x;
}

section .home_section_a h1,
section .home_section_b h1{
	color: var(--color-orange-button);
	padding: 0 !important;
	margin-bottom: 2em !important;
	position: relative;
	font-size: 2.3vw;
	letter-spacing: 0.02em;
	white-space:nowrap;
	font-family: var(--PlayfairFontFamily);
}
section .home_section_a .center,
section .home_section_b .center{
	margin: 0 auto;
	display: block;
	text-align: center;
}

section .home_section_a .credit,
section .home_section_b .credit{
	font-size: 0.7em;
}

section .home_section_a, 
section .home_section_b{ 
	display: inline-block;
	width: 100%;
	clear: both;
	padding: 7vw 10%;
	color: var(--color-text-main);
	position: relative;
}
section .home_section_a{ 
	background-color: var(--bgcolor-white-b) !important;
}

section .home_section_a .side_text{
	display: block;
	width: 100%;
	position: relative;
}
section .home_section_b .side_text_half,
section .home_section_a .side_text_half{
	display: inline-block;
	max-width: 50%;
	float: right;
	
	position: absolute;
   left: 10%;
   top: 50%;
   transform: translateY(-20%);
	
}
section .home_section_a .the-point,
section .home_section_b .the-point{
	width: 100%;
	margin-top: 4em;
	display: flex;
   flex-flow: row;
   align-items: stretch;
   justify-content: space-evenly;
}
section .home_section_a .the-point .block .block-header,
section .home_section_b .the-point .block .block-header{
	text-align:center;
	font-size: 1.3vw; 
	font-weight:400;
	margin-top: 1em;
}
section .home_section_a .the-point .block,
section .home_section_b .the-point .block{
	display: block;
	width: 33%;
}
section .home_section_a .the-point.two,
section .home_section_b .the-point.two{
    justify-content: space-between;
 }
section .home_section_a .the-point.two .block,
section .home_section_b .the-point.two .block{
	display: block;
	position: relative;
	padding-bottom: 6em;
	width: 44%;
	box-shadow: var(--headerNavBorderShadow);
	border-radius: var(--anyBorderRadius);
}
section .home_section_a .the-point.two .block ul,
section .home_section_b .the-point.two .block ul{
	font-size: 1.2vw;
	line-height: 1.6em;
	list-style: circle;
	margin: 3em 1em;
	position: relative;
}
section .home_section_a .the-point.three,
section .home_section_b .the-point.three{
    justify-content: space-between;
 }
section .home_section_a .the-point.three .block,
section .home_section_b .the-point.three .block{
	display: block;
	background-color: var(--bgcolor-white-0);
	position: relative;
	padding-bottom: 6em;
	width: 32%;
	box-shadow: var(--headerNavBorderShadow);
	border-radius: var(--anyBorderRadius);
}
section .home_section_a .the-point.three .block ul,
section .home_section_b .the-point.three .block ul{
	font-size: 1.0vw;
	line-height: 1.6em;
	list-style: circle;
	margin: 3.6em 1em;
	position: relative;
	
}
section .home_section_a .the-point.three .block .request_more,
section .home_section_b .the-point.three .block .request_more{
	padding: 0.5em 1em !important;
}
section .home_section_a .the-point .block div,
section .home_section_b .the-point .block div{
   display: block;
   width: 100%;
   clear: both;
   margin: 0 auto;
   text-transform: uppercase;
   padding: 1em;
   font-size: 0.8em;
   line-height: 1.8;
}
section .home_section_a .request_more,
section .home_section_b .request_more{
	width: 50% !important;
	text-align: center;
	font-weight: 300;
	color: var(--color-orange-button);
	border: 1px solid var(--color-orange-button);
	font-size: 1vw !important;
	padding: 0.8vw 2vw !important;
	border-radius: var(--anyBorderRadius);
	background-color: var(--bgcolor-white-0);
	cursor: pointer;
}
section .home_section_a .the-point .block .img,
section .home_section_b .the-point .block .img{
   width: 60%;
	height: 5em;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
}
section .home_section_a .the-point .block .buttons,
section .home_section_b .the-point .block .buttons{
   display: flex;
	position: absolute;
	bottom: 2em;
   justify-content: center;
   align-items: center;
	padding-bottom: 2em;
}

section .home_section_a .side_text .summary{
   display: block;
   width: 100%;
   clear: both;
   margin: 2em auto 0.5em auto;
   text-transform: uppercase;
   font-size: 1.2em;
   line-height: 2;
}
section .home_section_a .side_text .question{
	font-family: var(--PlayfairFontFamily);
	color: var(--color-orange-button);
   margin: 1em auto;
	font-weight: 400;
   font-size: 1.4em;
}
section .home_section_a .side_text h2{
	color: var(--color-green-a);
	padding: 0 !important;
	position: relative;
	font-size: 1.8vw;
	line-height: 1.2em;
	white-space:nowrap;
}
section .home_section_a .side_text p, 
section .home_section_a .side_text_half p,
section .home_section_b .side_text_half p{
	color: var(--color-text-main);
	padding: 0.8em 0 !important;
	font-size: 1.3vw;
	line-height: 1.7em;
	position: relative;

}
section .home_section_a img{
	float: right;
	max-width: 40%;
	display: inline-block;
}

section .home_section_a .size-full, 
section .home_section_b .size-full{ 
	width: 30%;
}
section .home_section_b .side_text{
	display: inline-block;
	max-width: 50%;
	float: right;

   position: absolute;
   right: 10%;
   top: 50%;
   transform: translateY(-20%);
}
section .home_section_b .side_text_head{
	display: inline-block;
	float: right;
	position: relative;
}

section .home_section_b .side_text_head h2{
	color: var(--color-green-a);
	padding: 0 !important;
	position: relative;
	font-size: 1.8vw;
	white-space:nowrap;
	line-height: 1.2em;
	text-align: right;
}

section .home_section_b .side_text h2{
	color: var(--color-green-a);
	padding: 0 !important;
	position: relative;
	font-size: 1.5vw;
	line-height: 1.2em;
	float: right;
	text-align: right;
}
section .home_section_b .side_text p{ 
	color: var(--color-text-main);
	padding: 0.8em 0 !important;
	position: relative;
	float: right;
	text-align: right;
	font-size: 1.4vw;
	line-height: 1.7em;
}
section .home_section_b img{
	float: left;
	max-width: 40%;
	display: inline-block;
}
section .home_section_b .buttons{
	position: relative;
	display: block;
	clear: both;
	width: 45%;
	float: right;
	padding: 2em 0 8em 0;
}

section .home_section_a .home_button{ 
	position: relative;
	margin: 0 auto;
	padding: 0.4em 3em;
	border-radius: var(--anyBorderRadius);
	background-color: var(--color-green-a);
	color: var(--color-white-a);
	font-size: 2vw;
	display: inline-block;
}
section .home_section_a .home_button_many{ 
	position: relative;
	margin: 0 auto;
	padding: 5vh 3vw;
	border-radius: var(--anyBorderRadius);
	display: block;
	width: -webkit-fit-content;
}
section .home_section_a .home_button_many img{
	display: inline-block;
	vertical-align: baseline;
	padding: 0 4vw;
	width: 30vw;
	cursor: pointer;
}

@media screen and (min-aspect-ratio: 2/1) {
	#header .header_title_a{
		top: 10%;
		line-height: 1em;
	}
}

@media screen and (max-width: 1000px) {
	#topnav > ul > li > a,
	#topnav > ul > li > al,
	#topnav ul li > ul li a{
		font-size: 1em;
	}
	
	section .home_section_a .the-point.two .block,
	section .home_section_b .the-point.two .block{
		width: 46%;
	}

	section .home_section_a, 
	section .home_section_b{ 
		padding: 7vw 5%;
	}
	
	.home_section_h .side_text .header_title_a{
		font-size: 2vw;
	}
	.home_section_h .header_section_wide{
		font-size: 2vw;
	}
	.home_section_h .side_text .header_title_b{
		font-size: 1.6vw;
	}
	section .home_section_h0 .summary{
	   font-size: 1.8vw;
	}
	

	section .home_section_a .side_text p, 
	section .home_section_b .side_text p, 
	section .home_section_b .side_text_half p, 
	section .home_section_a .side_text_half p{ 
		padding: 0.8em 0 !important;
		font-size: 2.2vw;
		line-height: 1.5em;
	}
	section .home_section_b .side_text_head h2{
		font-size: 2.4vw;
	}
	section .home_section_a .the-point.two .block ul,
	section .home_section_b .the-point.two .block ul{
		font-size: 1.6vw;
	}
}

@media screen and (max-width: 800px) {
	#header #header-nav{
		padding: 0 1vw !important;
	}
	.home_section_h {
		margin-top: 0em;
		padding: 3em 5%;
		display: inline-block;
	}
	.home_section_h .side_text{
		width: 100%;
	}
	.home_section_h .side_text .header_title_a{
		font-size: 5.2vw;
	}
	.home_section_h .header_section_wide{
		font-size: 4vw;
	}
	
	.home_section_h .side_text .header_title_b{
		font-size: 5vw;
	}
	section .home_section_h0 .summary{
	   font-size: 4.3vw;
	}
	
	.home_section_h .buttons{
		width: 100%;
	}
	.home_section_h img{
		width: 100%;
		max-width: 100% !important;
	}
	.home_section_h .buttons{
		padding: 0;
	}
	.home_section_h .header_request_demo_flip{
		float: unset;
		font-size: 5vw;
		line-height: 2em;
		width: 100%;
		margin: 2em 0;
	}

	.home-separator-slope{
		height: 20vw;
	}
	
	section .home_section_a, 
	section .home_section_b{ 
		clear: both;
		padding: 2em 2em;
	}
	
	section .home_section_a .side_text,
	section .home_section_b .side_text,
	section .home_section_b .side_text_half,
	section .home_section_a .side_text_half{
		display: contents;
	 	max-width: 100%;
		padding-top: 5vw;
		float: left !important;
		right: unset;
		top: 2em;
	   position: relative;
	}
	section .home_section_a h1,
	section .home_section_b h1{
		padding: 0 !important;
		white-space: normal;
		font-size: 5.3vw;
	}
	section .home_section_a .side_text h2{
		padding: 0 !important;
		white-space: normal;
		font-size: 4vw;
		line-height: 1.5em;
	}
	section .home_section_a .side_text p, 
	section .home_section_b .side_text p, 
	section .home_section_b .side_text_half p,
	section .home_section_a .side_text_half p{ 
		text-align: left;
		padding: 0.8em 0 !important;
		font-size: 4.5vw;
		line-height: 1.5em;
	}
	section .home_section_a .the-point,
	section .home_section_b .the-point{
		flex-flow: column;
	}
	section .home_section_a .the-point .block,
	section .home_section_b .the-point .block{
		width: 100%;
	}
	section .home_section_a .the-point .block .block-header,
	section .home_section_b .the-point .block .block-header{
		font-size: 6vw; 
	}
	section .home_section_a .the-point.two .block,
	section .home_section_b .the-point.two .block,
	section .home_section_a .the-point.three .block,
	section .home_section_b .the-point.three .block{
		width: 100%;
		max-width: 100vw;
		margin-bottom: 10vw;
	}
	section .home_section_a .the-point .block div,
	section .home_section_b .the-point .block div{
	   padding: 1em;
	   font-size: 1em;
	   line-height: normal;
	}
	section .home_section_a .the-point .block .img,
	section .home_section_b .the-point .block .img{
	   width: 60%;
		height: 5em;
	}
	section .home_section_a .side_text .summary{
	   padding: 1em 0;
	   font-size: 1.2em;
	   line-height: normal;
	}
	section .home_section_a .request_more,
	section .home_section_b .request_more{
		width: 70% !important;
		font-size: 5vw !important;
		padding: 2.8vw 4vw !important;
	}
	
	section .home_section_a .size-full, 
	section .home_section_b .size-full{ 
		width: 100%;
		max-width: 100%;
	}

	section .home_section_b .side_text h2{
		padding: 0 !important;
		white-space: normal;
		float: left !important;
		text-align: left !important;
		font-size: 4vw;
		line-height: 1.5em;
	}
	section .home_section_b .side_text_head{
		display: inline-block;
		width: 100%;
		max-width: 100%;
		float: left;
		position: relative;
		padding-top: 5vw;
	}
	section .home_section_b .side_text_head h2{
		float: left;
		text-align: left;
		white-space: normal;
		font-size: 4.5vw;
		line-height: 1.5em;
	}
	section .home_section_b img{
		float: left;
		max-width: 80%;
		display: inline-block;
	}
	section .home_section_b .buttons{
		padding: 0;
		width: 100%;
	}
	section .home_section_b .buttons .request_demo{
		float: unset;
		font-size: 4vw;
		line-height: 2em;
		width: 100%;
		margin: 2em 0;
	}

	section .home_section_a .the-point.two .block ul,
	section .home_section_b .the-point.two .block ul,
	section .home_section_a .the-point.three .block ul,
	section .home_section_b .the-point.three .block ul{
		font-size: 3.4vw;
	}

}