html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	margin: 0 auto;
	font-family: 'PT Sans','Calibri', sans-serif; 
	font-size: 15px;
}

/**
***
**/

.px30 { padding-left: 30px; padding-right: 30px }

@media all and (max-width: 400px) {
	.px30 { padding-left: 20px; padding-right: 20px }
}

.mb30 { margin-bottom: 30px }

@media all and (max-width: 400px) {
	.mb20 { margin-bottom: 20px }
}


.main-nav {
	position: relative;
	float: left;
	width: 100%;
}

.main-nav ul li {
	border-bottom: 1px solid rgba(0,0,0,0.075);
}

.main-nav ul li:last-child {
	border-bottom: 0;
}

@media all and (min-width: 400px) {
	.main-nav ul li { 
		border-bottom: 0px solid rgba(0,0,0,0.075);
		margin-right: 24px;
	}
}

.main-nav ul li a {
	display: block;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

.main-footer {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	font-size: 13px;
}

.footer-item {
	float: left;
	width: 100%;
	text-align: center;
}

@media all and (min-width: 400px) {
	.footer-item {
		width: 50%;
		text-align: left;
	}

	.footer-item--right {
		text-align: right;
	}
}

#main {
	position: relative;
	width: 100%;
	float: right;
}

@media all and (min-width: 768px) {
	#main {
		width: 62.5%;
		float: right;
	}
}

#sidebar {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

@media all and (min-width: 768px) {
	#sidebar {
		width: 30%;
		float: left;
		margin-bottom: 20px;
	}
}

/**
***
**/



.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

hr {
	height: 1px;
	background: #ddd;
	border: none;
	margin: 18px 0;
}

img{
	max-width:100%;
	height:auto;
	border:none;
}

h1 {
	font-family: 'Titillium Web','Arial', sans-serif;
	font-weight: normal;
	color: #3c3c3c;
	font-size: 32px;
	margin: 0 0 12px 0;
}


h2 {
	font-family: 'Titillium Web','Arial', sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #377fb9;
}

	#pageContent h2 {
		font-family: 'Titillium Web','Arial', sans-serif;
		font-weight: normal;
		color: #3c3c3c;
		font-size: 32px;
		margin: 0 0 12px 0;
	}

h3 {
	font-family: 'Titillium Web','Arial', sans-serif;
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase;
	color: #1d1d1d;
	margin: 0 0 12px 0;
	padding: 0;
}

h4 {
	font-family: 'Titillium Web','Arial', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #4E99B4;
	margin: 0;
	padding: 0;
}

p, .gfield_label {
	font-family: 'PT Sans','Calibri', sans-serif;
	font-size: 15px;
	color: #858585;
	margin-top: 0;
	margin-bottom: 18px;
}
	
	
	p strong {
		color: #555;
	}

a {
	color: #2d849c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}	

	.readMore {
		font-size: 13px;
		padding: 4px 10px 4px 10px;
		background: url('images/button-bg.png') repeat-x;
		color: #fff;
		text-transform: uppercase;
		border-radius: 3px 0 3px 0;
		-webkit-transition: 0.3s ease all;
		-moz-transition: 0.3s ease all;
		-opera-transition: 0.3s ease all;
	}
	
		.readMore:hover {
			opacity: 0.8;
			filter: alpha(opacity=80);
		}
		
a img, img a {
	border: 0;
}

#wrapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 20px;
}


.main-header {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 140px;
}

	#logo {
		float: left;
		width: 230px;
		height: 122px;
	}
	#logo img{
		max-width:230px;
		max-height:122px;
	}
	#facebookLike {
		float: right;
		width:255px;
		height: 80px;
		margin-top: 65px;
		text-align: right;
	}
	
	
#content {
	position: relative;
	float: left;
	background: #fff;
	width: 100%;
	margin-bottom: 30px;
	-mox-box-shadow: 0px 0px 8px 2px #e5e5e5;
	box-shadow: 0px 0px 8px 2px #e5e5e5;
}

	#bottom {
		position: relative;
		float: left;
		width: 100;
		margin: 0 auto;
		margin-top: 40px;
		padding-bottom: 20px;
	}

#boxesStart {
	position: relative;
	float: left;
	width: 100%;
}

.boxStart {
	position: relative;
	float: left;
	width: 100%;
	padding: 0 20px;
	margin-bottom: 30px;
}

@media screen and (min-width: 590px) {
	.boxStart {
		width: 33.33333%;
		min-height: 180px;
	}
}


.boxStart--title {
	font-size: 21px;
	text-transform: uppercase;
	text-align: center;
	color: #1D1D1D;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.boxStart--content {
	text-align: center;
	margin-bottom: 30px;
}

@media screen and (min-width: 590px) {
	.boxStart--content {
		max-width: 90%;
		margin: 0 auto;
		margin-bottom: 55px;
	}
}

.boxStart--readmore {
	display: inline-block;
	margin: 0 auto;
}

.boxStart--btn {
	display: block;
	width: 100%;
	text-align: center;
}

@media screen and (min-width: 590px) {
	.boxStart--btn {
		position: absolute;
		left: 0;
		bottom: 0;
	}
}


.mobileNav {
	display: none;
}

	
		nav ul {
			font-family: 'Titillium Web','Arial', sans-serif;
			float: left;
			display: inline;
			padding-left: 0;
		}
		
			nav ul li {
				position: relative;
				font-family: 'Titillium Web','Arial', sans-serif;
				font-size: 18px;
				float: left;
				display: inline;
				text-transform: uppercase;
				margin-right: 26px;
				padding-bottom: 4px;
			}
			
			nav ul li a {
				font-family: 'Titillium Web','Arial', sans-serif;
				color: #3a4154;
				-webkit-transition: 0.3s ease all;
				-moz-transition: 0.3s ease all;
				-opera-transition: 0.3s ease all;
				text-decoration: none;
			}
			
				nav ul li a:hover, nav ul li.current_page_item a{
					color: #4e99b4;
					text-decoration: none;
				}
				
				ul.sub-menu {
					display: none;
				}
				
				nav ul li:hover > ul.sub-menu {
					display: block;
					position: absolute;
					top: 28px;
					left: -25%; 
					text-align: center;
					z-index: 9999;
					border-top: 4px solid #317892;
				}
				
				ul.sub-menu li {
					background: #fff;
					display: block;
					float: none;
					padding: 2px 20px;
					margin: 0;
					white-space: nowrap;
					text-align: left;
					border-bottom: 1px solid #C5C5C5;
				}
				
				ul.sub-menu li:first-child {
					border-top: 1px solid #C5C5C5;
				}
				
				ul.sub-menu li:hover {
					background: #f4f4f4;
				}
				
				ul.sub-menu li a {
					display: block;
					width: 100%;
					padding: 2px 0;
					font-size: 14px;
				}
				
#slider {
	width: 100%;
	position: relative;
	float: left;
	min-height: 320px;
	max-height: 480px;
}

@media all and (min-width: 400px) {
	#slider {
		padding-right: 30px;
		padding-left: 30px;
	}
}
	

#slider img{
	width: 100%;
	height:320px;
}
	
	#searchLang {
				float: right;
				margin-top: 0px;
				font-size: 13px;
				text-transform: uppercase;
				text-align: right;
			}
			
			#searchLang input {
				margin-top: 12px;
			}
	
	@media all and (min-width: 400px) {
		#searchLang {
			margin-top: 20px;
		}
	}	



	.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	 }

	.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
	 }

	.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
	 }

	.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
	 }
		
		.rslides_tabs {
			position: relative;
			float: left;
			width: 100%;
			list-style-type: none;
			padding: 0;
			margin: 0;
			padding-left: 20px;
		}
	
		@media all and (min-width: 400px) {
			.rslides_tabs {
				padding-left: 0;
			}
		}

		.rslides_tabs li {
			display: inline;
			margin: 4px;
		}	

			.rslides_tabs li  a {
				width: 12px;
				height: 12px;
				display: inline-block;
				background: url('images/pager-button.png') left center no-repeat;
				font-size: 8px;
				color: #000
			}
			
			.rslides_tabs li.rslides_here a {
				background: url('images/pager-button-active.png') left center no-repeat;
				color: #317892;
			}
		
		#slider .caption {
			padding: 20px;
			width: 270px;
			background: url('images/trans-white.png');
			position: absolute;
			z-index: 2;
			bottom: 20px;
			right: 20px;
		}
		
			#slider .title {
				font-family: 'Titillium Web','Arial', sans-serif;
				font-size: 22px;
				color: #317892;
				text-transform: uppercase;
			}
			
			#slider .text {
				font-family: 'PT Sans','Calibri', sans-serif;
				font-size: 14px;
				color: #333;
				margin-top: 18px;
			}
		
		
.line {
	position: relative;
	float: left;
	width: 100%;
	height: 1px;
	background: #ddd;
	box-shadow: inset 20px 0 0 #fff, inset -20px 0 0 #fff; 
	margin-bottom: 30px;
	margin-top: 30px;
}

@media all and (min-width: 400px) {
	.line {
		box-shadow: inset 30px 0 0 #fff, inset -30px 0 0 #fff; 
	}
}

.line-thin {
	display: none;
	margin-top: 0;
	margin-bottom: 10px;
}

@media all and (min-width: 400px) {
	.line-thin {
		display: block;
	}
}

	#latestNews {
		width: 280px;
		float: left;
	}
	
		#latestNews ul li span, #sidebar ul li span{
			color: #1d1d1d;
		}
		
		#latestNews ul li, #sidebar ul li {
			color: #858585!important;
			list-style-image: url('images/blue-li.png'); 
			padding-left: 12px;
			margin-bottom: 8px;
		}
		
			#latestNews ul li:hover, #sidebar ul li:hover {
				opacity: 0.8;
				filter: alpha(opacity=80);
			}
			
			#latestNews ul li a {
				color: #858585;
			}
			
			#latestNews ul li a:hover {
				text-decoration: none;
			}
	
	#startInfo {
		position: relative;
		float: left;
		width: 100%
	}
	
		#startInfo #foppa {
			float: left;
			width: 210px;
		}
		
#pageContent {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}

	
	#sidebarBox {
		background: #f7f7f7;
		padding: 12px 18px 12px 18px;
		border: 1px solid #dfdfdf;
		border-radius: 6px 0 6px 0;
	}
	#sidebar iframe{
		width:92.5%!important;
		margin:20px 0 20px 0;
	}


	#main h1, #mainGallery h1{
		border-left:10px solid #317892;
		padding:0 0 0 8px;
	}
		
	li.gfield {
		padding-left: 0!important;
	}	
	
	#contactForm  ul {
		list-style-type: none; 
		padding: 0;
	}
	
	#contactForm  ul li{
		list-style-image: none; 
	}
	
	#contactForm textarea {
		width: 270px!important;
	}
	
	#contactForm input {
		width: 268px;
	}
	
	#contactForm textarea, input  {
		font-family: 'PT Sans','Calibri', sans-serif;
		padding: 8px 10px;
		border: 1px solid #dfdfdf;
		border-radius: 3px;
		background: #fff url('images/form.png') repeat-x;
	}
	
	#contactForm input[type="submit"]  {
		width: 140px;
		background: #fff url('images/form.png') repeat-x;
		cursor:pointer;
		font-size: 12px!important;
	}
		
	.gfield_description.validation_message {
		color: red;
	}
		
	#social {
		margin-top: 16px;
		float: right;
		margin-right: 20px;
	}
	#social ul{
		list-style-type:none;
	}
	#social ul li{
		display:inline;
		margin-left:5px;
		}
	


.clearfix:after {
    content: ".";
    display: block;
    height: 1px;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

.gallery img {
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-opera-transition: 0.3s ease all;
}

	.gallery img:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
	}

/*														1000 or less
-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px){

img{
	max-width:100%;
	height:auto;
	border:none;
}
		
a img, img a {
	border: 0;
}

#wrapper {
	width: auto;
	margin: 0 auto;
	margin-top: 20px;
}

	
	#facebookLike {
		float: right;
		width:auto;
		height: 80px;
		margin-top: 40px;
		text-align: right;
	}

	.mobileNav {
		display: none;
	}

	
		nav ul {
			font-family: 'Titillium Web','Arial', sans-serif;
			float: left;
			display: inline;
			padding-left: 0;
		}
		
			nav ul li {
				font-family: 'Titillium Web','Arial', sans-serif;
				font-size: 18px;
				float: left;
				display: inline;
				text-transform: uppercase;
				margin-right: 26px;
			}
			
			nav ul li a {
				font-family: 'Titillium Web','Arial', sans-serif;
				color: #3a4154;
				-webkit-transition: 0.3s ease all;
				-moz-transition: 0.3s ease all;
				-opera-transition: 0.3s ease all;
				text-decoration: none;
			}
			
				nav ul li a:hover, nav ul li.current_page_item a{
					color: #4e99b4;
					text-decoration: none;
				}
	
	
	#latestNews {
		width: 35%;
		float: left;
		margin-left:20px;
	}
	
		#latestNews ul li span, #sidebar ul li span{
			color: #1d1d1d;
		}
		
		#latestNews ul li, #sidebar ul li {
			color: #858585!important;
			list-style-image: url('images/blue-li.png'); 
			padding-left: 12px;
			margin-bottom: 8px;
		}
		
			#latestNews ul li:hover, #sidebar ul li:hover {
				opacity: 0.8;
				filter: alpha(opacity=80);
			}
			
			#latestNews ul li a {
				color: #858585;
			}
			
			#latestNews ul li a:hover {
				text-decoration: none;
			}
	
		#startInfo #foppa {
			float: left;
			width: 210px;
		}
		
	
	#sidebarBox {
		background: #f7f7f7;
		padding: 12px 10% 12px 10%;
		border: 1px solid #dfdfdf;
		border-radius: 6px 0 6px 0;
		width: 100%;
	}
	#sidebar iframe{
		width:100%!important;
		margin:20px 0 20px 0;
	}


	#main h1{
		border-left:10px solid #317892;
		padding:0 0 0 8px;
	}
#mainGallery {
	width: auto;
	float: none;
	margin-right: 0;
	margin:20px 20px 0 20px;
}
		
	#contactForm ul, #contactForm ul li {
		list-style-type: none;
		display: inline;
		padding: 0;
	}	
		
	#contactForm textarea,#contactForm input {
		width: 90%;
	}
	
	#contactForm textarea, input {
		font-family: 'PT Sans','Calibri', sans-serif;
		padding: 6px 8px 6px 8px;
		border: 1px solid #dfdfdf;
		border-radius: 3px;
		background: #fff url('images/form.png') repeat-x;
	}
	
	#contactForm input[type="submit"] {
		width: 140px;
		background: #fff url('images/form.png') repeat-x;
		cursor:pointer;
	}
		
	#social {
		margin-top: 16px;
		float: right;
		margin-right: 20px;
	}
	
	#contactForm input , #contactForm textarea  {
		width:100% !important;
	}
	#main iframe{
		width:100%;
	}
	
	li.gfield {
		width: 100% !important;
		padding-left: 0!important;
	}
	
	#contactForm textarea, .gform_wrapper .top_label textarea.textarea {
		width: 100% !important;
	}
}
/*														590 or less
-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 590px){

#latestNews {
	width: auto;
	float: none;
	margin:0 20px 20px 20px;
	padding:0 0 20px 0;
	border-bottom:1px solid #ddd;
}

.caption{
	display:none;
}


	#sidebarBox {
	background: #f7f7f7;
	padding: 12px 5% 12px 5%;
	border:none;
}
	#sidebar iframe{
		display:none!important;
	}

#mainGallery {
	width: auto;
	float: none;
	margin-right: 0;
	margin:20px 20px 0 20px;
}

}

/*
** Hello //
** David 2016-02-19
*/

#searchform {
	height: auto;
	margin-bottom: 20px;
}


/*														400 or less
-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 400px){
.main-header{
	height: auto;
}

	
#startInfo img{
	width:100%;
}


	.mobileNav {
		width: auto;
		display: block;
		margin-left: 20px;
		margin-top: 46px;
		padding: 6px 24px;
		color: #fff;
		background-image: -webkit-linear-gradient(top, #368ea6, #197088);
		border-radius: 4px;
		cursor: pointer;
		text-transform: uppercase;
		position: absolute;
		left: 0;
		top: -98px;
	}
	
	.mobileNav:hover {
		background-image: -webkit-linear-gradient(top, #197088, #368ea6);
	}

	 nav ul, nav ul li:hover > ul.sub-menu {
		display: none;
		float: none;
		position: static;
		width: 100%;
		text-align: left;
		border: none;
	}
	
	nav ul li, ul.sub-menu li {
		background: #fff;
		display: block;
		float: none;
		padding: 2px 0;
		margin: 0;
		white-space: nowrap;
		text-align: left;
		border-bottom: 1px solid #C5C5C5;
	}
	
	nav ul li:hover, ul.sub-menu li:hover {
		background: #f4f4f4;
	}
	
	nav ul li a, ul.sub-menu li  a {
		display: block;
		width: 92%;
		margin-left: 10px;
		-webkit-box-sizing: border-box;
	}
	
	ul.sub-menu li  a {
		margin-left: 14px;
	}
	
	ul.sub-menu li:last-child {
		border: none;
	}
	
h3{
	font-size:18px;
}

	#facebookLike {
		display:none;
	}
	#logo{
	float: none;
	width: auto;
	height: 110px;
	margin:0 auto 32px auto;
	text-align:center;
	}
	form{
		height:500px;
	}
	
}