@charset "utf-8";
/* CSS Document */

body {margin:0;}

@keyframes move-clouds-back {
from {background-position:0 0;}
to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
from {background-position:0 0;}
to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
from {background-position:0 0;}
to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
from {background-position: 0;}
to {background-position:10000px 0;}
}


body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	background-color:#717d93;
	background: url(images/sky.png) no-repeat center center fixed;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
	
}
.wrapper, .clouds {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
}

.wrapper {
/*background:url(images/sky.jpg);
background-size: cover !important;
background-repeat:no-repeat;*/


z-index:0;
}

.clouds{
background:transparent url(images/cloud2.png) repeat center center;
z-index:3;
-moz-animation:move-clouds-back 500s linear infinite;
-ms-animation:move-clouds-back 500s linear infinite;
-o-animation:move-clouds-back 500s linear infinite;
-webkit-animation:move-clouds-back 500s linear infinite;
animation:move-clouds-back 500s linear infinite;

}


.navbar-nav  {
	text-align:center!important;
	margin:0 auto!important;
}

/*.navbar-toggler-center{
	position: relative;
	bottom: 30px;
}*/

#slider1_container {
	margin:20px auto;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

a img { 
	border: none;
}

.nav-item {
	padding:0 30px!important;
	font-weight:bold;
}

a:link {
	color: #153863!important;
	text-decoration: none; 
}

a:hover, a:active, a:focus { 
	text-decoration: none;
}

a:visited {
	color: #153863!important;
}

a:hover {
	color: #fff!important;
}

.header {
	font-size:2.8em;
	letter-spacing: 4px;
	text-align: center;
	color:#153863;
	padding-top:30px;
	
	
}

.content {
	padding: 5px 0;
	text-align: center;
	width: 100%;
	border-bottom-color: #333;
	border-bottom: 1;
}

.footer {
	padding: 0 px 0;
	font-weight:bold;
	text-align: center;
	font-size: 0.9em;
}


.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.nav {
	padding: 0px 0;
	text-align: center;
	font-size: 14px;
	margin: 20px 0;
	
	}

h1 {
	font-size: 2em;
	color:#153863;
	margin-top:20px;
}

h2 {
	font-size:1.5em;
	color:#153863;
}


ul {
	width:1000px;
	margin:0 auto;
	text-align:center;
	
}
li  {
	list-style:none;
	display:inline;
	margin: 0 30px;
}



.contactText, .text {
	max-width:1000px;
	padding:10px;
	margin: 20px auto;
	color:#58595b;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d3d4+1,d1d3d4+24,d1d3d4+77,d1d3d4+100&0+1,1+23,1+77,0+100 */
background: -moz-linear-gradient(left, rgba(209,211,212,0) 1%, rgba(209,211,212,1) 23%, rgba(209,211,212,1) 24%, rgba(209,211,212,1) 77%, rgba(209,211,212,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(209,211,212,0) 1%,rgba(209,211,212,1) 23%,rgba(209,211,212,1) 24%,rgba(209,211,212,1) 77%,rgba(209,211,212,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(209,211,212,0) 1%,rgba(209,211,212,1) 23%,rgba(209,211,212,1) 24%,rgba(209,211,212,1) 77%,rgba(209,211,212,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d1d3d4', endColorstr='#00d1d3d4',GradientType=1 ); /* IE6-9 */
	color:58595b;
	text-align:center;
}

#address {
	width:480px;
	
	height:455px;
	text-align:center;
	display:inline-block;
	background-color:#d1d3d4;
	border: 2px solid #40536C;
	margin:0 15px 15px 15px;
	border-radius:10px;
	
}

#googleMap {
	max-width:480px;
	max-height:460px;
	display:flex;
	text-align:center;
	display:inline-block;
	border: 2px solid #40536C;
	position:relative;
	top:12px;
	background-color:#d1d3d4;
	margin:0 15px 15px 15px;
	border-radius:10px;
}

iframe {border-radius:10px;
}
#googleMap a:hover {
	color:gray!important;
}

.contactform {border-radius:10px;
}

.centeredContainer  {
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: center;
  
  padding: 10px;
}
.websiteContainer {
	width:32%;
	display:flex;
	flex-direction:column;
	justify-content: center;
  background-color: rgba(167, 169, 172, 0.7);
   padding: 20px;
  text-align: center;
  margin:10px;
}

.websiteContainer img {
width:100%;
max-width:350px;	
}

.textContainer {
	text-align:center;
	width: 350px;
	
	background-color:#d1d3d4;
	color:#414042;
	margin:20px auto;
	display:inline-block;
	padding:10px;
	
}

.printContainer  {
	width:100%;
	display:flex;
	/*flex-direction:row;
	flex-wrap:wrap;*/
	justify-content: center;
	 /*background-color: rgba(167, 169, 172, 0.7);*/
	margin:20px auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d3d4+1,d1d3d4+24,d1d3d4+77,d1d3d4+100&0+1,1+23,1+77,0+100 */
background: -moz-linear-gradient(left, rgba(167, 169, 172,0) 1%, rgba(167, 169, 172, 0.7) 23%, rgba(167, 169, 172, 0.7) 24%, rgba(167, 169, 172, 0.7) 77%, rgba(167, 169, 172, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(167, 169, 172, 0) 1%,rgba(167, 169, 172, 0.7) 23%,rgba(167, 169, 172, 0.7) 24%,rgba(167, 169, 172, 0.7) 77%,rgba(167, 169, 172, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(167, 169, 172, 0) 1%,rgba(167, 169, 172, 0.7) 23%,rgba(167, 169, 172, 0.7) 24%,rgba(167, 169, 172, 0.7) 77%,rgba(167, 169, 172, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7a9ac', endColorstr='#00a7a9ac',GradientType=1 ); /* IE6-9 */
  }

.clear {
	clear:both;
}



	

@media only screen and (max-width: 1530px) {
	.websiteContainer  {
			width:48%;
  
 
}

}


@media only screen and (max-width: 1020px) {
	#address {
	width:457px;
  
 
}

}
@media only screen and (max-width: 860px) {
	.websiteContainer  {
			width:100%;
  
 
}

}

@media only screen and (max-width: 600px) {
.header {
	font-size:2em;
}
}

@media only screen and (max-width: 600px) {
#address {
	width:93%;
	max-width:458px;
}
}