/*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,300italic,600,700);
@import url(//fonts.googleapis.com/css?family=Sacramento);
@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(//fonts.googleapis.com/css?family=Great+Vibes);
@import url(//fonts.googleapis.com/css?family=Catamaran:400,100);
 
	html, body {
		background: #000;
		font: 14px/16px;
		font-family: 'Catamaran', sans-serif;
		font-weight: 400; 
		color: #666666;
		min-width:300px;
	}

	* { -webkit-text-size-adjust: none;}

	a { color: inherit; text-decoration: none; transition: all .4s ease;}
	a:hover { text-decoration: none;}
	a[href^="tel:"] {color: inherit;text-decoration:none;}
	.a-hov { transition: all 0.4s ease;}
	.a-hov:hover, .text-1 a:hover { color: #b39677;}

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

	h1, h2, h3, h4, h5, h6 { font-family:'Great Vibes', cursive; font-weight: normal;}
	h2 { 
		font-size: 40px; 
		line-height: 30px; 
		color: #000; 
		position: relative; 
		text-align: center;
		padding-top: 69px;
		padding-bottom: 43px;
	}
	h2 span { display: inline-block; position: relative;}
	h2 span:after, h2 span:before {
		position: absolute;
		content: "";
		left: -80px;
		top: 34%;
		width: 67px;
		height: 1px;
		background: #666666;
	}
	h2 span:after {
		right: -80px;
		left: auto;
	}
	h2 span.v2:after, h2 span.v2:before { top: 60%;}
	h3 { font-size: 35px; line-height: 50px;}
	h4 { font-size: 30px; line-height: 50px;}
	h5 {font-size: 20px; line-height: 25px;  font-weight:300; font-family: 'Open Sans', sans-serif; }


	.title-1 { } 
	.text-1 { 
		font-size: 20px; 
		line-height: 24px; 
		color: #000; 
		font-family: 'Yanone Kaffeesatz', sans-serif;
		padding-bottom: 4px;
	}
	.text-2 {
		display: inline-block;
		font-size: 14px;
		line-height: 32px;
		color: #000;
		font-style: italic;
		font-weight: 300;
		padding-bottom: 8px;
		border-bottom: 1px solid #b5b5b5;
	}
	p.text-2 { margin-bottom: 14px;}
	.text-3 { }

	.page-1 h2 { 
		margin-top: 69px;
		padding-bottom: 26px;
	}

	h2.v1 {
		padding-top: 0px;
		padding-bottom: 45px;
		margin-top: 61px;
	}
	h2.v2 {
		padding-top: 58px;
	}
	p + .text-1 { padding-top: 3px;}
	.text-1 + .text-2 { margin-top: -4px;}

	.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;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 20px;
		color: #b39677;
		margin-top: 23px;
	}
	.link:hover { color: #000;}
	.link-1 { display: inline-block; text-decoration: underline;}

	.btn-1 {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		transition: all 0.4s ease;
		background: #b39677;
		width: 100%;
		text-align: center;
		height: 42px;
		line-height: 42px;
		color: #fff;
		text-transform: uppercase;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		font-size: 20px;
	}
	.btn-1:hover { background: #2f2f29;}

	.list { margin-top: 20px;}
	.list li {
		padding-left: 11px;
		background: url(../images/mark-2.gif) 0px 8px no-repeat;
		color:#fff;
	}
	.list li + li { margin-top: 3px;}
	.list li a { }
	.list li a:hover { color: #b39677;}
	.bg-1 .list { margin-top: 0;}
	.bg-1 .list li {
		background: url(../images/mark-1.gif) 11px 8px no-repeat;
		padding-left: 21px;
	}
	.bg-1 .list li a { }
	.bg-1 .list li a:hover { color: #d2b698;}

    .color1 {
		color:#b39677 !important;
	}
	
	.color2 {
		color:#000;
	}
	/*auxiliary*/

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

	.bg-1 {
		background: #b39677;
	}
	.bg-2 {
		background: url(../images/bg-1.png) 0 center no-repeat;
		background-size: 100% auto;
		margin-top: 76px;
	}
	.bg-2 h2 {
		color: #fff;
		padding-top: 45px;
	}
	.bg-2 h2 span:after, .bg-2 h2 span:before { background: #fff;}
	h2 + .bg-1 { margin-top: 3px;}
	.bg-1 > .list {
		padding-top: 16px;
		padding-bottom: 21px;
	}

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

header { background: #ffffff; padding-bottom: 18px;}
.page-1 header { padding-bottom: 0; z-index: 100; position: relative;}

h1 {
 
	margin-top: 8px;
	font-size: 54px; line-height: 55px; color: #000;
	font-family:'Great Vibes', cursive;
}

.slider { 
	padding-top: 8px;
	background: #fff;
}
#stuck_container { padding-bottom: 10px; padding-top: 8px;}
#stuck_container.isStuck { padding-top: 0px;}
.camera_wrap {height: 503px; background: #f3f3d3; padding-bottom: 0; margin-bottom: 0 !important;}
.camera_wrap .camera_pag { text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul {
	display: inline-block;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: url(../images/camera_pag.png) 0 0 no-repeat;
	height: 10px;
	width: 10px;
	margin: 13px 3px;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover {
	background: url(../images/camera_pag.png) right 0 repeat;
}
.camera_wrap .camera_pag .camera_pag_ul li span {
	display: none;
}

.isStuck { background: #fff;}

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

.content {
	background: #f5f5f5;
}
.pad-bot { padding-bottom: 50px;}

.block-1 {}
.box-1 {
	background: #fff;
}
.box-1 .rel {
	float: left;
	z-index: 0;
	position: relative;
	width: 50%;
}
.box-1.right .rel {
	float: right;
}
.box-1 .rel img { width: 100%;}
.box-1 .rel .arrow {
	position: absolute;
	content: "";
	right: 0px;
	top: 50%;
	border: 9px solid;
	margin-top: -9px;
	width: 0;
	height: 0;
	border-color: transparent #fff transparent transparent;
}
.box-1.right .rel .arrow {
	border-color: transparent transparent transparent #fff;
	left: 0;
}
.box-1 .extra-wrap {
	text-align: center;
	padding: 33px 50px;
	position: relative;
	z-index: 20;
}

.tabs1 { margin-top: 16px;}
.tabs1 {
    margin-top: 3px;
}
.tabs1 ul li + li {
	margin-top: 10px;
}
.tabs1 ul li a {
	display: block;
	background: #b39677;
	color: #000;
	padding: 13px 10px 12px 10px;
	position: relative;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #000;
	font-size: 20px;
	line-height: 22px;
}
.tabs1 li a:hover,
.tabs1 li a.current {
	margin-right: 10px;
	background: #b39677;
	color: #fff;
}
.tabs1 li a .abs {
	position: absolute;
	display: block;
	background: url(../images/arrow-1.png) 0 0 no-repeat;
	height: 18px;
	width: 10px;
	right: -10px;
	top: 50%;
	margin-top: -9px;
	opacity: 0;
}
.tabs li a:hover .abs,
.tabs li a.current .abs {
	opacity: 1;
}
.tab_container {
	
}
.tab_content {
	border-left: 1px solid #b39677;
	padding-left: 10px;
	transition: all .4s ease;
}

.tabs1.v1 { margin-top: 0;}
.tabs1.v1 .tabs { padding-top: 6px;}
.tabs1.v1 .tab_container { padding-top: 3px;}

.block-2 {
	margin-top: 9px;
	padding: 16px 0 16px;
}

.box-2 {
	text-align: center;

	margin-top: 3px;
}
.box-2 .inside {
	background: #fff;
	padding: 0 20px 41px;
}
.box-2 .inside .text-1 {
	padding-top: 25px;
}

.block-4 > div +div { margin-top: 30px;}

.post + .post { margin-top: 44px;}
.post-top {
	width: 87%;
}
.post-top img { 
	margin-bottom: 25px;
}
.post .info { margin-top: -3px; margin-bottom: 25px;}
.post .info .text-1 { padding-bottom: 7px;}
.post .info a {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	font-style: italic;
	color: #000;
}
.post .info a + a {
	margin-left: 20px;
}

.search { position: relative;}
.search input {
	margin-top: 4px;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	background: #fff;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;	
	-o-box-sizing: border-box;	
	box-sizing: border-box;	
	padding: 10px 35px 10px 14px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	height: 40px;
}

.button1 {
	display: inline-block;
	position: absolute;
	width: 32px;
	height: 35px;
	right: 0;
	top: 3px;
	background: url(../images/bg-2.png) 0 12px no-repeat;
	overflow: hidden;
	transition: all 0s ease;
	cursor: pointer;
}
.button1:hover { background: url(../images/bg-2.png) 0 -18px no-repeat;}

.block-5 { margin-top: -4px;}
.block-5 > div + div {
	margin-top: 32px;
}

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

footer { padding-bottom: 30px;}
.f-top {
	background: #000;
	padding: 44px 0 49px;
	text-align: center;
}
.f-list {}
.f-list li { display: inline-block; padding: 0 12px;}
.f-list li a { 
	font-size: 20px;
	line-height: 22px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #f3f3d3;
	text-transform: uppercase;
}
.f-list li a:hover,
.f-list li a.current {
	color: #b39677;
}

.f-bot { padding-top: 23px; color: #000;}
.copyright {
	text-align: center;
	color:#b39677;
}

	/*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: "\f0aa";
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		font-size: 32px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		color: #4e4c45;
	}

		#toTop:hover:after { color: #b39677;}

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



	/*touch-touch*/
.magnifier {
  position: relative;
  display: block;
  overflow: hidden;
}
.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;
  /*width: 50%;*/
}
.magnifier span {
  position: absolute!important;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: url(../images/opac-1.png) 0 0 repeat;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.magnifier:hover span {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/opac-1.png) 0 0 repeat;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.magnifier > .zoom {
  width: 45px !important;
  height: 45px;
  margin-top: -250px;
  margin-left: -28px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.magnifier:hover > .zoom {
  margin-top: -28px;
  margin-left: -28px;
  text-decoration: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


/*contacts*/

.contacts {
	background: #fff;
	text-align: center;
}
.contacts .extra-wrap { padding-top: 34px;}
.map_wrapper { float: left; width: 50%;}
.address { margin: 0 auto; text-align: center;}
.address + .address { margin-top: 20px;}
.address span {
  display: inline-block;
  width: 95px;
}
.address span.e-mail { width: auto;}
.address dt {
  padding-bottom: 17px;
}
.address a {
  text-decoration: underline;
}
.address a:hover {
	text-decoration: none;
}
.address dd span {
  text-align: left;
}
#map_canvas {
  width: 100%;
  height: 376px;
}




#contact-form.v1 { margin-top: -15px;}
#contact-form {
  position: relative;
  margin-top: 3px;
}
#contact-form label {
  display: inline-block;
  position: relative;
  min-height: 51px;
  width: 100%;
}
#contact-form label input,
#contact-form label textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  width: 100%;
  font: 13px/18px Arial, sans-serif;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  -webkit-appearance: none;
}
#contact-form label input {
  height: 42px;
  padding: 11px 7px 10px 16px;
  outline: none;
  width: 100%;
}
#contact-form label textarea {
  height: 73px;
  overflow: auto;
  width: 100%;
  padding: 11px 7px 10px 16px;
  margin: 0px;
  resize: none;
}
#contact-form span {
  display: block;
}
.form_buttons a {
  margin-top: 9px;
}
#contact-form .form_buttons span {
  padding-top: 40px;
  display: inline-block;
}
#contact-form ._placeholder {
  position: absolute;
  /*!*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  width: 100% !important;
  padding: 11px 7px 10px 16px;
  opacity: .99;
  display: block;
  width: 100%;
  font: 13px/18px Arial, sans-serif;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form ._placeholder.focused {
  opacity: .4;
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .message {
  width: 100%;
}
#contact-form .error-message,
#contact-form .empty-message {
  height: 0;
  overflow: hidden;
  font: 10px/20px Arial;
  -webkit-transition: 0.3s ease-in height;
  -moz-transition: 0.3s ease-in height;
  -o-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 10px;
  top: 0;
  color: #fff;
}
#contact-form .message .error-message,
#contact-form .message .empty-message {
  right: 3px;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
}
#contact-form .success-message {
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 10;
  text-align: center;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
  padding: 0px 0;
  width: 100%;
  font: 13px/18px Arial, sans-serif;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  background: #fff;
}
#contact-form.success .success-message {
  padding: 112px 0;
  border: 1px solid #fff;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
}
/*--- contact_form end------*/

@media only screen and (max-width: 995px) {
  #contact-form label {
    display: block;
    width: 100%;
  }
  .map_wrapper .address span {
    width: 80px;
  }
  #contact-form label textarea {
    width: 100%;
  }
  #contact-form fieldset.fleft {
    width: 100%;
  }
  #contact-form fieldset.fright {
    width: 100%;
  }
  #map_canvas {
    width: 100%;
  }
  #contact-form .error-message,
  #contact-form .empty-message {
    right: 3px;
  }
}
@media only screen and (max-width: 767px) {
	.block-5 .extra-wrap { overflow: visible;}
	.map_wrapper { width: 100%; float: none;}
	.contacts .extra-wrap { overflow: visible; padding-top: 30px; padding-bottom: 30px;}
  #contact-form .success {
    left: 0;
    right: 0;
  }
  #contact-form label textarea {
    height: 200px;
  }
  #contact-form label.message ._placeholder {
    height: 200px;
  }
  #map_canvas {
    height: 200px;
  }
  .box-2 .title-4 br {
    display: none;
  }
  .w1 { width: 40%;}
}


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


@media only screen and (max-width: 995px) {
	.camera_wrap {height: 360px;}
	.box-1 .extra-wrap {padding: 10px 15px;}
	.bg-2 { background-size: auto auto; background-position: center center}
	h2 span:after, h2 span:before { width: 50px; left: -64px;}
	h2 span:after { right: -64px; left: auto;}
}
@media only screen and (max-width: 767px) {
	.camera_wrap {height: 225px;}
	.box-1 .rel { width: 100%; margin-bottom: 20px;}
	.box-1 .extra-wrap { padding-bottom: 50px;}
	.tab_content { padding-top: 30px;}
	.grid_inside { margin: 0;}
	.block-2 .links > div { width: 33.333%;}
	.post-top { width: 100%;}
	.box-1 .rel .arrow { display: none;}
}
@media only screen and (max-width: 479px) {
	.camera_wrap {height: 150px;}
	.block-2 .links > div { width: 50%;}
	.f-list li { padding: 0 6px;}
	.f-list li a { font-size: 16px; line-height: 18px;}
	.info .fleft, .info .fright { float: none; width: 100%;}
	.post .info a + a { margin-left: 15px;}
	h2 { max-width: 149px; margin: 0 auto;}
}
@media only screen and (max-width: 320px) {

}