/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(http://fonts.googleapis.com/css?family=Hammersmith+One);

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

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

	a { color: inherit; text-decoration: none;}
	a:hover { text-decoration: none;}
	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: 35px; padding-top: 30px; padding-bottom: 39px;}
	h3 { font-size: 22px; padding-bottom: 17px; line-height: 25px; letter-spacing: 0px; font-weight:normal;}
	h3.v1 { padding-left: 24px; background: url(../images/mark-2.png) 0 8px no-repeat; padding-bottom: 17px;}
	h4 { font-size: 16px; line-height: 16px; color: #fafafa; padding-top: 86px; padding-bottom: 25px;}
	h5 { font-size: 14px; padding-bottom: 7px; line-height: 23px; letter-spacing: 0px; }
	h6 { }


	.title-1 { font-size: 20px; line-height: 30px; color: #FFFFFF; font-family: 'Hammersmith One', sans-serif; /*font-weight: bold;*/ letter-spacing: 0px; padding-top: 25px;} 
	.text-1 { color: #78c3d6; font-weight: bold; padding-top: 9px;}
	.text-2 { }
	.text-3 { }

	.color-1 { color: #505050;}
	.color-2 { color: #26AEF9;}
	.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: #26AEF9;
	
		/*margin-top: 10px;*/
}
	.link:hover { color: #222222;}
	
	
ul {
list-style:none;
padding: 0px 0px 0px 0px;
margin: -10px 0px 20px 0px;
/*border-bottom: #6F665F solid 1px;*/
}
	

	.list li {
		font-family: Arial, sans-serif;
		font-size: 13px;
		line-height: 16px;
		padding-left: 10px;
		background: url(../images/mark-5.png) 0 6px no-repeat;
		margin-top: 3px;
}
	.list li + li { margin-top: 4px;}
	.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;}


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


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

.well { left: 0; right: 0;}

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

header {
    padding-bottom: 10px;
    background: #26AEF9;
    margin-bottom:40px;
}
h1 { float: left;}

.camera_wrap { padding-bottom: 43px; background: #26AEF9; margin-bottom: 0 !important; height: 371px;}
.camera_caption > div { background: none; bottom: -240px; background: #26AEF9; height: 133px; text-align: center;}
.camera_target_content { overflow: visible;}
.cameraContents { padding-bottom: 153px; }

.slider-text > div {font-family: 'Roboto'; font-size: 40px; line-height: 45px; color: #fff;margin-top: 41px;}

.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-telephone i {font-size: 25px;margin-top: 3px;padding-right: 12px;}

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

.content {}
.bord-bot { padding-bottom: 73px; border-bottom: 5px solid #78c3d6;}
.box-1 { margin-top: 67px;
background:#ECECEC;
padding:16px;}
.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;
}

/************Footer************/

footer { position: relative; font: 12px/22px Arial, sans-serif; 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: 85px; 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) {

}