@import "/css/reset.css";

@import "/css/skeleton.css";







html, body {

	background: #000 url(/images/bg_all.jpg) no-repeat top center;

	font: 15px/24px Arial, sans-serif;

	color: #7e7e7e;

	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 { -moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease;	-o-transition: all 0.4s ease;transition: all 0.4s ease;}

.a-hov:hover { color: #4E9DD6;}



h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; color: #3a3a3a;}

h2 {font-size: 29px; line-height: 31px; font-weight: normal; padding-top: 41px; text-transform: uppercase;padding-bottom: 49px;}

.regular {padding-top: 34px; padding-bottom: 39px}

h3 {font-size: 24px; line-height: 26px; font-weight: bold; padding-top: 43px; padding-bottom: 13px;}

h3.modPadding {padding-top: 0px; padding-bottom: 10px;}

h4 {font-size: 21px; line-height: 26px; font-weight: bold; color: #4E9DD6;}

h5 {font-family: 'Roboto Condensed', sans-serif; font-size: 16px ; color: #f9f9f9; text-transform: uppercase; padding-top: 47px;padding-bottom: 25px; font-weight: bold}

.light { font-weight: normal; padding-bottom: 0px; text-transform: none; padding-top: 47px;}



.text-1 {font-family: 'Roboto Condensed', sans-serif; font-size: 12px; line-height: 21px; color: #7e7e7e; display: block;}

.text-2 { font: 12px/24px Arial, sans-serif; font-style: italic; color: #7e7e7e;}

.text-2 span {font-style: normal;}

.text-3 { font: 11px/11px Arial, sans-serif; color:#3a3a3a; display: block; }

.text-4 { font: bold 12px/18px Arial, sans-serif; font-style: italic; color: #3a3a3a; display: block; }

.text-5 { font: 15px/18px Arial, sans-serif; color:#7e7e7e; padding-bottom: 19px;}

.text-6 { font: 12px/18px Arial, sans-serif; color:#7e7e7e; padding-bottom: 34px;}



.color-1 { color: #4E9DD6;}

.color-2 { color: #4e9dd6;}

.color-3 { color: #3a3a3a;}





.bg-1 {

	background: #4E9DD6 url(/images/bg-1.gif) 0 bottom repeat-x;

	font: 11px/15px Arial, sans-serif; 

	color: #ffffff;

	padding: 12px 0 11px;

}



.bg-2 {}

.bg-3 {background: #000 url(/images/bg_content.jpg);}

.bg-4 { background: url(/images/bg_content.jpg);}

.bg-5 { background: url(/images/block1.jpg); padding-bottom: 43px;}



.bord-1 {	background: url(/images/bord-1.gif) 0 bottom repeat-x; }









.btn {

	position: relative;

	display: inline-block;

	margin-top: 25px;

	background: #4E9DD6;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 12px;

	line-height: 12px;

	text-transform: uppercase;

	color: #ffffff;

	text-decoration: none;

	padding: 8px 16px 9px 19px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	font-weight: normal;

}

	.btn:after { 

		display:inline-block; 

		font-family: FontAwesome;

		font-weight: normal;

		font-style: normal;

		text-decoration: inherit;

		-webkit-font-smoothing: antialiased;



		padding-left: 10px;

		font-size: 16px;

		font-weight: normal;

}

	.btn:hover {background: #63a7d8; text-decoration: none;}







.list-1 {border-bottom: 1px solid #dadada;margin-bottom: 16px;}

.list-1 li {

	padding: 10px 0px 8px 24px; 

	border-top: 1px solid #dadada; 

	background: url(/images/arrow-1.png) 5px 11px no-repeat; 

	line-height: 12px;

}

.list-1 li a { 

	font: 12px/12px Arial, sans-serif; 

	color: #3a3a3a; 

	-moz-transition: all 0.4s ease;	

	-webkit-transition: all 0.4s ease;	

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

.list-1 li a:hover {color: #4E9DD6;}



.list-1.v2 {margin-bottom: 0; border-bottom: none;}

.list-1 + h4 {padding-top: 33px; padding-bottom: 14px;}

.img-bord {border:1px solid #d2d0d0; padding: 1px; background: #f8f9fc;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

.img-bord img { width: 100%;}

.img-ind + div > h3 { padding-top: 0;}

.block-2 .btn {margin-top: -11px !important;}

.bottom-ind { height: 37px;}



p { padding-bottom: 17px;}



.p1 {padding-bottom: 40px;}

.p2 {padding-top: 32px;}

.p3 {padding: 40px 0 40px;}

.p5 {padding-bottom: 38px;}

.p6 { padding-bottom: 56px}

.p7 { padding-top: 39px; padding-bottom: 12px;}

.p8 {margin-top: 26px; display: inline-block;}

.p8 { margin-bottom: 5px;}



.bord-1.p4 {padding-top: 45px;}





.img-ind {float: left; margin-right: 20px; margin-top: 1px;}

.img-ind img { width: 100%;}

.wrapper img, .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;}



.clearfix { *zoom: 1;}

.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0;}

.clearfix:after { clear: both;}









.link, .link + .phone { display: inline-block; padding-left: 18px;}

.link { background: url(/images/icon-1.png) 0 2px no-repeat; margin-right: 25px;}

.phone { background: url(/images/icon-2.png) 5px 0 no-repeat;}



.top_menu { font: 10px/18px Arial, sans-serif; margin-top: -2px;}

.top_menu li {float: left; margin-left: 8px;}

.top_menu li a {display: inline-block; margin-right: 8px;}

.top_menu li a:hover {text-decoration: underline;}



h1 {font-family: 'Lato', sans-serif; font-weight: 900; font-style: italic; font-size: 30px; line-height: 1em; color: #4e9dd6; padding-top: 51px; letter-spacing: -1px; float: left;padding-left: 2px;}

h1 span {font-size: 10px; line-height: 1em; color: #fff; display: block; text-transform: uppercase; letter-spacing: 5px; font-style: normal; font-weight: normal;margin-top: 5px;}



.round

{

-webkit-border-radius: 5px 5px 5px 5px;

border-radius: 5px 5px 5px 5px;

}







.camera_caption {background: #000;font-family: 'Roboto', sans-serif; font-weight: 500; color: #fff; text-transform: uppercase; font-size: 21px; line-height: 21px;



}

.camera_wrap img {-webkit-border-radius: 0 0 7px 7px;

-moz-border-radius: 0 0 7px 7px;

-ms-border-radius: 0 0 7px 7px;

-o-border-radius: 0 0 7px 7px;

border-radius: 0 0 7px 7px;}





.slider-1 .camera_caption > div { padding: 31px 35px 27px; }

.camera_wrap {height: 462px; position: relative; z-index: 10000;}

.slider-1 .camera_prev,

.slider-1 .camera_next {bottom: 11px; top: auto;}

.slider-1 .camera_prev span,

.slider-1 .camera_next span { background: none; width: 12px; height: 22px;}

.slider-1 .camera_prev {right: 20px; left: auto;}

.slider-1 .camera_next {right: 3px; left: auto;}

.camera_next > span,

.camera_prev > span { background: none;}

.camera_prev > span:after,

.camera_next > span:after { 

	font-size: 36px; 

	color: #fff; 

	font-family: FontAwesome;

	font-weight: normal;

	font-style: normal;

	text-decoration: inherit;

	-webkit-font-smoothing: antialiased;

}







.camera_prev > span:after {

	content: "\f104";

}

.camera_next > span:after {

	content: "\f105";

}

.slider-1 .camera_prev > span:hover:after,

.slider-1 .camera_next > span:hover:after {color: #4E9DD6;}



.camera_wrap { margin-top: 54px; position: relative;}

.camera_wrap:after {

        content:"";

        position:absolute;

        left: 0;

        right: 0;

        top: auto;

        bottom: -20px;

        height: 44px;

        width: 100%;

    	background: url(/images/bg-3.png) center bottom no-repeat;

    	background-size: 100% auto;

}







.content

{

background: url(/images/bg_content.jpg);

}



.line-1 {line-height: 18px; margin-bottom: -2px;}

.text-2 a:hover {text-decoration: underline;}



#foo li {cursor: default;min-height: 319px;}

#foo li .img-bord {position: relative;margin-bottom: 17px;}

#foo li a {

	position: absolute; 

	bottom: 1px; 

	left: 1px; 

	right: 0px; 

	top: auto; 

	right: 1px;

	background: url(/images/bg-2.png) 0 0 repeat;

	display: block;

	padding: 15px 0px 13px 15px;

	font-family: 'Roboto Condensed', sans-serif;

	color: #ffffff;

	font-size: 14px;

	line-height: 14px;

	text-transform: uppercase;

}

#foo li a:after { 

	font-size: 20px; 

	color: #7e7e7e; 

	font-family: FontAwesome;

	font-weight: normal;

	font-style: normal;

	text-decoration: inherit;

	-webkit-font-smoothing: antialiased;

	content: "\f101";

	color: #ffffff;

	display: inline-block;

	padding-left: 10px;

}

#foo li a:hover:after, #foo li a:hover { color: #4E9DD6;} 

.testimonials .arrows {width: 28px; height: 17px; position: absolute; right: 10px; top: -39px; z-index: 100;}

.testimonials .arrows .prev,

.testimonials .arrows .next {display: block; float: left; width: 11px; height: 17px; }

.testimonials .arrows .next {margin-left: 6px;}

.testimonials .arrows .prev:after,

.testimonials .arrows .next:after { 

	font-size: 32px; 

	color: #7e7e7e; 

	font-family: FontAwesome;

	font-weight: normal;

	font-style: normal;

	text-decoration: inherit;

	-webkit-font-smoothing: antialiased;

}

.testimonials .arrows .prev:after {	content: "\f104";}

.testimonials .arrows .next:after {	content: "\f105";}

.testimonials .arrows .prev:hover:after,

.testimonials .arrows .next:hover:after {color: #5d5c5d;}





.row-1 h2 {	padding-top: 29px;	padding-bottom: 41px;}

.row-1 h4  {padding-top: 68px;padding-bottom: 14px;}



.row-2 h2 {padding-top: 23px;padding-bottom: 43px;}

.row-2 h4 {padding-bottom: 16px;}



.box-1 {padding-bottom: 18px; padding-top: 14px;}

.box-1 + .box-1 { border-top: 1px solid #cecece; padding-top: 17px;}

.box-1 .text-4 {padding-top: 1px;padding-bottom: 3px;}

.box-1 .text-3 {padding-bottom: 2px;}



.tabs1 { margin-top: 4px; font: 12px/18px Arial, sans-serif;}

.tab_container {background: #ffffff; border:1px solid #d2d0d0; padding: 35px 30px 31px 31px;  margin-top: -1px;}

.tabs li { float: left; margin-right: 1px;}

.tabs li a { 

	display: block; 

	padding: 13px 41px 11px 41px;

	background: #aaaaaa; 

	font-family: 'Roboto Condensed', sans-serif; 

	font-weight: 300; 

	text-transform: uppercase;

	color: #ffffff;

	font-size: 14px;

	line-height: 1em;

	letter-spacing: 1px;

}

.tabs li a:hover { background: #7e7e7e;}

.tabs li a.current { background: #ffffff; color: #4e9dd6;border: 1px solid #d2d0d0; border-bottom: 0px;}

.tabs1 .img-ind {margin-top: 4px;margin-right: 23px;}



.tabs1 .btn {background: #4e9dd6;}

.tabs1 .btn:hover {background: #4E9DD6;}





.block-1 .img-ind { margin-top: 6px;}

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



.block-2 {margin-top: 3px; padding-right: 10px;padding-bottom: 10px;}

.gallery-1 > div {margin-top: 7px;}







.gallery-2 > div { margin-top: 40px;}

.gallery-2 .img-bord { margin-bottom: 17px;}



.gallery-2 .text-6 { padding-bottom: 0;}





h2 + .blog_post { margin-top: -33px;}

.blog_post h3 { padding-top: 35px;}

.blog_info {margin-top: -2px;}

.blog_info.text-6 { padding-bottom: 25px;}

.blog_post .img-bord {margin-bottom: 13px;}







footer {font: 12px/24px Arial, sans-serif; color: #ffffff; background: #000 }

footer .address span { display: inline-block; width: 68px;}

footer .address .e-mail { margin-top: 24px;}

footer .list-services { margin-top: 4px;}

footer .list-services li {float: left; display: block; width: 24px; text-align: center; line-height: 18px;}

footer .list-services li + li {margin-left: 4px;}

footer .list-services li a {font-size: 18px;line-height: 18px;}

footer .list-services li a:hover {color: #4e9dd6; text-decoration: none;}

footer ul li a:hover { text-decoration: underline;}



footer .box_inner p {

	padding-top: 4px;

	padding-bottom: 3px;

	line-height: 16px;

}



.magnifier {

	position:relative;

	display:block;

}

.magnifier:after {

	background: url(/images/magnifier.png) center center no-repeat #000000;

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	opacity: 0;

	filter: alpha(opacity=0);

	left: 0;

	top: 0;

	-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:after {

	opacity:0.4;

	filter: alpha(opacity=40);

	-webkit-transition:opacity .2s linear;

	-moz-transition:opacity .2s linear;

	-o-transition:opacity .2s linear;

	transition:opacity .2s linear;

}











#toTop {

	display:none;

	text-decoration:none;

	position:fixed;

	cursor:pointer;

	overflow:hidden;

	width: 18px;

	height: 19px;

	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: 30px;

	font: bold 18px/18px Arial, sans-serif;

	color: #464646;

}



	#toTop:hover {

		display:block;

		overflow:hidden;

		float:left;

		

		background-position: 0 bottom;

	}



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













@media only screen and (max-width: 995px) {

	#foo li {min-height: 333px;}

	.tabs li a { padding: 16px 22px 8px 22px; }

	.block-2 {padding-right: 0px;}

	.camera_wrap {height: 367px;}

	footer .list-services li + li {margin-left: 6px;}

}

@media only screen and (max-width: 767px) {

	.w1 { width:45% !important; margin-right: 3%; margin-left: 2%;}

	.w2 { width: 30% !important; margin-right: 2%; margin-left: 1%;}

	.camera_wrap:after { bottom: -15px;}

	.slider-1 .camera_caption > div > span { font-size: 11px;line-height: 12px; font-family: 'Roboto', sans-serif;}

	.slider-1 .camera_caption > div { font-size: 11px;line-height: 11px; font-family: 'Roboto', sans-serif;}

	.slider-1 .camera_caption > div {padding: 8px 35px;}

	.slider-1 .camera_prev, .slider-1 .camera_next { bottom: -14px;}

	.camera_wrap {height: 206px;}

	#foo li { margin-right: 10px; margin-left: 10px;}

	.w3 { width: 50%;	

	}

	nav {background: none!important;

}



@media only screen and (max-width: 479px) {

	.tabs li a { padding: 16px 10px 8px 10px;}

	.tabs1 .btn { padding-right: 10px;} 

	.camera_wrap:after { bottom: -11px;}

	.tab_container {padding: 35px 10px 31px 15px;}

	.tab_container .extra-wrap {overflow: visible;}

	.camera_wrap {height: 200px;}

	.block-1 .img-ind { width: 30%; margin-bottom: 5px;}

	footer .address span { display: block;}

	.w1, .w2 { width: 100% !important; margin-right: 0%; margin-left: 0%;}

	.w3 { width: 100%; margin-bottom: 15px;}

	footer .w1 {width:45% !important; margin-right: 3%; margin-left: 2%;}

	.camera_caption {

		-webkit-border-radius: 0px;

		-moz-border-radius: 0px;

		-ms-border-radius: 0px;

		-o-border-radius: 0px;

		border-radius: 0px;

	}

	.camera_wrap img {-webkit-border-radius: 0px;

		-moz-border-radius: 0px;

		-ms-border-radius: 0px;

		-o-border-radius: 0px;

		border-radius: 0px;

	}

	.slider-1 .camera_next {right: -20px;}

	.slider-1 .camera_prev {right: -1px;}

	nav {background: none!important;}

}

@media only screen and (max-width: 320px) {

	.top_menu {margin-top: 10px; nav {background: none!important;}



}