/*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,800);

	html, body {
		background: #fffefb;
		font: 13px/15px Arial, sans-serif;
		font-family: 'Open Sans', sans-serif;
		color: #808080;
		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: #4980ae;}
	.text-2 a:hover { color: #4980ae;}
	h3 a:hover { color: #4980ae;}

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

	h1, h2, h3, h4, h5, h6 { color: #252525; font-weight: 800;}
	h1 { float: left; margin-top: 10px; margin-left: -18px; height: 59px; z-index: 102; position: relative;}
	h2 { font-size: 34px; line-height: 34px; padding-top: 42px; padding-bottom: 23px;}
	h3 { font-size: 18px; line-height: 18px; padding-bottom: 10px; padding-top: 20px;}
	h4 { }
	h5 { }


	.title-1 { } 
	.text-1 { color: #252525;}
	.text-2 { font-size: 16px; line-height: 18px; color: #252525; font-weight: 300; padding-bottom: 2px;}
	.text-3 { }

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

	.page-1 h2 { padding-top: 27px; padding-bottom: 26px;}
	.bg-1 h2 { padding-top: 51px; padding-bottom: 34px; color: #fff;}
	.bg-2 h2 { padding-top: 45px; padding-bottom: 0px; color: #fff;}
	.bg-1 h3 { color: #fff;}

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

	.link {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		color: #4980ae;
		text-decoration: underline;
	
		margin-top: 4px;
	}
	.link.v2 { margin-top: 23px;}
	.link.v1 { font-family: Tahoma;}

	.list { margin-top: 16px;}
	.list li { line-height: 24px;}
	.list li + li { margin-top: 0px;}
	.list li a { color: #4980ae}
	.list li a:hover { color: #f74f42;}

	.list-1 {
	list-style-type: decimal;
	margin-left: 16px;
	margin-top: 4px;
	color: #FFF;
}
	.list-1 li { line-height: 20px;}
	.list-1 li + li { margin-top: 4px;}
	.list-1 li a { }
	.list-1 li a:hover {
	color: #FFF;
}
	.list-1.v1 { margin-top: 0;}
	.list-1.v1 li + li { margin-top: 10px;}

	/*auxiliary*/

	.img-ind {float: left; margin-right: 18px; margin-top: 3px;}
	.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;}
	.p0 { padding-top: 0;}

.bg-1 { background: url(../images/bg-1.png) center center no-repeat; margin-top: 0px; color: #fff;}
.bg-2 { background: url(../images/bg-2.png) center center no-repeat; margin-top: 0px;}

.curve {  -webkit-transition: all 300ms ease-in;}
.curve.v1 { padding-bottom: 67px;}
.curve, .curve-1 { position: relative;}
.curve .curs-ins {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -33px;
    height: 0;
    display: block;
	height: 33px;
	z-index: 100;
	overflow: hidden;
}

.curve .curs-ins .curs-ins-ins {
    display: block;
    color: transparent;
    height: 63px;
    background: #fffefb;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 16px;
    -webkit-transform: rotate(1.1deg);
    -moz-transform: rotate(1.1deg);
    -ms-transform: rotate(1.1deg);
    transform: rotate(1.1deg);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9998157121216442, M12=-0.01919744239969049, M21=0.01919744239969049, M22=0.9998157121216442, SizingMethod='auto expand')";*/
    padding-right: 4px;
}
.curve.v2 .curs-ins .curs-ins-ins {
	-webkit-box-shadow: 0 0 5px 0px #deddda;
	-moz-box-shadow: 0 0 5px 0px #deddda;
	box-shadow: 0 0 5px 0px #deddda;
}
.curve-1 .curs-ins {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
    height: 33px;
    display: block;
	z-index: 1;
	overflow: hidden;
}

.curve-1 .curs-ins .curs-ins-ins {
    display: block;
    color: transparent;
    height: 35px;
    background: #fffefb;
    position: absolute;
    left: -2px;
    right: 0;
    bottom: -23px;
    -webkit-transform: rotate(1.1deg);
    -moz-transform: rotate(1.1deg);
    -ms-transform: rotate(1.1deg);
    transform: rotate(1.1deg);
   /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9998157121216442, M12=-0.01919744239969049, M21=0.01919744239969049, M22=0.9998157121216442, SizingMethod='auto expand')";*/
    padding-right: 4px;
}

.img-bord {
	background: url(../images/opac-1.png) 0 0 repeat;
	padding: 4px;
}

.abs { position: absolute;}
.block-2 .link.abs { right: 12px; top: -29px; }
.link.abs { right: 12px; top: 14px; z-index: 100;}

.pad-bot { padding-bottom: 62px; margin-bottom: 0px;}
.pad-bot-1 { padding-bottom: 72px;}
.pad-bot-2 { padding-bottom: 47px; margin-bottom: 35px;}


.img-ind + div h3 { padding-top: 0; padding-bottom: 12px;}

.w84 { width: 84%;}

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

header .curve .curs-ins .curs-ins-ins {
	-webkit-box-shadow: 0px 0px 6px 1px #c6c5c3;
	-moz-box-shadow: 0px 0px 6px 1px #c6c5c3;
	box-shadow: 0px 0px 6px 1px #c6c5c3;
}

.slider .camera_wrap { margin-bottom: 0 !important; height: 509px;}

.camera_pag { position: relative;}
.camera_wrap .camera_pag .camera_pag_ul {
	position: absolute;
	right: 50%;
	margin-right: -491px;
	bottom: -82px;
	z-index: 204;
	width: 151px;
	height: 151px;
	background: #fffefb;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
	text-align: center;
	z-index: 1000;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	width: 16px;
	height: 16px;
	background: url(../images/pagination.png) 0 0 no-repeat;
	z-index: 206;
	margin: 25px 3px 0px;
}
.camera_wrap .camera_pag .camera_pag_ul li span { display: none;}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent, 
.camera_wrap .camera_pag .camera_pag_ul li:hover {
	background: url(../images/pagination.png) right 0 no-repeat;
}

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

.content { padding-top: 98px;}
.page-1 .content { padding-top: 0px;}

.box-1 { text-align: center; margin-top: 80px;}
.box-1 h3 { padding-top: 18px;}
.box-1 .inside { padding: 0 37px;}

.block-1 { padding-bottom: 78px;}
.block-1 .box-2 h3 { color:#252525; padding-top: 0;}
.box-2 { margin-top: 3px;}
.box-2 h3 { padding-bottom: 6px;}
.box-2 .inside {
	margin-top: 4px;
	background: url(../images/opac-1.png) 0 0 repeat;
	padding: 3px 8px 21px 10px;
	color: #fff;
	position: relative;
}
.box-2 .inside:after {
	content: "";
	background: url(../images/opac-1.png) 0 bottom repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
}

.block-1 { position: relative;}
.block-2 { position: relative;}
.block-3 { position: relative;}
.block-5 { position: relative;}

.bg-1 .link { color: #fff; top: -61px;}
.bg-2 .link { color: #fff; top: 57px;}

.block-2 { margin-top: -20px; padding-bottom: 31px;}
.block-2 > div { margin-top: 20px;}
.block-2 img { width: 100%;}

.block-3 .box-2 { margin-top: 20px;}
.box-2 .inside + .inside {	margin-top: 2px;}
.block-3 .box-2 .inside { padding: 8px 8px 11px 10px;}
.block-3 { padding-bottom: 60px;}
.block-3 h3 { padding-top: 1px; padding-bottom: 9px;}

.box-2 .link { font-family: Tahoma; margin-top: 6px; color: #252525;}

.box-2 img { width: 100%;}

.block-4 { margin-top: -31px;}
.box-3 { margin-top: 31px;}
.box-3 h3 {padding-top: 0; padding-bottom: 12px;}

.box-4 { margin-top: 24px;}
.box-4 .inside {
	background: url(../images/opac-1.png) 0 0 repeat;
	padding: 0px 8px 12px 10px;
	color: #fff;
	position: relative;
}
.box-4 .inside:after {
	content: "";
	background: url(../images/opac-1.png) 0 bottom repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
}
.box-4 h3 { padding-top: 14px; padding-bottom: 5px;}
.box-4 img { width: 100%;}

.block-5 .abs { top: -21px;}

.block-5 + .block-5 { margin-top: 23px;}

.box-5 { margin-top: 25px;}
.box-5 h3 {
    padding-top: 28px;
    padding-bottom: 12px;
}

.block-6 { margin-top: -22px;}

.gallery { margin-top: -20px;}
.gallery > div { margin-top: 23px;}
.gallery img { width: 100%;}

.post img { margin-right: 24px; margin-top: 3px; margin-bottom: 10px; float: left;}
.post .link { margin-top: 0;}
.post_info h3 { padding-top: 0;}
.p-info { margin-bottom: 15px;}
.p-info li { display: inline-block;}
.p-info li + li { margin-left: 40px; position: relative;}
.p-info li + li:after {
	position: absolute;
	content: "|";
	font-size: 14px;
	line-height: 16px;
	color: #e6e5e3;
	left: -23px;
	top: -2px;
	font-weight: lighter;
}
.p-info li i {color: #4980ae; font-size: 18px; line-height: 20px;margin-top: -5px;width: 20px;}
.p-info li  a:hover { text-decoration: underline;}

.post + .post { margin-top: 18px;}

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

footer { padding-bottom: 30px;}

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

	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 38px;
		width: 38px;
		background: #fffefb 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 0px;
		-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: -40px 0px;}
	.list-services-3 { background-position: -80px 0px;}
	.list-services-4 { background-position: -121px 0px;}

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


	.copyright { color: #2c2c2c; margin-top: 26px; margin-left: 4px;}

	/*toTop*/

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		cursor:pointer;
		overflow:hidden;
		width: 60px;
		height: 60px;
		text-align: center;
		line-height: 60px;
		border:none;
		z-index: 200;
		background: url(../images/opac-1.png) 0 0 repeat;
		margin-right: -670px !important;
		right: 50%;
		bottom: 20px;
		-webkit-box-shadow: -1px -1px 1px 0px #2d2e2e;
		-moz-box-shadow: -1px -1px 1px 0px #2d2e2e;
		box-shadow: -1px -1px 1px 0px #2d2e2e;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
		#toTop:hover {
			-webkit-box-shadow: -1px -1px 1px 1px #2d2e2e;
			-moz-box-shadow: -1px -1px 1px 1px #2d2e2e;
			box-shadow: -1px -1px 1px 1px #2d2e2e;
		}

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

	.ToTop {
		width: 60px;
		height: 60px;
		text-transform: uppercase;
		color: #050506;
		font-weight: bold;
	}



	/*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: 1024px) {
	.camera_wrap .camera_pag .camera_pag_ul { margin-right: -68px;}
}
@media only screen and (max-width: 995px) {
	.p-info li + li { margin-left: 10px;}
	.p-info li + li:after { left: -9px;}
	.post img { width: 45%; margin-bottom: 20px;}
	.slider .camera_wrap { height: 310px;}
	h1 { margin-left: 0; height: 57px;}
	.p-info li i { width: 16px !important;}
}
@media only screen and (max-width: 767px) {
	h1 { position: relative; height: auto;}
	h1 a { position: absolute; left: 50%;	 top: 80px; margin-left: -77px;}
	.box-1 { margin-top: 50px;}
	.bg-1 { background-size: auto 100%;}
	.link.abs { position: relative; margin-bottom: 20px; top: 0 !important; margin-top: 20px; right: 0;}
	.block-2 > div { width: 46% !important; margin-left: 2%; margin-right: 2%;}
	.gallery > div { width: 46% !important; margin-left: 2%; margin-right: 2%;}
	.w1 { width: 45%; margin-bottom: 15px;}
	.bg-1 h3 { padding-top: 20px;}
	.box-4 { width: 46% !important; margin-left: 2%; margin-right: 2%;}
	.post img { width: 100%; margin-right: 0;}
	.post + .post { margin-top: 35px;}
	.slider .camera_wrap { height: 250px;}
	.box-5 { margin-top: 35px;}
	.bg-1 { background: url(../images/bg-1-1.gif) 0 0 repeat; background-size: auto 100%;}
	.bg-2 { background: url(../images/bg-2-1.gif) 0 0 repeat; background-size: auto 100%;}
	.block-2 .link.abs { right: auto;}
	.block-1 .box-2 { margin-top: 20px;}
	footer .fright { float: none; width: 100%;}
}
@media only screen and (max-width: 480px) {
	.box-4 { width: 100% !important; margin-left: 0; margin-right: 0;}
	.gallery > div { width: 100% !important; margin-left: 0; margin-right: 0;}
	.p-info li { display: block; margin-top: 10px;}
	.p-info li + li { margin-left: 0;}
	.p-info li + li:after { display: none;}
	.box-2 .inside {padding: 3px 18px 21px 10px;}
}
@media only screen and (max-width: 320px) {

}