@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

html,body {
			height:100%;
			font-family: 'PT Sans', sans-serif;
			font-size: 1em;
			color: #4a4a4a;
			background-color: #fff;
			margin: 0 auto;
		}

		a{
			text-decoration: none;
			color: #39b1cc;
		}
			
		a:hover{
				color: #333;
		}
			
		img {
			max-width: 100%;
		}
		
		p{
		line-height: 180%;
		font-size: 0.95em;
		}
		
		
		h2{
		text-align:center;
		}
		
		
		.container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
            margin-top: 10px;
			padding: 10px 5%;
		}	
		
.top {
    padding-top:180px;
}

.center {
    margin: 0 auto;
    text-align:center;
}
.mobile-hide {display:block;}
		.clearfix::after{
			content: '';
			display: table;
			clear: both;
		}
		
		
		.topbar{
		background: #4cb6ea;
		width: 100%;
		height: 45px;
		}
		
		header{
            background: url(../img/main-bg.png) repeat-x;
		width: 100%;
		max-width: 100%;
		z-index: 999999;
	/*	background: #0576ae; */
		color: #fff;
		position: fixed;
		margin-top: -20px;
		}
		
		header a{
		color: #fff;
		}
		
		header a:hover{
		color: #eee;
		}
		
		header h1{
		font-size: 2.5em;
		margin-top: -120px;
		}
		
		
		.onethird{
		width: 31%;
		padding: 30px 1%;
		float: left;
		}
		
		.onefourth{
		width: 21%;
		margin: 1%;
		padding: 1%;
		float: left;
		}
		
		.threefourths{
		width: 75%;
		float: right;
		}
		
		.onehalf{
		width: 50%;
		float: left;
		}
		
		.twothirds{
		width: 62%;
		margin: 1%;
		padding: 0 2% 0 0;
		float: left;
		}
		
		
		.darkbg{
			width: 96%;
			background:#333;
			padding:0;
			color: #ccc;
			font-size: 0.8em;
			line-height: 160%;
			padding: 18px 2% 8px 2%;
			text-align: center;
		}
		
		.title{
		font-size: 1.8em;
		font-weight: 700;}
		
		.phone{
		font-size: 1.3em;
		color: #fff;
		padding: 0 15px 15px 25px;
		text-align: center;
		margin-top: -20px;
		}
		
		
		.slidetext{
		position: absolute;
		top: 250px;
		left: 60%;
		background: rgba(0,0,0,0.7);
		width: 26%;
		color: #fff;
		padding: 0 20px 20px 0;
		margin-right: 20px;
		z-index: 99999;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		
		}
		
		.right{
		position: absolute;
		text-align: right;
		top:35px;
        font-size:25px;
		right: 50px;}
		
		/* Buttons */
		
		.btn {
		  display: inline-block;
		  padding: 12px 18px;
		  margin: 10px 0;
		  background-color: #0576ae;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', 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; 
		  border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}

		.btn:hover {
		  background-color: #4cb6ea;
		  color: #fff;
		}
		
		
		.btn2 {
		  display: inline-block;
		  padding: 12px 18px;
		  margin: 10px 0;
		  background-color: #4cb6ea;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', 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; 
		  border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}

		.btn2:hover {
		  background-color: #444;
		  color: #fff;
		}
		
		
		/* Form */
		
		form {
		margin:0 auto;
		max-width: 80%;
		}

		input, textarea, file {
			width: 90%;
			height:5px;
			background-color:#fff;
			padding: 20px;
			margin: 5px 0;
			font-size:0.9em;
			color:#111;
			font-family: 'Open Sans', sans-serif;
			max-width: 90%;
			border: 1px solid #999;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
		input:focus, textarea:focus {
			border:1px solid #4cb6ea;
		}

		
		textarea 
		{
			height:80px;
			background-color: #fff;
			font-family: 'Lato', sans-serif;
		}

		#submit {
			display: inline-block;
			padding: 12px 10px 30px 10px;
			width: 130px;
			margin-top: .9em;
			margin-bottom: 20px;
			background-color: #0576ae;
			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;
-webkit-appearance: none;
		}

		#submit:hover {
			color:#fff;
			background-color: #4cb6ea;
		}
		
		::-webkit-input-placeholder {
		   color: #666;
		}

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

		:-ms-input-placeholder {  
		   color: #666; 
		}
		
		ul{
		list-style-type: none;
		}
		
		
		.flexslider {
		  border: none;
		  box-shadow: none;
		}

		.flex-direction-nav a {
		  background: none;
		  width: 30px;
		  height: 30px;
		  margin: -20px 0 0;
		  display: block;
		  position: absolute;
		  top: 50%;
		  cursor: pointer;
		  text-indent: -9999px;
		  opacity: 0;
		  -webkit-transition: all .3s ease;
		  &:before {
			content: '';
		  }
		}

		.flex-direction-nav .flex-next {
		  background-position: 100% 0;
		  text-align: left;
		  &:before {
			content: '';
		  }
		}
		
		/* Footer */
		.footer{
			width: 96%;
			background:#333;
			padding:0;
			color: #ccc;
			font-size: 0.8em;
			line-height: 160%;
			padding: 5px 2%;
		}
		
		.footer a{
		color: #4cb6ea;
		}
		
		.footer a:hover{
		color: #0576ae;
		}
		
		
		/* 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);
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  background: rgba(5, 118, 174, 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;
		}
		 .cd-top:hover {
		  background-color: #4cb6ea;
		  opacity: 1;
		}	

		
		/* Navigation */
		
		#cssmenu {
		  background: #4cb6ea;
		  margin: -10px 0 0 0;
		  width: auto;
		  padding: 0;
		  line-height: 1;
		  display: block;
		  position: relative;
		  font-family: 'PT Sans', sans-serif;
		}
		#cssmenu ul {
		  list-style: none;
		  margin: 0;
		  padding: 0;
		  display: block;
		}
		#cssmenu ul:after,
		#cssmenu:after {
		  content: " ";
		  display: block;
		  font-size: 0;
		  height: 0;
		  clear: both;
		  visibility: hidden;
		}
		#cssmenu ul li {
		  margin: 0;
		  padding: 0;
		  display: block;
		  position: relative;
		}
		#cssmenu ul li a {
		  text-decoration: none;
		  display: block;
		  margin: 0;
		  -webkit-transition: color .2s ease;
		  -moz-transition: color .2s ease;
		  -ms-transition: color .2s ease;
		  -o-transition: color .2s ease;
		  transition: color .2s ease;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		}
		#cssmenu ul li ul {
		  position: absolute;
		  left: -9999px;
		  top: auto;
		}
		#cssmenu ul li ul li {
		  max-height: 0;
		  position: absolute;
		  -webkit-transition: max-height 0.4s ease-out;
		  -moz-transition: max-height 0.4s ease-out;
		  -ms-transition: max-height 0.4s ease-out;
		  -o-transition: max-height 0.4s ease-out;
		  transition: max-height 0.4s ease-out;
		  background: #d8d8d8;
		}
		#cssmenu ul li ul li.has-sub:after {
		  display: block;
		  position: absolute;
		  content: "";
		  height: 10px;
		  width: 10px;
		  border-radius: 5px;
		  background: #000000;
		  z-index: 1;
		  top: 13px;
		  right: 15px;
		}
		#cssmenu.align-right ul li ul li.has-sub:after {
		  right: auto;
		  left: 15px;
		}
		#cssmenu ul li ul li.has-sub:before {
		  display: block;
		  position: absolute;
		  content: "";
		  height: 0;
		  width: 0;
		  border: 3px solid transparent;
		  border-left-color: #ffffff;
		  z-index: 2;
		  top: 15px;
		  right: 15px;
		}
		#cssmenu.align-right ul li ul li.has-sub:before {
		  right: auto;
		  left: 15px;
		  border-left-color: transparent;
		  border-right-color: #ffffff;
		}
		#cssmenu ul li ul li a {
		  font-size: 14px;
		  font-weight: 400;
		  text-transform: none;
		  color: #000000;
		  letter-spacing: 0;
		  display: block;
		  width: 170px;
		  padding: 11px 10px 11px 20px;
		}
		#cssmenu ul li ul li:hover > a,
		#cssmenu ul li ul li.active > a {
		  color: #4cb6ea;
		}
		#cssmenu ul li ul li:hover:after,
		#cssmenu ul li ul li.active:after {
		  background: #4cb6ea;
		}
		#cssmenu ul li ul li:hover > ul {
		  left: 100%;
		  top: 0;
		}
		#cssmenu ul li ul li:hover > ul > li {
		  max-height: 72px;
		  position: relative;
		}
		#cssmenu > ul > li {
		  float: left;
		}
		#cssmenu.align-center > ul > li {
		  float: none;
		  display: inline-block;
		}
		#cssmenu.align-center > ul {
		  text-align: center;
		}
		#cssmenu.align-center ul ul {
		  text-align: left;
		}
		#cssmenu.align-right > ul {
		  float: right;
		}
		#cssmenu.align-right > ul > li:hover > ul {
		  left: auto;
		  right: 0;
		}
		#cssmenu.align-right ul ul li:hover > ul {
		  right: 100%;
		  left: auto;
		}
		#cssmenu.align-right ul ul li a {
		  text-align: right;
		}
		#cssmenu > ul > li:after {
		  content: "";
		  display: block;
		  position: absolute;
		  width: 100%;
		  height: 0;
		  top: 0;
		  z-index: 0;
		  background: #4cb6ea;
		  -webkit-transition: height .2s;
		  -moz-transition: height .2s;
		  -ms-transition: height .2s;
		  -o-transition: height .2s;
		  transition: height .2s;
		}
		#cssmenu > ul > li.has-sub > a {
		  padding-right: 40px;

		}
		#cssmenu > ul > li.has-sub > a:after {
		  display: block;
		  content: "";
		  background: #ffffff;
		  height: 12px;
		  width: 12px;
		  position: absolute;
		  border-radius: 13px;
		  right: 14px;
		  top: 16px;
		}
		#cssmenu > ul > li.has-sub > a:before {
		  display: block;
		  content: "";
		  border: 4px solid transparent;
		  border-top-color: #4cb6ea;
		  z-index: 2;
		  height: 0;
		  width: 0;
		  position: absolute;
		  right: 16px;
		  top: 21px;
		  background: #4cb6ea;
		}
		#cssmenu > ul > li > a {
		  color: #ffffff;
		  padding: 15px 20px;
		  font-weight: 700;
		  letter-spacing: 1px;
		  text-transform: uppercase;
		  font-size: 14px;
		  z-index: 2;
		  position: relative;
		}
		#cssmenu > ul > li:hover:after,
		#cssmenu > ul > li.active:after {
		  height: 100%;

		}

		#cssmenu > ul > li.active > a {
		  color: #fff;
		}

		#cssmenu > ul > li:hover > a{
		color: #000;}
		#cssmenu > ul > li:hover > a:after,
		#cssmenu > ul > li.active > a:after {
		  background: #4cb6ea;
		}
		#cssmenu > ul > li:hover > a:before,
		#cssmenu > ul > li.active > a:before {
		  border-top-color: #ffffff;
		}
		#cssmenu > ul > li:hover > ul {
		  left: 0;
		}
		#cssmenu > ul > li:hover > ul > li {
		  max-height: 72px;
		  position: relative;
		}
		#cssmenu #menu-button {
		  display: none;
		}
		#cssmenu > ul > li > a {
		  display: block;
		}
		#cssmenu > ul > li {
		  width: auto;
		}
		#cssmenu > ul > li > ul {
		  width: 170px;
		  display: block;
		}
		#cssmenu > ul > li > ul > li {
		  width: 170px;
		  display: block;
		}
		
	/* Media Queries */
	
@media all and (max-width: 925px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	  #cssmenu > ul {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.35s ease-out;
		-moz-transition: max-height 0.35s ease-out;
		-ms-transition: max-height 0.35s ease-out;
		-o-transition: max-height 0.35s ease-out;
		transition: max-height 0.35s ease-out;
	  }
	  #cssmenu > ul > li > ul {
		width: 100%;
		display: block;
	  }
	  #cssmenu.align-right ul li a {
		text-align: left;
	  }
	  #cssmenu > ul > li > ul > li {
		width: 100%;
		display: block;
	  }
	  #cssmenu.align-right ul ul li a {
		text-align: left;
	  }
	  #cssmenu > ul > li > ul > li > a {
		width: 100%;
		display: block;
	  }
	  #cssmenu ul li ul li a {
		width: 100%;
	  }
	  #cssmenu.align-center > ul {
		text-align: left;
	  }
	  #cssmenu.align-center > ul > li {
		display: block;
	  }
	  #cssmenu > ul.open {
		max-height: 1000px;
		border-top: 1px solid rgba(110, 110, 110, 0.25);
	  }
	  #cssmenu ul {
		width: 100%;
	  }
	  #cssmenu ul > li {
		float: none;
		width: 100%;
	  }
	  #cssmenu ul li a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 12px 20px;
	  }
	  #cssmenu ul > li:after {
		display: none;
	  }
	  #cssmenu ul li.has-sub > a:after,
	  #cssmenu ul li.has-sub > a:before,
	  #cssmenu ul li ul li.has-sub:after,
	  #cssmenu ul li ul li.has-sub:before {
		display: none;
	  }
	  #cssmenu ul li ul,
	  #cssmenu ul li ul li ul,
	  #cssmenu ul li ul li:hover > ul,
	  #cssmenu.align-right ul li ul,
	  #cssmenu.align-right ul li ul li ul,
	  #cssmenu.align-right ul li ul li:hover > ul {
		left: 0;
		position: relative;
		right: auto;
	  }
	  #cssmenu ul li ul li,
	  #cssmenu ul li:hover > ul > li {
		max-height: 999px;
		position: relative;
		background: none;
	  }
	  #cssmenu ul li ul li a {
		padding: 8px 20px 8px 35px;
		color: #ffffff;
	  }
	  #cssmenu ul li ul ul li a {
		padding: 8px 20px 8px 50px;
	  }
	  #cssmenu ul li ul li:hover > a {
		color: #000000;
	  }
	  #cssmenu #menu-button {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 15px 20px;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 1px;
		color: #ffffff;
		cursor: pointer;
	  }
	  #cssmenu #menu-button:after {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		right: 20px;
		top: 16px;
	  }
	  #cssmenu #menu-button:before {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #ffffff;
		right: 20px;
		top: 26px;
	  }
}

@media only screen and (max-width: 450px) {
			.onefourth{
			width: 100%;
			max-width: 100%;
			border: none;
			}
			
			.onehalf{
			width: 95%;
			max-width: 100%;
			}	
}

@media only screen and (max-width: 768px) {
			.slidetext{
			display: none;
			}
}

@media only screen and (max-width: 650px) {
			.onefourth{
			width: 45%;
			max-width: 45%;
			border: none;
			}
			
			.right{
			width: 100%;
			max-width: 100%;
			margin-top: 1px;
			}
			
			.onethird{
			width: 100%;
			max-width: 100%;
			}

			.images{
		/*	display: none; */}
			
    .images img {width:60%;}
    .right {font-size:16px;}
			header h1{
			margin-top: 60px;}
			
			.twothirds{
			width: 95%;
			max-width: 100%;
			}
				
			.threefourths {
			width: 100%;
			max-width: 100%;
			}

			.phone{
			margin-top: 10px;
			}
    .mobile-hide {display:none;}
			}
			
	@media only screen and (max-width: 450px) {
			
			.right{
			position: absolute;
			text-align: right;
			top:30px;
			right: 20px;
			}
        .images img {
            margin-top: 10px;
        }
			
		}