/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../fonts/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(//fonts.googleapis.com/css?family=Six+Caps);

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

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

	a { display: inline-block; 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: #52d2cf;}

	ul li a { transition: all 0.4s ease;}

	h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 300;}
	h1 { 
		font-family: 'Six Caps', sans-serif; 
		background: url(../images/logo-1.jpg) 0 0 repeat;
		width: 100%;
		height: 176px;
		color: #fff;
		font-size: 72px;
		line-height: 72px;
		text-transform: uppercase;
}
	h2 { font-size: 30px; line-height: 48px; color: #4d4d4d; padding-top: 0px; padding-bottom: 27px; margin-top: -10px;}
	h3 { font-size: 22px; line-height: 48px; color: #232323; padding-top: 60px; padding-bottom: 55px;}
	h4 { font-size: 20px; line-height: 30px; color: #232323;}
	h5 { }


	.title-1 { font-size: 48px; line-height: 48px; color: #636363; font-family: 'Open Sans', sans-serif; font-weight: 300; padding-bottom: 26px;} 
	.title-2 { font-size: 20px; line-height: 30px; color: #52d2cf; font-family: 'Open Sans', sans-serif; font-weight: 300;}
	.text-1 { font-size: 15px; line-height:22px; color: #ffffff;}
	.text-2 { font-size: 20px; line-height: 24px; font-weight: 300; text-transform: uppercase; color: #7e7e7e; font-family: 'Open Sans', sans-serif; padding-top: 23px;}
	.text-3 { }

	.color-1 { }
	.color-2 { }

	.text-1 a {transition: all .4s ease;}
	.text-1 a:hover { color: #52d2cf;}
	p + .text-1 { padding-top: 5px;}
	img + .list { margin-top: 33px;}
	p.title-2 { padding-bottom: 29px;}
	h3 + .title-2 { margin-top: -6px;}
	h3 + .list {
	margin-top: -9px;
	color: 52d2cf;
}
	h3.v1 { padding-top: 46px;}
	.text-2 a { transition: all .4s ease;}
	.text-2 a:hover { color: #52d2cf;}


	.page-1 h2 { padding-top: 29px; margin-top: 0px;}
	.page-1 h3 { padding-top: 46px; padding-bottom: 54PX;}

	.btn {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
	}
	.btn:hover { }

	.list li { background: url(../images/arrow-2.png) right 14px no-repeat;}
	.list li + li {	border-top: 1px solid #efefef; }
	.list li + li { margin-top: 0px;}
	.list li a {font: 14px/33px Arial, sans-serif;color: #8d8d8d;font-style: italic;}
	.list li a:hover {
	color: #333333;
}


	.list-1 li { margin-top: -10px;}
	.list-1 li + li {border-top: 1px solid #eeeeee; margin-top: 0;}
	.list-1 li + li { margin-top: 0px;}
	.list-1 li span {
		font: 14px/33px Arial, sans-serif;
		color: #8d8d8d;
		font-style: italic;
	}
	.list-1 li span.price { float: right;}

	.list-1 li a:hover { color: #52d2cf;}

	.link {
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color: #383838;
		line-height: 14px;
		font-size: 12px;
		text-transform: uppercase;
		background: url(../images/arrow-1.png) right 1px no-repeat;
		padding-right: 17px;
		margin-top: 35px;
		display: inline-block;
	}
	.link:hover { color: #ff7e6c;}
	
	.link-1 {
		font-size: 14px;
		color: #3d3d3d;
		font-family: 'Open Sans', sans-serif;
		line-height: 30px;
		padding: 0 30px;
		background: #f6f6f6;
		font-weight: 600;
		margin-top: 26px;
	}
	.link-1:hover { background: #52d2cf;}

	.link-2 {
		font-size: 13px;
		color: #ffffff;
		font-family: 'Open Sans', sans-serif;
		line-height: 22px;
		font-weight: 600;
		margin-top: 18px;
	}
	.link-2:hover { color: #52d2cf;}
	.link-3 {
		color: #52d2cf;
		font: 14px/20px Arial, sans-serif;		
		margin-top: 18px;
	}
	.link-3:hover { color: #aaaaaa;}

	/*auxiliary*/

	.img-ind {float: left; margin-right: 59px; margin-top: 2px;}
	.wrapper {width: 100%; position: relative;}
	.extra-wrap {overflow:hidden;}
	.grid_inside { margin: 0 -10px;}
	.aligncenter {text-align: center !important;padding-top: 29px;}
	.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;
	color: 52d2cf;
}

	.top-1 { margin-top: 42px;}

.bord-1 { border-bottom: 1px solid #f0f0f0; height: 35px;}
.bord-1.v1 { height: 45px;}
.bord-1.v2 { height: 54px;}

.img-ind + div > .title-2 { margin-top: -5px;}

/*img.wrapper { margin-top: 5px;}*/
.page-1 .wrapper { margin-top: 0;}

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

h1 a {
	display: inline-block;
	margin-top: 51px;
	margin-left: 60px;
}
		
.page-1 h1 {height: 315px;background: url(../images/logo.jpg) 0 0 repeat;}
.page-1 h1 a {margin-top: 190px;}

.list-services { position: relative; margin-top: 60px; margin-right: 20px; float: right;}
.list-services li {
	display: inline-block;
	float: left;
}

	.list-services li a {
		display: inline-block;
		text-decoration: none;
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
		margin-left: 14px;
		text-align: center;
		line-height: 16px;
		height: 16px;
		width: 15px;
	}
	.list-services li a i {
		color: #5c5c5c;
		font-size: 16px;
		line-height: 16px;
		vertical-align: middle;
	}
	.list-services li a:hover i {color: #ff7e6c;	}

	.camera_caption > div {
		background: #8dd8f8;	
		padding: 4px 46px 9px;
}
	.camera_caption {
		width: 40.5%;
		bottom: 48px;
		right: 0;
		left: auto;
	}
	.slider h2 { color: #fff; line-height: 39px;}
	.slider .camera_pag { position: relative;}
	.slider .camera_pag_ul { 
		position: absolute;
		right: 22px;
		bottom: 64px;		
	}
	.slider .camera_pag_ul li span { display: none;}
	.slider .camera_wrap .camera_pag .camera_pag_ul li {
		display: block !important;
		float: none;
		width: 7px;
		height: 7px;
		background: url(../images/arrows-1.png) 0 bottom no-repeat !important;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		margin: 23px 5px;
	}
	.slider .camera_wrap .camera_pag .camera_pag_ul li:hover,
	.slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent	 {
		background: url(../images/arrows-1.png) 0 0px no-repeat !important;
	}
	.camera_wrap { height: 459px;}

/************Content***********/
.content { }
.content .bord-1.pad-bot { padding-bottom: 48px;}
.page-1 .content .bord-1.pad-bot { padding-bottom: 0px;}

.block-1 {
	background: #f5f7f8 url(../images/bg-5.png) right 0 no-repeat;
	margin-top: 64px;
	position: relative;
}
.block-1 .inside {padding: 63px 0px 54px 119px; width: 37%;}
.block-1:after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0;
	border-top: 5px solid #2b2b2b;
	width: 55.5%;
	height: 0;
}
.box-1 { margin-top: 29px; text-align: center;}
.box-1 .inside { padding: 12px 12px 35px; border: 1px solid #e3e3e3; }
.box-1 img { width: 100%;}

.box-2 { margin-top: -4px; padding-bottom: 42px;}
.box-2 + .box-2 { padding-top: 31px; border-top: 1px solid #eaeaea;}



.block-2 { margin-top: 5px;}
.block-2 .box-1 { margin-top: 34px;}
.block-2 .box-1 .inside { padding-bottom: 21px;}
.block-2 .box-1 .text-2  { padding-bottom: 10px;}

.block-3 { margin: 0px -15px;}
.box-3 { width: 280px; float: left; margin-left: 25px; margin-right: 25px; margin-top: 1px;}
.box-3 .title-2 { padding-top: 38px;}

.block-4 > .list { margin-top: 13px; width: 47%; float: left;}
.block-4 > .list + .list { float: right;}

.block-5 + .title-2 { margin-top: 30px;}

.privacy .title-2 { padding-bottom: 20px;}
p + .title-2 { padding-top: 20px;}


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

footer {
	font-size: 14px;
	line-height: 26px;
	color: #848484;
	padding-bottom: 40px;
}
footer .f-col-1,
footer .f-col-2,
footer .copyright { margin-top: 65px;}
footer .f-col-1 { 
	background: url(../images/icon-1.png) 0 0 no-repeat; 
	padding-left: 29px;
}
footer .f-col-2 { 
	background: url(../images/icon-2.png) 0 3px no-repeat; 
	padding-left: 29px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}
footer .copyright {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #5e5b5a;
	text-align: right;
	padding-top: 4px;
	padding-right: 8px;
}
footer .copyright .pad { padding: 0 2px; font-size: 17px; color: #bbbbbb;}


	/*toTop*/

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		cursor:pointer;
		overflow:hidden;
		width: 21px;
		height: 15px;
		border:none;
		text-indent:-999px;
		z-index:20;
		background: url(../images/ui.totop.png) 0 0 no-repeat;
		margin-right: -670px !important;
		right: 50%;
		bottom: 20px;
	}

		#toTop:hover { background: url(../images/ui.totop.png) 0 bottom no-repeat;}

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



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


@media only screen and (max-width: 995px) {
	.list-services { margin-top: 20px;}
	h1 img { width: 100%;}
	.top-1 { padding-bottom: 30px;}
	.box-3 { width: 31%; margin-left: 1%; margin-right: 1%;}
	.camera_wrap { height: 365px;}
	.img-ind + div > .title-2 { margin-top: 0;}

}
@media only screen and (max-width: 767px) {
	.grid_inside { margin: 0;}
	.slider-text h2 { font-size: 20px; line-height: 20px;}
	.camera_caption { width: 60%;}
	.slider .camera_pag_ul { bottom: 50px;}
	.block-1 .inside { 
		width: 100%; 
		padding-left: 10px; 
		padding-right: 10px; 
		background: url(../images/opac-1.png) 0 0 repeat; 
		padding-top: 0px; 
		padding-bottom: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.block-1 { padding-top: 40px; padding-bottom: 40px;}
	.block-1 p { color: #000;}
	.box-1 { width: 46% !important; padding-left: 2%; padding-right: 2%;}
	footer .copyright { text-align: left;}
	footer .f-col-1, footer .f-col-2, footer .copyright { margin-top: 30px;}
	.box-3 { width: 100%; margin-left: 0; margin-right: 0; margin-top: 40px;}
	.box-3 img { width: 40%; margin-right: 20px; float: left;}
	.box-3 img + p.title-2 { padding-top: 0;}
	.camera_wrap { height: 205px;}
	.top-1 h2 { margin-top: 20px;}
	.w1 { width: 45%; margin-right: 20px; margin-bottom: 10px;}
	.img-ind + .extra-wrap { overflow: visible;}
	.block-4 .list { float: none; width: 100%;}
	.block-3 { margin: 0;}
}
@media only screen and (max-width: 479px) {
	/*.camera_caption > div { display: none;}*/
	.slider-text h2 {font-size: 14px;line-height: 18px;}
	.page-1 h2 { padding-top: 10px; padding-bottom: 10px;}
	.camera_caption > div {padding: 4px 38px 9px 6px; min-height: 54px;}
	.camera_caption { bottom: 32px;}
	.slider .camera_wrap .camera_pag .camera_pag_ul li {margin: 15px 5px;}
	.slider .camera_pag_ul { bottom: 25px; background: #abe8e5;}
	.box-1 { width: 100% !important; padding-left: 0; padding-right: 0;}
	.box-3 img { width: 100%; margin-right: 0; float: none;}
	.box-3 img + p.title-2 { padding-top: 38px;}
	.camera_wrap { height: 150px;}
}
@media only screen and (max-width: 320px) {

}
.content .container_16 .row .grid_10.suffix_1 div div div div p {
	color: #333;
}
.content .container_16 .row .grid_10.suffix_1 div div div div .extra-wrap div {
	color: #333;
}
.container_16 .row.top-1 .prefix_1.grid_7 div {
	color: #333333;
}
.content .container_16 .row .grid_16 div div div div {
	color: #333;
}