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

	html, body {
		background: #ffffff;
		font: 16px/24px Arial, sans-serif;
		font-family: 'Open Sans', sans-serif;
		color: #2b2b2b;
		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: #2c7eb6;}

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

	h1, h2, h3, h4, h5, h6 { text-transform: uppercase;}
	h1 { font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: red; font-size: 36px; line-height: 36px; margin-top: 25px; float: left; font-weight: bold;}
	h2 { font-size: 18px; line-height: 25px; color: #363636; font-weight: bold; padding-top: 69px; border-bottom: 2px solid #000000; display: inline-block; margin-bottom: 24px;}
	h3 { font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: normal;}
	h4 { }
	h5 { font-size: 18px; color: red; float: right}


	.title-1 { font-size: 18px; line-height: 24px; color: #7d7d7d; text-transform: uppercase; margin-bottom: 5px;} 
	.text-1 { font-size: 18px; line-height: 24px; color: #868686; text-transform: uppercase; padding-bottom: 5px; padding-top: 23px;}
	.text-2 { font-size: 18px; line-height: 30px; color: #f9f9f9; font-style: italic;}
	.text-3 { font-size: 18px; line-height: 24px;}
	.text-4 { font-size: 18px; line-height: 24px; color: #fff; font-weight: 300; font-style: italic;}
	.text-5 { font-size: 18px; line-height: 30px; color: #363636; font-weight: 700; text-transform: uppercase; padding-top: 16px; margin-bottom: -5px;}

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

	img + .title-1, .magnifier + .title-1 { padding-top: 22px;}
	.bord-1.title-1 { margin-bottom: 14px;}
	h2.v1 { padding-top: 50px !important;}
	.page-1 h2 { padding-top: 20px; margin-bottom: 24px;}
	.text-1 + .text-5 { padding-top: 7px;}
	h2 + img.wrapper { margin-top: 7px;}
	img.wrapper + .text-1 { padding-top: 21px;}
	h2 + .text-1 { padding-top: 0;}
	.list + .text-1 { margin-top: -3px;}
	h2 + h3 { padding-top: 0;}

	.link {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 11px;
		line-height: 24px;
		color: #2c7eb6;
		font-style: italic;
		margin-top: 4px;
		text-decoration: none;
	}
	.link:hover { color: #363636;}

	.link-1 { color: #2c7eb6; display: inline-block; margin-top: 9px;}
	.link-1:hover { text-decoration: none;}

	.list li {
		margin-top: -2px;
		font-size: 16px;
		line-height: 24px;
		padding-left: 25px;
		background: url(../images/arrow-1.png) 0 11px no-repeat;
	}
	.list li + li { margin-top: 0px;}
	.list li a { color: #2b7db5;}
	.list li a:hover { color: #363636;}

	.list.v1 li + li { margin-top: 24px;}

	/*auxiliary*/

	.img-ind {float: left; margin-right: 17px; margin-top: 6px;}
	.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: none;}
	.underline {text-decoration: none;}
	.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 { margin-left: 10px;}

	p { padding-bottom: 24px;}

	.bord-1 {position: relative; display: block;}
	.bord-1:after {
		position: absolute;
		content: "";
		background: #e2e5e6;
		border-bottom: 1px solid #ffffff;
		height: 1px;
		left: 0;
		right: 0;
		bottom: -3px;
	}

	.img-ind-1 {
		float: left; 
		margin-right: 21px; 
		margin-top: 8px;
		background: #f5f5f5;
		width: 58px;
		height: 58px;
		background: #f5f5f5;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		box-shadow: 0px 1px 3px 1px #e5e8e8; 
		color: #2c7eb6;
		text-align: center;
		vertical-align: middle;
	}
	.img-ind-1 i {
		line-height: 56px;
		font-size: 30px;

	}
/************Header************/
header { background: url(../images/bg-1.gif) 0 0 repeat;}

.slider_bg { background: #156dab url(../images/bg-2.png) center bottom no-repeat; padding-top: 34px; padding-bottom: 34px;}
.camera_wrap { height: 531px;}
.slider { position: relative;}
.slider:before { 
	position: absolute;
	content: "";
	background: #4491c2 url(../images/bg-3.jpg) 0 bottom repeat-x;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
}
.slider:after {
	position: absolute;
	content: "";
	bottom: -12px;
	left: -10px;
	right: -10px;
	height: 12px;
	background: #41a1d1; /* Old browsers */
background: -moz-linear-gradient(left, #41a1d1 1%, #35c0ed 50%, #41a1d1 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#41a1d1), color-stop(50%,#35c0ed), color-stop(99%,#41a1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #41a1d1 1%,#35c0ed 50%,#41a1d1 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #41a1d1 1%,#35c0ed 50%,#41a1d1 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #41a1d1 1%,#35c0ed 50%,#41a1d1 99%); /* IE10+ */
background: linear-gradient(to right, #41a1d1 1%,#35c0ed 50%,#41a1d1 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a1d1', endColorstr='#41a1d1',GradientType=1 ); /* IE6-9 */
}
.camera_prev,
.camera_next {
	background: url(../images/arrows-3.png) 0 0 no-repeat;
	
	position: absolute;
	height: 61px;
	width: 61px;
}
.camera_prev:after {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f060";
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
	position: absolute;
	top: 5px;
	left: 17px;
	line-height: 50px;
}
.camera_next:after {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f061";
	color: #ffffff;
	font-size: 30px;
	line-height: 30px;
	position: absolute;
	top: 5px;
	left: 19px;
	line-height: 50px;
}
.camera_prev:hover:after,
.camera_next:hover:after {color: #3796c5;}
.camera_prev span,
.camera_next span { display: none;}
.camera_prev { left: -90px; margin-top: -56px;}
.camera_next { right: -90px; margin-top: -56px;}

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

.content{ background: url(../images/bg-1.gif) 0 0 repeat; padding-bottom: 98px; position: relative;}
.content:after { position: absolute; height: 5px; content:""; left: 0; right: 0; top: 0; background: url(../images/bg-5.png) 0 0 repeat;}
.page-1 .content:after { background: none;}

.box-1 { margin-top: 6px; padding-bottom: 9px;}
a.box-1:hover .title-1,
a.box-1:hover { color: #2b75a7;}

.box-2 { position: relative;}
.box-2 + .box-2 { margin-top: 26px;}
.box-2 + .box-2:after {
	position: absolute;
	content: "";
	height: 1px;
	background: #e3e6e6;
	border-bottom: 1px solid #fff;
	left: 0;
	right: 0;
	top: -16px;
}

.bord-2 { position: relative;}
.bord-2:after { 
	position: absolute;
	content: "";
	width: 1px;
	top: 11px;
	bottom: 5px;
	right: 24px;
	background: #e2e6e6;
	border-left: 1px solid #ffffff;
}

.list_carousel { 
	margin-top: 78px;
	background: #2b7eb6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding-bottom: 5px;
}
.list_carousel ul { 
	cursor: default;
}
.list_carousel ul li {
	float: left;
}

.list_carousel ul li .inside {padding: 34px 52px 6px;	text-align: center;}
.list_carousel ul li .inside .text-3 {	color: #fff;}

.pagination { text-align: center;}
.pagination a {
	display: inline-block;
	width: 6px; 
	height: 6px;
	/*-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
	background: #fff;*/
	text-indent: -100px;
	overflow: hidden;
	margin: 0 5px;
	background: url(../images/arrows-2.png) right 0 no-repeat;
}
.pagination a.selected,
.pagination a:hover { background: url(../images/arrows-2.png) left 0 no-repeat;}


.block-2 { margin-top: 17px;}
.box-3 { margin-bottom: 23px;}
.box-3 i { font-size: 30px; line-height: 30px; color: #2c7eb6;}
.box-3 .text-1 { padding-top: 8px; padding-bottom: 3px;}
.box-3 .img-ind { width: 24px;} 
.block-2 + div h2:first-child { padding-top: 23px;}

.block-4 > div { margin-top: 77px;}
.block-4 > .box-1 { padding-bottom:0px;}

.gallery { margin-top: -16px;}
.gallery .box-1 { margin-top: 22px;}

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

footer {background: url(../images/bg-4.gif) 0 0 repeat-x; padding-bottom: 40px;}
.list-services { position: relative; margin-top: 25px; margin-left: 20px; }
.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: 17px;
		text-align: center;
		line-height: 45px;
		height: 25px;
		font-size: 27px;
		color: #555555;
	}
	.list-services li a i {
	}
	.list-services li a:hover i {color: #2b7eb6;}

	.copyright { color: red; font-size: 13px; line-height: 24px; margin-top: 30px;}


	/*toTop*/

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		cursor:pointer;
		overflow:hidden;
		width: 35px;
		height: 37px;
		border:none;
		z-index:20;
		margin-right: -670px !important;
		right: 50%;
		bottom: 20px;
	}
	#toTop:after {
		content: "\f01b";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		font-size: 40px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		color: #2b2b2b;
	}

		#toTop:hover:after { color: #2b7eb6;}

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



	/*touch-touch*/ 
	.magnifier {
		position:relative;
		display:block;
		background: url(../images/magnifier.png) center center no-repeat #000000;

	}
	.magnifier img {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.magnifier:hover img {
		opacity: 0.4;
	}



	


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


@media only screen and (max-width: 1130px) {
	.camera_prev { left: 10px;}
	.camera_next { right: 10px;}
}
@media only screen and (max-width: 995px) {
	.w1 { width: 45%; margin-bottom: 20px;}
	.extra-wrap.v1 { overflow: visible;}
	.extra-wrap.v1 .bord-1:after { display: none;}
	.camera_wrap { height: 423px;}
}
@media only screen and (max-width: 767px) {
	.box-1 { margin-top: 40px;}
	.bord-2:after { display: none;}
	.box-2 { margin-top: 26px;}
	.box-2:after {
		position: absolute;
		content: "";
		height: 1px;
		background: #e3e6e6;
		border-bottom: 1px solid #fff;
		left: 0;
		right: 0;
		top: -16px;
	}
	.bord-2 .box-2:first-child:after { display: none;}
	.block-1 img { float: none; margin-right: 0; margin-bottom: 20px; width: 100%;}
	footer .fleft,
	footer .fright { width: 100%;}
	footer .fright { text-align: left;}
	.list-services li a { margin-right: 17px; margin-left: 0;}
	.list-services { margin-left: 0px;}
	.camera_wrap { height: 237px;}
}
@media only screen and (max-width: 480px) {
	h1 { font-size: 28px;}
	.camera_wrap { height: 170px;}
}
@media only screen and (max-width: 320px) {

}