/* NAV1 LINKS */
.class1 a {font-family:arial,helvetica,sans serif; color:#062743; font-size: 13px; font-weight:bold; display:inline-block; line-height:14px;  
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class1 a:link {text-decoration:none; }
.class1 a:hover {color:#33798d; padding-left: 5px; }
.class1 a:visited {text-decoration:none; }
.class1 a:active {text-decoration:none; }



/* NAV2 LINKS */
.class2 a {font-family:arial,helvetica,sans serif; font-size: 11pt; color: #062743; font-style:normal; font-weight: bold; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class2 a:link {text-decoration:none;}
.class2 a:hover {color:#33798d; }
.class2 a:visited {text-decoration:none; }
.class2 a:active {text-decoration:none; }



/* NAV3 LINKS */
.class3 a {font-family:arial,helvetica,sans serif; font-size: 16pt; color: #33798d; font-style:normal; font-weight:bold;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class3 a:link {text-decoration:none;}
.class3 a:hover {color:#062743; padding-right:5px;}
.class3 a:visited {text-decoration:none; }
.class3 a:active {text-decoration:none; }


/* NAV4 LINKS */
.class4 a {font-family:arial,helvetica,sans serif; font-size: 10pt; color: #33798d; font-style:normal; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class4 a:link {text-decoration:none;}
.class4 a:hover {color:#062743; padding-right:10px;}
.class4 a:visited {text-decoration:none; }
.class4 a:active {text-decoration:none; }


/* NAV5 LINKS */
.class5 a {font-family:arial,helvetica,sans serif; font-size: 12pt; color: #33798d; font-style:normal; 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; }
.class5 a:link {text-decoration:none;}
.class5 a:hover {color:#062743; padding-right:10px;}
.class5 a:visited {text-decoration:none; }
.class5 a:active {text-decoration:none; }





/* GLOBAL */

a img { border: none; }

*{ padding: 0; margin: 0; }



img.rspace {
	margin: 0 25px 0 0;
	}

img.lspace {
	margin: 0 0 0 25px;
	}


/* FLOAT LEFT FOR DIVS ON SAME LINE */
.float-left {
    float:left;
}



html, body { margin: 0px; padding: 0px;
background: #ffffff;
background: url(../images/sub_background_m.png) no-repeat 97% center; /* default, Android, Sf < 6 */
background-position: -webkit-calc(100% - 10px) center; /* Sf 6 */
background-position: right 10px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
background-attachment:fixed; 
}





 
/* TEXT */
.titletext {font-family:arial,helvetica,sans serif; color:#062743; font-size: 18pt; font-style:normal; display:inline-block; line-height:130%; }

.titletextit {font-family:arial,helvetica,sans serif; color:#33798d; font-size: 15pt; font-style:italic; font-weight: normal; display:inline-block; line-height:130%; }

.titletextbl {font-family:arial,helvetica,sans serif; color:#33798d; font-size: 15pt;  font-weight: normal; display:inline-block; line-height:130%; }

.subtitletext {font-family:'paulmaulregular'; color:#33798d; font-size: 30px; font-style:normal; }

.bodytext {font-family:arial,helvetica,sans serif; color:#062743; font-size: 18px; display: inline-block; line-height:24px;}

.bodytextit {font-family:arial,helvetica,sans serif; color:#062743; font-size: 18px; font-style:italic;  display:inline-block; line-height:130%;}

.bodytextbl {font-family:arial,helvetica,sans serif; color:#33798d; font-size: 18px; display:inline-block; line-height:24px;}

.bodytextsm {font-family:arial,helvetica,sans serif; color:#062743; font-size: 14pt;}

.bodytextsmwh {font-family:arial,helvetica,sans serif; color:#ffffff; font-size: 12px; font-weight:bold; 
-webkit-text-shadow:  2px 2px 3px #062743;
-moz-text-shadow:  2px 2px 3px #062743;
text-shadow:  2px 2px 3px #062743;
 }

.formtext {font-family:arial,helvetica,sans serif; font-size: 11pt; color:#33798d; display:inline-block; line-height:130%; }

.copytext {font-family:arial,helvetica,sans serif; font-size: 10pt; color:#062743; display:inline-block; line-height:130%; }

.largedots {font-family:arial,helvetica,sans serif; color:#33798d; font-size: 48pt; font-weight: bold; }

h1 {font-family:arial,helvetica,sans serif; font-size: 13pt; font-weight:normal; color:#21697d; font-style:italic; }





/* FORM FIELDS */
input {
width: 280px;
}

input.but {
width: auto;
overflow:hidden;
}

input.short {
width: 85px;
}

textarea {
width: 280px;
}



subpage.indent {
padding-left: 100px;
}




#container {
	position: absolute;
	width: 100%;
	}

	
	#header {
	position: fixed;
	background: #ffffff;
	top: 0;
	width: 100%;
	z-index: 1000;
	}
	

		#headerbg {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a5cfdb+0,ffffff+50,ffffff+50 */
		background: #a5cfdb; /* Old browsers */
		background: -moz-linear-gradient(top,  #a5cfdb 0%, #ffffff 50%, #ffffff 50%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cfdb), color-stop(50%,#ffffff), color-stop(50%,#ffffff)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(top,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(top,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(top,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* IE10 preview */
		background: linear-gradient(to bottom,  #a5cfdb 0%,#ffffff 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5cfdb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		position: absolute;
		height: 140px;
		width: 100%;
		-webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9;
		z-index: 1;
		}


		#logo {
		position:relative;
		padding-left:8%;
		padding-top: 38px;
		z-index: 100;
		}


		#email {
		position:relative;
		float:right;
		margin-right: 2%;
		padding-top: 10px;
		text-align: right;
		z-index: 1000;
		}

		
		#email-rsp {
		display: none;
		}
		
		
		#descr {
		position:relative;
		padding-top: 85px;
		margin-left: 45%;
		margin-right: 15%;
		bottom: 30px;
		z-index: 20;
		}



		#nav1 {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0f3bd+0,8ee8e5+15,aeedde+28,fcf5ab+63 */
		background: #e0f3bd; /* Old browsers */
		background: -moz-linear-gradient(left,  #e0f3bd 0%, #8ee8e5 15%, #aeedde 28%, #fcf5ab 63%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e0f3bd), color-stop(15%,#8ee8e5), color-stop(28%,#aeedde), color-stop(63%,#fcf5ab)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(left,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(left,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(left,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* IE10 preview */
		background: linear-gradient(to right,  #e0f3bd 0%,#8ee8e5 15%,#aeedde 28%,#fcf5ab 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3bd', endColorstr='#fcf5ab',GradientType=1 ); /* IE6-9 */
		position: absolute;
		height: 20px;
		width: 100%;
		top: 140px;
		padding-left: 25%;
		border-bottom: 3px solid #062743; 
		z-index: 1; 
		}


		.toggle, [id=drop] {
		font-family:arial,helvetica,sans serif; color:#062743; font-size: 14px; display: block; font-weight: bold; line-height:14px;
		display: none;
		}

		ul {
		list-style: none;
		margin-left: 0px;
		margin-top: 0px;
		padding-top: 5px;
		}

		ul li {
		display: in-line block;
		float: left;
		text-align: center;
		width: 6%;
		}

		
	
	#content {
	position: relative;
	top: 250px;
	margin-right: 18%;
	margin-bottom: 0px;
	margin-left: 18%;
	width:64%;
	min-height: 10px;
	z-index: 10; 
	}	
		


		#subtext {
		position: relative;
		display: inline-block;
		top: 0px;
		margin-bottom: 60px;
		width: 100%;
		min-height: 10px;
		z-index: 10; 
		}



		#subtextleft {
		position: relative;
		display: inline-block;
		top: 0px;
		margin-bottom: 60px;
		width: 100%;
		min-height: 10px;
		z-index: 10; 
		}


		#subtextright {
		position: relative;
		display: inline-block;
		top: 0px;
		margin-bottom: 80px;
		width: 100%;
		text-align: right; 
		min-height: 10px;
		z-index: 10; 
		}


	

			#subbox1 {
			position: relative;
			top: 20px;
			margin-bottom: 60px;
			text-align: left;
			background: #ade2e8;
			padding: 15px;
			}


			#subbox2 {
			position: relative;
			top: 20px;
			margin-left: 60px;
			margin-right: 60px;
			margin-bottom: 60px;
			text-align: left;
			background: #dcf9fd;
			padding: 15px;
			}


			#contactbox1 {
			position: relative;
			top: 20px;
			float: left; 
			width: auto;
			overflow: hidden;
			}

			#contactbox2 {
			position: relative;
			top: 20px;
			float: left;
			margin-left: 50px; 
			text-align: right;
			margin-bottom: 20px;
			width: 40%;
			}

			#contactbox3 {
			position: relative;
			top: 20px;
			float: right; 
			margin-left: 20px; 
			width: 40%;
			}


			#dots {
			text-align: center;
			margin-top: 20px;
			margin-bottom: 60px;
			}		
		

			#newsblast {
			position: relative;
			top: 0px;
			background: #ade2e8;
			padding: 15px;
			width: 290px;
			border:1px solid #062743; border-color:#062743;
			text-align: justify;
			}

		

	#footer {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,74acbc+72&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(116,172,188,0.72) 72%, rgba(116,172,188,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(72%,rgba(116,172,188,0.72)), color-stop(100%,rgba(116,172,188,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(116,172,188,0.72) 72%,rgba(116,172,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#74acbc',GradientType=0 ); /* IE6-9 */

	height: 220px;
	width: 100%;
	position: fixed;
	bottom: 0;
	text-align: right;
	padding-right: 20px;
	-webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;
	z-index: 1;
	}
	
	
	#nav4 {
	position: relative;
	margin-top: 20px;
	text-align: right;
	padding-right: 20px;
	width: 13%;
	z-index: 10;
	}


	#footer-rsp {
	display: none;
	}





/* DESKTOP MEDIUM CODE */


	@media (max-width:1600px) {

		.bodytext {font-size: 14pt; display:inline-block; line-height:140%;}

		#descr {
		margin-left: 30%;
		}

	}




/* DESKTOP SMALL CODE */

	
	@media (max-width:1300px) {
	

		.bodytext {font-size: 12pt; }

		.bodytextbl {font-size: 12pt;}
		
		.subtitletext  {font-size: 24px; }

		.formtext {font-size: 9pt; }

		h1 {font-size: 11pt; }


		#descr {
		margin-left: 35%;
		margin-right: 0;
		}


		#nav1 {
		padding-left: 32%;
		}

		ul li {
		width: 9%;
		}

		#content {
		margin-right: 15%;
		margin-left: 15%;
		width:70%;
		}


	}
	
	
		
	



/* CELLPHONE and SMALL TABLET CODE 768 and smaller*/
	

	@media (max-width:768px) {

		/* NAV1 LINKS */
		.class1 a {font-size: 11pt; }

		/* NAV2 LINKS */
		.class2 a {font-size: 9pt; }

		/* NAV3 LINKS */
		.class3 a {font-size: 12pt; }

		/* NAV4 LINKS */
		.class4 a:hover {color:#062743; font-weight: bold; }
		
		/* NAV5 LINKS */
		.class5 a {font-size: 10pt; }
		
		

		.titletext {font-size: 11pt; font-weight: bold; }
	
		.titletextit {font-size: 10pt; }


		.bodytext {font-size: 10pt; display:inline-block; line-height:130%; }
		
		.bodytextbl {font-size: 10pt; display:inline-block; line-height:120%; }

		.bodytextit {font-size: 11pt; }
		
		.subtitletext {font-size: 16pt; }

		.formtext {font-size: 8pt; }

		.copytext {font-size: 8pt; }

		.largedots {font-size: 36pt; }
		
		h1 {font-size: 10pt; }
		
		h2 {font-size: 10pt; }
		
		
		img.rsp-none {
		display: none;
		}


		img.rsp-60 {
		width: 60%;
		margin-bottom: 10px;
		}

		
		img.rsp-70 {
		width: 70%;
		margin-bottom: 10px;
		}


		img.rsp-90 {
		width: 100%;
		}


		html, body {
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		background: url(../images/sub_background_m_rsp.png) no-repeat 97% center; /* default, Android, Sf < 6 */
		background-position: -webkit-calc(100% - 10px) center; /* Sf 6 */
		background-position: right 10px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */
		background-attachment:fixed; 
		}



		#wrap {
		min-height: 100%;
		height: auto; 
		margin: 0 auto;  
		padding: 0;
		}


		#headerbg {
		height: 150px;
		}
		
		
		#logo {
		padding: 15px 20% 0 20%;
		width:45%;
		text-align: center;
		}


		#email {
		display: none;
		}
		
		
		#email-rsp {
		display: block;
		position:relative;
		text-align: right;
		margin-top: 0px;
		padding-right: 20px;
		white-space: nowrap;
		z-index: 100;
		}
		
		
		#descr {
		padding-top: 80px;
		margin: -7% auto 0 auto;
		bottom: none;
		text-align: center;
		width: 80%;
		}
		

		#nav1 {
		top: 180px;
		padding-top: 4px;
		padding-left: 0px;
		height: 22px;
		}

		label {
		text-align: center;
		padding-top: 3px;
		}
		
		ul {
		width: 100%;
		margin-left: 0%;
		}


		ul li {
		padding: 4px 4px;
		width: 100%;
		text-align: center;
		background: #a3dfe9;
		-webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;
		}
		
		.toggle + a, .menu {
		display: none;
		margin-left: 0px;
		padding-left: 0px;
		}
		
		.toggle {
		display: block;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease; 
		}
		

		[id^=drop]:checked + ul {
		display: block;
		margin: 0;
		}

		
		#content {
		top: 220px;
		}
		
		
		#pages {
		margin: 0 auto 0 auto;
		width: 80%;
		}

		#subbox2 {
		margin-left: 5%;
		margin-right: 5%;
		}


		#contactbox1 {
		width: 90%;
		clear: both;
		}

		#contactbox2 {
		width: 90%;
		clear: both;
		}

		#contactbox3 {
		width: 90%;
		margin-left: 0px;
		text-align: left;
		clear: both;
		}


		#footer {
		display: none;
		}


		
		#footer-rsp {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,86c0ce+80&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(134,192,206,0.8) 80%, rgba(134,192,206,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(134,192,206,0.8)), color-stop(100%,rgba(134,192,206,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(134,192,206,0.8) 80%,rgba(134,192,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#86c0ce',GradientType=0 ); /* IE6-9 */

		position: relative;
		display: block;
		margin: 60px auto 0 auto;
		padding-bottom: 50px;
		height: 220px;
		width: 100%;
		text-align: center;
		z-index: 1000;
		}
		

		#nav4 {
		width: 100%;
		text-align: center;
		z-index: 1000;
		}



}