html{height:100%;}
body{
	margin:0;
	background:#fff;
	font:14px/19px "Open Sans", Arial, Helvetica, sans-serif;
	color:#0c0d0e;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
	max-height:10000px;
	height:100%;
}
a{
	text-decoration:underline;
	color:#799838;
}
a:hover{text-decoration:none;}
img{border:0;}
input,
textarea,
select {
	font:16px/18px "Open Sans", Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#0c0d0e;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input[type=text],
input[type=file],
input[type=password],
input[type="submit"],
textarea {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border-radius:0;
}
input[type="image"] {padding: 0; border: none;}
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {border:0;}
input[type="submit"]:focus,
input[type="button"]:focus {outline:none;}
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	min-height:100%;
}
#header{
	max-width:1180px;
	margin:0 auto 75px;
	padding:0 20px;
}
.logo{
	background:url(../images/logo.png) no-repeat;
	width: 178px;
	height: 145px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0px 51px 0 51px;
}
.logo a,
.logo-luton a{
	display:block;
	height:100%;
}
#nav{
	margin:0;
	padding:48px 0 0;
	list-style:none;
	font-size:16px;
	line-height:19px;
	text-transform:uppercase;
	overflow:hidden;
}
#nav li{
	float:left;
	margin:0 25px 10px 0;
}
#nav a{
	color:#fff;
	text-decoration:none;
	background:#1b1e21;
	display:block;
	padding:4px 18px;
}
#nav a:hover,
#nav .active a{color:#799838;}
#main{
	position:absolute;
	width:100%;
	bottom:75px;
	right:0;
}
#main h1{
	margin:0;
	text-transform:uppercase;
	color:#0c0d0e;
	letter-spacing:-3px;
	font:600 33px/30px "Open Sans", Arial, Helvetica, sans-serif;
}
#main h1 span{
	color:#799838;
	display:block;
}
#main h2{
	margin:0 0 1px;
	letter-spacing:-1px;
	font:600 15px/20px "Open Sans", Arial, Helvetica, sans-serif;
}

.wrap {
   overflow: hidden;
   margin: 20px 60px 100px;
}
	
	.box {
   float: left;
   position: relative;
   width: 50%;
   padding-bottom: 33%;
}

.boxInner {
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
   overflow: hidden;
}
.boxInner img {
   width: 100%;
}
.boxInner .titleBox {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin-bottom: -50px;
   background: #000;
   background: rgba(0, 0, 0, 0.5);
   color: #FFF;
   padding: 10px;
   text-align: center;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
   margin-bottom: 0;
}
@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
  padding-bottom: 60%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 1 tiles */
   .box {
      width: 100%;
  padding-bottom: 60%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 2 tiles */
   .box {
      width: 50%;
  /*    padding-bottom: ; */
   }
}
@media only screen and (max-width : 1400) and (min-width : 1050px) {
   /* Medium desktop: 2 tiles */
   .box {
      width: 50%;
   /*    padding-bottom: ; */
   }
}


#main p{margin:0 0 19px;}
.open-close {float: right;}
.open-close .opener-block {
	position:relative;
	text-align:right;
	float:left;
	height: 1%;
	text-decoration: none;
	width:198px;
	min-height:90px;
	padding:11px 8px 35px 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTFkZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTFkZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(228,225,223,0.9) 0%, rgba(228,225,223,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,225,223,0.9)), color-stop(100%,rgba(228,225,223,0.9)));
	background: -webkit-linear-gradient(top,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
}
.open-close .opener{
	background:url(../images/btn-opener.png) no-repeat 0 -28px;
	width: 24px;
	height: 24px;
	position:absolute;
	right:8px;
	bottom:8px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}
.open-close.expanded .opener{background-position:0 0;}
.open-close .slide {
	padding:11px 14px 22px 18px;
	overflow: hidden;
	position: relative;
	width:528px;
	float:left;
	margin:0 0 0 2px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTFkZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTFkZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(228,225,223,0.9) 0%, rgba(228,225,223,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,225,223,0.9)), color-stop(100%,rgba(228,225,223,0.9)));
	background: -webkit-linear-gradient(top,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(228,225,223,0.9) 0%,rgba(228,225,223,0.9) 100%);
}
.scrollable-area{
	height:230px;
	padding:0 10px 0 0;
}
.scrollable-area-location{
	height:215px;
	padding:0 10px 0 0;
}
.scrollable-area-plans{
	padding:0 10px 0 0;
}
#main .logo-luton{
	background:url(../images/logo-luton.png) no-repeat;
	width: 116px;
	height: 27px;
	float:right;
	clear:both;
	text-indent:-9999px;
	overflow:hidden;
	margin:1px 0 4px;
	text-align:left;
}
.opener-block .phone{
	display:block;
	clear:right;
	letter-spacing:-2px;
	font:600 26px/28px "Open Sans", Arial, Helvetica, sans-serif;
}
.opener-block .email{
	display:block;
	color:#0c0d0e;
	font:600 16px/20px "Open Sans", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-decoration:none;
}
.opener-block .email:hover{text-decoration:underline;}
.list{
	margin:0 0 19px 37px;
	padding:0;
	list-style:none;
}
.list li{
	padding:0 0 0 10px;
	background:url(../images/bullet1.png) no-repeat 0 9px;
}
.slideshow,
.slideshow-mobile {
	height: 200px;
	position:relative;
}
.slideshow-mobile,
.visual{
	display:none;
	height:auto !important;
}
.slideshow .slideset,
.slideshow-mobile .slideset{width:100%;}
.slideshow .slide,
.slideshow-mobile .slide {
	position: absolute;
	z-index: 1;
	width:100%;
}
.slideshow .slide.active,
.slideshow-mobile .slide.active {z-index: 2;}
.slideshow .slide img,
.slideshow-mobile .slide img,
.visual img{
	width:100%;
	height:auto;
}
.apartments-list{padding:18px 0 0;}
.apartments-list:after {
	clear: both;
	content:"";
	display: block;
}
.apartments-list ul{
	width:256px;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:600;
	float:left;
}
.apartments-list ul+ul{float:right;}
.apartments-list li{
	overflow:hidden;
	padding:0 0 11px;
}
.apartments-list .title{
	float:left;
	width:52px;
	margin:0 1px 0 0;
	font-size:14px;
	letter-spacing:-1px;
}
.apartments-list .item1,
.apartments-list .item2,
.apartments-list .item3{
	float:left;
	position:relative;
	line-height:17px;
	font-size:13px;
}
.apartments-list .item1{
	padding:0 0 0 23px;
	width:15px;
}
.apartments-list .item2{
	padding:0 0 0 18px;
	width:22px;
}
.apartments-list .item3{
	padding:0 0 0 23px;
	width:14px;
}
.apartments-list .item1:after,
.apartments-list .item2:after,
.apartments-list .item3:after{
	position:absolute;
	left:0;
	top:0;
	content:"";
}
.apartments-list .item1:after{
	background:url(../images/ico1.png) no-repeat 0 2px;
	width: 17px;
	height: 17px;
}
.apartments-list .item2:after{
	background:url(../images/ico2.png) no-repeat 0 2px;
	width: 12px;
	height: 15px;
}
.apartments-list .item3:after{
	background:url(../images/ico3.png) no-repeat 0 2px;
	width: 17px;
	height: 17px;
}
.apartments-list a{
	float:right;
	margin:2px 0 0;
	width:80px;
	height:17px;
	color:#fff;
	line-height:16px;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	background:#d11724;
	text-decoration:none;
	font-weight:600;
	letter-spacing:-1px;
}
.apartments-list .btn-view{background:#799838;}
.apartments-list a:hover{text-decoration:underline;}
.view-list{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	font-size:13px;
}
.view-list.alt{display:none;}
.view-list em{color:#000;}
.form-contact{padding:0 0 0 3px;}
.form-contact:after {
	clear: both;
	content:"";
	display: block;
}
.form-contact .col{
	float:left;
	width:192px;
}
.form-contact .col+.col{
	float:right;
	width:252px;
	margin-right:18px;
}
.form-contact .row{padding-bottom:2px;}
.form-contact .row:after {
	clear: both;
	content:"";
	display: block;
}
.form-contact .row-area{padding-bottom:0;}
.form-contact .row-check{margin:5px 0 6px;}
.form-contact label{
	display:block;
	margin-bottom:2px;
}
.form-contact .row-check label{font-size:11px;}
.form-contact input[type="text"]{
	display:block;
	background:#fff;
	border:1px solid #878686;
	border-radius:3px;
	width:180px;
	padding:1px 5px 2px;
}
.form-contact textarea{
	display:block;
	background:#fff;
	border:1px solid #878686;
	border-radius:3px;
	width:240px !important;
	max-width:240px !important;
	min-height:62px;
	padding:1px 5px 2px;
	overflow:auto;
	line-height:19px;
}
.sel{width:192px;}
.form-contact input[type="submit"]{
	font:600 15px/20px "Open Sans", Arial, Helvetica, sans-serif;
	width:192px;
	height:30px;
	padding:3px 0 7px;
	letter-spacing:-1px;
	cursor:pointer;
	border:1px solid #959595;
	background:#fbfbfb url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #f2f2f2 3%, #e5e5e5 6%, #eee 15%, #f3f3f3 49%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(3%,#f2f2f2), color-stop(6%,#e5e5e5), color-stop(15%,#eee), color-stop(49%,#f3f3f3), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f2f2f2 3%,#e5e5e5 6%,#eee 15%,#f3f3f3 49%,#f9f9f9 100%);
	background: -o-linear-gradient(top,  #fbfbfb 0%,#f2f2f2 3%,#e5e5e5 6%,#eee 15%,#f3f3f3 49%,#f9f9f9 100%);
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#f2f2f2 3%,#e5e5e5 6%,#eee 15%,#f3f3f3 49%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #fbfbfb 0%,#f2f2f2 3%,#e5e5e5 6%,#eee 15%,#f3f3f3 49%,#f9f9f9 100%);
}
#footer{
	text-align:right;
	color:#fff;
	font-size:11px;
	line-height:14px;
	padding:0 41px 0 0;
	position:absolute;
	right:0;
	bottom:15px;
}
#footer a{color:#fff;}
.note{
	display:inline-block;
	vertical-align:top;
}
#footer .links{
	display:inline-block;
	vertical-align:top;
	color:#fff;
	background:url(../images/separator1.png) no-repeat 6px 50%;
	padding:0 0 0 12px;
	margin:0;
	list-style:none;
}
#footer .links li{display:block;}
.view{display:none;}
#bg {
	overflow: hidden;
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
}
#bg img {position: absolute;}
.popup-holder {
	position: relative;
	overflow: hidden;
	height: 0;
}
.lightbox {
	width:800px;
}
.lightbox .floor-lightbox{
	padding: 12px 5px 8px 30px;
	width:873px;
}
.lightbox h2 {margin: 0 0 10px;}
.lightbox.floor-lightbox img{
	max-width:100%;
	margin:-25px 0 0;
	display:block;
}
#fancybox-content .logo{
	float:none;
	margin:0 auto 25px;
	background:url(../images/logo-popup.png) no-repeat;
	width: 115px;
	height: 115px;
	display:block;
	padding:0 38px 0 0;
	position:relative;
}
#fancybox-content .floor-lightbox .logo{
	margin:0;
	float:none;
}
#fancybox-content p{margin:0 0 14px;}
#fancybox-content .heading{
	display:block;
	font:600 13px/15px "Open Sans", Arial, Helvetica, sans-serif;
}
@media handheld, only screen and (max-width: 1120px){
	#nav{
		font-size:14px;
		line-height:16px;
	}
	#nav li{margin-right:10px;}
	.lightbox.floor-lightbox,
	.lightbox{
		width:auto !important;
		padding:0 !important;
		overflow:hidden !important;
	}
	.lightbox.floor-lightbox img{
		width:100%;
		margin:-10px auto 0;
	}
}
@media handheld, only screen and (max-width: 1000px){
	#nav li{
		float:none;
		margin:0 0 10px;
	}
	#nav a{
		display:inline-block;
		vertical-align:top;
	}
	.open-close .slide{width:480px;}
	.open-close .slide.alt{width:280px;}
	.apartments-list ul,
	.apartments-list ul+ul{float:none;}
}
@media handheld, only screen and (max-width: 767px){
	.slideshow,
	#bg,
	.open-close .opener,
	.open-close .scrollable-area-wrapper .vscrollbar,
	.open-close .scrollable-area-wrapper .vscroll-line,
	.open-close .scrollable-area-wrapper .vscroll-slider{display:none !important;}
	#header{
		margin-bottom:0;
		padding-bottom:5px;
	}
	.logo{
		margin:-17px auto 7px;
		float:none;
		display:block;
	}
	#main .logo-luton{
		margin:0 auto 4px;
		float:none;
	}
	#nav{
		text-align:center;
		font-size:16px;
		line-height:19px;
		padding:0;
	}
	#main{
		margin-bottom:17px;
		position:static;
		bottom:auto;
		height:auto;
		right:auto;
		overflow:hidden;
	}
	#main h2{
		font-size:14px;
		line-height:17px;
		margin:0;
	}
	.slideshow-mobile,
	.visual{
		display:block;
		margin-bottom:14px;
	}
	.open-close{float:none;}
	.open-close .opener-block{
		width:auto;
		float:none;
		text-align:center;
		margin:0 0 10px;
		padding: 25px 50px 24px;
		min-height:auto;
	}
	.open-close .slide,
	.open-close .slide.alt{
		background:none;
		width:auto;
		margin:0 !important;
	}
	.open-close .scrollable-area-wrapper{
		height:auto !important;
		width:auto !important;
	}
	.open-close .scrollable-area{
		height:auto !important;
		width:auto !important;
		padding-right:0;
	}
	.view-list.alt{display:block;}
	.list{margin-left:0;}
	.list li{
		background-position:0 8px;
		padding-left:7px;
	}
	.form-contact .col,
	.form-contact .col+.col{
		float:none;
		width:auto;
	}
	#fancybox-close{
		background:url(../images/btn-close-mob.png) no-repeat !important;
		width: 9px !important;
		height: 9px !important;
		top:4px !important;
		right:4px !important;
	}
	#fancybox-content .lightbox .logo{padding:0;}
	#fancybox-content .lightbox.floor-lightbox .logo{
		background:url(../images/logo-popup-mob.png) no-repeat;
		width: 37px;
		height: 37px;
	}
	#footer{
		color:#121416;
		text-align:center;
		padding:0 30px 42px;
		position:static;
		right:auto;
		bottom:auto;
	}
	#footer a{color:#5b8715;}
	#footer .links{
		background:none;
		padding:0;
	}
	.view{display:block;}
	.note{
		display:block;
		margin-bottom:17px;
	}
	#footer .links li{margin-bottom:5px;}