/*
CSS
*/

html,body,#god{
	height:100%;
	width:100%;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul,li{
	padding:0;
	margin:0;
}

.wf-loading {
	/* styles to use when web fonts are loading */

}

.item .icon{
	height:80px !important;
}

html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 22px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	 font-family:"proxima-nova",'Helvetica';
	background-color: #fff;
	color: #000;
	letter-spacing: 1px;

}

img { -ms-interpolation-mode: bicubic !important; }

.mobile_on{
	display: none;
}
.mobile_off{
	display: block;
}
.autoClick{

	cursor: pointer !important;
}
.alphaClick:hover{
	opacity: .75;
}


.txt_L{
	text-align: left !important;
}
.txt_C{
	text-align: center;
}
.txt_R{
	text-align: right;
}
.prox{
	 font-family:"proxima-nova",'Helvetica';
}
.freight{
	font-family:"freight-sans-pro";
}


#master{
	position: relative;
}


.wf_mobile_on{
	display: none;
}


p strong, p b{
	font-weight:600;
}

.overhide{
	overflow: hidden;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.sos{
	box-sizing: border-box;
	border:solid 2px red !important;
}

img.wide{
	width:100% !important;
}
.clearer{
	clear:both;
	height:0px;
}

.w_300{
	font-weight: 300;
}

.rela{
	position: relative;
}

.hide{
	display: none !important;
}
.buff_page{
	min-height: 200px;
}

a{
	text-decoration: none;
	color:#000;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}
.upper{
	text-transform: uppercase;
}
.vert-prep{
	display: block;
	position: relative;
	height: inherit;
}
.vert{
	display: block;
	position: relative;
	-webkit-font-smoothing: antialiased;
	top:50%;
	 -ms-transform: translateY(-50%); /* IE 9 */
   	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%);
}
.valign:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.valigned2{
	vertical-align: middle;
	display: inline-block;
		position: relative;
	-webkit-font-smoothing: antialiased;
}

.valigned{
	vertical-align: middle;
	display: inline-block;
		position: relative;
	-webkit-font-smoothing: antialiased;
	left:50%;
	 -ms-transform: translateX(-50%); /* IE 9 */
   	-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%);
}
.valignbox{
 position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.horz{
	position: relative;
	-webkit-font-smoothing: antialiased;
	left:50%;
	 -ms-transform: translateX(-50%); /* IE 9 */
   	-webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
    transform: translateX(-50%);
}

.submit_button{
	cursor: pointer;
}
.img_100{
	width:100%;
}

.bg_center{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.dpad50{
	padding-top: 50px;
	padding-bottom: 50px;
}


.mT_10{
	margin-top:10px;
}
.mT_20{
	margin-top:20px;
}
.mT_30{
	margin-top:30px;
}

.mB_10{
	margin-bottom:10px;
}
.mB_20{
	margin-bottom:20px;
}
.mB_30{
	margin-bottom:30px;
}


.pT_5{
	padding-top:5px;
}

.pT_10{
	padding-top:10px;
}
.pT_20{
	padding-top:20px;
}
.pT_30{
	padding-top:30px;
}
.pT_40{
	padding-top:40px;
}
.pT_50{
	padding-top:50px;
}
.pT_60{
	padding-top:60px;
}
.pT_80{
	padding-top:80px;
}
.pT_100{
	padding-top:100px;
}
.pB_10{
	padding-bottom:10px;
}
.pB_20{
	padding-bottom:20px;
}
.pB_30{
	padding-bottom:30px;
}
.pB_40{
	padding-bottom:40px;
}
.pB_50{
	padding-bottom:50px;
}
.pB_60{
	padding-bottom:60px;
}
.pB_80{
	padding-bottom:80px;
}
.pB_100{
	padding-bottom:100px;
}
.txt_L{
	text-align: left;
}
.txt_C{
	text-align: center;
}

.bullets ul{
	width:50%;
	float:left;
	text-align: left;
	margin-bottom: 30px;
}


/* use margin/3 */
.col33{
	width:calc(33.33% - 33.33px);
	float:left;
	margin-right:50px;
}
.col33:nth-child(3){
	margin-right:0px;
}
.col33.flush{
	text-align: center;
	width:33.333%;
	min-height: 200px;
	margin-right:0px;
}

.soc33{
	width:calc(33.33% - 33.33px);
	float:left;
	margin-right:50px;
}
.soc33:nth-child(3){
	margin-right:0px;
}
.soc33.flush{
	text-align: center;
	width:33.333%;
	min-height: 200px;
	margin-right:0px;
}




.col50{
	width:50%;
	float:left;
	text-align: center;
}
.col50.txt_L{
	text-align: left;
}

.col50.pad{
/* 	padding:20px; */
}
.col50.pad:nth-child(odd){
	padding-right:40px;
}
.col50.pad:nth-child(even){
	padding-left:40px;
}

.col50.pad2{
	padding:30px;
}
.col50.pad2:nth-child(1){
	padding-right:30px;
}
.col50.pad2:nth-child(2){
	padding-left:30px;
}


.col40{
	width:40%;
	float:left;
	text-align: left;
}
.col60{
	width:60%;
	float:left;
	text-align: left;
}
.col40.pad{
	padding-right:20px;
}
.col60.pad{
	padding-left:20px;
}

.reverseRight{
	float:right !important;
}
.reverseLeft{
	float:left;
}






















/*
	Form Styles
*/
.form input, .form textarea{
	letter-spacing: .1em;
	font-size:15px;
	border-radius:0px;
	border:none;
	background-color:white ;
	padding:20px;
	color:#999 ;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom:30px;
}

.form select{
	padding:18px;
	-webkit-appearance: none;
	-webkit-background-size: 14px 14px;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(/images/plus.png);
	background-position: right 16px top 50%;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-sizing: border-box;
	display: inline-block;
	width:calc(50% - 20px);
	float:left;
	color: inherit;
	background-color: white;
	border:none;
	color:#999 ;
	font-size:16px;
	box-sizing: border-box;
}




.form .validateError{
	border-bottom:solid 2px #458b95 !important;
/* 	color:#ac2810 !important; */
}


::-webkit-input-placeholder {
	color:#1a6f7b ;
	opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
	color:#1a6f7b ;
	opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
	color:#1a6f7b ;
	opacity:1;
}

:-ms-input-placeholder {
	color:#1a6f7b ;
	opacity:1;
}


/* wrap half fields in split */
.form .splitter input, .form .splitter textarea {
	width:calc(50% - 10px);
	box-sizing:border-box;
}
.form .splitter :nth-child(1){
	margin-right:10px;
}
.form .splitter :nth-child(2){
	margin-left:10px;
}
.form input, .form textarea{
	float:left;
	width:100%;
}
.validate-error{
	border:solid 2px #ed5b24;
}

.form .obutt{
	float:right;
}

/*
Font Styles
*/
p{
	margin-top: 0px;
/*  	padding-bottom:20px;  */
}

.max_92{
	width:84%;
	max-width: 980px;
	margin:0 auto;
}
.max_9{
	width:80%;
	max-width: 960px;
	margin:0 auto;
}
.max_82{
	width:82%;
	max-width: 890px;
	margin:0 auto;
}
.max_8{
	width:80%;
	max-width: 860px;
	margin:0 auto;
}
.max_7{
	width:80%;
	max-width: 700px;
	margin:0 auto;
}


/*
Nav and Logos
*/
#logo{
	z-index: 99999;
	position: absolute;
	top:20px;
	left:0px;
	width:280px;
	height:80px;
	background-repeat: no-repeat;
	background-image: url('/images/swc-logo-small.png');
}
#logo img{
	width:100%;
}

#subnav{
	z-index: 7900;
	position: absolute;
	right:80px;
	top:36px;
}
#subnav a{
	float:left;
	margin-right:25px;

	font-size:21px;
	font-size:1.313em;
	font-family:"freight-sans-pro";
	color:#76999e;
}
#subnav a:hover, #subnav a.active{
	color:#f47d59;
}


/*
.subnav{
	color:#76999e;
	font-size:17px;
	font-size:1.063em;
}
*/

.dropmenu{
	width:350px;
	min-height: 160px;
	opacity: 0;
	height: 0px;
	pointer-events: none;

		-webkit-transition: all 0.2s;
	transition: all 0.2s;

	background-color: white;

	text-align: left;
	position: absolute;
	top:50px;
	right:10px;
	padding-top:20px;
	padding-bottom:20px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.06);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.06);
}
.dropmenu.active{
	opacity: 1;
	height:auto;
	pointer-events:all;
}
#subnav .dropmenu a{
	float:none;
	font-size:1.1em;
	display: inline-block;
	margin-bottom: 10px;
}
#subnav .dropmenu .col{
	text-align: right;
}
#subnav .dropmenu .col:nth-child(1){
	border-right:2px solid #ebebeb;
}

.dropmenu .col{
	float:left;
	width:50%;
}

#drop{
	position: absolute;
	right:10px;
	top:30px;
	z-index: 99999;
}



#header{
	opacity: 0;
	overflow: hidden !important;
	background-position: top center;
	background-size: cover;
/*
	height:50vh;
	min-height: 450px;
 	max-height: 880px;
*/
	position: relative;
}
#header.tiny{
	height:100px;
	min-height: 100px;
	background-color: white;
}
#header.ratio1:after{
	content:'';
	display: block;
	padding-bottom: 46%;
}
#header.tiny.no_white{
	background-color: transparent;
}

.header_bg{
	position: absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-position: center center;
	background-size: cover;
	z-index: 1;
}

#header.bg_home{
	height:auto !important;
	min-height: 2160px;
	max-height: 2860px;
}

#header .text{
	width:100%;
	margin-top: 70px;
	text-align: center;
}
.header_image .text{
	width:90%;
	text-align: center;
	margin:0 auto;
}

.new_header{
	position: relative;
	width:100%;
	height:100%;

}
.new_header.ratio1:after{
	padding-bottom:46%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.new_header.ratio2:after{
	padding-bottom:42%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.new_header .text_box{

	position: absolute;
	text-align: left;
	width:34%;
	height:100%;
	background-color:#f6ffff;
	float:left;
	padding-right: 30px;
}
.new_header .head{
	color:#316971;
	font-size:26px;
	line-height: 34px;
	text-align: left;
	text-transform: uppercase;
}
.new_header  .body{
	font-size:20px;
	line-height: 32px;
}
.new_header .custom_text{
	position:absolute;
	width:90%;
	max-width:1600px;
	margin:0 auto;
	height:auto;
	min-height: 100px;
	z-index: 9000;
	left:0;
	right:0;
	top:30%;
}
.new_header .custom_text .holder{
	width:30%;
	max-width: 400px;
}
.new_header .text_box .mobile_box{
	display: none;
	width:70%;
	position: relative;
	text-align: center;
	margin:0 auto;
	height: 250px;
}
.new_header .image_box{
	position: absolute;
	left:34%;
	display: block;
	float:left;
	width:66%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
/* --------------------- */
@media (max-width: 1360px) {
	.new_header .custom_text .head span{
		display: block;
		clear:right;
	}
}
/* --------------------- */
@media (max-width: 1000px) {


	.new_header{
		height: auto;
		min-height: 300px;
	}
	.new_header .text_box{
		height:auto;
		width:100%;
		position: relative;
		top:initial;
		padding-top:30px;
		padding-bottom:10px;
		height:220px;
		padding-right: 0px;
	}
	.new_header .text_box .head{
		text-align: center;
	}

	.new_header .custom_text{
		display: none;
	}
	.new_header .text_box .mobile_box{
		display: block;
	}

	.new_header .text_box.center{
		text-align: center;
	}
	.new_header .image_box{
		height:auto;
		width:100%;
		left:initial;
		position: relative;
	}
	.new_header .image_box:after{
		content:'';
		display: block;
		padding-bottom: 48%;
	}
	.new_header:after{
		padding-bottom: 0 !important;
	}

	.dot_holder{
		position: absolute;
		bottom:35px !important;
		height:40px;
		z-index: 9000;
	}

	.dot_holder .cnt{
		width:100% !important;
		max-width: 100% !important;
	}

}

/* --------------------- */
@media (max-width:760px) {

	.new_header .text_box{
		height:auto;
		width:100%;
		position: relative;
		top:initial;
		padding-top:30px;
		padding-bottom:10px;
		height:auto;
		padding-right: 0px;
	}
	.new_header .text_box .mobile_box{
		height:200px;
	}

	.new_header .head{
		font-size:18px;
		line-height: 20px;
	}
	.new_header .body{
		font-size:16px;
		line-height: 20px;
	}
}




.home_slides{
	background-color: #b8e5ed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}

.home_slides .slide{
	height:inherit;
	width:100%;
	position: relative;
}

.header_image{
	min-height: 400px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.dot_holder{
	position: absolute;
	bottom:50px;
	height:40px;
	z-index: 9000;
}

.science_slides .dot_holder {
	bottom: 20px !important;
}

.dot_holder .cnt{
	width:30%;
	max-width: 400px;
}
.hero-dots,
.science-dots {
	position: relative;
	width:100%;
	text-align: center;
}

.dots2{
	border:solid 1px red;
	z-index: 999;
	position: absolute;
	bottom:20px;
	left:10%;
	width:280px;
	margin-left: -140px;
	text-align: center;
	height:30px;
	z-index: 9999;
}

.dots li{
	width:12px;
}

#hero-dots li svg {
	fill:#b8e5ed;
}
#hero-dots li.active svg {
	fill:#418d98;
}


#science-dots li svg {
	fill:#8aadb3;
}

#science-dots li.active svg {
	fill:#265259;
}

#map-dots{
		z-index: 999;
	position: absolute;
	bottom:20px;
	left:50%;
	width:280px;
	margin-left: -140px;
	text-align: center;
	height:30px;
	z-index: 9999;
}
#map-dots li svg{
	fill:white;
}
#map-dots li.active svg{
	fill:#f57f5a;
}

.map_title{
	background-color: #d76444;
	color:white;
	text-align: center;
	padding-top:14px;
	padding-bottom: 14px;
}
.map_slides{
	position: relative;
/* 	height: 55vh; */
	min-height:300px;
}
.map_slides:after{
	content:"";
	display: block;
	padding-bottom:46%;
}


.map_slides .swiper-wrapper{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.map_slides .title{
	width:60%;
	max-width:620px;
	text-align: center;
	margin:0 auto;
	left:0; right:0;
	position: absolute;
	top:30px;
	color:#fff;
	z-index: 900;
	letter-spacing: .03em;
}
.map_slides .slide .desc{

	position: absolute;
	text-align: center;
	width:50%;
	left:0;
	right:0;
	max-width:420px;
	color:white;
	z-index: 998;

	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size:29px;
	margin:0 auto;
	line-height: 1.4em;
	padding-top: 5%;

}








/*
Who we are home section
*/
.who_we_are{
	text-align: center;
	margin-top:550px;
}
.who_we_are .icon{
	max-width:122px;
	opacity: .7;
}
.who_we_are .icon svg *{
	stroke:#fff;
}
.who_we_are .icon .fill{
	fill:#fff;
}
.linetall{
	margin:0 auto;
	margin-top:60px;
	margin-bottom: 40px;
	width:4px;
	height:214px;
	background-color: rgba(255,255,255,.5);
}
.homez{
	z-index: 200;
}
.bubbles{
	z-index: 0;
	opacity: .6;
	height:1000px;
	width:30%;
	position: absolute;
	left:0px;
	bottom:0px;
}
.bubble{
	position: absolute;
	width:30px;
	height:30px;
	border-radius: 15px;
	background-color: white;
}



/*
SWC Color Styles
<script src="https://use.typekit.net/xln7alr.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

"freight-sans-pro"
"proxima-nova"

*/

.button{
	padding:10px;
	padding-left:16px;
	padding-right:16px;
	text-align:center;
	background-color:#f47d59;
}
.button.orange{

}
.button.blue{
	background-color:#1b6f7b;
}

.button.home-page {
	padding: 24px;
}

.txt_darkblue{
	color:#135257;
}
.txt_darkblue2{
	color:#135257;
}
.txt_darkblue3{
	color:#175357;
}
.txt_midnight{
	color:#01273d;
}
.txt_lightblue{
	color:#6d9ea2;
}
.txt_lightblue2{
	color:#86c4ca;
}
.txt_blue2{
	color:#3b5a69;
}
.txt_blue3{
	color:#1a6f7b;
}
.txt_blue4{
	color:#486474;
}
.txt_blue5{
	color:#4b7b80;
}
.txt_greyblue{
	color:#657d88;
}
.txt_lightbrown{
	color:#967247;
}
.txt_darkbrown{
	color:#47380e;
}
.txt_brown{
	color:#5e5438;
}
.txt_storybrown{
	color:#4c4227;
}
.txt_orange{
	color:#f47d59;
}
.txt_darkred{
	color:#823119;
}
.txt_white{
	color:#fff;
}
.txt_offwhite{
	color:#ebebeb;
}
.txt_grey{
	color:#333;
}


.h42{
	font-weight: 300;
	letter-spacing: .15em;
	font-family:"proxima-nova";
	font-size:42px;
	line-height: 1.1em;
}

.h36{
	font-weight: 300;
	letter-spacing: .15em;
	font-family:"proxima-nova";
	font-size:36px;
	font-size:2.250em;
	line-height: 1.1em;
}

.h32{
	line-height: 1.4em;
	font-weight: 300;
	font-size: 2em;
	letter-spacing: .05em;
}

.h30{
	line-height: 1.7em;
	font-weight: 300;
	font-size: 1.8em;
	letter-spacing: .05em;
}
.h28{
	line-height: 1.7em;
	font-weight: 300;
	font-size: 1.7em;
	letter-spacing: .05em;
}
.h25{
	font-weight: 300;
	font-size:25px;
	font-size:1.563em;
	line-height: 1.4em;
	letter-spacing: .15em;
}



.h23{
	font-weight: 300;
	font-size:23px;
	font-size:1.4375em;
	line-height: 1.4em;
	letter-spacing: .05em;
}

.h21{
	font-weight: 300;
	font-size:21px;
	font-size:1.313em;
	line-height: 1.6em;
	letter-spacing: .1em;
}

.h21.upper{
	letter-spacing: .15em;
	font-weight:400;
}
.h21.newspaper{
	line-height: 1.4em;
}


.h19{
	font-family:"freight-sans-pro";
	font-weight: 300;
	font-size:19px;
	font-size:1.188em;
	line-height: 1.3em;
	letter-spacing: .05em;
}
.h19.upper{
	letter-spacing: .15em;
	font-weight:500;
}

.h17{
	font-family:"freight-sans-pro";
	font-weight: 300;
	font-size:17px;
	line-height: 1.3em;
	letter-spacing: .05em;
}
.h19.upper{
	letter-spacing: .15em;
	font-weight:500;
}

.h15{
	font-weight: 300;
	font-size:15px;
	line-height: 1.3em;
	letter-spacing: .15em;
}
.h15.upper{
	font-weight:500;
}



.h4{
	letter-spacing: .15em;
	font-size:16px;
	font-size:1em;
	line-height: 1.5em;
}

.h5{
	letter-spacing: .15em;
	font-size:14px;
	font-size:0.875em;
}
.h5.upper{
	font-weight: 500;
}

.nav{
	font-size:28px;
	font-size:1.750em;
	color:#1a6f7b;
}




.p1{
	font-size:32px;
	font-size:2.000em;
}
.p2{
	font-size:23px;
	font-size:1.438em;
}
.p3{
	font-size:19px;
	font-size:1.438em;
}

.f400{
	font-weight:400;
}
.f500{
	font-weight:500;
}
.contact strong{
	font-weight: 500;
}


.about_facts{
	line-height: 1.3em;
	font-weight: 300;
	font-size:1.8em;
	color:#135257;
	letter-spacing: .05em;
}
.about_facts strong{
	color:#f47d59;
	font-family:"freight-sans-pro";
}


.bg_white2{
	color:#fffcf8;
}

.bg_blue{
	background-color: #4c8d9f;
}

body.sec_search{
	background-color: #cce4e9;
}
body.sec_search #page{
	background-color: #cce4e9;
}
.bg_lightblue{
	background-color: #e3f8fa;
}
.bg_lightblue2{
	background-color: #d4f2f5;
}
.bg_lightblue3{
	background-color: #cbeff2;
}

.bg_bluegrey{
	background-color: #dae9ec;
}

.bg_crack{
	background-image: url('/images/crack-compressor.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.bg_orange{
	background-image: url('/images/orange_pattern-compressor.jpg');
	background-repeat:repeat;
}
.bg_brown{
	background-image: url('/images/brown_pattern-compressor.jpg');
	background-repeat:repeat;
}
.bg_pool{
	background-image: url('/images/swc-pool-water-dark.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}





.linebreak{
	display: inline-block;
	margin:0 auto;
	margin-bottom: 20px;
	margin-bottom: 20px;
	width:180px;
	height:2px;
	background-color: rgba(255,255,255,.7);
}
.linebreak.blue{
	background-color: #8dbfc6;
}
.linebreak.brown{
	background-color: rgba(152, 114, 70,.5);
}
.linebreak.blue.tiny{
		width:96px;
		background-color: #bee0e4;
}



/*
WaterDrop classes for navigation
*/
.waterdrop{
	cursor:pointer;
	position:relative;
	width:25px;
	height:80px;
}
.waterdrop .label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .15em;
	color:#6aa9b2;
	position: absolute;
	left: -50px;
	top: 10px;
}
.waterdrop:hover .label{
	color:#6aa9b2;
}

.waterdrop .top, .waterdrop .bot{
	position:absolute;
	top:0px;
	left:0px;
	width:25px;
	height:80px;
}
.waterdrop .top{
	z-index:10;
	opacity:0;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
    	-webkit-transition: all 0s;
    transition: all 0s;
}
.waterdrop .bot{
	z-index:9;
	-webkit-transition: all 0s;
    transition: all 0s;
}
.waterdrop .bot svg{
	fill:url('#dropGradient');
}
.waterdrop .top svg{
	/* fill:url('#dropGradient'); */
	fill:#fff;
}
.waterdrop:hover .top{
	opacity:1;
}
.waterdrop:hover .bot{
	opacity:0;
}
.waterdrop:active .top, .waterdrop.active .top{
	opacity:1;
}
.waterdrop.tiny .top{
/* 	opacity: 1; */
}

/* --------- */


.crack{
	min-height:680px;
	width:100%;
	background-color:#fce4c8;
	background-image:url('crack.jpg');
	background-size:cover;
	background-position:center center;
}


/*
Graph Classes for Ico Graph
*/
.icograph{
	text-align:center;
	width:100%;
	height:300px;
	background-color:#fef1e2;
	color:#fff;
}
.icograph .barleft{

	z-index:20;
	left:0px;
	top:0px;
	width:34px;
	height:100%;
	background-color:#ee7852;
	color:#fff;
	position:absolute;
}
.icograph .barleft label{
	display:block;
	height:34px;
	width:200px;
	text-align:center;
	left:-75px;
	top:120px;
	-ms-transform: rotate(-90deg); /* IE 9 */
	 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	 transform: rotate(-90deg);
}
.icograph .barbot label{
	display:inline-block;
	margin-top:7px;
}
.icograph .barbot{
	text-align:center;
	z-index:20;
	left:0px;
	bottom:0px;
	height:34px;
	width:100%;
	background-color:#ee7852;
	color:#fff;
	position:absolute;
}
.icograph .info{
	margin-left:34px;
}
.icograph .info.nopad{
	margin-left:0px;
}
.icograph .info div{
	margin:0 auto;
	width:190px;
}
.icograph .info .image{
	width:80%;
	max-width:225px;
}
.icograph .info img{
	width:100%;
}
.icog3 .text1{
	font-size:4em;
	color:#ee7852;
}
.icog3 .text2{
	font-size:1em;
	color:#908067;
}

.icog2 .text1{
	text-align:left;
	font-size:.9em;
	color:#333;
	position:absolute;
	top:30px;
	left:166px;
}
.icog2 .text2{
	text-align:left;
	font-size:.9em;
	color:#333;
	position:absolute;
	top:100px;
	left:145px;
}

.icograph .months{
	text-align:left;
	font-size:.9em;
	color:#333;
	position:absolute;
	top:0px;
	left:70px;
}



.intrograph{
	width:100%;
	min-height: 220px;
	height:auto;
	margin-bottom: 20px;
}
.intrograph .circ{
	text-align: center;
	position: absolute;
	left:0px;
	top:0px;
	border-radius: 100px;
	width:200px;
	height:200px;
	background-image: url('/images/orange_circle.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.intrograph .circ .subtext{
	max-width:120px;
	margin:0 auto;
}

/*
Graph Classes for Bar Graph
*/



.graphcnt{
	vertical-align: top;
	padding-top:20px;
}

#chartdiv {
	width: 100%;
	height: 300px;
	font-size: 11px;
}
.graphcnt .charty{
	width: 50%;
	display: inline-block;
}
.graphcnt .gcats .pad{
	width: 100%;
	height: 40px;
}
.graphcnt .gcats{
	vertical-align: top;
	width:40%;
	max-width:490px;
	float:none;
	display:inline-block;
	padding-left:20px;
	text-align: left;
}
.graphcnt .gcat{
	display:block;
	height:auto;
	padding-bottom:40px;
	display:block;
}
.graphcnt .gcat div.ball, .keycat .ball{
	display:block;
	float:left;
	width:40px;
	height:40px;
	border-radius:20px;
	margin-right:10px;
	margin-top:0px;
}

.graphcnt .gcat1 div.ball{
	background-color:#ff9b28;
}

.graphcnt .gcat2 div.ball{
	background-color:#ff5b28;
}

.graphcnt .gcat3 div.ball{
	background-color:#d8623f;
}
.graphcnt .gcat label{
	width:calc(100% - 60px);
	display:inline-block;
	float:left;
	margin-top:-6px;
	margin-left:6px;
}
.graph{
	float:none;
	display:inline-block;
	position:relative;
	color:#333;
	width:80%;
	height:330px;
	max-width:570px;
	margin:0 auto;
}
.graph .refs{
	padding-right:2%;
	width:18%;
	height:100%;
	float:left;
}
.graph .barcnt{
	float:left;
	width:80%;
	height:100%;
}
.graph .barcnt .bars{
	height:85%;
	width:100%;
	position:relative;
}
.graph .barsbg{
	z-index:0;
	pointer-events:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.graph .group1{
		float:left;
	position:relative;
	z-index:1;
	height:100%;
	width:47%;
	margin-left:2%;
	margin-right:1%;
}
.graph .group2{
	display:block;
	float:left;
	position:relative;
	z-index:1;
	height:100%;
	width:47%;
	margin-left:1%;
	margin-right:2%;
}

.graph .grp div{
	-webkit-transition: height .5s;
    transition: height .5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	float:none;
	display:inline-block;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	width:33.333%;
}
.graph .grp div label{
	width:100%;
	text-align:center;
	font-size:.8em;
	letter-spacing:.1em;
	position:absolute;
	top:-20px;
	left:0;
}

.graph .bar1{
	left:0%;
	background-color:#ff9b28;
}
.graph .bar2{
	left:33.333%;
	background-color:#ff5b28;
}
.graph .bar3{
	left:66.666%;
	background-color:#d8623f;
}


.graph .barsbg div{
	opacity:.6;
	height:2px;
	width:100%;
	background-color:#fff;
	margin-bottom:10px;
}
.graph .barsbg div:nth-child(odd){
	opacity:.3;
}
.graph .barsbg div:nth-child(even){
	opacity:.4;
}

.graph .barcnt .feet{
	height:calc(15% - 23px);
	width:100%;
	padding-top:25px;
}
.graph .barcnt .feet label{

	text-align:center;
	text-transform:uppercase;
	width:50%;
	display:block;
	height:100%;
	float:left;
}



.graph .refs div{
	font-size:.9em;
	letter-spacing:.1em;
	width:100%;
	position:relative;
	height:16.667%;
}
.graph .refs label{
	display:block;
	width:100%;
	text-align:right;
}
.graph .refs label.last{
/*	position:absolute;
	bottom:0;*/
}
.graph label.mob{
	display:none;
}
.graph .key{
	opacity:.9;
	font-size:.8em;
	letter-spacing:.1em;
	text-transform:uppercase;
	position:absolute;
	left:-70px;
	top:40%;
	width:130px;
	height:30px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}

/* tiny graph */
@media (max-width: 760px) {
	.graph .refs{
		padding-right:5px;
		width:45px;
		height:100%;
		float:left;
	}
	.graphcnt .gcats .pad{
		width: 100%;
		height: 0px;
	}
	.graphcnt .charty{
		width: 100%;
	}
	.graph .barcnt{
		float:left;
		width:calc(100% - 50px);
		height:100%;
	}

	.graph label{
		text-transform:uppercase;
		font-size:.7em !important;
	}
	.graph label.mob{
		display:block;
	}
	.graph label.reg{
		display:none;
	}
}


.holder{
	min-height: 150px;
	position:relative;
}
.holder.pad{
	padding-top:80px;
	padding-bottom:80px;
}
.holder.pad2{
	padding-top:60px;
	padding-bottom:160px;
}
.holder *{
	position:relative;
	z-index:1;
}
.inner{
	text-align: center;
	position: relative;
}

.right_bg{

	z-index:0;
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
}

.left_bg{
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
}
.text{
	text-align:center;
	position:relative;
}
.tribg{
	z-index:0;
	position:absolute;
	top:0;
	left:0;
}




.icon{
	margin:0 auto;
	max-width:140px;
}


.icon svg{
	width:100%;
}

svg .none{
	stroke:transparent !important;
	fill:transparent !important;
}

.waterfix_icons{
	margin-top:60px;
}

.waterfix_icons .icon{
	text-align: center;
	height:108px ;
	margin:0 auto;
	margin-bottom: 20px;
	vertical-align: top;
}


.waterfix_icons.small .col50{
	height:220px;
}
.waterfix_icons.small{
	padding-top:40px;
	width:50%;
	margin:0 auto;
}

.waterfix_icons .icon svg{
	display: inline-block;
	max-height: 108px;
	vertical-align: top;
}

.waterfix_icons .col50:nth-child(1) .icon{
	max-width:200px;
}
.waterfix_icons .col50:nth-child(1) svg{
	margin-top:-6px;
	height:	116px !important;
	max-height: 116px !important;
}

.icon svg .fill{
	fill:#f37e59;
}
.icon svg *{
	stroke:#f37e59;
}

.arrow svg .fill{
	fill:#f37e59;
}
.arrow svg *{
	stroke:#f37e59;
}
.arrow svg .stroke{
	stroke:#f37e59;
}

.icon.bulb{
	max-width:88px;
}

.icon.stream{
	max-width:112px;
}
.icon.water_1{
	max-width: 120px;
}


.icon.opac{
	opacity: .7;
}

.tricon.orange svg .fill{
	fill:#f37e59;
}
.tricon.orange svg *{
	stroke:#f37e59;
}

.tricon.blue svg .fill{
	fill:#f4fdfd;
}
.tricon.blue svg *{
	stroke:#f4fdfd;
}


.tricon.blue .arrow svg .fill{
	fill:#f4fdfd;
}
.tricon.blue .arrow svg *{
	stroke:#f4fdfd;
}
.tricon.blue .arrow svg .stroke{
	stroke:#f4fdfd;
}

.tricon{
	padding-top:40px;
	text-align:center;
	display:block;
	width:80%;
	margin:0 auto;
	margin-bottom: 30px;
}

.tricon{
	height:auto;
}
.tricon img{
	max-height:110px;
}

@media (max-width: 760px) {

	.tricon {
		width:100%;
	}
	.tricon div.arrow {
		margin-top: 40px !important;
		width:8px !important;
	}
	.tricon .icon {
		max-width:80px;
		width:80px;
	}
	.tricon .icon.stream {
		max-width:70px;
		width:70px;
	}
}
@media (max-width: 520px) {
	.tricon{
		-ms-transform: scale(1); /* IE 9 */
	    -webkit-transform: scale(1); /* Safari */
		transform: scale(1);
	}
	.tricon .icon {
		max-width:50px;
		width:50px;
	}
	.tricon .icon.stream {
		max-width:40px;
		width:40px;
	}
	.tricon div.arrow {
		margin-top: 30px !important;
		width:8px !important;
	}
/*
	.tricon div.arrow, .tricon div.icon {
		width:100% !important;
		max-width: 100% !important;
	}
	.tricon div.icon svg{
		max-width:90px;
	}
	.tricon div.arrow svg{
		max-width:8px;
	}
*/

}

.tricon div.arrow{
	margin:5px;
	width:18px;
	display:inline-block;
	float:none;
	height:100%;
	vertical-align:top;
	margin-top:60px;
}
.tricon div.arrow img{
	max-height:20px;
	vertical-align:middle;
}
.tricon div.icon{
	vertical-align:top;
	margin:15px;
	width:170px;
	display:inline-block;
	float:none;
}

.tcon{
	position:relative;
	width:100%;
	height:auto;
}
.tcon p{
	margin-bottom:20px;
}
.text{

	padding:50px;
	text-align:center;
	position:relative;
}
.trow{
	z-index:0;
	position:absolute;
	pointer-events:none;
	height:50%;
	width:100%;
	top:0;
	left:0;
}

.trow2{
	top:50%;
}

.tbox{
	width:50%;
	height:100%;
	float:left;
}


#howitworks{
	position: relative;
	overflow: hidden;
	min-height: 200px;
	background-color: #cbeff2;
}
#howitworks .mapbg{
	position: absolute;
	height:100%;
	width:30%;
	background-color: #f37e59;
	right:0px;
}

#howitworks .left{
	text-align: left;
	width: calc(40% - 40px);
	float:left;
	min-height: 300px;
	padding-right:40px;
	padding-bottom: 40px;
}
#howitworks .right{
	background-color: #b9e4ed;
	width:60%;
	min-height: 300px;
	float:left;
}


.staff svg *{
	stroke:#70a2a9;
}
.staff svg .fill{
	fill:#70a2a9;
}
.staff .col50 {
	min-height: 300px;
}
.staff .col50:nth-of-type(odd) {
	clear: left;
}
.staff .bio_image{
	width:90%;
	margin:0 auto;
}
.staff .bio_image img{
	width:100%;
}


.contact .col50{
	text-align: left;
}

.map_blue{
	position: relative;
	background-color: #dae9ec;
	background-repeat: repeat-x;
	background-image: url('/images/map_blue.jpg');
}
.members{
	vertical-align: top;
	width:60%;
	float:left;
}


.members_map_inc{
	position: absolute;
	top:0px;
	width:555px;
	right:0px;
	height:720px;
	background-image: url('/images/members-map.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}

.marker{
	z-index: 900;
	width:20px;
	height:30px;
	position: absolute;
	left:10%;
	top:25%;
}
.marker .drop{
	z-index: 901;
	cursor: pointer;
	width:20px;
	height:30px;
	background-image: url('/images/icons/waterdrop_marker.svg');
	background-repeat: no-repeat;

}

.marker svg *{
	stroke:#f57f5a;
}
.marker svg .fill{
	fill:#f57f5a;
}



.tip{
	font-size: .9em;
	margin-left: 10px;
	z-index: 989;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	left:-140px;
	top:-60px;
	position: absolute;
	width:auto;
	text-align: center;
	width: 280px;
	background-color: white;
	color:#333;
	height:auto;
	padding-top:12px;
	padding-bottom:12px;
	opacity: 0;
	display: none;
	box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px;

	padding-left:12px;
	padding-right:12px;
}


.tip.tall{
	top:-80px;
}
.tip.active{
	opacity: 1;
	display: block;
}
.tip:after {
  border: 10px solid;
  border-color: white transparent transparent;
  content: "";
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: 100%;
}

/*
 .marker:hover .tip{
	opacity: 1;
}
*/



.members_map2{
	float:left;
	border:solid 1px red;
	width:40%;
	height:720px;
	background-image: url('/images/members-map.jpg');
}

.members a{
	min-width: 100%;
	display: inline-block;
	color:#01273d !important;
	font-size:.8em;
	padding-bottom: 6px;
	border-bottom: 2px solid #d2e0e1;
	margin-bottom: 6px;
}
.members a:hover{
	border-bottom: 2px solid #135257;
}



.dashitem .topper{
	padding-top:50px;
	margin-bottom:50px;
}
.dashitem .icon svg *{
	stroke:#96724a;
}
.dashitem .icon svg .fill{
	fill:#96724a;
}
.dashitem .icon{
	margin-bottom: 30px;
}
.dashitem{
	margin-bottom: 40px;
}


.myChart{
	width:100%;
}
.myChart .pie{
	width:calc(55% - 30px);
	padding-right:30px;
	float:left;
	text-align: right;
}
.myChart .key{
	margin-top:10px;
	padding-left:30px;
	width:calc(45% - 30px);
	float:left;
	text-align: left;
}
.myChart .keycat{
	margin-bottom: 20px;
}
.myChart .key label{
	text-align: left;
	width:calc(100% - 60px);
	display:inline-block;
	float:left;
	margin-top:6px;
	margin-left:6px;
}
.myChart .key span{
	margin-left:10px;
}


.docs{
	text-align: left;
}


.docs .borderbar{
	margin-top:10px;
	width:100%;
	height:2px;
	background-color: #cee8ec;
	opacity: .9;
}
.docs .col50{
	margin-bottom: 30px;
	min-height:80px;
}






/*!---------------------*/
/*! flex box              */
/*!---------------------*/
​
.flex{
	display: flex;
  flex-wrap: wrap;
}
.flex .img_100 img{
		height: auto !important;
}
.flex_box{
	display: flex;
}
.flex_box_in{
	display: flex;
  flex-direction: column;
  width: 100%;
}
​
.flex_box_in_2{
	display: flex;
	flex: 1 0 auto;
}




















.doc_list{
	width:100%;
	position: relative;

	display: -ms-flex;
	display: -webkit-flex;
	display: flex;

	   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;

    -webkit-align-content: flex-end;
   align-content: flex-end;
}

.doc_list .coldoc{
	text-align: left;
	width: 50%;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
}


.our_members{
	min-height: 500px;
}
.icon.white svg *{
	stroke:#fff;
}
.icon.white svg .fill{
	fill:#fff;
}



.home_social .boxer{
	height:10px;
	min-height: 400px;
	background-color: #e3f8fa;
	cursor: pointer;
}
.home_social .boxer:hover .valigned2{
	opacity: .8;
}

.home_social .boxer .icon{
	font-size:1.6em;
}


#nav{
	z-index: 9999;
	float: none;
	display: inline-block;
}



#footer{
	background-color: white;
	position: relative;
	z-index: 1000;
	width:100%;
	min-height:150px;
	height:auto;
	float:left;
	color:#bababc;
	font-size:1em;
	display: block;
	padding-top:50px;
	padding-bottom: 50px;
}

#footer .seclinks{
	float:left;
	  width:50%;
}
#footer .seclinks .col{
	width:50%;
	float:left;
}

#footer .seclinks a{
	text-transform: uppercase;
	font-size:.9em;
	letter-spacing: .1em;
	font-weight: 500;
	display: inline-block;
	padding-bottom: 6px;
	margin-bottom: 6px;
	margin-right:12px;
	color:#657d88;
}


#footer .huglinks{
	float:right;
}

#footer a:hover{
	color:#333 !important;
}

#footer .social a{

	color:#f47d59;
	display: inline-block;
	font-size:1.2em;
	margin-left:20px;
}

#footer .social .links{
	text-align: right;
	width:100%;
	display: block;
	float:right;
	margin-bottom: 10px;
	border-bottom: 2px solid #e2e2e4;
	padding-bottom: 10px;
}

#footer .cr{
	font-family:"freight-sans-pro";
	padding-right:20px;
	float:left;
	font-weight: 400;
	font-size: 15px;
}






input.big{
	width:80%;
	max-width: 460px;
	padding:10px;
	margin-bottom: 20px;
	font-family:"freight-sans-pro";
	font-size:23px;
	letter-spacing: .07em;
	color:#1a6f7b;
	background-color: #f0f7f8;
	border:none;
	padding-left:18px;
	font-weight: 	300;
}
input.big.white{
	max-width: 560px;
	width:100%;
	background-color: #fff;
}

#search{
	margin-bottom: 30px;
}
#mobile_nav{
	font-family:"freight-sans-pro";
	width:100vw;
	height: 100vh;
	top:0px;
	bottom:0px;
	position: fixed;
	background-color: #cce4e9;
	z-index: 9999;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#mobile_nav.active{
	pointer-events: all;
	opacity: 1;
	visibility: visible;
}

#mobile_nav .holder{
	width:90%;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-ms-transform: translateY(20px); /* IE 9 */
   	-webkit-transform: translateY(20px); /* Safari */
    transform: translateY(20px);
}
#mobile_nav.active .holder{
	-ms-transform: translateY(0px); /* IE 9 */
   	-webkit-transform: translateY(0px); /* Safari */
    transform: translateY(0px);
}

#mobile_nav a.close{
	position: absolute;
	top:30px;
	right:30px;
	width:34px;
	height:34px;
	color:#000;
	font-size:1.4em;
	vertical-align: middle;
}

#mobile_nav .holder a.dad{
	color:#1a6f7b;
	display: block;
	width:80%;
	margin:0 auto;
	font-size:28px;
	padding:5px;
	vertical-align: middle;
	font-weight: 	300;
	letter-spacing: .07em;
}

#mobile_nav .click_off{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 9000;
}
#mobile_nav .holder{
	z-index: 9001;
	width:80%;
	max-width:440px;
}
#mobile_nav a{
	max-width:330px;
	margin:0 auto;
}

#mobile_nav .kids a{
	color:#1a6f7b;
	display: block;
	margin-bottom:6px;
}
#mobile_nav .kids a:hover{
	color:#999;
}

#mobile_nav .holder a.dad:hover{
	color:#999;
}

.newspaper{
	text-align: left;
	font-weight: 400;
	line-height: 1.8em;
}
.newspaper p{
	display: inline-block;
	margin-bottom: 0px;
	vertical-align: top;
}

@media (min-width: 960px) {
	.newspaper {
	  -webkit-column-count: 2;
	  -moz-column-count: 2;
	  column-count: 2;
	  -webkit-column-gap: 50px;
	  -moz-column-gap: 50px;
	  column-gap: 50px;
	}
	.newspaper p{
/* 		padding-bottom: 30px !important;	 */
	}
}

.img100{
	width:100%;
}




/*home news */
.view_more_news{
	margin-top:30px;
	margin-bottom: 30px;
}
.view_more_news .copy{
	float:left;
	width:calc(100% - 170px);
	padding-right:20px;
	line-height: 1.6em;
}
.view_more_news a{
	border:none;
	font-size:15px;
	float:left;
	width:150px;
	padding-left:0px;
	padding-right:0px;
	padding-top:24px;
	padding-bottom: 24px;
}
.view_more_news a:hover{
	background-color: #e1714f;
}
.home_news_img{
	width:100%;
	max-width:497px;
}


.twitter_feed .post{
	padding-bottom:10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #c5e4e7;
}
.twitter_feed .post a{
	color:#f47d59;
	font-weight: 400;
	display: inline-block;
}
.twitter_feed .post a:hover{
	color:#f38060;
	opacity: .7;
}
.twitter_feed .post:last-child{
	border-bottom: none !important;
}

/*
Page Center Blocks
*/
.page_center{
	height: auto;
	width:90%;
	max-width:1300px;
	position: relative;
	margin:0 auto;
	text-align: center;
}
.page_center_ext{
	height: auto;
	width:90%;
	max-width:1600px;
	position: relative;
	margin:0 auto;
	text-align: center;
}
.page_center.inherit{
	height:inherit;
}
.page_center_mobile{

}


input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}



/*
Slides
*/
.slides{
/* 	height:inherit; */
	overflow: hidden;
}

.swiper-wrapper{
	position: relative;
/* 	height:inherit; */
	width: inherit;
}

.dots{
	list-style:none;
}

.dots li{
	display:inline-block;
	margin-left:6px;
	margin-right:6px;

	cursor: pointer;
/*
	width:8px;
	height:8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
*/
}
/*
.dots li.active{
	background-color:#3e4245;
}
*/

a.butt{
	margin:0 auto;
	width:70%;

	font-size:.8em;
	letter-spacing: .2em;
	padding:10px;
	text-align: center;
	text-transform: uppercase;
	background-color: white;
	transition: all 0.2s ease;
}

a.butt:hover{
	color:#666;
}

a.butt.small{
	letter-spacing: .2em;
	max-width: 180px;
	padding:20px;
}







/*Site Core */
.signup{
	margin-top:30px;
	display: inline-block;
	max-width: 500px;
	width:80%;
}
.signup input{
	height: 100%;
	width:calc(100% - 160px);
}
.signup .submit{
	width:160px;
	padding:18px;
	display: inline-block;
	font-weight: bold;
	font-size:.9em;
	letter-spacing: .1em;
	text-align: center;
	text-transform: uppercase;
	color:white;
	background-color: #ed5b24;
	cursor: pointer;
}

#mailform .header{
	font-size:1.3em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .15em;
}
#mailform .other{
	margin-top:10px;
	font-size: 1.1em;
}

.sectext{
	padding-top:100px;
	padding-bottom: 100px;
	width: 100%;
	min-height: 300px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.sectext.halfpad{
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 100px;
}

.sectext.notop{
	padding-top: 0px;
}

.sectext.nobot{
	padding-bottom: 0px;
}

.sectext.photo{
	color: white;
	height:auto;
	height: auto;
	min-height: 260px;
}

.sectext.photo .phrase{
	width:90%;
	margin:0 auto;
	font-weight: 300;
	font-size:2.3em;
	line-height: 1.6em;
}



.split-scene{
	width:100%;
	position: relative;
	height:100%;
}
.split{
	text-align: left;
	width:50%;
	float:left;
	min-height:500px;
	height:45vh;
	position: relative;

}
.split.pad{
	padding-left:20px;
	padding-right:20px;
}


#map1{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/images/map_with_legend.svg');
}







/* in the news */

.newblock1 .img{
	float:left;
	width:calc(65% - 40px);
	padding-right:40px;
}

.newblock1 .info{
	text-align: left;
	width:35%;
	float:left;
}

.newblock1 .mobile_image{
	display: none;
}

.newblock1 a{
	color:#6d9ea2;
	text-decoration: none !important;
}


.news3{
	text-align: left;
}
.news_list{
	text-align: left;
}
.news_list .post{
	text-align: left;
	border-bottom: 2px solid #cfe7ec;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
span.date{
	color:#8d9aa4;
	font-size:13px;
	padding-left:10px;
}

.news_page blockquote{
	margin: 0;
}

.presstext p strong, .sec_in-the-news p b, .news_detail p strong{
	font-weight: 500;
}
.presstext{
	color:#01273d;
	font-size:26px;
	letter-spacing: .05em;
	line-height: 1.3em;
}
.doozietxt{
	color:#8d9aa4;
	font-size:18px;
	line-height: 1.5em;
}

.news_detail .desc{
	color:#5a858b;
	text-align: justify;
}







.img_header{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	min-height: 580px;
	max-height: 580px;
	max-height: 740px;
	height:60vh;
}


/*
-Home
*/
#slides_hero{
	min-height: 520px;
	max-height: 700px;
	height:50vh;
	height:60vh;
	position: relative;
}
#slides_hero .info{
	max-width: 70%;
}
#slides_hero .info .phrase{
	line-height: 1.4em;
}
.arrow_left{
	cursor: pointer;
	position: absolute;
	left:2%;
	top:50%;
	margin-top:-20px;
	font-size:4em;
	color:#fff;
	z-index: 200;
}
.arrow_right{
	cursor: pointer;
	position: absolute;
	right:2%;
	top:50%;
	margin-top:-10px;
	font-size:4em;
	color:#fff;
	z-index: 200;
}
.arrow_btn{
	display: none;
}
.arrow_btn:hover{
	color:#162172;
}
.slide{
	text-align: center;
	background-size: cover;
	background-position: center center;
}

.slide .phrase{
	font-size:1.6em;
	color:#fff;
}
.button{
	cursor: pointer !important;
	text-transform: uppercase;
	display: inline-block;
	border: solid 2px white;
	color:#fff;
	text-align: center;
	padding:16px;
	padding-left:26px;
	padding-right:26px;
	font-size:1em;
	letter-spacing: .15em;
	font-weight: 500;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.button:hover{
	background-color: rgba(255,255,255,.1);
}
.button.blue{
	padding-left:36px;
	padding-right:36px;
	font-size:.9em;
	background-color: #1b6f7b;
	border:none;
}
.button.blue:hover{
	background-color:rgba(27, 111, 123, .8);
}



.bullets{
	margin-top:30px;
	width:70%;
	display: inline-block;
}
.bullets ul{
	width:48%;
}
.bullets ul:first-child{
	margin-right:4%;
}
.bullets li{
	font-size:1em;
	color:#fff;
	font-weight: 500;
/* 	text-transform: uppercase; */
	list-style: none;
	counter-increment: foo;
	display: table-row;
}

.bullets li:before{
	padding-right:.6em;
	color:#038e94;
	content: "✔";
	display: table-cell;
	text-align: right;
	padding-top:26px;
}





/*
Generic Boxes
*/
.boxes{
	position: relative;
	width:100%;
	height: auto;
}

/*
Square Three boxes
*/
.sq3{
	text-align: center;
	float:left;
	width:33.33%;
	padding-bottom:33.33%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	display:block;
}

.sq3 .info{

	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.sq3.hover .bg{
	 background-blend-mode: multiply;
	opacity: 1;
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}

.box .bg{
	position: absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	top:0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.bottom_aligner {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width: 0px;
}

#home_boxes .info{
	width:80%;
	min-height: 220px;
	max-width: 240px;
}
#home_boxes .box .bottom{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	width: auto;
	text-align: center;
	opacity: 0;
}
#home_boxes .box .button{
	display: inline-block;
}
#home_boxes .title{
	font-size:1.2em;
	line-height:1.4em;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 500;
	margin:0 auto;
	margin-bottom: 20px;
}
#home_boxes .title, #home_boxes .desc{
	color:white;
}















/*

JoinUs
*/
.contact{
	text-align: center;
	color:#fff;
}
.contact a{
	color:#fff;
}
.contact a:hover{
	opacity: .9;
}
.contact .title{
	font-size:1.4em;
}
.contact div{
	/* margin-bottom: 8px; */
}
.contact_info .info{
	border-bottom:2px solid #c5e4e9;
	padding-bottom:20px;
}
.contact_info .info.nobord{
	border:none;
}
.contact_info a{
	float:left;
	margin-right:10px;
}
.contact .social{
	padding-top:10px;
}
.contact .social a{
	font-size:1.1em;
	float:left;
	color:#1b6f7b;
}

.graphdata{
	width:80%;
	width:235px;
	min-height:150px;
	margin:0 auto;
	padding-left: 35px;
}

.tgraph{
	min-height:150px;
	height: 100%;
	width:100%;
	border-bottom: 5px solid #97734a;
	border-left: 5px solid #97734a;

}
.tgraph .tcol{
	display: block;
	float:left;
	width:16%;
	margin-left:3%;
	position: relative;
	height:100%;
	height:150px;

}
.tgraph .tcol .dat1{
	color:#333;
	position: absolute;
	bottom:-23px;
	font-size:12px;
	text-transform: uppercase;
	width:100%;
	text-align: center;
}
.tgraph .tcol .dat2{
	color:#8f8066;
	position: absolute;
	bottom:-38px;
	left:3px;
	font-size:11px;
	text-transform: uppercase;
	width:100%;
	text-align: center;
}
.tgraph .tcol .col2{
	position: absolute;
	bottom:0px;
	width:100%;

	border-top:5px solid #97734a;
	border-left:5px solid #97734a;
	border-right:5px solid #97734a;
	border-radius: 5px;
}


.tgraph .bcol{
	position: absolute;
	left:15px;
	width:55px;
	height:calc(100% + 4px);
	bottom:-4px;
	border-top:5px solid #97734a;
	border-left:5px solid #97734a;
	border-right:5px solid #97734a;
	border-radius: 5px;
}
.tgraph .historybar{
	position: absolute;
	bottom:4px;
	width:75px;
	border-top:5px solid #97734a;
}
.tgraph .historybar div{
	color:#666;
	width:100px;
	left:80px;
	text-align: center;
	position: absolute;
	top:-15px;
	font-size:14px;
	text-transform: uppercase;
}
.tgraph .fill2{
	background-color: #f07d5d;
	width:100%;
	position: absolute;
	bottom:4px;
}
.tgraph .fill2 div{
	color:#f07d5d;
	font-size:14px;
	position: absolute;
	left:35px;
	width:160px;
	top:50%;
	margin-top:-10px;
}
.graphdata.nopad{
	padding:0;
}
.graphdata .text1{
	font-size:110px;
	line-height: 110px;
	color:#f07d5d;
}
.graphdata .text2{
	text-transform: uppercase;
	color:#8f8066;
	font-size:14px;
}



/* --------------------- */
@media (max-width: 960px) {


	.contact .right_bg{
		display: none;
	}

	.mobile_blue{

		background-color: #d4f2f5;
	}


	.mobile_on{
		display: block;
	}
	.mobile_off{
		display: none;
	}

	.newblock1 .img{
		float:left;
		width:100%;
		display: none;
	}
	.newblock1 .mobile_image{
		float:left;
		width:100%;
		display: block;
	}

	.newblock1 .info{
		text-align: left;
		width:100%;
	}

	.mobile1_off{
		display: none;
	}

	.intrograph .circ{
		margin:0 auto;
		position: relative;
		margin-top:40px;
	}

	.gcats{
		margin-top:40px;
		text-align: center;
		width: 90% !important;
	}


	#subnav{
		display: none;
	}

	#howitworks .mapbg{
		display: none;
	}

	#howitworks .left{
		width: 100%;
		padding-right:0px;
	}
	#howitworks .right{
		background-color: #b9e4ed;
		width:100%;
		float:left;
	}

	.doc_list .coldoc{
		text-align: left;
		width:100%;
		padding-left:20px;
		padding-right:20px;
		padding-bottom: 20px;
	}

	.col50{
		width:100%;
		padding:0px !important;
		margin-bottom: 40px;
	}
	#footer .cr{
		width: 100%;
		padding:0px;
		margin-bottom: 20px;
	}
	#footer .seclinks{
		width:100%;
	}

	.col33{
		width:100%;
		float:left;
		margin-right:0px;
		margin-bottom:50px;
	}
	.col33:nth-child(3){
		margin-right:0px;
	}
	.col33.flush{
		width:100%;
		margin-bottom: 0px;
	}

	.page_center.break{
		width:100% !important;
	}
	.page_center_mobile{
		height: auto;
		width:90%;
		max-width:1300px;
		position: relative;
		margin:0 auto;
		text-align: center;
	}

	#howitworks .right{
		min-height: 650px !important;
	}


}


@media (max-width: 1200px) {
	.docs .col50 .h21{
	font-size:14px;
	}
}



/*
---------------------
	members map
--------------------
*/
@media (max-width: 1100px) {



	.members a{
		width:300px;
		display: block;
		font-size:.7em;
		line-height: 1.4em;
	}

	.members.newspaper{
		-webkit-column-count: 1;
		-moz-column-count:1;
		column-count: 1;
	}
}

/*
---------------------
	members map
-------------------- */
@media (max-width: 800px) {

	.members_map_inc{
		display: none;
	}
	.members{
		width:100%;
	}
	.members a{
		min-width: 100%;
		width:100% ;
	}
}






/* --------------------- */
@media (max-width: 760px) {


	.home_social .copy{
		display: none;
	}
	.home_social .boxer{
		min-height:160px;
		height:160px;
	}



	.wf_mobile_on{
		display: block;
	}
	.wf_mobile_off{
		display: none;
	}
	.clear_mobile_on{
		clear:both;
		height:1px;
	}

	.view_more_news .copy{
		width:100%;
	}

	.holder.pad{
		padding-top:30px;
		padding-bottom:30px;
	}

	.map_slides .title{
		width:98%;
	}
	.map_slides .slide .desc{
		font-size:14px;
		margin-top:-20px;
		width:280px;
	}

	#header.bg_home{
		padding-bottom: 50px;
	}
	.clear_mobile{
		clear:both;
		height:1px;
	}
	#footer .seclinks a{
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}
	#footer .social{
		margin-top:10px;
	}
	#footer .social a{
		margin-left:10px;
		margin-right:10px;
	}

	.myChart .pie{
		text-align: center;
		width:100%;
		padding:0 !important;
	}
	.myChart .key{
		margin:0 auto ;
		width:80% !important;
		padding:0 ;
		float:none;
		padding-top:40px !important;
	}

	/*
	Mobile Font Sizes
	*/

	.h36{
		font-size:23px;
		line-height: 1.2em;
	}
	.h42{
		font-size:27px;
		line-height: 1.2em;
	}
	.h21{
		font-size:1em;
		line-height: 1.3em;
	}
	.h23{
		font-size:1.1em;
		line-height: 1.3em;
	}
	.h32{
		font-size:1.2em;
		line-height: 1.3em;
	}
	.header_image .text{

		padding:5px;
		padding-top: 50px;
	}

	#mobile_nav .holder a{
		font-size:19px;
		line-height: 1.2em;
	}
}


/* --------------------- */
@media (max-width: 520px) {

	#howitworks .right{
		min-height: 100px !important;
	}
	#mobile_nav.active .holder{
		padding-top:100px;
	}
	#mobile_nav .holder a.dad{
		font-size: 18px;
	}
	#mobile_nav .holder a{
		font-size:14px;
		margin-bottom: 1px;
	}
	#mobile_nav .mB_20{
		margin-bottom: 4px !important;
	}
	input.big{
		font-size:18px;
		padding:6px;
		padding-left:10px;
	}
	#search{
		margin-bottom: 10px;
	}

	.who_we_are{
		margin-top:160px;
	}
	#header .text{
		padding-left:20px;
		padding-right:20px;
	}

	.linetall{
		height:60px;
	}
	.bubbles{
		opacity: .3;

	}
	#header.bg_home{
		min-height: 1300px;
		background-size: auto;
	}

	.h30, .h28{
		font-size:1em;
	}
}


.iblock {
	display: inline-block
}
.block {
	display: block
}

.navigation {
  position: absolute;
  right: 0;
  top: 40px;
}

.navigation .iblock {
	padding-right: 12px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 20px;
}

.navigation .kids {
	display: none;
	position: absolute;
	background: white;
	padding: 20px 20px 0;
	text-align: left;
	min-width: 160px;
	left: -10px;
	margin-top: 10px;
	-webkit-box-shadow: 0px 1px 20px 5px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 1px 20px 5px rgba(0,0,0,0.06);
	box-shadow: 0px 1px 20px 5px rgba(0,0,0,0.06);
}

.kids p a {
	color: #135257;
}

.ss-search {
	display: inline-block;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.vAM {
	vertical-align: middle;
}

.waterdrop {
	display: none;
}

.search-main-menu {
  position: absolute;
  right: 0;
  top: 25px;
}

@media(max-width: 1150px){
	.navigation {
		display: none;
	}

	.waterdrop {
		display: block;
	}
}

.z100 {
	z-index: 100;
}

.w100 {
	width: 100%;
}

input.search-home-page {
	padding: 10px;
	margin-bottom: 20px;
	font-family: "freight-sans-pro";
	font-size: 18px;
	letter-spacing: .07em;
	color: #1a6f7b;
	background-color: #f0f7f8;
	border: none;
	padding-left: 18px;
	font-weight: 300;
}

.marginTopHeader .home_slides {
	margin-top: 100px;
}

#footer {
	text-transform: uppercase;
  font-family: "proxima-nova",'Helvetica';
  font-weight: 300 !important;
}

#footer .col1 {
	width: 30%;
	text-align: left;
	float: left;
}

#footer .logo {
	float: left;
}

#footer .col2 {
	width: 37%;
	float: right;
	text-align: left;
  color: #7D9199;
	margin-right: 5%;
  font-size: 14px;
  letter-spacing: 2px;
}

#footer .col2 a {
  color: #7D9199;
}

#footer .col3 {
	width: 22%;
	float: right;
	text-align: left;
}

.footer-title,
.col2 .navig-nav-item:first-of-type a:first-of-type {
	border-bottom: 2px solid #EAEEF1;
	padding-bottom: 6px;
  color: #7D9199;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 20px;
  width: fit-content;
  font-size: 14px;
}

#footer .kids p,
.capitalize {
	text-transform: capitalize;
}

#footer .kids p a{
  color: #135257;
  text-transform: capitalize;
	border-bottom: none;
	padding-bottom: 0;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-size: 16px;
}

#footer .social a{
	margin-left:0;
	margin-bottom: 6px;
}

#footer .social a{
	margin-left:0;
	margin-bottom: 6px;
}

.txt_16 {
	font-size: 16px;
}


#footer .ss-social{
	margin-right: 20px;
}

#footer .newspaper p {
	display: block;
	margin-bottom: 6px;
}

#footer .newspaper {
  -webkit-column-gap:  0;
  -moz-column-gap:  0;
  column-gap: 0;
}

#footer .navig-nav-item:first-of-type {
	margin-top: 0;
}

.w500 {
	font-weight: 500
}

@media(max-width: 1200px) {
	#footer .col3 {
    width: 25%;
	}
	#footer .col2 {
	  width: 40%;
	}
}

@media(max-width: 1050px) {
	#footer .col1,
	#footer .col3,
	#footer .col2 {
	  width: 100%;
	  float: none;
	  margin-bottom: 40px;
	  text-align: center;
	}
	#footer .newspaper {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
	}
	#footer .logo {
	  float: none;
	}
	#footer .social a {
    text-align: center;
    margin: 0 auto;
    text-align: center;
    margin: 30px 30px 0;
	}

	.footer-title, .col2 .navig-nav-item:first-of-type a:first-of-type,
	#footer .ss-social,
	#footer .cr {
		text-align: center;
		float: none;
		margin: 0 auto;
	}

	#footer .ss-social {
		float; left;
	}

}

/* TABLES */

.ta{
	display: table;
}
.tr{
	display: table-row;
}
.ta .tc{
	display: table-cell;
}
.ta .tc.m{
	vertical-align: middle;
}
.ta .tc.t{
	vertical-align: top;
}
.ta .tc.b{
	vertical-align: bottom;
}
.vAT{
	vertical-align: top;
}

.vAS{
	vertical-align: sub;
}

.w20 { width: 20% }
.w25 { width: 25% }
.w60 { width: 60% }
.w80 { width: 80% }
.w90 { width: 90% }

.tweet.h23 {
	font-size: 21px;
}

.twitter_feed .img_tc {
	padding-left: 2%;
}


.swp_map_info.w40 {
	width: 40%;
	padding: 10% 6%;
}

.swp_map_info.w60 {
	width: 60%;
	padding: 10% 6%;
}

.bgimage {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* width: 100%; */
	height: 100%;
	padding-bottom: 80%;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #bcedfa;
  opacity: 0.85; }

.swp_map_valign {
 	width: 80%;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }


@media(max-width: 1025px) {
	.bgimage {
		padding-bottom: 85%;
	}
}

@media(max-width: 985px) {
	.swp_map.tc,
	.swp_map_info.w40,
	.swp_map_ta {
		width: 100%;
		display: block;
	}

	.bgimage {
		padding-bottom: 100%;
	}

	.swp_map_valign {
 		width: 60%;
 	}
}


@media(max-width: 650px) {

	.bgimage {
		padding-bottom: 150%;
	}

	.swp_map_valign {
 		width: 85%;
 	}
}

.mW170 {
	max-width: 170px;
}

@media(max-width: 1400px) {
	.sec_science .home_slides_holder {
		margin-top: -7%;
	}
}

@media(max-width: 1200px) {
	.sec_science .new_header .custom_text .holder {
	    width: 35%;
	    max-width: 400px;
	    margin-left: -3%;
	}
}

@media(max-width: 1000px) {
	.sec_science .new_header .text_box{
		height: 290px;
		padding-bottom: 40px;
	}
}
@media(max-width: 760px) {
	.sec_science .new_header .text_box{
		height: 250px;
	}
}
@media(max-width: 550px) {
	.sec_science .new_header .text_box{
		height: 290px;
	}
}

.orange_fill {
	fill: #f47d59
}

.icon_arrow svg {
	width: 18px;
}

.icon_arrow {
  margin: 5px;
  width: 14px;
  display: inline-block;
  float: none;
  height: 100%;
  vertical-align: top;
/*   margin-top: 60px; */
}

.icon .microscope {
	width: 90px;
}

.icon .fish  {
	margin-left: 10px
}
.science_icons.tricon div.icon.icon_small {
	width: 100px;
}

.science_icons.tricon div.icon {
    margin-top: 4px;
}

.icon .st0 {
	stroke-width: 37 !important;
}

.science_holder {
	padding-bottom: 100px;
}

.icon_pool {
	width: 120px
}

.icon_magnify {
	width: 100px
}


.flexer {
  -ms-box-orient: horizontal;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }


.flexer_col_50 {
  box-sizing: border-box;
  max-width: 100%;
  -webkit-box-flex: 0 0 calc(50% - 90px);
  -moz-box-flex: 0 0  calc(50% - 90px);
  -webkit-flex: 0 0 calc(50% - 90px);
  -ms-flex: 0 0  calc(50% - 90px);
  flex: 0 0  calc(50% - 90px);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.flexer_col_50.odd {
	margin: 0 50px 40px 0;
}
.flexer_col_50.even {
	margin: 0 0 40px 50px;
}
.yes_ie .flexer_col_50{
	width: calc(50% - 90px);
}

.justify_evenly {
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly; }

.flexer_wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap; }


.blue_filter {
  -webkit-filter:  gray  url(#gamma-blue) brightness(85%) contrast(1.2) saturate(115%);
  filter: grayscale(100%) url(#gamma-blue)  brightness(85%)  contrast(1.2) saturate(115%);
}

.overlay_white {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  background-color: #fff;
  opacity: 0.4;
}

.overlay_blue {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  background-color: #afe5ff;
  opacity: 0.25;
}

.bgFadeImage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.bgFadeImage.loaded {
    opacity: 1;
}

.fade45 {
	padding-bottom: 45%;
}

.perfect_valign {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }


.mAuto {
	margin: 0 auto;
}

.slider_title {
	font-weight: 500;
	letter-spacing: 2.5px;
	margin-top: -15px;
}

@media(max-width: 1200px) {
	.science_slides .h21 p {
		font-size: 18px;
		line-height: 28px;
	}
}


@media(max-width: 1050px) {
	.fade45 {
		min-height: 460px;
	}

	.science_slides .h21 p {
		font-size: 16px;
		line-height: 26px;
	}

	.science_slides .h23 {
		font-size: 19px;
		line-height: 29px;
	}

	.science_holder .icon,
	.science_slides .icon {
		width: 120px;
	}
	.science_holder .icon_magnify,
	.science_slides .icon_magnify,
	.science_holder .icon .microscope,
	.science_slides .icon .microscope {
		width: 80px;
	}

	.science_holder .icon_pool,
	.science_slides .icon_pool {
		width: 100px;
	}

	.science_slides .dot_holder {
		bottom: 0px !important;
	}

}


@media(max-width: 991px) {


	.flexer_col_50 {
	  -webkit-box-flex: 0 0 100%;
	  -moz-box-flex: 0 0  100%;
	  -webkit-flex: 0 0 100%;
	  -ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	}

	.flexer_col_50.odd {
		margin: 0 0 60px 0;
	}
	.flexer_col_50.even {
		margin: 0 0 60px 0;
	}
	.yes_ie .flexer_col_50{
		width: 100%;
	}

	.flexer_col_50 img {
		width: 80%;
	}
}

@media(max-width: 768px) {
	.science_holder .icon_magnify,
	.science_slides .icon_magnify,
	.science_holder .icon .microscope,
	.science_slides .icon .microscope {
		width: 60px;
	}
}

@media(max-width: 650px) {
	.fade45 {
		min-height: 650px;
	}
	.perfect_valign {
		width: 92%;
	}
}


@media(max-width: 650px) {
	.fade45 {
		min-height: 800px;
	}
}

.z10000 {
	z-index: 10000;
}

.swiper-button-next {
	right: 20px;
}

.swiper-button-prev {
	left: 20px;
}


@media(max-width: 560px) {
	.swiper-button-next-home,
	.swiper-button-prev-home {
		top: 72%;
	}
	.swiper-button-next-science,
	.swiper-button-prev-science {
		display: none;
	}
}

@media(max-width: 450px) {
	.swiper-button-next-home,
	.swiper-button-prev-home {
		display: none;
	}
}


.science_slides .swiper-button-prev  {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f47d59'%2F%3E%3C%2Fsvg%3E")
}
.map_slides .swiper-button-prev {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.science_slides .swiper-button-next {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f47d59'%2F%3E%3C%2Fsvg%3E")
}

.map_slides .swiper-button-next {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.science_slides p a,
.science_slides p strong a {
	color: #f47d59
}