@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);

	html,body {
				height:100%;
				font-family: 'Roboto', sans-serif;
				font-size: 1em;
				color: #444;
				background-color: #f1f1f1;
				margin: 0 auto;	
		}

		a{
			text-decoration: none;
			color: #00536f;
		}
			
		a:hover{
				color: #111;
		}
			
		img {
			max-width: 100%;
		}
		
		p{
			line-height: 160%;
			color: #4a4a4a;
		}
		
		header {
			width: 100%;
			z-index: 999999;
			position: absolute;
			top: 0;
			left:0;
			margin-top:-85px;
		}
		
		.photo{
		z-index: 999;
		max-width: 100%;
		position: absolute;
		top: 80px;
		left: 35%;
		}
		
		
.navigation {
  /*width: 280px;*/
  max-width: 100%;
}

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mainmenu li{
	position: relative;
}

.mainmenu li:hover .dropdown{
    background-image: url('../img/dropdown.png');
	background-size: 20px 20px;
}


.mainmenu span, .submenu a, .homelink{
  display: block;
  text-decoration: none;
  padding: 10px;
  font-size: 0.9em;
  color: #444;
  font-weight:600;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

/* add hover behaviour */
.mainmenu span:hover, .homelink:hover {
    background-color: #00536d;
	color: #fff !important;
}

.mainmenu span:hover .dropdown{
    background-image: url('../img/dropdown.png');
	background-size: 20px 20px;
}





.showMenu {
  display: block;
  max-height: 400px !important;
}

.submenu a {
  background-color: rgba(0,0,0,.9);
  color: #fff;
  font-weight: 400;
  padding-left: 50px;
  border-bottom: 1px solid #2a2a2a;
}

.submenu a:hover {
  color: #fff;
  background-color: #00536d;
  border: none;
}


.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}

.open-menu{
	position:absolute;
	right:7px;
	top:7px;
	font-weight: bold;
	cursor: pointer;
	padding: 3px;
	box-sizing: border-box;
}

.open-menu:hover{
    background-color: #00536d;

}

.dropdown{
    background-image: url('../img/dropdown_black.png');
	background-size: 20px 20px;
    position: absolute;
    right: 3px;
    top: 10px;
    padding: 0px !important;
    width: 25px;
    height: 25px;
    border-bottom: 0px !important;
	pointer-events: none;
}
		
	
	/* Layout Elements */	

		.container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px 5%;
		}	
	
		
		.clearfix::after{
			content: '';
			display: table;
			clear: both;
		}

		.onethird{
			width: 30.3%;
			padding: 1%;
			margin-left: 1%;
			float: left;
		}
		
		.onethirdbottom{
			width: 31.3%;
			padding: 1%;
			float: left;
			
			margin-bottom: 50px;
		}
		
		.homethird{
			width: 29%;
			float: left;
			padding: 0 2% 2% 2%;
			background: url(../img/indi.png) no-repeat bottom right #fff;
			margin-top: 140px;
		}
		
		.third{
			width: 29%;
			float: left;
			padding: 0 2% 2% 2%;
			background: url(../img/indi.png) no-repeat bottom right #fff;
			margin-top: 40px;
			margin-bottom: 30px;
		}
		
		.onefourth{
			width: 21%;
			margin: 1%;
			padding: 1%;
			float: left;
			background-color: #fff;
		}
		
		.onefourthtop{
			width: 23%;
			max-width: 250px;
			margin: 0 auto;
			padding: 1%;
			float: left;
			background-color: rgba(255,255,255,0.8);
		}
		
		.threefourths{
			width: 75%;
			float: left;
		}
		
		.onehalf{
			width: 44%;
			margin: 2%;
			padding:1%;
			float: left;
		}
		
		.half{
			width: 44%;
			margin: 2%;
			padding:1%;
			float: left;
		}
		
		.twothirds{
			width: 62%;
			margin: 1%;
			padding-right: 2%;
			float: left;
		}
	
		.left{
			float:left;
		}
		
		.right{
			text-align: right;
			margin-top: -20px;
		}
		
		.topright{
			text-align: right;
			margin: 0 50px 0 20px;
		}
		
		hr{
			display: block;
			height: 1px;
			border-top: 1px solid #dedede;
			margin: 1em 0;
			padding: 0; 
		}
		
		.lightbg{
			background-color: #f1f1f1;
			color: #555;
			padding: 15px 0;
			margin-top: -25px;
		}
		
		
		.btn {
		  display: inline-block;
		  padding: 10px 18px;
		  margin: 0 10px 20px 0;
		  background: #00536d;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Montserrat', Sans-Serif;
		  letter-spacing: 1px;
		  color: #ffffff;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}


		.btn:hover {
		  background-color: #111;
		}
		
		.btnsmall {
		  display: inline-block;
		  padding: 10px 5px;
		  background: #00536d;
		  font-size: 10px;
		  font-weight: 700;
		  font-family: 'Montserrat', Sans-Serif;
		  letter-spacing: 1px;
		  color: #ffffff;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}


		.btnsmall:hover {
		  background-color: #111;
		}
		
		.center{
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		.centerbold{
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			font-weight: bold;
		}
		
		.twothirds ul li{
		margin-bottom: 10px;}
		
		.twothirds li{
		line-height: 150%;}
		
		
	/* Typography */
		
		.bold{
		font-weight: 700;}

		.title{
		font-size: 1.3em;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;}

		.center{
		margin-left: auto;
		margin-right: auto;
		text-align: center;}
		
		.pagetitle {
		font-size: 1.5em;}
		
		.container h1{
		color: #222;
		margin-bottom: -2px;}
		
		.onehalf h3{
		color: #111;
		margin-top: -20px;
		font-size: 1.4em;}
		
		.third h3{
		color: #111;
		font-size: 1.3em;
		margin-bottom: -10px;
		color: #00536d;}

		.container h1{
		font-weight: 300;
		margin-bottom: 30px;
		color: #00536d;}
		
		.topright a{
			font-size: 0.9em;
			color: #fff;
		}
		
		.twothirds h1{
		 -webkit-animation-delay: 1s;
		 -moz-animation-delay: 1s;
		}
		
		.twothirds p{
		 -webkit-animation-delay: 1.5s;
		 -moz-animation-delay: 1.5s;
		}
		
		.twothirds h2{
		font-size: 2em;
		color: #00536d;
		font-weight: 300;}
		
		.links{
		font-size: 1.5em;
		font-weight: 300;
		margin-bottom: 40px;
		}
		
		.links li{
		margin-bottom: 15px;}
		
		.links a{
		color: #444;
		}
		
		.links a:hover{
		color: #00536d;}
		
		.testimonial{
		border: 2px solid #00536d;
		background: #fff;
		max-width: 80%;
		padding: 20px;
		font-size: 1.1em;
		letter-spacing: 1px;
		margin: 40px 0;}
		
		.author{
		font-weight: 600;
		font-size: 0.9em;}
		
		
		
	/* Form */
		
		form {
		margin:0 auto;
		max-width: 100%;
		}

		input, textarea, file {
			width: 88%;
			height:5px;
			padding: 20px 3%;
			margin: 5px 0;
			font-size:1em;
			color:#111;
			font-family: 'Roboto', sans-serif;
			border: 1px 1px 4px 1px solid #999;
		}

		input:focus, textarea:focus {
			border:1px solid #00536f;
		}

		::-webkit-input-placeholder {
		   color: #666;
		}

		::-moz-placeholder {  /* Firefox 19+ */
		   color: #666;
		}

		:-ms-input-placeholder {  
		   color: #666; 
		}
		
		select{
		  width:96%;
		  margin:4% 0;
		  border-bottom: 3px solid #00536f;
		  padding: 10px;
		  font-family:'Roboto',sans-serif;
		  font-size:95%;
		  color:#666;
		}
		
		input[type=checkbox]{
		width: 15px;
		height: 15px;
		margin-top: 15px;
		}
		
		
		textarea 
		{
			height:80px;
			background-color: #fff;
			font-family: 'Roboto', sans-serif;
		}

		#submit {
			display: inline-block;
			padding: 12px 10px 30px 10px;
			width: 130px;
			margin-top: .9em;
			margin-bottom: 60px;
			background-color: #00536f;
			font-size: 14px;
			font-weight: 700;
			letter-spacing: 1px;
			color: #fff;
			border: none;
			text-transform: uppercase;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
			-webkit-transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}

		#submit:hover {
			color:#fff;
			background-color: #111;
		}
		
	/* Tabs */

	ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: #999;
			color: #222;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			background: #00546e;
			color: #fff;
		}

		.tab-content{
			display: none;
			background: #fff;
			padding: 15px;
			margin-top: -10px;
		}

		.tab-content.current{
			display: inherit;
		}	
		
		/* Carousel */
		
		#owl-demo .item, #owl-demo2 .item, #owl-demo3 .item, #owl-demo4 .item, 
		#owl-demo5 .item, #owl-demo6 .item, #owl-demo7 .item{
		  display: block;
		  cursor: pointer;
		  background: #dedede;
		  padding: 0px 0px 20px 0px;
		  margin: 5px;
		  color: #00536d;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  text-align: center;
		  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
		  
		}
		#owl-demo .item:hover, #owl-demo2 .item:hover, #owl-demo3 .item:hover, #owl-demo4 .item:hover
		#owl-demo5 .item:hover, #owl-demo6 .item:hover, #owl-demo7 .item:hover{
		  background: #00536d;
		  color: #fff;
		}
		
		
	/* Pagination */
		.pagination {
		margin: 20px 0;
		overflow: hidden;
		position: relative;
		}
		
		.pagination li {
			float: left;
		}

		.pagination ul {
			float: left;
			
			list-style-type: none;
		}

		.pagination li a {
			transition: all 100ms ease-in-out 0s;
			background-color: #fff;
			border-radius: 5px 5px 5px 5px;
			color: #69696E;
			display: block;
			font: 12px/30px 'Roboto', sans-serif;
			height: 30px;
			margin: 0 3px;
			overflow: hidden;
			position: relative;
			text-align: center;
			text-decoration: none;
			width: 30px;
		}
		.pagination li a:hover {
			background-color: #00536d;
			color: #FFFFFF;
		}
		.pagination li.active a {
			background-color: #00536d;
			color: #FFFFFF;
		}
		.pagination li.active a:hover {
			color: #FFFFFF;
		}

		.pagination ol{
		list-style-type: none;}

	/* Footer */
	
		.footer {
			max-width: 100%;
			font-family: 'Roboto', sans-serif;
			font-size: 0.8em;
			background-color: #222;
			letter-spacing: 1px;
			text-align: left;
			color: #ccc;
			padding: 5px;
		}

		.footer a {
			color: #fff;
			font-weight: 400;
		}
		
		.footer a:hover {
			color: #00536d;
		}	
		
		.legal {
			max-width: 100%;
			font-family: 'Roboto', sans-serif;
			font-size: 0.8em;
			background-color: #4ba7c0;
			letter-spacing: 1px;
			text-align: left;
			padding: 10px;
			min-height: 200px;
		}
		
		.legal a {
			color: #000;
			font-weight: 400;
		}
		
		.legal p{
		color: #000;}
		
		.legal a:hover {
			color: #00536d;
		}	
	
	/*Social Links */
	
		.facebook {
			padding: 0 5px;
			font-size: 1.5em;
		}
	
		.facebook:hover{
			color: #3b5998;
			}
		
		.twitter{
			padding: 0 5px;
			font-size: 1.5em;
			}
		
		.twitter:hover {
			color:#00aced;
			}
		
		.linkedin{
			padding: 0px 5px;
			font-size: 1.5em;
		}
	
		.linkedin:hover {
			color:#007bb6;
		}
		
		.mail{
			padding:0 5px;
			font-size: 1.5em;}
		
		.mail:hover{
			color:#00536d;}
			

	/* Back to Top */
		.cd-top {
			  display: inline-block;
			  height: 50px;
			  width: 50px;
			  position: fixed;
			  bottom: 30px;
			  right: 20px;
			  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
			  /* image replacement properties */
			  overflow: hidden;
			  text-indent: 100%;
			  white-space: nowrap;
			  background: rgba(0, 84, 110, 0.9) url(../img/top-arrow.png) no-repeat center 50%;
			  visibility: hidden;
			  opacity: 0;
			  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
			  -moz-transition: opacity .3s 0s, visibility 0s .3s;
			  transition: opacity .3s 0s, visibility 0s .3s;
			  z-index: 1;
		}
		.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
			  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
			  -moz-transition: opacity .3s 0s, visibility 0s 0s;
			  transition: opacity .3s 0s, visibility 0s 0s;
		}
		.cd-top.cd-is-visible {
			  visibility: visible;
			  opacity: 1;
		}
		.cd-top.cd-fade-out {
			opacity: .7;
		}
		.no-touch .cd-top:hover {
			  background-color: #588ced;
			  opacity: 1;
		}
		

	/* Media Queries */

		@media only screen and (max-width: 900px) {
	   
			.onefourthtop{
			width: 50%;
			max-width: 50%;}
			
			.homethird{
				width: 100%;
				max-width: 100%;
				margin-top: 50px;
				margin-bottom: 20px;
			}
			
			.third{
				width: 100%;
				max-width: 100%;
			}
			
			.twothirds{
			width: 100%;
			max-width: 100%;}
			
			.onethirdbottom{
			max-width: 100%;
			width: 100%;
			margin-top: 20px;
			}
					
		}
  

	@media only screen and (max-width: 1200px) {
	
	.onethirdbottom{
			margin-top: -80px;
			}
	}


	@media only screen and (max-width: 900px) {
			.onefourth{
				width: 45%;
				max-width: 50%;
			}
			
			.half{
				width: 100%;
				max-width: 100%;
			}
			
			.onethirdbottom{
			margin-top: 10px;
			}
			
			.photo{
			display: none;
			}
			
		}
		
	@media only screen and (max-width: 600px) {
			.onefourth{
				width: 100%;
				max-width: 100%;
			}
			
			.onethird{
				width: 100%;
				max-width: 100%;
			}
			
			.onehalf{
				width: 100%;
				max-width: 100%;
			}
			
			.twothirds{
				width: 100%;}
				
			.right{
			margin-top: 20px;}
			
			.onefourthtop{
			width: 100%;
			max-width: 100%;}
			
}