/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(//fonts.googleapis.com/css?family=Pacifico);
@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,400italic);


	html, body {
		background: #3e3e3e;
		font: 14px/21px Arial, sans-serif;
		color: #8b8b8b;
		min-width:300px;
	}

	* { -webkit-text-size-adjust: none;}

	a { color: #6bcce4; text-decoration: none;}
	a:hover { text-decoration: none;opacity:.7;}
	a[href^="tel:"] {color: inherit;text-decoration:none;}
	.a-hov { transition: all 0.4s ease;}
	.a-hov:hover { color: #78c3d6;}
	
	ul li a { transition: all 0.4s ease;}
	
	.page-1 h3 { padding-bottom: 11px;}

	h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: 'Roboto', sans-serif; color: #505050; }
	h2 { font-size: 35px; line-height: 40px; padding-top: 70px; padding-bottom: 49px;}
	h3 { font-size: 22px; padding-bottom: 17px; line-height: 25px; letter-spacing: 0px;}
	h3.v1 { padding-left: 24px; background: url(../images/mark-2.png) 0 8px no-repeat; padding-bottom: 17px;}
	h4 { font-size: 20px; line-height: 20px; color: #fafafa; padding-top: 76px; padding-bottom: 45px;}
	h5 { }
	h6 { }


	.title-1 { font-size: 27px; line-height: 30px; color: #4e4e4e; font-family: 'Roboto', sans-serif; font-weight: bold; letter-spacing: -1px; padding-top: 6px;} 
	.text-1 { color: #78c3d6; font-weight: bold; padding-top: 9px;}
	.text-2 { }
	.text-3 { }

	.color-1 { color: #505050;}
	.color-2 { color: #78c3d6;}
	.color-3 { color: #4f4f4f;}

	.page-1 h2 { padding-top: 70px; padding-bottom: 50px;}
	img + h3 { padding-top: 28px;}
	h2 + img { margin-top: 4px;}
	h4 i { color: #77d9f2; margin-right: 15px;}
	h2 + h3 { margin-top: 1px; padding-top: 0px !important;}
	img + .text-1 { padding-top: 27px;}
	.text-1 + .link { margin-top: -1px;}


	.text-1 a,
	h3 a { transition: all .4s ease;}
	.text-1 a:hover { color: #505050;}
	h3 a:hover {color: #78c3d6;}


	.link {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		color: #505050;
	
		margin-top: 10px;
}
	.link:hover { color: #78c3d6;}

	.list li {
		font-family: Arial, sans-serif;
		font-size: 13px;
		line-height: 16px;
		padding-left: 12px;
		background: url(../images/mark-5.png) 0 5px no-repeat;
	
		margin-top: 3px;
}
	.list li + li { margin-top: 14px;}
	.list li a { color: #bebebe;}
	.list li a:hover { color: #78c3d6;}


	/*auxiliary*/

	.img-ind {float: left; margin-right: 20px; margin-top: 4px;}
	.wrapper {width: 100%; position: relative;}
	.extra-wrap {overflow:hidden;}
	.grid_inside { margin: 0 -10px;}
	.aligncenter {text-align: center !important;}
	.alignleft { text-align: left !important; }
	.it {font-style:italic; display: inline-block;}
	.fleft {float: left;}
	.fright {float: right;}
	.h-underline:hover { text-decoration: underline;}
	.underline {text-decoration: underline;}
	.upp {text-transform: uppercase;}
	.transition {transition: all 0.4s ease;}

	.clearfix { *zoom: 1;}
	.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}
	.clearfix:after { clear: both;}

	.pad-left { padding-left: 10px;}

	p { padding-bottom: 20px;}
	.img-bot { margin-bottom: 27px;}

	p.caption {
padding: 0;
margin: 5px 0 0 0;
font-size: 13px;
line-height:17px;
text-transform: uppercase;
}
p.copyright {
padding:0;
margin:5px 0 10px 0;
font-size:11px;
line-height:15px;
font-style:italic;
color:#000000;
}

.bg-1 { background: #ffffff;}
.bg-2 { background: #fafafa; padding-bottom: 67px;}
.page-5 {background: #fafafa;}


.bord-1 { position: relative; padding-bottom: 41px;}
.bord-1.v1 { padding-bottom: 63px;}
.bord-1:after {
	position: absolute;
	left: 10px;
	right: 10px;
	height: 1px;
	background: #f4f4f4;
	bottom: 0;
	content: "";
}
.bord-1.v1:after { left: 0; right: 0;}

/************Header************/

header {
    padding-bottom: 25px;
    background: #fafafa;
}
h1 { float: left;}

.camera_wrap { padding-bottom: 253px; background: #78c3d6; margin-bottom: 0 !important; height: 371px;}
.camera_wrap_gallery { padding-bottom: 253px; background: #ffffff; margin-bottom: 0 !important; height: 800px;}
.camera_caption > div { background: none; bottom: -240px; background: #78c3d6; height: 233px; text-align: center;}
.camera_caption_gallery { background: none; height: 233px; text-align: left; padding:373px 0 0 10px;margin-top:33px; }
span.camera_caption_gallery_copy { font-size: 11px;line-height: 15px;font-style:italic;color:#000000; }
span.camera_caption_gallery_caption { padding: 0;margin: 5px 0 0 0;font-size: 13px;color:#8B8B8B;line-height: 17px;text-transform: uppercase; }
.camera_target_content { overflow: visible;}
.cameraContents { padding-bottom: 253px; }
.cameraContentsGallery { padding-bottom: 100px; }

.slider-text > div {font-family: 'Droid+Serif'; font-size: 36px; line-height: 45px; color: #fff;margin-top: 40px; font-style:italic; }

.s-btn {
	display: inline-block;
	color: #fff;
	background: #77d9f2 !important;
	padding: 16px 40px 15px !important;
	transition: all .4s ease;
	margin-top: 30px!important;
}
.s-btn:hover { background: #3e3e3e !important;}

.camera_wrap .camera_pag .camera_pag_ul { text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul li { background: url(../images/camera_pag.png) right 0 no-repeat; width: 10px; height: 10px;}
.camera_wrap .camera_pag .camera_pag_ul li:hover,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {  background: url(../images/camera_pag.png) 0 0 no-repeat;}
.camera_wrap .camera_pag .camera_pag_ul li span { display: none;}

.b-telephone {
	text-align: right;
	margin-top: 90px;
}
.b-get-involved {
	text-align: right;
	margin-top: 65px;
}

.b-telephone i {font-size: 25px;margin-top: 3px;padding-right: 12px;}

.sm { padding-top:10px; width:200px;position:relative;float:right;}

/************Content***********/

.content {}
.bord-bot { padding-bottom: 73px; border-bottom: 5px solid #78c3d6;}
.box-1 { margin-top: 67px;}
.box-1 .img-ind { margin-right: 27px; margin-top: 4px;}
.box-1 > .clearfix { margin-bottom: 23px;}

.page-1 .box-2 .date { margin-top: -3px;}
.box-2 .date { font-weight: bold; margin-top: -9px;}
.box-2 { padding-bottom: 22px;}
.box-2 + .box-2 { border-top: 1px solid #f4f4f4; padding-top: 24px; }

.block-1 { margin-top: -38px;}
.block-1 > div {	margin-top: 38px;}

.block-2 { margin-bottom: -22px;}

.block-3 > div { margin-top: 4px;}

.box-3 i { font-size: 35px; line-height: 35px; color: #505050;}
.box-3 + .box-3 { border-top: 1px solid #f4f4f4; margin-top: 22px; padding-top: 23px;}

.block-4 { margin-top: -39px; padding-bottom: 8px;}
.block-4 > div { margin-top: 39px;}

.block-5 { margin-top: -39px; padding-bottom: 22px;}
.block-5 > div { margin-top: 44px;}
.block-5 h3 { padding-bottom: 8px;}

.page-5 h3 {
	padding-bottom: 15px;
	padding-top: 9px;
}
.img-container-left {
position:relative;
float:left;
}
.img-container-right {
position:relative;
float:right;
}
/************Footer************/

footer { position: relative; font: 12px/22px Arial, sans-serif; background: #3e3e3e;color: #909090; padding-bottom: 30px;}


	/*toTop*/

	.top {
		width: 51px;
		height: 51px;
		border:none;
		z-index:20;
		background: #78c3d6 url(../images/mark-3.png) center center no-repeat;
		right: 10px;
		top: -51px;
		position: absolute;
	}

		.top:hover { background-color: #3e3e3e;}

		.top:active, #toTop:focus {outline:none;}

.f-list { margin-top: -11px;}
.f-list li a:hover { text-decoration: underline;}
footer .b-address { margin-top: -11px; color: #fff;}
footer .b-address a { color: #909090;}
footer .b-address a:hover { text-decoration: underline;}
footer .copyright { margin-top: 55px; color: #ffffff;}

		#newsletter1 { position: relative; margin-top: 28px;}
		#newsletter1 input { 
			display: inline-block; 
			text-shadow: none;
			border-radius: 0;
			outline: none;
			box-shadow: none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background: #4e4e4e;
			border: 1px solid #4e4e4e;
			font: 12px/20px Arial, sans-serif;
			color: #fff;
			width: 100%;
			height: 32px;
			padding: 4px 0 4px 14px;
			-webkit-appearance: none;
		}
		#newsletter1 a { cursor: pointer; position: absolute; right: 0px; top: 0px; background: url( ../images/mark-4.png) center center no-repeat; width: 30px; height: 32px; }
		#newsletter1 a:hover { opacity: .4;}
		#newsletter1 label {
			display: block;
			min-height: 30px;
			margin-bottom: 0;
			float: left;
			width: 100%;
		}
		#newsletter1 fieldset {
			width: 100%;
			float: left;
		}


		#newsletter1 .error {
			position: absolute;
			display: block;
			overflow: hidden;
			height: 0px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
		#newsletter1 .success {
			width: 100%;
			border-radius: 0;
			padding: 0;
			text-align: center;
			position: absolute;
			z-index: 10;
			top: 0;
			background: #4e4e4e;
		}
		#newsletter1 label.invalid .error {
		  height: 19px;
		}

	
/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) {
	.camera_wrap { height: 295px;}
}
@media only screen and (max-width: 767px) {
	.camera_wrap { height: 166px;}
	.slider-text > div { font-size: 40px; line-height: 40px;}
	.w3 { width: 31%!important; margin-left: 1%; margin-right: 1%;}
	.grid_inside { margin: 0;}
	.block-3 img { float: left; margin-right: 10px; width: 20%;}
	.block-5 > div { width: 46%!important; margin-left: 2%; margin-right: 2%;}
	.img-ind { margin-bottom: 10px;}.w1 { width: 50%;}
	.b-telephone { margin-top: 30px;}
}
@media only screen and (max-width: 479px) {
	.camera_wrap { height: 150px;}
	.slider-text > div { font-size: 30px; line-height: 30px;}
	.box-2 .extra-wrap { overflow: visible;}
	.w3 { width: 48%!important; margin-right: 1%; margin-left: 1%;}
	.w3 + .w3 + .w3 { width: 100%!important; margin-left: 1%; margin-right: 1%;}
	.block-5 > div { width: 100%!important; margin-left: 0; margin-right: 0;}
}
@media only screen and (max-width: 320px) {

}
.highlight > a {
	color: #000000 !important;
	font-weight: 600 !important;
	font-size: 13px !important;
}

/* Additions 2015/01/26 */
.pad-top-50 {
	padding-top: 50px;
}

@media only screen and (max-width: 767px) {
.pad-top-50 {
	padding-top: 0px;
}
}

.pad-top-70 {
	padding-top: 70px;
}

@media only screen and (max-width: 767px) {
.pad-top-70 {
	padding-top: 0px;
}
}
.pad-top-30 {
	padding-top: 30px;
}
.pad-top-10 {
	padding-top: 10px;
}
.pad-bot-10 {
	padding-bottom: 10px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* skeleton buttons */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box;
}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
color: #6bcce4;
background-color: #ffffff;
border-color: #ffffff;
}

/* skeleton tables */
th, td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1;
}
th:first-child, td:first-child {
padding-left: 0;
}
.u-full-width {
width: 100%;
box-sizing: border-box;
}

/* skeleton forms */
#TRWVLCPForm span {
display: block;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
height: 38px;
padding: 6px 10px;
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
}
label, legend {
display: block;
margin-bottom: .5rem;
font-weight: 300;
}
#TRWVLCPForm label {
margin-bottom:0;
}
/*#TRWVLCPForm label {
display: inline-block;
position: relative;
min-height: 51px;
width: 100%;
}*/
#TRWVLCPForm label input, #TRWVLCPForm label textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
float: left;
outline: none;
border-radius: 0;
outline: none;
box-shadow: none;
width: 100%;
color: #c3c3c3;
font: 13px/18px Arial, sans-serif;
background: #ffffff;
border: 1px solid #efefef;
-webkit-appearance: none;
}

/*#TRWVLCPForm label input {
height: 40px;
box-shadow: none !important;
padding: 10px 7px 10px 16px;
outline: none;
}
#TRWVLCPForm .error-message, #TRWVLCPForm .empty-message {
height: 0;
overflow: hidden;
font: 10px/20px Arial;
-webkit-transition: 0.3s ease-in height;
-moz-transition: 0.3s ease-in height;
-o-transition: 0.3s ease-in height;
transition: 0.3s ease-in height;
position: absolute;
right: 3px;
top: 0;
}*/
#TRWVLCPForm ._placeholder {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: text;
width: 100% !important;
padding: 10px 7px 10px 16px;
opacity: .99;
color: #c3c3c3;
display: block;
font: 13px/18px Arial, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}