/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";



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

.bg-1 {background: url(../images/bg-1.gif) 0 0 repeat;}
.bg-2-tail {background: url(../images/bg-3.gif) 0 0 repeat;}
.bg-2-main {background: url(../images/bg-2.jpg) center top no-repeat; 
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.bg-2-top {
	position: relative;
	width: 1097px;
	margin: 0 auto;
	height: 61px;
	z-index: 10;
	 /*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.bg-2-arrow {
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin-left: -21px;
	width: 41px;
	height: 19px; 
	background: url(../images/arrow-2.png) bottom center no-repeat;
	z-index: 100;
}
.bg-2-top:before,
.bg-2-top:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:33px;
        left:10px;
        width:50%;
        height:8%;
    -webkit-box-shadow:0 14px 29px 4px #8b9192;
       -moz-box-shadow:0 14px 29px 4px #8b9192;
            box-shadow:0 14px 29px 4px #8b9192;
    -webkit-transform:rotate(-1deg);
       -moz-transform:rotate(-1deg);
        -ms-transform:rotate(-1deg);
         -o-transform:rotate(-1deg);
            transform:rotate(-1deg);
}
 
.bg-2-top:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(1deg);
       -moz-transform:rotate(1deg);
        -ms-transform:rotate(1deg);
         -o-transform:rotate(1deg);
            transform:rotate(1deg);
}
.bg-2-top-inside { 
	position: absolute;
	left:0px; 
	right: 0px; 
	top: 0px; 
	bottom: 20px; 
	background: #ffffff; 
}

.bg-3 { background: #ffffff; width: 1097px; margin: 0 auto; margin-top: 10px;}
.bg-bot { height: 137px;}
a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
.a-hov {display: inline-block;	-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: #AC916E;}

h2 { font-size:36px; line-height: 36px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: #292929; padding-bottom: 25px; padding-top: 75px;}
h3 { font-size: 18px; line-height: 20px; padding-bottom: 18px; color: #474747; font-family: 'Quicksand', sans-serif; text-transform: uppercase; padding-top: 29px;}


.text-1 { display: inline-block; color: #2d2d2d; padding-top: 34px; padding-bottom: 4px;}
.text-2 { color: #919191; line-height: 18px;}
.text-3 { color: #828282; line-height: 18px;}
.text-5 { color: #2d2d2d; line-height: 18px;}

.title-1 {
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 40px; 
	line-height: 45px;
}
.title-2 { font-size: 22px; line-height: 22px;font-family: 'Open Sans', sans-serif; color: #ffffff; text-align: right; padding-top: 10px;}

.color-1 { color: #919191;}
.color-2 { color: #ffffff;}
.color-3 { color: #2d2d2d;}
.color-4 { color: #AC916E;}

p { padding-bottom: 38px;}
* {	-webkit-text-size-adjust: none;}

.p1 {padding-top: 26px;}
.p2 {margin-top: 44px !important;}
.p3 {padding-bottom: 50px;}
.p4 {padding-top: 17px;}
.p5 {height: 78px; background: #ffffff; width: 1097px; margin:  0 auto;}
.p6 {padding-bottom: 20px;}

/*lists*/

.list-1 { margin-top: 39px;}
.list-1 li { padding: 8px 0 12px; border-top: 1px solid #ffffff; background: url(../images/arrow-3.png) right center no-repeat;}
.list-1 li:first-child { border-top: none;}
.list-1 li a {font-family: 'Open Sans', sans-serif; font-weight: bold; color: #ffffff; font-size: 22px; line-height: 22px;
    -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: #474747;}

.list-2 { margin-top: 18px;}
.list-2 li {background: url(../images/bg-8.png) left 7px no-repeat; padding-left: 18px;margin-top: 9px;}
.list-2 li a {line-height: 16px; color: #AC916E;-moz-transition: all 0.4s ease;	-webkit-transition: all 0.4s ease;	-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.list-2 li a:hover { color: #3c3c3c;}
.list-2 li:first-child {margin-top: 0px;}

/*buttons*/
.btn {
	display: inline-block;
	background: #474747;
	padding: 7px 19px 9px;
	text-decoration: none;
	color: #fff;
	line-height: 18px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	margin-top: 24px;
	position: relative;
	overflow: hidden;
}
.btn:hover {
	color: #fff;
	text-decoration: none;
}
.btn strong { position: relative; display: block;z-index: 2;font-weight: normal;color: #FFF;}
.btn:hover strong {color: #ffffff;}
.btn span {
	background: #AC916E;
	display: block;
	height: 0;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 0;
	z-index: 1;
}

.btn-1 {
	display: inline-block;
	background: url(../images/bg-5.png) right 8px no-repeat;
	padding: 0px 11px 0px 0;
	text-decoration: none;
	color: #474747;
	line-height: 18px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	margin-top: 16px;
	-moz-transition: all 0.4s ease;	
	-webkit-transition: all 0.4s ease;	
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.btn-1:hover { color: #fc5170;}



.border-1 {position: relative;padding-bottom: 37px;}
.border-1:after {
	display: block;
	content: "";
	position: absolute;
	top: 108px;
	bottom: 0px;
	right: -40px;
	border-right: 1px solid #f5f5f6;
}
.border-2 {height: 7px; width: 1097px; margin: 0 auto; background: url(../images/bg-6.png) 0 0 repeat; margin-top: 52px; margin-bottom: 12px;}



/*auxiliary*/

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


/************Header************/
h1 { text-align: center; margin-top: 92px; padding-left: 14px; margin-bottom: 46px;}


/*slider*/
.slider_container {max-width: 1300px; margin: 0 auto;}
.camera_wrap {height: 481px;}

/*arrows*/
.camera_prev, .camera_next, .camera_commands {
	opacity: 1 !important;
}
.slider_container .camera_prev {
	left: auto;
	left: 0px;
	bottom: 2px;
	top: auto;
}
.slider_container .camera_next {
	left: 43px;
	bottom: 2px;
	top: auto;
}

.slider_container .camera_prev > span,
.slider_container .camera_next > span {
	moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
}
.slider_container .camera_prev > span {
	display: block;
	height: 42px;
	width: 43px;
	text-indent: -5000px;
	background: url(../images/arrows-1.gif) 0 bottom no-repeat;
}
.slider_container .camera_prev > span:hover {
	background: url(../images/arrows-1.gif) 0 0 no-repeat;
}
.slider_container .camera_next > span {
	display: block;
	display: block;
	height: 42px;
	width: 43px;
	text-indent: -5000px;
	background: url(../images/arrows-1.gif) right bottom no-repeat;
}
.slider_container .camera_next > span:hover {
	background: url(../images/arrows-1.gif) right 0 no-repeat;
}

.row-1 h2 {padding-top: 76px;}
.row-1 img  {padding: 0px 0 23px;}


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

h2 strong {font-weight: bold;}
.box-1 {border-top: 1px solid #f2f2f3;}
h2 + .box-1 {border-top: none;}

h2 + h3 {padding-top: 23px;}
.text-3 + .btn {margin-top: 40px;}

.block-1 { padding-top: 45px; padding-bottom: 43px;}

.w1 { display: block;}

.videogallery { margin-top: 26px; padding-bottom: 44px;}


.box-2 {float: left; width: 160px; margin-left: 20px;}
.box-2:first-child {margin-left: 0;}
.box-2 .various {
	position:relative;
	display:block;
}
.box-2 .various:after {
	background: url(../images/arrow-4.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;
}
.box-2 .various: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;
	background: #000000 url(../images/arrow-4.png) center center no-repeat;
}


/*p-gallery*/

.gallery {margin-top: -5px;}
.gallery h3 {padding-top: 16px; padding-bottom: 14px;}
.gallery p {line-height: 18px;}
.gallery > div {margin-top: 27px;}


/*p-about*/

.b-people > div { margin-top: 21px;}
.b-people .wrapper { margin-bottom: 17px;}

.testimonials h2 {padding-top: 57px;}
.testimonials .t-block {padding: 15px 0 0 23px; color: #787878; font-style: italic; background: url(../images/bg-7.png) 0 20px no-repeat;}
.t-block .text-2 {padding-top: 10px; font-style: normal; padding-left: 4px;}


/*p-services*/

h2 + .text-5 {
    padding-top: 13px;
}
.text-5 + .text-2 { padding-top: 6px;}
aside .text-5,
aside .text-2 { padding-right: 35px;}
aside p { padding-bottom: 18px;}

.gallery-1 { margin-top: -5px;}
.gallery-1 h3 { padding-top: 26px; padding-bottom: 13px;}
.gallery-1 > div { margin-top: 27px;}

/*p-privacy*/

h2 + .color-3 {padding-top: 16px;}

.textpage p {padding-bottom: 21px;}

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

footer { margin-bottom: 40px;}
.f-address {
	margin-top: 60px; 
	font-size: 15px; 
	line-height: 26px; 
	font-family: 'Open Sans', sans-serif;
	padding-left: 28px;
	background: url(../images/icon-1.png) 0 4px no-repeat;
	color: #878787;
}

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

	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 30px;
		width: 30px;
		background: url(../images/soc-icons.jpg) no-repeat;
		background-position-x: -25px;
		background-position-y: 0px;
		-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-right: 2px;
	}
	.list-services-1 { background-position: 0px 0px;}
	.list-services-2 { background-position: -32px 0px;}
	.list-services-3 { background-position: -64px 0px;}
	.list-services-4 { background-position: -96px 0px;}
	.list-services-5 { background-position: -137px 0px;}
	
	[class*="list-services-"]:hover { opacity: 0.5;}
	
.f-last {
	margin-top: 59px;
	text-align: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #a1a1a1;
	text-transform: uppercase;
}
.f-logo img {padding-bottom: 10px;}



/*touch-touch*/
.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*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	cursor:pointer;
	overflow:hidden;
	width: 48px;
	height: 24px;
	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;
		color: #000000;
		background-position: center bottom;
	}

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


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

@media only screen and (max-width: 1097px) {
	.bg-2-top, .border-2, .bg-3, .p5 {	width: 100%;}

}

@media only screen and (max-width: 995px) {
	.slider_container {width: 100%;}
	.camera_wrap {height: 358px;}
	.box-2 {float: left; width: 48%; margin-left: 4%;}
	.gallery-1 h3 { font-size: 16px;}
}
@media only screen and (max-width: 767px) {
	.camera_wrap {height: 274px;}
	.bg-2-main .grid_inside { margin-left: 0px; margin-right: 0;}
	.border-1:after {display: none;}
	.block-1 {padding: 10px 0;}
	.bg-3 {padding: 30px 0;}
	.b-people > div {width: 45% !important; padding-left:2%; padding-right: 3%;}

	.wrap-767 { width: 100%; margin-right: 0px; margin-bottom: 15px;}
	.gallery > div, .gallery-1> div {width: 46%!important; padding-left: 2%!important;padding-right: 2%!important;}

	.camera_wrap {margin-top: 15px;}
	footer .aligncenter, .f-last {text-align: center!important;}


}
@media only screen and (max-width: 480px) {
	.camera_wrap {height: 200px;}
}
@media only screen and (max-width: 320px) {
	.camera_wrap {height: 200px;}

	.gallery > div, .gallery-1> div {width: 100%!important; padding-left: 0 !important;padding-right: 0 !important;}
	.list-1 { padding-left: 10px;}
	.gallery-1 .box_inner {padding: 0 10px;}
}