/*
dark blue:	#081d24;
light green:#5fb6b4;
*/

.text-lt-green{color: #081d24;}
.text-lt-green{color: #5fb6b4;}

#flexible-content{margin-top: 90px; /*to offset absolute header */background-color: #fff;position: relative;z-index: 2;}
#flexible-content.has-hero{margin-top: 0; /*to offset absolute header */}
#flexible-content section{padding: 70px 0;}
@media (max-width:767px){
	#flexible-content section{padding: 50px 15px;}
}

.flexible-block h1, .flexible-block h2, .flexible-block h3 {margin: 20px 0;}

.flexible-block h1{line-height:1.1;}
.flexible-block h2{font-size: 40px;color: #081d24;line-height:1.1;}
.flexible-block h3{line-height:1.1;}
.flexible-block p {font-size: 16px; color: #081d24;line-height:1.6;}
.flexible-block .media {margin-top:0;}
@media (max-width:1200px) {
	.flexible-block h2{font-size: 34px;}
}
@media (max-width:991px) {
	.flexible-block .media {padding: 0 15px;}
}
@media (max-width:767px){
	.flexible-block h1{}
	.flexible-block h2{font-size:30px;}
	.flexible-block h3{}
	.flexible-block p {font-size: 14px;}
}

.flexible-block .btn {
  display: inline-block;
  background-color: transparent;
  font-size: 20px;
  color: #081d24 !important;
  border-radius: 6px;
  padding: 12px 30px 10px 30px;
  text-decoration: none;
  margin: 10px 0px;
  font-weight: 400;
  text-transform: none;
  border: 2.5px solid #5fb6b4;
  outline: none;
}
.flexible-block .btn:hover, .flexible-block a.btn:hover {color: #fff !important;background-color: #5fb6b4;}
@media (max-width:767px){
	.flexible-block .btn {font-size:18px;}
}

.flexible-block.dark .btn{color: #fff !important;}
.flexible-block.dark h1, .flexible-block.dark h2, .flexible-block.dark h3{color: #fff;}
.flexible-block.dark p{color: #fff;}


.basic-content-block{}
.basic-content-block .container.b-top{border-top: 2px solid #d1dada;padding-top: 50px;}
.basic-content-block .container.b-bottom{border-bottom: 2px solid #d1dada;padding-bottom: 50px;}
.basic-content-block .content img{margin:50px 0 0 0;}
.basic-content-block .section-intro{text-align:center;margin-bottom: 30px;}
.basic-content-block .section-intro h2.large{font-size:60px;}
.basic-content-block .section-intro p{font-size:16px;}
.basic-content-block .section-footnote{margin: 30px 0 0 0;padding: 20px 0;border-top: 2px solid #d1dada;border-bottom: 2px solid #d1dada;}
.basic-content-block .section-footnote p{font-size: 13px;color:#081d24;margin:0;padding:0;}
@media (max-width:1200px) {
	.basic-content-block .section-intro h2.large{font-size:50px;}
	.basic-content-block .section-footnote p{font-size: 12px;}
}
@media (max-width:991px) {}
@media (max-width:767px){
	.basic-content-block .section-intro h2.large{font-size:40px;}
}


.media-content-block{}
.media-content-block .content.right{padding-left:75px;}
.media-content-block .content.left{padding-right:75px;}
.media-content-block .eyebrow{font-size:20px;font-weight:400;color:#5fb6b4;}
.media-content-block .section-intro{text-align:center;margin-bottom: 30px;}
.media-content-block .section-intro h2.large{font-size:60px;}
.media-content-block .section-intro p{font-size:16px;}
.media-content-block .section-footnote{margin: 30px 0 0 0;padding: 20px 0;border-top: 2px solid #d1dada;border-bottom: 2px solid #d1dada;}
.media-content-block .section-footnote p{font-size: 13px;color:#081d24;margin:0;padding:0;}
@media (max-width:1200px) {
	.media-content-block .section-intro h2.large{font-size:50px;}
	.media-content-block .section-footnote p{font-size: 12px;}
	.media-content-block .content.right{padding-left:50px;}
	.media-content-block .content.left{padding-right:50px;}
}
@media (max-width:991px) {
	.media-content-block .media{margin-bottom:30px;}
	.media-content-block .content.right{padding-left:15px;}
	.media-content-block .content.left{padding-right:15px;}
}
@media (max-width:767px){
	.media-content-block .section-intro h2.large{font-size:40px;}
}


.image_repeater_block{display: flex;flex-flow: row wrap;}
.image_repeater_block .section-intro{text-align:center;margin-bottom: 10px;}
.image_repeater_block .section-intro h2.large{font-size:60px;}
.image_repeater_block .section-intro p{font-size:22px;}

.image_repeater_block .images-wrapper{display: flex;flex-flow: row wrap;justify-content:center;}
.image_repeater_block .images-wrapper .images {flex-basis: 24%;flex-grow: 1;margin: 0.5% !important;padding: 15px;max-width:300px;}
.image_repeater_block .images-wrapper.four-column .images {/* default*/}
.image_repeater_block .images-wrapper.five-column .images {flex-basis: 19%;max-width:240px;}
.image_repeater_block .images-wrapper.three-column .images {flex-basis: 32%;max-width:300px;}
.image_repeater_block .images-wrapper.two-column .images {flex-basis: 49%;max-width:350px;}
.image_repeater_block .images-wrapper.one-column .images {flex-basis: 99%;max-width:350px;}
.image_repeater_block .images{text-align:center;margin: 20px 0;}
.image_repeater_block .images img{float:none;margin:0 auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.image_repeater_block .images .title{font-size:20px;font-weight:300;color:#081d24;margin-top:25px;}
.image_repeater_block .images .subtitle{font-size:16px;font-weight:300;color:#244651;margin-top:5px;}
.image_repeater_block .section-link{text-align:center;margin-top:20px;}
.image_repeater_block .section-link a{color: #081d24;font-size: 22px;font-weight: 400;cursor: pointer;margin-top: auto;text-decoration:none;}
.image_repeater_block .section-link a:after{content: "\2192";color: #5fb6b4;font-size: 22px;font-weight: 400;margin-left: 6px;}
.image_repeater_block .section-link a:hover{color: #5fb6b4;}
@media (max-width:1200px) {
	.image_repeater_block .section-intro h2.large{font-size:50px;}
	.image_repeater_block .images .subtitle{font-size:14px;}
	.image_repeater_block .section-footnote p{font-size: 12px;}
	.image_repeater_block .images-wrapper.four-column .images{flex-basis: 32%;max-width:250px}
}
@media (max-width:991px) {
	.image_repeater_block .images-wrapper .images,
	.image_repeater_block .images-wrapper.four-column .images,
	.image_repeater_block .images-wrapper.five-column .images{flex-basis: 32%;max-width:250px}
	.image_repeater_block .images .subtitle{margin-bottom:30px;}
	
}
@media (max-width:767px){
	.image_repeater_block .section-intro h2.large{font-size:40px;}
	.image_repeater_block .section-link{margin-top:20px;}
	.image_repeater_block .images-wrapper .images,
	.image_repeater_block .images-wrapper.five-column .images,
	.image_repeater_block .images-wrapper.four-column .images,
	.image_repeater_block .images-wrapper.three-column .images,
	.image_repeater_block .images-wrapper.two-column .images,
	.image_repeater_block .images-wrapper.one-column .images{flex-basis: 95%;max-width: 95%;}
}


/* accordion-block */
.accordions {}
.accordion-header {padding: 15px; font-weight: 400; font-size: 22px; width: 100%;display: block;background-color: #5fb6b4; color: #081d24 !important; border: 0; cursor: pointer;margin:0 0 5px 0;} /* open */
.accordion-header:focus, .accordion-header:hover { background-color: #5fb6b4; color: #081d24 !important;} /* open hover */
.accordion-header.collapsed, .accordion-header.collapsed:visited {background-color: #5fb6b4; color: #fff !important; border: 0;} /* closed */
.accordion-header.collapsed:focus, .accordion-header.collapsed:hover { background-color: #5fb6b4; color: #081d24 !important;} /* closed hover */
.accordion-header .icon:before {font-family: 'Font Awesome 5 Pro'; font-weight: 400; color:#081d24;}
.accordion-header .icon:before {content: "\f068";}
.accordion-header.collapsed .icon:before {content: "\f067";color:#fff;}
.accordion-content {border: 0; }


.tabs-block{}
.tabs-block .container.b-top{border-top: 2px solid #d1dada;padding-top: 50px;}
.tabs-block .container.b-bottom{border-bottom: 2px solid #d1dada;padding-bottom: 50px;}
.tabs-block .content img{margin:50px 0 0 0;}
.tabs-block .section-intro{text-align:center;margin-bottom: 30px;}
.tabs-block .section-intro h2.large{font-size:60px;}
.tabs-block .section-intro p{font-size:22px;}

.tabs-block .tabs .nav-tabs {border: 0; padding:0; background-color: #5fb6b4;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.tabs-block .list-group-item{border-radius:0;}
.tabs-block .list-group-item, .tabs-block .list-group-item:visited {font-size: 22px;font-weight: 400;color: #fff;display: inline-block;padding:15px;width: auto; height:100%;text-align: center; background-color:transparent; border: 0;  }
.tabs-block .list-group-item.active, .tabs-block .list-group-item:focus { background-color:transparent; color: #081d24; border: 0;}
.tabs-block .list-group-item-action:hover, .tabs-block .list-group-item-action:active, .list-group-item-action:focus {color: #081d24; background-color:transparent;}
.tabs-block .tab-pane {border: 0;}
.tabs-block .tab-pane .accordion-content {border: 0; position: relative;}

.tabs-block .content-container{margin: 50px 0 0 0;}
.tabs-block .content-container .media{padding-right:50px;}
.tabs-block .content-container .content{}
.tabs-block .content-container .content h2{font-size: 32px;margin-top:0;}
.tabs-block .content-container .content .bottom-content{font-size:17px; color:#969b9b;margin-top:50px;}
.tabs-block .content-container .content .bottom-content p{font-size:17px; color:#969b9b;}
.tabs-block .content-container .content .bottom-content div{display:inline-block;margin-right:20px;}
.tabs-block .content-container .content .bottom-content div:last-of-type{margin-right:0;}
@media (max-width:1200px) {
	.tabs-block .section-intro h2.large{font-size:50px;}
	.tabs-block .section-intro p{font-size:16px;}
	.tabs-block .list-group-item {font-size: 18px;}
	.tabs-block .content-container .content .bottom-content div{display:block;margin-right:0;}
}
@media (max-width:991px) {
	.tabs-block .section-intro p{font-size:16px;}
	.tabs-block .list-group-item {font-size: 16px;}
	.tab-content > .tab-pane { display: block; opacity: 1; border: 0; }
	.tabs-block .content-container .media {padding-right:15px;}
	.tabs-block .content-container .content{padding-bottom: 30px;}
	.tabs-block .content-container .content h2{margin-top:20px;}
}
@media (max-width:767px){
	.tabs-block .section-intro h2.large{font-size:40px;}
}

#ecosphere-svg{overflow: visible;}
#ecosphere-svg .cls-1,
#ecosphere-svg .cls-2,
#ecosphere-svg .cls-3,
#ecosphere-svg .cls-4,
#ecosphere-svg .cls-5 {stroke-width: 0px;}
#ecosphere-svg .cls-2 {fill: #5fd3cb;}
#ecosphere-svg .cls-3 {fill: #2ab9b4;}
#ecosphere-svg .cls-4 {fill: #fff;}
#ecosphere-svg .cls-5 {fill: #023643;}
#ecosphere-svg #trust.cls-5{fill: #2ab9b4;}
.ecosphere-content{display:none;padding: 0 50px;}
.ecosphere-content.active{display: block;}
.ecosphere-content h2{font-size: 40px;color:#5fb6b4;width: 100%;padding:0 0 10px 0;border-bottom: 1px solid #081d24;}
.ecosphere-content i{font-size: 50px;font-weight:300;color:#081d24;}
@media (max-width:1200px) {
	.ecosphere-content{padding: 0 0 0 30px;}
	.ecosphere-content h2{font-size: 32px;}
	.ecosphere-content i{font-size: 40px;}
}
@media (max-width:991px) {
	.ecosphere-content{padding: 0 0 0 0;}
	.ecosphere-content h2{font-size: 28px;}
	.ecosphere-content i{font-size: 30px;}
	.ecosphere-content p{font-size: 14px;}
}
@media (max-width:767px){
	#ecosphere-svg{max-width:85%;margin:0 auto;display:block;}
	.ecosphere-content h2{font-size: 22px;padding:0;margin:0;border-bottom: none;}
	.ecosphere-content i{font-size: 26px;margin: -5px 10px 0 0;}
	.ecosphere-header{display:flex;align-items: center;padding:0 0 10px 0;border-bottom: 1px solid #081d24;margin: 25px 0;}
}



#hero-content{}
.hero-block{margin-top:90px;position: relative;overflow: hidden;height:90vh;}
.hero-block .hero-fade {position: absolute;top: 0;height: 100%;width: 100%;z-index: 1;background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);opacity: 1;}
.hero-block .hero-fade.hero-left-fade{left: 0;}
.hero-block .hero-fade.hero-left-fade{right: 0;}
.hero-block .content{position: absolute;top:50%;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 2;}
.hero-block .content .eyebrow{font-size: 20px;color:#5fb6b4;font-weight:400;border-bottom: 1px solid #5fb6b4;display:inline-block;}
.hero-block .content h1{font-size:60px;color:#081d24;}
.hero-block .content p{font-size:18px;color:#081d24;margin-bottom:30px;}
.hero-block .content .btn{padding: 12px 35px 10px 35px;margin-right:20px;}
.hero-block .content .btn:last-of-type{margin-right:0;}
.hero-block .content .btn.dark{color: #fff !important;background-color: #5fb6b4;border: 2.5px solid #5fb6b4;}
.hero-block .content .btn.dark:hover{color: #081d24 !important;background-color: transparent;border: 2.5px solid #5fb6b4;}
.hero-block .content .content-inner.order-first{order: 1;}
.hero-block .content .content-inner.order-last{order: 2;}
.hero-block.right .content .content-inner{padding-left:30px;}
.hero-block video {position: fixed;width: auto;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 0;}
@media screen and (max-aspect-ratio: 1920/1080) {
    .hero-block video { height: 100%; }
}
@media screen and (min-aspect-ratio: 1920/1080) {
    .hero-block video { width: 100%; }
}
@media (max-width:1200px){
	.hero-block{height:75vh;}
	.hero-block .content h1{font-size:40px;}
}
@media (max-width:991px){
	.hero-block{height:80vh;}
	/*.hero-block .content{left:50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}*/
	.hero-block .content iframe{margin: 20px 0;}
}
@media (max-width:767px){
	.hero-block{margin-top:80px;height:80vh;}
	.hero-block .content{left:auto;right:auto;width:100%;padding: 0 30px;-moz-transform: translate(-0%,-60%);-webkit-transform: translate(-0%,-60%);transform: translate(-0%,-60%);}
	.hero-block.mobile-extend{height:90vh;}
	.hero-block.mobile-extend .content{top:60%;-moz-transform: translate(-0%,-60%);-webkit-transform: translate(-0%,-60%);transform: translate(-0%,-60%);}
	.hero-block .content h1{font-size:30px;}
}


/******* hero form *****/
#frmHero{}
#frmHero .input-wrapper{position:relative;margin-left:-15px;padding-right: 50px;}
#frmHero .input-wrapper div{margin: 5px 0;}
#frmHero input[type="text"]{width:100%;padding:10px 15px;font-size:20px;font-weight: 400;color:#4d5e63;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color:#eff8f7;border:2px solid rgba(95, 182, 180, 0.5);outline:none;}
#frmHero input[type="text"]:focus,
#frmHero input[type="text"]:active{border-color:rgba(95, 182, 180, 1);}
#frmHero input::-webkit-input-placeholder { color:#4d5e63;opacity:1;font-weight: 300; }
#frmHero input:-moz-placeholder { color:#4d5e63;opacity:1; font-weight: 300;}
#frmHero input::-moz-placeholder { color:#4d5e63;opacity:1; font-weight: 300;}
#frmHero input:-ms-input-placeholder { color:#4d5e63;opacity:1; font-weight: 300;}
#frmHero .form-message{display:none;font-size: 16px !important;margin-bottom: 5px;}
#frmHero .form-message.error{display:block;color:#5fb6b4 !important;}
#frmHero .form-message.success{display:block;color:#5fb6b4 !important;}
@media (max-width:1200px){}
@media (max-width:991px){
	#frmHero .input-wrapper{padding-right:0;}
}
@media (max-width:767px){
	#frmHero input[type="text"]{padding:6px 15px 4px 15px;font-size:16px;}
}
/******* end hero form *****/