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


	html, body {
		background: #e0e0e0 url(../images/bg-1.gif) 0 0 repeat;
		font: 12px/22px Arial, sans-serif;
		font-family: 'Open Sans', sans-serif;
		color: #4d4c4a;
		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: #de7200;}

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

	h1, h2, h3, h4, h5, h6 {    font-weight: normal; }
	h1 {    margin-top: 49px; }
	h2 { font-size: 18px; line-height: 30px; color: #030303; text-transform: uppercase; padding-top: 57px; padding-bottom: 28px;}
	h3 { }
	h4 { }
	h5 { }


	.title-1 { font-family: 'Cinzel', serif; font-size: 38px; line-height: 46px; color: #fff;} 
	.title-2 { text-transform: uppercase; font-size: 18px; line-height: 30px; color: #e06d00; padding-bottom: 19px;} 
	.title-3 { font-family: 'Cinzel', serif; font-size: 43px; line-height: 43px; color: #2b2b2b; padding-bottom: 13px; padding-top: 51px;} 
	
	.text-1 { font-size: 14px; line-height: 30px; color: #090909;}
	.text-2 { font-size: 15px; line-height: 21px; color: #000000; padding-bottom: 2px;}
	.text-3 { font-size: 15px; line-height: 21px; color: #fff;}
	.text-4 { font-size: 15px; line-height: 21px; color: #e46905; padding-bottom: 8px;}

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

	p.text-4 { padding-bottom: 20px;}
	p.text-2 {  padding-bottom: 14px;}
	h2.v1 {padding-top: 50px !important; padding-bottom: 0 !important;}
	h2.v2 {padding-top: 26px; padding-bottom: 0;}
	h2.v3 {padding-top: 49px; padding-bottom: 0;}
	h2.v4 {padding-top: 31px; padding-bottom: 25px;}
	.page-1 h2 { padding-top: 65px; padding-bottom: 28px;}
	.text-2 a, .text-4 a { transition: all .4s ease;}
	.text-2 a:hover { color: #de7200;}
	.text-4 a:hover { color: #000;}
	p + .text-2 { margin-top: 0px;}
	p + .text-1 { margin-top: -9px;}
	.wrapper + .text-1 { padding-top: 20px;}
	h2 a:hover { color: #000;}
	.text-1 a:hover { color:#e7ad07; }


	.link {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 15px; 
		line-height: 21px;
		color: #e46905;
		font-weight: 300;
	
		margin-top: 17px;
}
	.link:hover { color: #000;}

	.link-1 {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		font-size: 15px; 
		line-height: 21px;
		color: #000000;
		font-weight: 300;
	
		display: inline-block;
		margin-top: 25px;
}
	.link-1:hover { color: #e46905;}

	.link-2 { color: #de7200; margin-top: 19px; display: inline-block;}
	.link-2:hover { color: #000;}

	.list li {
		font-size: 15px;
		line-height: 24px;
		position: relative;
		padding-left: 14px;
	
		margin-top: -7px;
}
	.list li:after {
		position: absolute;
		left: 0;
		top: 0;
		content: "\f101";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	
		font-size: 12px;
		line-height: 28px;
		color: #090909;
}
	
	.list li + li { margin-top: 0px;}
	.list li a { color: #e46905;}
	.list li a:hover { color: #000;}

	.list-1 li > div { overflow: hidden;}
	.list-1 li .text-2 { padding-bottom: 5px;}
	.list-1 li { margin-top: 38px;}
	.list-1 li + li { margin-top: 16px;}
	.list-1 li span { 
		float: left; 
		display: block;
		font-size: 30px;
		line-height: 30px;
		color: #e46905;
		margin-top: -10px;
	
		margin-right: 8px;
		font-weight: lighter;
}

img.wrapper + .text-4 { padding-top: 25px;}
img.wrapper + .inside { padding-top: 25px;}


	/*auxiliary*/

	.img-ind {float: left; margin-right: 21px; margin-top: 5px;margin-bottom: 20px;}
	.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: 21px;}

	.w01 { width: 87%; margin: 0 auto;}

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

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

.h-top { float: left;}
.h-top h1,
.h-top .slogan { float: left;}
.h-top .slogan {
	font-size: 14px; 
	line-height: 31px;
	color: #5e5e5e;
	text-transform: uppercase;
	margin-left: 20px;
	padding-left: 16px;
	position: relative;
	margin-top: 62px;
}
.h-top .slogan:before {
	position: absolute;
	content: "";
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 1px;
	background: #c1c1c1;
}


.list-services { text-align: center; padding-top: 1px; position: relative; padding-bottom: 15px; margin-top: 63px;}
.list-services li {
	display: inline-block;
}

	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 24px;
		width: 24px;
		background: #fff8ec url(../images/social_icons.png) no-repeat;
		-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: 0px 2px;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		-ms-border-radius: 500px;
		-o-border-radius: 500px;
		border-radius: 500px;
	}
	.list-services-1 { background-position: 0px 0px;}
	.list-services-2 { background-position: -31px 0px;}
	.list-services-3 { background-position: -63px 0px;}

	.list-services a:hover { opacity: .4;}

	.slider { margin-top: 15px;}
	.camera_caption { width: 301px; right: 0; left: auto; top: 0; background: url(../images/bg-4.png) 0 0 repeat;}
	.camera_caption > div { background: none; padding-top: 110px; padding: 110px 16px 0px; text-align: center;}
	.camera_pag { position: relative;}
	.camera_pag ul { position: absolute; bottom: 8px; right: 118px;}
	.camera_wrap .camera_pag .camera_pag_ul li {background: url(../images/camera_pag.png) right 0 no-repeat; border-radius: 0; 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;}
	.camera_wrap { height: 406px;}
/************Content***********/

.content { background: #f4f4f4 url(../images/bg-2.gif) 0 0 repeat; padding-bottom: 72px;}
.block-1 { text-align: center; background: #ffffff; padding-bottom: 70px;}
.box-1 { text-align: center; margin-top: 36px; background: #ffffff; padding-bottom: 25px;}
.box-1 .inside { padding: 0 19px;}

.date { font-size: 15px; line-height: 18px; color: #000000; float: left; width: 47px; margin-top: 7px; margin-bottom: 13px;}
.date span { font-size: 26px; display: block;}

blockquote + blockquote { margin-top: 8px;}
blockquote { position: relative; margin-top: 6px; padding: 20px 0px 20px;}
blockquote .abs {
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
	font-weight: 300;
	font-size: 36px;
}
blockquote p { font-style: italic; padding-bottom: 10px;}
blockquote a { transition: all .4s ease;}
blockquote a:hover { color: #e46905;}

.box-3 { margin-top: 33px;}
.box-3 .text-2 { padding-top: 20px; padding-bottom: 5px;}

.box-4 { margin-top: 43px; display: block;}
.box-4 a { display: block; margin-bottom: 17px;}

.box-4 + .box-4 { margin-top: 1px;}

	.various {
		position:relative;
		display:block;
		background:#000000;
	}
	.various:after {
		position: absolute;
		content: "\f0da";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 68px;
		line-height: 69px;
		color: #090909;
		width: 64px;
		height: 64px;
		background: url(../images/bg-5.png) 0 0 no-repeat;
		left: 50%;
		margin-left: -33px;
		top: 50%;
		margin-top: -34px;
		text-align: center;
	
		padding-left: 6px;
}
	.various img {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.various:hover img {opacity: 0.4;}
	


.box-5 { margin-top: 23px;}
.box-5 .text-1 { line-height: 21px; margin-top: 20px; font-weight: lighter;}

.box-6 { margin-top: 5px;}

.gallery { margin-top: -18px;}

.date-1 { padding-bottom: 9px;}
.box-7 { margin-top: 23px;}
.gallery-1 { margin-top: -18px;}


/*.block-2 .text-1 { padding-bottom: 0px;}*/

.block-2 + .block-2 { margin-top: 6px;}

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

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

footer { padding-bottom: 40px;}
.f-list { padding-top: 40px;}
.f-list li { 
	font-size: 13px; 
	line-height: 31px; 
	float: left; 
	position: relative;
	padding: 0 12px;
}
.f-list li a {	color: #767676;}
.f-list li a:hover, .f-list li.current a { color: #232121;}
.f-list li:before {
	position: absolute;
	left: -4px;
	content: "•";
	font-size: 16px;
	line-height: 32px; 
	color: #999999;
}
.f-list li:first-child {padding-left: 0;}
.f-list li:first-child:before {	display: none;}

.copyright {
	text-align: right;
	font-size: 13px; 
	line-height: 31px;
	color: #3d3d3f;
	margin-top: 41px;
}

.copyright img { margin-right: 9px;}



	/*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: #e16901;
	}

		#toTop:hover:after { color: #4264ab;}

		#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: 995px) {
	.list-services { margin-top: 30px;}
	.camera_wrap { height: 323px;}
	.f-list li { padding: 0 7px;}
	.copyright img { margin-right: 5px;}
	.block-2 + .block-2 { margin-top: 40px;}
}
@media only screen and (max-width: 767px) {
	.h-top .slogan { padding-left: 10px; margin-left: 10px; font-size: 12px;}
	.h-top .slogan {margin-top: 35px;}
	.camera_caption > div { padding-top: 20px;}
	.title-1 { font-size: 16px; line-height: 20px;}
	.title-2 { font-size: 12px; line-height: 16px;}
	.camera_wrap .camera_pag .camera_pag_ul { bottom: -20px;}
	.box-2 + .box-2 { margin-top: 30px;}
	.copyright { text-align: left;}
	.camera_wrap { height: 181px;}

	.w1 { width: 45%;}

	.f-list li { padding: 0 12px;}
	.grid_inside { margin: 0;}
	.copyright img { margin-right: 10px;}
	.list-services {margin-top: 10px;}
	.box-5 { width: 46% !important; padding-left: 2%; padding-right: 2%; margin-bottom: 10px;}
}
@media only screen and (max-width: 480px) {
	.h-top .slogan {
		padding-left: 5px;
		margin-left: 5px;
		font-size: 10px;
		margin-top: 30px;
	}
	.camera_wrap .title-1,
	.camera_wrap .title-2,
	.camera_wrap .text-3 { display: none;}
	.camera_caption { width: 100%; top: auto; height: 20px;}	
	.camera_wrap { height: 150px;}
	.box-5 { width: 100% !important; padding-left: 0; padding-right: 0;}
}
@media only screen and (max-width: 320px) {

}