/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size:0;
	font-family: 'Raleway', sans-serif;
}

textarea:focus, input:focus{
    outline: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea:focus, input:focus{
    outline: none;
}
header {
	position: relative;
	z-index: 10;
}
header nav {
	position: absolute;
	width:100%;
	text-align: center;
	top:30px;
	right:0;
	left:0;
	margin:auto;
}
header nav a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px; 
	letter-spacing: 2px;
	font-weight: 500;
	margin-right: 35px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
}
header nav a:hover {
	color: #fff;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	cursor:pointer;
}
header nav figure {
	display: inline-block;
	vertical-align: middle;
	width:158px;
	margin-right:45px;
	margin-left:10px;
}
header nav figure a {
	display: block;
	margin:0!important;
}
header nav figure img {
	width:100%;
}
header nav a:last-of-type {
	margin-right: 0px;
}
header .main-nav-apartments-view {
	position: fixed;
	top:0;
	width:100%;
	background: rgba(24,50,68,.95);
	padding:15px 0;
}
.back {
	float: left;
	margin-left: 40px;
        text-decoration: none;
}
#loader {
	position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  	background: #fff;
    z-index: 999;
    display: block;
}
#loader-image {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 65px;
    height: 65px;
}
#sticky {
	display: none;
	position: fixed;
	top:0;
	width:100%;
	background: rgba(24,50,68,.95);
	padding:15px 0;
}
.animated {
	transition: ease-in 0.2s;
	-webkit-transition: ease-in 0.2s;
	-moz-transition: ease-in 0.2s;
	-ms-transition: ease-in 0.2s;
	-o-transition: ease-in 0.2s;
}
#sticky nav {
	position: initial;
}
#sticky nav a:last-of-type {
	margin-right: 0;
}
.active {
	color: #fff;
}
#main-baner {
	position: relative;
	width:100%;
	height:100vh;
	background:url(../img/main_baner.jpg) center 20% no-repeat;
	background-size: cover;
}
#baner-info {
	position: absolute;
	top: 47%;
	transform:translateY(-50%);
	left:0;
	right:0;
	margin:auto;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
#baner-info h1 {
	text-transform: uppercase;
	font-size:72px;
	text-align: center;
	margin-bottom:20px;
	font-weight: 800;
	color: #fff;
	width:95%;
	margin-left: auto;
	margin-right: auto;
}
#baner-info h2 {
	font-size: 26px;
	color: #fff;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	letter-spacing: .6px;
	width: 95%;
	margin:auto;
}
#baner-info .btn {
	display: inline-block;
	color: #fff;
	border: 2px solid #fff;
	margin:80px 10px 0 10px;
	background: rgba(255,255,255,0);
	transition: ease-in 0.2s;
	-webkit-transition: ease-in 0.2s;
	-moz-transition: ease-in 0.2s;
	-ms-transition: ease-in 0.2s;
	-o-transition: ease-in 0.2s;
}
#baner-info .btn:hover {
	border: 2px solid rgba(255, 255, 255, 0.3);
	background: rgba(255,255,255,0.2);
}
#scroll {
	position: absolute;
	bottom:40px;
	left:0;
	right:0;
	margin:auto;
	text-align: center
}
#scroll:hover {
	cursor: pointer;
}
#scroll:hover > span {
	color:rgba(255,255,255,1);
}
#scroll span {
	display: block;
	font-size:14px;
	text-transform: uppercase;
	color:rgba(255,255,255,.6);
	margin-bottom:20px;
	font-weight: 500;
}
#scroll-img {
	width: 20px;
	margin:auto;
}
#scroll img {
	width:20px;
}
#main-baner p {
	color:rgba(255,255,255,.8);
	margin-top:80px;
	font-weight: 500;
	font-size:14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.8px;
}
section {
	padding:80px 0;
	position: relative;
}
.half-line {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	right:0;
	left:0;
	width:100px;
	height:1px;
	background:transparent;
}
.content {
	width:1050px;
	margin:auto;
}
#about figure {
	width:230px;
	margin:auto;
}
#about figure img {
	width:100%;
}
.line {
	background: rgba(24,50,68,.15);
	width:100%;
	height:1px;
	margin:80px 0;
}
h3 {
	color: #183244;
	font-size:42px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 800;
	margin-bottom:60px;
}
p {
	font-size:16px;
	line-height: 1.6em;
	color:rgba(24,50,68,.7);
	font-weight: 500;
	letter-spacing: .4px;
	text-align: justify;
}
#about p {
	margin-bottom:15px;

}
#slider {
	position: relative;
	width:100%;
	height:100vh;
}
#slider .slide {
	width:100%;
	height:100vh;
	background:url(../img/visualisation1.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(2) {
	background:url(../img/visualisation2.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(3) {
	background:url(../img/visualisation3.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(4) {
	background:url(../img/visualisation4.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(5) {
	background:url(../img/visualisation5.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(6) {
	background:url(../img/visualisation6.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(7) {
	background:url(../img/visualisation7.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(8) {
	background:url(../img/visualisation8.jpg) center center no-repeat;
	background-size: cover;
}
#slider .slide:nth-of-type(9) {
	background:url(../img/visualisation9.jpg) center center no-repeat;
	background-size: cover;
}
.btn-container {
	text-align:center;
}
.btn {
	display: block;
	font-weight: 800;
	color: #296e8e;
	text-transform: uppercase;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	padding: 16px 0;
	text-align: center;
	width: 270px;
	margin-top: 50px;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	border: 2px solid rgba(41,110,142,0.5);
	transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
}
.btn:hover {
	color: #183244;
	border:2px solid rgba(41,110,142,0.1);
}
.slick-next {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    width: 30px;
    height: 30px;
    padding-bottom: 5px;
    background-color:transparent;
    background-image: url(../img/right.png);
    border:none;
    background-size: 30px;
    font-size: 0;
    z-index: 1
}
.slick-next:focus, .slick-prev:focus {
    outline: none;
}
.slick-prev {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    width: 30px;
    height: 30px;
    padding-bottom: 5px;
    background-color:transparent;
    background-image: url(../img/left.png);
    border:none;
    background-size: 30px;
    font-size: 0;
    z-index: 1
}
.slick-prev:hover, .slick-next:hover {
    cursor: pointer;
}
#map {
	width:100%;
	height:350px;
	margin-top:100px;
}
#apartments {
	background: rgb(245,245,245);
	padding-bottom:0px;
}
#apartments h3, #contact h3 {
	margin-bottom:20px;
}
#apartments-view h3 {
	margin-bottom: 0px;
}
.italic {
	margin-bottom:50px;
	font-style: italic;
	text-transform: uppercase;
	text-align:center;
	margin-bottom:80px;
}
.full-img{
	display: block;
	width: 100%;	
}
.contact-info {
	width:50%;
	display: inline-block;
	vertical-align: top;
}
.contact-info:last-of-type {
	padding-left:50px;
	box-sizing: border-box;
}
.contact-info img {
	width:140px;
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}
.info-details {
	display: inline-block;
	vertical-align: top;
}
.info-details h4 {
	font-size:14px;
	letter-spacing: .4px;
	color:rgba(24,50,68,.7);
	font-weight: 800;
	margin-bottom:16px;
}
.info-details a {
	display: block;
	font-size:14px;
	font-weight: 800;
	letter-spacing: .3px;
	color:#296e8e;
	margin-bottom:16px;
	text-decoration: none;
}
.info-details a:hover {
	color:#183244;
}
.info-details p {
	margin-bottom:16px;
	text-align: left;
	font-size:14px;
}
footer {
	padding: 68px 0;
	background: #183244;
}
footer a {
	display: block;
	color:rgba(255,255,255,.4);
	font-size:13px;
	text-align: center;
	text-decoration: none;
	font-size:15px;
	letter-spacing: .4px;
}
#apartments-list {
	width:100%;
}
#apartments-list strong {
	font-weight: 800;
}
#apartments-list thead {
	background: #f5f5f5;
}
#apartments-list thead td {
	font-size:14px;
	color: #183244;
	padding:15px 0;
	text-align: center;
	text-transform: uppercase;
	box-sizing: border-box;
	border-bottom:1px solid #f5f5f5;
	border-top:1px solid #f5f5f5;
}
#apartments-list thead td:hover {
	cursor: pointer;
}
.focus {
	color:#296e8e!important;
	
}
.focus-border {
	border:1px solid #296e8e!important;
}
.arrow {
	display: inline-block;
	vertical-align: middle;
	width:10px;
	margin-left:8px;
	margin-bottom:3px;
}
sup {
	vertical-align: super;
	font-size: 12px;
	display: inline-block;
    margin-top: -5px;
}
#table-list {
	padding-top:100px;
	padding-bottom:20px;
}
#apartments-list tbody {
	height:300px;
	overflow: auto;
}
#apartments-list tbody td {
	font-size: 14px;
	font-weight: 500;
	color: #183244;
	padding:15px 0;
	text-align: center;
}
#apartments-list tbody tr:hover {
	background: #d4e5ec;
	cursor: pointer;
}
tbody, thead {
	display: block;
	width:100%;
}
#apartments-list tbody tr {
	border-bottom:1px solid rgba(24, 50, 68,0.15);
}
#apartments-list .area {
	width:175px;
}
#apartments-list .rooms , #apartments-list .floor, #apartments-list .price, #apartments-list .status, #apartments-list .name  {
	width:170px;
}
.get-apartment-info {
	cursor: pointer;
}
.apartment-details {
	display: none;
	position: fixed;
	top:0px;
	bottom:0;
	width:100%;
	background: rgba(24, 50, 68,0.9);
	z-index: 20;
	overflow: auto;
}
.apartment-details .content {
	background: #fff;
	height:auto;
	overflow: auto;
	position: relative;
}
.close-border {
	position: absolute;
    top: 31px;
    left: 49px;
    width: 41px;
    height: 41px;
    border-radius: 37px;
    background: rgba(41,110,142,0.3);
}
.close-border:hover {
	background: rgba(41,110,142,0.1);
	cursor: pointer;
}
#close {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:0;
	right:0;
	margin:auto;
	width:11px!important;
}
#close:hover {
	cursor: pointer;
}
.apartment-details h3 {
	padding: 40px 0;
	background: #f5f5f5;
	font-size: 30px;
	margin-bottom: 0px!important;
}
.apartment-details h3:after {
	content:"SCROLL DOWN TO SEE MORE INFORMATION";
	display: none;
	margin-top:20px;
	font-style: italic;
    text-transform: uppercase;
    text-align: center;
    font-size:14px;
    color:#183244;
    font-weight: 500;
}
.apartment-details .left {
	display: inline-block;
	vertical-align: top;
	width:319px;
	box-sizing: border-box;
	float:left;
}
#pdf {
	padding:40px 0;
	border-bottom: 1px solid rgba(24, 50, 68,0.15)
}
#pdf a {
	font-size:14px;
	color: #296e8e;
	text-decoration: none;
	font-weight: 800;
	text-transform: uppercase;
	padding-left:50px;
        display: block;
        margin-bottom: 10px;
}
#pdf a:hover {
	color:#183244;
}
.apartment-details .right {
	display: inline-block;
	vertical-align: top;
	width:731px;
	border-left:1px solid rgba(24, 50, 68,0.15);
	box-sizing: border-box;
	float:right;
	min-height: calc(100vh - 100px);
}
.apartment-details .right img {
	display: block;
	margin:auto;
	max-width:100%;
	margin-top:20px;
}
.apartment-details strong {
	font-weight: 800;
	color: #183244;
	text-transform: uppercase;
}
.apartment-details p {
	color:#183244;
	font-weight: 500;
	font-size: 14px;
	margin-bottom:5px;
	padding-left:50px;
}
.apartment-info {
	padding:40px 0;
	border-bottom: 1px solid rgba(24, 50, 68,0.15);
}
.apartment-contact .info-details h4 {
	padding-left:50px;
	font-size:14px;
}
.apartment-contact {
	padding:40px 0;
}
.apartment-contact span {
	display: block;
	color:#183244;
	font-weight: 800;
	font-size: 14px;
	padding-left:50px;
	text-transform: uppercase;
	margin-bottom:40px;
}
.apartment-contact h4 {
	color:#183244;
	font-weight: 800;
	margin-bottom:10px;
}
.apartment-contact a {
	padding-left:50px;
	font-weight: 800;
	color: #296e8e;
	margin-bottom:10px;
	font-size: 14px;
}
.apartment-contact .info-details {
	margin-bottom: 40px;
}
.apartment-contact .info-details .italic {
	margin-bottom:10px;
	line-height: 1;
}
#sticky figure {
	display: none;
}
#res {
	display: none;
}
#legend {
	width:100%;
	padding: 15px 0;
	background: #fff;
	text-align: center;
} 
#legend .status {
	display: inline-block;
	vertical-align: middle;
	font-size:13px;
	font-weight: 500;
	color: #183244;
	margin-right: 60px;
	text-transform: uppercase;
	opacity: 0.7;
}
#legend .status:last-of-type {
	margin-right: 0;
}
#legend .status:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right:8px;
	width:10px;
	height:10px;
	background: #006E9F;
	border-radius: 10px;
	margin-bottom:3px;
}
#legend .status:nth-of-type(2):before {
	background: #2d5266;
	opacity: 0.6;
}
#legend .status:nth-of-type(3):before {
	background: #002032;
	opacity: 1;
}
.gray {
	background: rgb(245,245,245);
	padding:80px 0;
	margin-bottom:80px;
}
.gray .italic {
	margin-bottom:0;
}
#contact {
	padding-top:0;
	margin-top:60px;
}
.scroll-info {
	display: none;
}
#apartments-view {
	padding-top: 120px;
	background: rgb(245,245,245);
}
.apartments-view-building {
	padding-top: 40px;
}
.apartments-view-building h3 {
	font-size: 30px;
	margin-bottom: 40px;
}
#apartments-view-gallery {
	padding: 0;
}
.apartments-view-floor {
	padding: 10px 0;
	background: rgb(245,245,245);
}
.apartments-view-floor p {
	text-align: center;
	text-transform: uppercase;
}
.apartments-view-gallery {
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
	background: rgb(245,245,245);
}
.apartments-view-gallery img {
	display: inline-block;
	width: 30%;
	margin: 0 10px;
}
@media all and (max-width: 1050px ) {
	.content {
		width:85%;
		margin:auto;
	}
	.apartment-details h3:after {
		display: block;
	}
	.apartment-details .content {
		width: 100%;
	}
	#sticky {
		display: block;
	}
	header .main-nav {
		display: none;
	}
	#sticky figure {
		display: block;
		margin-left:15px;
		margin-top:5px;
		width:100px;
	}
	#sticky figure img {
		width:100%;
	}
	#res {
		position: fixed;
		display: block;
		top:16px;
		right:20px;
		width:25px;
		z-index: 100;
	}
	#sticky nav {
		display: none;
		position: fixed;
		right:0;
		left: auto;
		top:57px;
		width:200px;
		background: rgba(24,50,68,.95);
	}
	#sticky nav a {
		display: block;
		margin:25px 0;
		text-align: right;
		padding-right: 20px;
	}
	section {
		padding:50px 0;
	}
	p {
		text-align: justify;
	}
	#slider, #slider .slide {
		height: 350px;
	}
	#table-list .content {
		overflow-y: scroll;
	}
	#apartments-list {
		width:1050px;
	}
	.contact-info {
		display: block;
		width:100%;
	}
	.contact-info img {
		display: block;
		margin:auto;
	}
	.info-details {
		display: block;
		margin-top:30px;
		text-align: center;
	}
	.info-details p {
		text-align: center;
	}
	.contact-info:last-of-type {
		padding-left:0;
		margin-top:60px;
	}
	.apartment-details .right {
		width:100%;
		float: none;
		display: block;
		border-left: 0;
		border-bottom:1px solid rgba(24, 50, 68,0.15);
		min-height: auto;
	}
	.apartment-details .left {
		width:100%;
		float: none;
		display: block;
	}
	#mobile-left {
		display: inline-block;
	    vertical-align: top;
	    width: 50%;
	    border-bottom: 0px;
	}
	#mobile-left #pdf {
		border-bottom: 0;
		border-top:1px solid rgba(24, 50, 68,0.15);
	}
	.apartment-info {
		border-bottom: 0px;
	}
	.apartment-contact {
		display: inline-block;
		vertical-align: top;
		width:50%;
		border-left:1px solid rgba(24, 50, 68,0.15);
		box-sizing: border-box;
	}
	.apartment-contact .info-details p, .apartment-contact .info-details h4, .apartment-contact .info-details a {
		text-align: left;
	}
	.scroll-info {
		display: block;
		margin-bottom:30px;
		margin-top:50px;
	}
	#table-list {
		padding-top:0px;
	}
	.italic {
		font-size:14px;
	}
	#apartments-view {
		padding-top: 100px;
	}
	.apartments-view-gallery img {
		width: 70%;
		margin: 0px 10px 20px 10px;
        }
}
@media all and (max-width: 600px ) {
	.content {
		width:85%;
	}
	#main-baner {
	    margin-bottom: 50px;
	    height: calc(100vh - 50px);
	}
	#baner-info {
		top: 52%;
	}
	#baner-info h1 {
		font-size:36px;
	}
	#scroll {
		bottom:10px;
	}
	#scroll span {
		display: none;
	}
	#scroll-img {
		width:15px;
	}
	#legend .status {
		display: block;
		margin:10px auto;
	}
	#baner-info h2 {
		font-size:24px;
	}
	h3 {
		font-size:32px;
	}
	#main-baner p {
		width:85%;
		margin-left: auto;
		margin-right: auto;
		margin-top:20px;
	}
	#baner-info .btn {
		margin-top: 20px;
	}
	.italic {
		width: 90%;
		font-size:14px;
		margin-bottom:40px;
		margin-left:auto;
		margin-right:auto;
	}
	.line {
		margin:40px 0;
	}
	.apartment-info {
		display: block;
		width:100%;
		text-align: center;
	}
	.apartment-info p {
		text-align: center;
		padding-left:0;
	}
	.apartment-contact {
		display: block;
		width:100%;
		border-left:0;
	}
	.apartment-contact .info-details p, .apartment-contact .info-details h4, .apartment-contact .info-details a {
		text-align: center;
		padding-left:0;
	}
	.apartment-contact span {
		text-align: center;
		padding-left:0;
	}
	.apartment-details .right img {
		margin-bottom:50px;
	}
	#mobile-left {
		display: block;
		width:100%;
	}
	#mobile-left #pdf {
		border-bottom:1px solid rgba(24, 50, 68,0.15);
	}
	#mobile-left #pdf a {
		display: block;
		text-align: center;
		padding-left:0;
	}

	#apartments-list tbody {
		height:185px;
	}
	.close-border {
		top: 15px;
    	right: 15px;
    	left:auto;
	}
	.apartemnt-details h3 {
		padding:60px 0;
	}
	.apartments-view-gallery img {
		width: 90%;
		margin: 0px 10px 20px 10px;
        }
}