:root {
	--blue: #03485F;
	--light-blue: #D8E7EE;
	--dark-blue: #01384A;
	--lime: #DFFE51;
	--gray: #8D8D8D;
	--gutter:65px;
	--padding:130px;
	--site-width:1512px;
	--inner-width:1114px;
	--padding-left: calc((100vw - var(--inner-width)) / 2);
	--left-side:60%;
	--easeOut: cubic-bezier(.12,.82,0,1);
	--space: 50px;
}

[data-aos=fade-up] {
  -webkit-transform: translate3d(0,20px,0); // or another value you need
  transform: translate3d(0, 20px,0); // or another value you need
}
[data-aos=fade-right] {
  -webkit-transform: translate3d(-20px,0,0); // or another value you need
  transform: translate3d(-20px, 0,0); // or another value you need
}
body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000']{
transition-duration: 6000ms;
}
* {
	box-sizing: border-box;
}

html {

	width: 100vw;
	overflow-x: hidden;
}

#menu-btn{
	display: none;
}
body {
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 100vh;
	position: relative;

}
#mobile-menu{
	display: none;
}


.flex {
	display: flex;
	flex-wrap: wrap;
}

section{

}
.content{
	max-width:var(--inner-width);
	margin:0 auto;
}

.outer{
	width:100%;
	max-width:var(--site-width);
	margin:0 auto;
	padding: 0 var(--gutter);
}
.inner{
	width:100%;
	padding-left:var(--padding-left);
}
hr{
	width:56px;
	height:4px;
	border:none;
	background:#ADD300;
	margin:0;
	margin-bottom: 20px;
}

.indent{
	border-left:6px solid #DFFE51;
	padding-left:40px;
}

.dark{
	color:#fff;
}

#page{
}

.page-template-0_test{
	background:#000;
}

.mobile{
	display: none;
}

#fader{
	opacity: 0;
	transition:opacity .7s;
}

#fader.fadeInMoveUp{
	opacity: 1;
}
/* --------------------------------------------- BUTTONS ------------------------------------------- */

.button, input[type="submit"]{
	font-size:22px;
	line-height:24px;
	color:var(--blue);
	padding:16px 20px;
	border-radius: 8px;
	display: inline-block;
	border:2px solid var(--blue);
	text-align: center;
	cursor:pointer;
	transition:all .5s;
	text-decoration: none;
}

.button:hover{
	color:#fff;
	background:var(--blue);
}

.button:active{
	color:#fff;
	background:var(--dark-blue);
}

.button.arrow{
	background:#fff url('../images/arrow-right.svg') calc(100% - 15px) center no-repeat;
	border:none;
	background-size:11px 17px;
	padding-right:35px;
}

.button.arrow:hover, input[type="submit"]:hover{
	background-color:var(--light-blue);
	color:var(--blue);
}

.button.arrow:active, input[type="submit"]:active{
	background-color:#93B8CE;
}

.button.lime{
	color:#fff;
	border:2px solid var(--lime);
}
.button.lime:hover{
	color:var(--dark-blue);
	background:var(--lime);
}
.button.lime:active{
	background-color:#AECD1B;
	border:2px solid #AECD1B;
}

.left-button, .right-button{
	width:68px;
	height:68px;
	border:2px solid #82A4B8;
	border-radius: 50%;
	cursor:pointer;
}
.left-button:hover, .right-button:hover{
	border:2px solid #ADD300;
}
.left-button:active, .right-button:active{
	background-color:#ADD300;
}
.left-button{
	background: url('../images/arrow-left.svg') center center no-repeat;
	background-size:12px 18px;
}
.right-button{
	background: url('../images/arrow-right.svg') center center no-repeat;
	background-size:12px 18px;

}
#contact-page input[type="submit"]{
	background:#82A4B8 url('../images/arrow-right2.svg') calc(100% - 20px) center no-repeat;
	border:none;
	background-size:11px 17px;
	font-weight:400;
	font-size:22px;
	padding: 18px 45px 18px 30px;
	border-radius: 8px;
	transition:all .5s;
}

#contact-page input[type="submit"]:hover{

	background:#03485F url('../images/arrow-right2.svg') calc(100% - 15px) center no-repeat;
	background-size:11px 17px;
}
/* --------------------------------------------- MASTHEAD ------------------------------------------- */

#masthead{
	width: 100vw;
	position: fixed;
	z-index: 10;
	top: 0;
	left:0;
	transition:all 1s;
	padding-top: 30px;
}
#masthead.scrolleddown{
	opacity: 0;
	padding-top: 0;
 top: -100px;
}
#masthead.scrolledup{
	background:#EAF6FC;
	padding-top:0;
	box-shadow: 0px 4px 8px rgba(2, 26, 34, 0.16);

	 top:0px !important;
	opacity:1;
}

#masthead #logo{
	width:150px;
	height:48px;
	display: block;
	background:url(../images/logo-white.svg) no-repeat;
	background-size:contain;
}

#masthead .outer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: unset;
}


/* --------------------------------------------- FOOTER ------------------------------------------- */

#footer{
	background:url('../images/footer.svg') right bottom no-repeat;
	background-size: 40%;
	padding-top:var(--padding);
}
#footer #fineprint{

	display: flex;
	justify-content: space-between;
}

#footer #fineprint .right a.legal{
	margin-right:20px;
}
#footer  h3{
	margin-top:0;
	margin-bottom:40px;
}
#footer a{
	text-decoration: none;
	color:#82A4B8;
}

#footer #fineprint{
	font-size:16px;
	color:#82A4B8;
	padding-bottom: 40px;
}
#footer #f-menu{
	display: flex;
	margin-bottom:60px;
}
#footer #f-menu a{
	font-size:22px;
	color:var(--blue);
	display: block;
	line-height: 32px;
	margin-bottom:10px;
}

#footer #f-menu a:hover{
	color:#93B8CE;

}
#footer #f-menu a.map{
	font-size:16px;
	text-decoration: underline;
	margin-bottom:20px;
}
#footer #f-menu .col{
	margin-right:80px;
}
	#footer #f-logo {
	display: none;
}

#footer img.lk{
	width:20px;
	height:20px;
	opacity: .5;
	position: relative;
	top:3px;
}

.error404 #footer #f-menu .col img, .error404 #f-logo{

	filter: brightness(0) invert(1);
}

#footer ul, #footer li{
	list-style: none;
}

#footer .menu-locations-container li a:before{
	content:"";
	width:12px;
	margin-right:8px;
	display: inline-block;
	height:18px;
	background:url('../images/pin.svg') center center no-repeat;
	background-size:contain;
}

.page-id-32 #footer{
	background:none;
}
/* --------------------------------------------- MENU ------------------------------------------- */

#masthead ul li{
	list-style: none;
	display: inline-block;
	margin:0 16px;
}

#masthead ul li a{
	color:#fff;
	font-size:22px;
	line-height:22px;
	text-decoration: none;
	padding-bottom:3px;

}
#masthead ul li a:hover{
	border-bottom:2px solid #DFFE51;
}

#masthead ul li a:active{
	color:#D8E7EE;
	border-bottom:2px solid #ADD300;
}

#masthead ul li.menu-item-42 a, .full_banner.cta a{
	padding:16px 20px;
	border-radius: 8px;
	display: inline-block;
	border:2px solid var(--lime);
	transition:all .5s;
	color:#fff;
}

#masthead ul li.menu-item-42 a:hover, .full_banner.cta a:hover{
	color:var(--dark-blue);
	background:var(--lime);
}

#masthead ul li.menu-item-42 a:active, .full_banner.cta a:active{
	background-color:#AECD1B;
	border:2px solid #AECD1B;
}




#masthead.dark ul li a, #masthead.scrolledup ul li a{
	color:var(--blue);
}



#masthead.dark ul li.menu-item-42 a, #masthead.scrolledup ul li.menu-item-42 a{
	border:2px solid var(--blue);
}
#masthead.dark ul li.menu-item-42 a:hover, #masthead.scrolledup ul li.menu-item-42 a:hover{
	background:#03485F;
	color:#fff;
}
#masthead.dark ul li.menu-item-42 a:active, #masthead.scrolledup ul li.menu-item-42 a:active{
	background:var(--dark-blue);
}

#masthead.dark ul li a:hover, #masthead.scrolledup ul li a:hover{
	border-bottom:2px solid var(--blue);
}

#masthead.dark #logo , #masthead.scrolledup #logo {
	background: url(../images/logo.svg) no-repeat;
	background-size: contain;
}

/* --------------------------------------------- FLOATERS ------------------------------------------- */

#floater{
	width:107px;
	height:107px;
	background:#ADD300;
	position: absolute;
	z-index: 2;
	left: calc(72% - 50px);
	bottom: 0;
}
#floater2{
	width:107px;
	height:107px;
	background:#ADD300;
	z-index: 2;
	margin-left: -50px;
	position:absolute;
	bottom: 0;
}
#floater3{
	width:107px;
	height:107px;
	background:#ADD300;
	z-index: 4;
	position:absolute;
	top: 50%;
	right:calc(12% - 50px);
}
#floater4{
	width:107px;
	height:107px;
	background:#ADD300;
	z-index: 2;
	right:50px;
	position:absolute;
	bottom: 0;
}
#floater5{
	width:197px;
	height:197px;
	background:#DFFE51;
	z-index: 2;
	left:20%;
	position:absolute;
	top:0;
}

#floater6{
	width:197px;
	height:197px;
	background:#DFFE51;
	z-index: 2;
	right:-30px;
	position:absolute;
	bottom:0;
}
/* --------------------------------------------- BANNER ------------------------------------------- */

#banner hr{
	display: none;
}
#banner #about-intro hr{
	display: block;
}

#banner{
	min-height:max(95vh , 600px);
	width:100vw;
	position: relative;
	overflow: hidden;
	color:#fff;
	display: flex;
	align-items: center;
}
22
#banner h1{
	margin-top:0;
}

#banner .text{
	z-index: 3;
	position: relative;
	width:100%;
	max-width: var(--left-side);
}
.cover1{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 2;
	top:0;
	left:0;
	background:#011116;
	opacity: .52;


}

.cover2{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	display: none;

}


#banner .image{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 0;
	top:0;
	left:0;
}
#banner .bannerblocks{
	width:calc(100% + 1px);
	height:101%;
	position: absolute;
	z-index:2;
	top:1px;
	left:-1px;
	background:url('../images/bannerblocks.svg') right bottom no-repeat;
	background-size:35%;
}


.home #banner .bannerblocks{
	z-index: 3;
	display:none;
}

.home #banner .image{
	left:var(--gutter);
	z-index: 2;
	top: 150px;
	height:100vh;
	width: calc(100vw - var(--gutter)) ;
	overflow: hidden;
}


.home #banner
iframe.videoInner {
	top:0;
	left:0;
	transform: scale(1.1);
	background: black;
}
.home #banner .inside{
	width:100vw;
	position: relative;
	z-index: 3;
}
.home #banner:after{
	content:"";
	width:100vw;
	height:50vh;
	background:#0C212C;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
.home #banner h1{
	font-size:50px;
}
.home #banner{

	align-items: flex-end;
	flex-wrap: wrap;
	min-height: max(130vh , 1000px);
}

.home #banner .text {
	width: 100%;
	left: 0;
	max-width: unset;
}

.home #banner .text, .home #banner .text2{
	display: flex;

}
.home #banner .text2 hr{
	display: block;
}
.home #banner .text .left{
	flex:0 1 70%;
	margin-left:calc(2*var(--gutter));
	width: 100%;
	padding-bottom: 100px;
}
.home #banner .text .left p{
	max-width: 600px;
}
.home #banner .text .right{
	background: url('../images/bannerblocks.svg') right bottom no-repeat;
	background-size: contain;
	position: absolute;
	top: 1px;
	width: 30%;
	right: 0;
	height: 100%;

}
.home #banner .textslider .item{

}
.home #banner .image.slides:before{
	content:"";
	display: block;
	z-index: 3;
	width:100%;
	height:100%;
	position: absolute;
	background:#011116;
	opacity: .52;
}
.home #banner .image.slides{
	background:#000;
}
.home #banner .image.slides .slide{
	height:100vh;
	width:100%;
}
.home #banner .text2 .left{
	flex:0 1 35%;
	background: url(../images/aboutblocker.svg) -1px 0px no-repeat;
	background-size: 102%;
	margin-left:calc(1*var(--gutter));
	position: relative;
}
.home #banner .text2 .right{
	flex:0 1 65%;
	padding-left:140px;
	padding-top:80px;
	background:#EAF6FC;
	padding-bottom: 100px;
	padding-right:10%;
	color:var(--dark-blue);
}
.bgVideo {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 1;
}
iframe.videoInner{
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
}


.home #banner
.slider{
  position:relative;
}




/* --------------------------------------------- HOME INTRO ------------------------------------------- */

#home-intro {
	display: flex;
	margin-bottom: -100px;
	position: relative;
	z-index: 3;
}
#home-intro .left h4{
	font-weight:600;
	margin-bottom:20px;
}
#home-intro .left{
	flex:0 1 25%;
	margin-left:calc(calc(100vw - var(--inner-width))/2);
	margin-right:calc(2*var(--gutter));
}
#home-intro .right{
	flex:0 1 75%;
	aspect-ratio: 5 / 3;
}
.home #banner .text2 .right h2{
	margin-bottom:30px;
}
.home #banner .text2 .right hr{
	margin-bottom:30px;
}
/* --------------------------------------------- ABOUT PAGE ------------------------------------------- */


#about-intro{
	background:url('../images/aboutblocker.svg')right top no-repeat;
	background-size:40%;
	z-index: 3;
}
#about-intro .blocks{
	background:url('');
	width:40%;
	background:red;

}
#banner.about .text{
	margin-top: 30vh;
}
#banner.about {
	min-height:unset;
	display:block;
}

#about-intro h3{
	margin-bottom:20px;
}
#about-intro h3, #about-intro p{
	margin-top:0;
	color:var(--blue);
}
#about-intro .inner {
	margin:0;
	position: relative;
	z-index: 3;
	background:#EAF6FC;
	padding-left:var(--padding-left);
	padding-right:10%;
	padding-top:100px;
	padding-bottom: 100px;

	max-width: var(--left-side);
}
#about-intro{
	position: relative;
	margin-top:15vh;
}
#about-intro .inner .wrap{
}
#about-intro_pt2 {
	display: flex;
	flex-wrap: wrap;
	margin-top:5vw;
	margin-bottom: -100px;
	z-index: 3;
	position: relative;
}
#about-intro_pt2 .image{
	margin: 0;
	position: relative;
	background:#000;
	aspect-ratio: 3 / 2;
	flex: 0 1 60%;
}
#about-intro_pt2 .text{
	padding-left: 100px;
	max-width: 420px;

}
#banner.about .bgVideo {

}
#banner.about  iframe.videoInner{
	top:40%;
	width: 140vw;
	height: 76.25vw;
}



/* --------------------------------------------- TWO COLUMN TEXT ------------------------------------------- */


section.two_column_text{

	padding-top:var(--padding);
	padding-bottom:var(--padding);
	position:relative;
}

section.two_column_text.lime-blocks{
	background:url('../images/lime-blocks.svg') top left no-repeat;
	background-size:90%;
}
section.two_column_text hr{
	margin-bottom: 30px;
}

section.two_column_text .cols{
	display: grid;
	grid-template-columns: 1fr 1fr ;
	column-gap: 60px;
	row-gap: 60px;
	z-index: 3;
	position: relative;
}

section.two_column_text h1{
	margin-bottom:60px;
}

section.two_column_text h3{
	margin-top:10px;
	margin-bottom: 20px;
}
section.two_column_text p{
	margin-bottom:40px;
}

section.two_column_text li{
	padding-left: 5px;
	list-style-position: outside;
}

section.two_column_text .col.pad-left{
	padding-left:25%;
}

section.two_column_text .cols h2{
	padding-right:15%;
}




/* --------------------------------------------- THREE COLUMN TEXT ------------------------------------------- */


section.three_column_text.lighten hr{
	display:none;
}

section.three_column_text{
	position: relative;
	overflow:hidden;
	padding-top:var(--padding);
	padding-bottom:var(--padding);
}

section.three_column_text img{
	width:60px;
	height:auto;
}
section.three_column_text .cols{
	display: grid;
	grid-template-columns: 1fr 1fr  1fr;
	margin-top: 100px;
	column-gap: 60px;
	row-gap: 30px;
}


section.three_column_text h1{
	margin-bottom:60px;
}
section.three_column_text.image-bg h1{
	margin-bottom:20px;
}
section.three_column_text h3{
	margin-top: 30px;
}

section.three_column_text .content{
	position: relative;
	z-index: 3;
}

section.three_column_text.darken.fadeInMoveUp{
	color:#fff;
}

section.three_column_text.darken.fadeInMoveUp #fader, section.three_column_text.lighten.fadeInMoveUp #fader{
	opacity: 1;
}

section.three_column_text .bg{
	width:100%;
	height:100%;
	z-index: 0;
	top:0;
	left:0;
	position: absolute;
}

section.three_column_text .bg.darken{
	background:#0C212C;
}

section.three_column_text .bg.lighten{
	background:#DFFE51;
}

section.three_column_text.image-bg{
	color:#fff;
}
section.three_column_text.image-bg .head{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
section.three_column_text.image-bg .head .left {
	flex: 0 1 64%;
}
section.three_column_text.image-bg  h3 {
	margin-bottom: 10px;
}
section.three_column_text.image-bg .head .right{
	flex:0 1 34%;
	text-align:right;
}

section.three_column_text .bg-image{
	width:100%;
	height:100%;
	z-index: 0;
	top:0;
	left:0;
	position: absolute;
}

/* --------------------------------------------- CAROUSEL ------------------------------------------- */
section.carousel {
		padding-top:var(--padding);
		padding-bottom:var(--padding);

}

section.carousel .head{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

section.carousel .head .left{
	flex:0 1 65%;
}
section.carousel .head .left h1{
	margin:0;
}
section.carousel .slider{
	width:70%;
}
section.carousel .slide{
	aspect-ratio: 4/3;
	margin:0 0 0 40px;
}

.testimonials .slide{

	color:#fff;
	background: linear-gradient(191.56deg, #03485F -1.64%, #032E4D 91.51%);

}
.profiles .slide{
	position: relative;
	overflow: hidden;
	color:#fff;
	display: flex;
	align-items: flex-end;
	padding: 40px;
}
section.carousel .testimonials .slide{

	margin:0 40px  0 0px;
}
.profiles .slide .details p{
	margin: 15px 0px;

}
.profiles .slide .details h3{
	margin:0;
}
.profiles .slide .details .title{
	text-transform: uppercase;
	line-height: 20px;
	font-size:16px;
}
.testimonials .slide .details .title{
	text-transform: uppercase;
	font-size:16px;
	color:#82A4B8;
	letter-spacing: .5px;
}
.profiles .slide .details a{
	color:#fff;
	font-size:24px;
	padding-right:25px;
	background:url('../images/arrow-right2.svg') right center no-repeat;
	background-size:11px 18px;
	display: inline-block;
	margin-top:10px;
	text-decoration: none;
}
.profiles .slide .details a:hover{
	color:var(--lime);
}
.testimonials .slide img{
	display: block;
	position: absolute;
	top: 40px;
}
.profiles .slide .details{
	z-index: 2;
	position: relative;
	opacity: 0;
	transition:all 1s;
}

.testimonials .slide{
	position: relative;

	display: flex;
	align-items: flex-end;
	padding: 40px;
}
.slider-content{
	display: flex;
	flex-wrap: wrap;
	margin-top: 100px;
}
.slider-content .left-button, .slider-content .right-button{
	display: inline-block;
}
.slider-content .left-button{
	margin-right:20px;
}
.slider-content.testimonials{
	flex-direction: row-reverse;
}

.slider-content .nav{
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-left: 3%;
	width: 27%;
	margin-right: 3%;
}
.testimonials.slider-content .nav{
	justify-content: flex-end;
}
.slider-content .nav h3{
	position: absolute;
	padding-right: 30%;
	left: 60px;
	top:0;
}
.slide .cover{
	background:#021A22;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition:all 1s;

}
.slide:hover .cover{
	opacity: .8;
}
.slide:hover .details{
	opacity:1;
}
.testimonials .slick-list {
	padding: 0 35% 0 0;
}

.profiles .slick-list {
	padding: 0 0 0 35%;
}




/* --------------------------------------------- ACCORDION ------------------------------------------- */

.acc{
	margin-top:60px;
	  border-bottom:1px solid #82A4B8;
}
button.qa {
  width: 100%;
  border: none;
  outline: none;
  position: relative;
  text-align: left;
  padding: 20px 20px;
  padding-right: 100px;
  font-size: 24px;
  border-top:1px solid #82A4B8;
  font-family: "museo-sans", sans-serif;
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
  color:var(--blue);
  font-weight: 600;
}



.page-template-0_about section.accordion{
	padding-top:var(--padding);
}

section.accordion .button{
	padding:20px 30px;
}
button.qa:after {

	  content: "";
	  position: absolute;
	  right:20px;
	  top:28px;
	  width:17px;
	  height:11px;
		background:url("../images/arrowdown.svg") no-repeat center center;
	  background-size:100%;
}

button.qa.is-open:after {
	background:url("../images/arrowup.svg") no-repeat center center;
	  background-size:100%;
}

button.qa:hover,
button.qa.is-open,
.accordion-content
 {
}
.accordion-content p{
	margin-bottom:30px;
	max-width: 800px;
}
section.accordion .accordion-content {
  padding: 0 0px 0 20px;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 1s cubic-bezier(0, 1, 0, 1);
}
section.accordion .accordion-content.open{
	max-height:1000px;
	transition: max-height 1s ease-in-out;
}





/* --------------------------------------------- FULL BANNER ------------------------------------------- */

section.full_banner{
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	min-height:80vh;
	overflow-x: hidden;
}
section.full_banner .text{
	z-index: 3;
		margin: 10vh 0;
	position: relative;
}
section.full_banner .text p{
}

section.full_banner .animate_text{
	position: absolute;
	z-index: 3;
	bottom: 55px;
	font-size: 200px;
	left:0;
	white-space: nowrap;
	font-weight: 500;
	letter-spacing: -10px;
	animation: move-right-to-left linear 1500s infinite;
}


section.full_banner hr{
	display: none;
}

section.full_banner.cta hr{
	display: block;
}
section.full_banner.cta{
text-align: left;
justify-content: space-between;

}
 section.full_banner.cta .content{
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
 }
 section.full_banner.cta .text{
	flex:0 1 60%;
}
 section.full_banner.cta .right{
	flex:0 1 40%;
	position: relative;
	z-index: 3;
	text-align: right;
}
/* use this one to move from right to left direction */
@keyframes move-right-to-left {
	from {
		transform: translateX(0);
		left:100%;
	}
	to {
		left:0;
		transform: translateX(-100%);
	}
}
2
section.full_banner
.cover1{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 2;
	top:0;
	left:0;
	background:#011116;
	opacity: .52;


}


section.full_banner
.image{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 0;
	top:0;
	left:0;
}




/* ---------------------------------------------TABS ------------------------------------------- */





#tab1{
 margin-top: 0px; top: calc(0px); bottom: calc(158px);
 z-index: 5;
 background:#E2F0F7;
}

#tab2{
	margin-top: calc(2*var(--space)); top: calc(2*var(--space)); bottom:calc(4*var(--space));
	z-index: 4;
	 background:#D0E3EB;
}

#tab3{
	margin-top: calc(4*var(--space)); top: calc(4*var(--space)); bottom: calc(2*var(--space));
	z-index: 3;
	 background:#B9D1DB;
}
#tab4{
	margin-top: calc(6*var(--space)); top: calc(6*var(--space)); bottom: calc(0px);
	z-index: 2;
	 background:#a4bfcc;
}
#folder1{
	top: calc(2*var(--space)); margin-bottom: calc(0px);
}
#folder2{
	top: min((100% - 600px) - 79px, 200px); margin-bottom: calc(0px);
}
#folder3{
	top: min((100% - 600px) - 0px, 300px); margin-bottom: calc(0px);
}
#folder4{
	top: min((100% - 600px) - 0px, 400px); margin-bottom: calc(0px);
}

.folderflip_content hr{
	display: none;
}
.folderflip_wrapper {
	z-index: 3;
	position: relative;
}


section.folderflip_wrapper{
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding:0;
}
.page-template-0_about-php section.folderflip_wrapper{
	padding-top:calc(2*var(--space));
}
.folderflip_content .inside{
	display: flex;
}
.folderflip_content {
	display: flex;
	flex-wrap: wrap;

	height: calc(100vh - 400px);
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 3;
}

.num-tabs-3 .folderflip_content{

	height: calc(100vh - 300px);
}
.folderflip_tag img{
	width:30px;
	height:30px;
	position: relative;
		top: 34px;
		margin-right:10px;

}

#tabs{

	margin-top: 60px;
}

.page-id-22 #tabs{
	margin-top:0;
}
.folderflip_content .copy p{
	margin-bottom:20px;
	flex:0 1 100%;
}
.folderflip_content .copy{
	color:#fff;
	border-left:6px solid var(--lime);
	padding-left:40px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
}
.folderflip_content .copy, .folderflip_content .headline{
	flex: 0 1 50%;
}
.folderflip_content .headline{
	padding-right: 12%;
}
.folderflip_tag {
	display: -moz-box;
	display: flex;
	text-decoration: none;
	background:#fff;
	color: inherit;
	margin-left: -1px;
	margin-right: -1px;
	-webkit-transition: background .2s, color .2s !important;
	-moz-transition: background .2s, color .2s !important;
	transition: background .2s, color .2s !important;
	height:100px;
	cursor: pointer;
		padding: 20px 0 20px 0);
		width: 100%;
		text-align: left;
		border: none;
		outline: none;
		position: relative;
		background: #fff;
		transition: all .5s;
		border-bottom: 1px solid #EAF6FC;


}
.folderflip_folder .headline h2{
	color:#fff;
	margin: 0;
}
.folderflip_folder .background{
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
}
.folderflip_tag h3{
		display: inline-block;
		position: relative;
		top: 30px;
		margin:0;

}
.folderflip_tag .content{
	width:100%;
}

.folderflip_folder {
	min-height: calc(100vh - calc(8* var(--space)));
}

@supports((position: -webkit-sticky) or (position:sticky)) {
	.folderflip_folder {
		position: -webkit-sticky;
		position: sticky;
		display: -moz-box;
		display: flex;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		flex-direction: column;
		background:#fff;
		z-index: 1;
	}

	.folderflip_tag {
		position: -webkit-sticky;
		position: sticky;
		z-index: 3;
	}

	.folderflip_tagBackground {
		position: -webkit-sticky;
		position: sticky;
		-webkit-box-shadow: 0 40px 0 40px #fff;
		box-shadow: 0 40px 0 40px #fff
	}

	.folderflip_tagBackground~.folderflip_tagBackground {
		display: block
	}
}



.num-tabs-3 #tab3{
	bottom:0;
}
.num-tabs-3 #tab2{
	bottom: calc(2* var(--space));
}

.num-tabs-3 #tab1{
	bottom: calc(4* var(--space));
}


.num-tabs-3 .folderflip_folder {
	min-height: calc(100vh - calc(6* var(--space)));
}




/* ---------------------------------------------TABBED ------------------------------------------- */




section.tabbed{
	position: relative;
}
section.tabbed .cover1{
	opacity: .8;
}
section.tabbed .content{
	z-index: 3;
	color:#fff;
	position: relative;
	min-height: 80vh;
	display: flex;
	align-items: center;
}
section.tabbed .background{

	width:100%;
	height:100%;
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
}

section.tabbed .tab{
	display: none;
}
section.tabbed .tab.active{
	display: flex;
}

section.tabbed .tab .left{
	flex:0 1 50%;
	padding-right:15%;
}
section.tabbed .tab .indent{
	flex:0 1 50%;
}
section.tabbed .nav a.mobile{
	position: absolute;
	width:100%;
	height:100%;
	z-index: 1;
	top: 0;
	left: 0;

}
section.tabbed .nav{
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 5px;
	padding: 0 var(--gutter);
	color:#82A4B8;
}

section.tabbed .nav .t-nav{
	margin-bottom:	50px;
	padding-bottom:20px;
	position: relative;
	cursor:pointer;
	border-bottom:4px solid #82A4B8;
}
section.tabbed .nav .t-nav.active{

	color:#fff;
	border-bottom:4px solid var(--lime);
}
section.tabbed .nav .t-nav:hover{

	color: #fff;
}
section.tabbed .nav h4{
	margin:0 0 10px 0;
}


section.tabbed .nav h6{
	padding-right:20%;
}


section.tabbed .indent h6{
	color:#82A4B8;
	margin-bottom:10px;
}
section.tabbed .indent p{
	margin-bottom:30px;
}



/* --------------------------------------------- TEAM ------------------------------------------- */


section.team{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 12px;
	row-gap: 12px;
	margin-bottom: 12px;
}



section.team .member{
	position: relative;
	overflow: hidden;
	color:#fff;
	display: flex;
	align-items: flex-end;
	padding: 40px;	aspect-ratio: 1;
}
.member .details {
	z-index: 3;
	position: relative;
	opacity: 0;
	padding-right:20%;
}
.member .details p{
	margin: 15px 0px 25px 0;

}
.member .details h3{
	margin:0;
}
.member .details .title{
	text-transform: uppercase;
	line-height: 20px;
	font-size:16px;
	margin-top:4px;
	letter-spacing: .5px;
}

.member .details a{
	color:#fff;
	font-size:24px;
	padding-right:25px;
	background:url('../images/arrow-right2.svg') right center no-repeat;
	background-size:11px 18px;
	display: inline-block;
	margin-top:10px;
	text-decoration: none;
}
.member .details a:hover{
	color:var(--lime);
}

.member .cover {
	background: #021A22;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: all 1s;
}


.member:hover .cover{
	opacity: .8;
}
.member:hover .details{
	opacity:1;
}

/* --------------------------------------------- 404 ------------------------------------------- */
body.error404{
	background: linear-gradient(191.56deg, #03485F -1.64%, #032E4D 91.51%);
	color:#fff;
}

body.error404 #page{
	background:url('../images/404.svg') right top no-repeat;
	background-size:contain;
}
body.error404 #footer{
	color:#fff;
	background:none;
}
body.error404 #footer #f-menu a{
	color:#fff;
}
body.error404 #page .content{
	padding:calc(2*var(--padding)) 0 0 0;
}


body.error404 .content h6{
	color:#82A4B8;
	margin-bottom:20px;
}
body.error404 .content h2{
	max-width: 680px;
}



/* --------------------------------------------- CONTACT ------------------------------------------- */


#contact-page{
	padding:calc(2*var(--padding)) 0 var(--padding) 0;
}

#contact-page.content{
	display: flex;
	flex-wrap: wrap;
}
#contact-page .left{
	flex:0 1 40%;
	padding-right:80px;
}
#contact-page .right{
	flex:0 1 60%;
	border-left: 6px solid #ADD300;
	padding-left: 30px;
}

#contact-page .gform_required_legend{
	display: none;
}
#contact-page label{
	font-size:16px ;
	color:#82A4B8;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight:400;
}
#contact-page .gfield_required{
	display:none;
}
#contact-page #field_1_5 legend{
	color:#03485F;
	font-size: 21px;
	font-weight: 500;
}
#contact-page .gform-field-label--type-inline{
	color:#03485F;
	text-transform: unset;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0px;
	margin-left: 5px;
}
#contact-page #gform_confirmation_message_1{
	font-size:22px;
	line-height:34px;
}
#contact-page input[type="text"], #contact-page input[type="email"], #contact-page textarea{
	background:none;
	border:2px solid #82A4B8;
	border-radius: 8px;
	padding:10px 10px;
	font-size:20px;
	color:#03485F;
	height: 50px;
	-webkit-appearance: none;
}
#contact-page input[type="radio"]{
	border:1px solid #03485F;
	background:none;
}

#contact-page .gform-theme--framework input[type=radio]::before{

	background: #03485F;
	width: 13px;
	height: 13px;
}
#contact-page .gform-theme--framework .gfield--type-choice .gfield_radio{

flex-direction: row;
}

#contact-page .gform-theme--framework .gfield--type-choice .gchoice{
	margin-right:10px;
}
#contact-page .gform-theme--framework .gform_validation_errors{
	display: none;
}
#contact-page .gform-field-label--type-inline a{
	color:#A0C300;
}
#contact-page .ginput_container_consent .gform-field-label--type-inline {
	font-size:16px;
}
#contact-page .gform-theme--foundation .gform_fields{

	row-gap:20px;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	background:none !important;
}
/* --------------------------------------------- LEGAL ------------------------------------------- */

.content.legal .intro p{
	font-size:24px;
	line-height:36PX;

}
.content.legal .intro strong{
	font-size:44px;
	line-height:68px;
	font-weight: 500;
}
.content.legal .words strong{
	font-size:28px;
	line-height:36px;
	font-weight: 500;
	margin-top:30px;
	display: block;
}
.content.legal .intro {
	margin-top:60px;
	margin-bottom:60px;
}
.content.legal {
	max-width:860px;
	padding: 200px 30px;
	margin: 0 auto;
}

.content.legal #head{
	text-align: center;
}

.content.legal .words p em{
	position: relative;
	left: 50px;
	padding-right:50px;
	font-style: normal;
	max-width: 90%;
	display: block;
}

/* --------------------------------------------- LOCATIONS ------------------------------------------- */

section.locations{
	bottom: -50px;
	position: relative;
	z-index: 3;
}

section.locations  .loc-content{
	display: flex;
	flex-direction: row-reverse;
}
section.locations .loc-content .nav .text{

	padding-right: 15%;
	padding-top: 30px;
}


section.locations .slider {
	width: 75%;
	padding-left: 60px;
}
section.locations .loc-content .nav {
	display: block !important;
}

section.locations .loc-content .nav {
	position: relative;
	display: flex;
	padding-left: 60px;
	width: 30%;
}

section.locations .slide .icon{
	position: absolute;
	right:25px;
	top:25px;
}
section.locations .slide .addr a{
	text-decoration: none;
	color:var(--lime);
}
section.locations .slide .office{
	margin-top:20px;
}
section.locations .slide .office a{
	text-decoration: none;
	color:#fff;
}
section.locations .slide{
	position: relative;
	background: linear-gradient(191.56deg, #03485F -1.64%, #032E4D 91.51%);
	margin-right:30px;
	padding:40px;
	color:#fff;
}

section.locations .slide h3{
	margin-bottom:10px;
}
section.locations .slide .title{

	margin-bottom:100px;
}
section.locations .slick-list {
	padding: 0 8% 0 0%;
}

section.locations .buttons{
	display: flex;
	justify-content: flex-end;
	margin-top:30px;
}

section.locations .buttons .left-button{
	margin-right:20px;
}
section.locations .loc-content .nav .text a.lk{
	text-decoration: none;
}
section.locations .loc-content .nav .text a.lk img{
	width:20px;height:20px;
	opacity: .5;
	margin-left:5px;
	position: relative;
	top:3px;
}

/* --------------------------------------------- CONTACT BOTTOM ------------------------------------------- */

section.contact-bottom{
	min-height:80vh;
	width:100vw;
	position: relative;
}
section.contact-bottom .background{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

section.contact-bottom .bannerblocks {
	width: calc(100% + 1px);
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -1px;
	background: url('../images/bannerblocks.svg') right bottom no-repeat;
	background-size: 40%;
}