@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
}

.arrow-left {
  background: url('../img/arrows.png') no-repeat left top;
  position: absolute;
  left: 0px;
  top: 75%;
  width: 50px;
  height: 50px;
z-index:2;
}
.arrow-right {
  background: url('../img/arrows.png') no-repeat left bottom;
  position: absolute;
  right: 0px;
  top: 75%;
  width: 50px;
  height: 50px;
z-index:20;
}

.swiper-container {
  height: 850px;
  width: 100%;
position:absolute;
top:150px;
/*border:solid thin red;*/
}

.content-slide {
  padding: 20px;
  color: #fff;
}

.pagination {
	z-index:20;
  position: absolute;
  left: 0;
  text-align: center;
  bottom:0px;
  width: 100%;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWQ2ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 0%, #ced6db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ced6db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ced6db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#ced6db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#ced6db 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#ced6db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ced6db',GradientType=1 ); /* IE6-8 */
display:none;
}



.swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border:solid 2px #27AAE1;
  border-radius: 10px;
  background: #27AAE1;
  /*box-shadow: 0px 1px 2px #555 inset;*/
  margin: 8px 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}




/* GALLERY ---------------------------------------------------- */

.g1{
background:url('../images/gallery/entrance.jpg') no-repeat;
background-size: 100% auto;
}

.g2{
background:url('../images/gallery/lobby.jpg') no-repeat;	
background-size: 100% auto;
}

.g2a{
background:url('../images/gallery/lobby2.jpg') no-repeat;	
background-size: 100% auto;
}

.g3{
background:url('../images/gallery/elevator-lobby.jpg') no-repeat;	
background-size: 100% auto;

}

/* VIEWS ---------------------------------------------------- */


.g12{
background:url('../images/gallery/view1.jpg') no-repeat;	
background-size: 100% auto;

}

.g13{
background:url('../images/gallery/view2.jpg') no-repeat;	
background-size: 100% auto;

}

.g14{
background:url('../images/gallery/view3.jpg') no-repeat;	
background-size: 100% auto;

}

.g15{
background:url('../images/gallery/view4.jpg') no-repeat;	
background-size: 100% auto;

}


.g16{
background:url('../images/gallery/view5.jpg') no-repeat;	
background-size: 100% auto;

}



/* INTERIORS ---------------------------------------------------- */

.g4{
background:url('../images/gallery/reception-office.jpg') no-repeat;	
background-size: 100% auto;

}

.g5{
background:url('../images/gallery/openoffice.jpg') no-repeat;	
background-size: 100% auto;

}

.g6{
background:url('../images/gallery/offices.jpg') no-repeat;	
background-size: 100% auto;

}

.g7{
background:url('../images/gallery/conferenceroom2.jpg') no-repeat;	
background-size: 100% auto;

}

.g8{
background:url('../images/gallery/conferenceroom1.jpg') no-repeat;	
background-size: 100% auto;

}

.g9{
background:url('../images/gallery/pantry.jpg') no-repeat;	
background-size: 100% auto;

}

.g10{
background:url('../images/gallery/bathroom.jpg') no-repeat;	
background-size: 100% auto;

}

.g11{
background:url('../images/gallery/reception-office2.jpg') no-repeat;	
background-size: 100% auto;

}

/* AMENITIES ---------------------------------------------------- */


.g21{
background:url('../images/gallery/nysc.jpg') no-repeat;	
background-size: 100% auto;

}

.g22{
background:url('../images/gallery/garden.jpg') no-repeat;	
background-size: 100% auto;

}




/* NEGHBORS ---------------------------------------------------- */



.g17{
background:url('../images/gallery/grandcentralmarket.jpg') no-repeat;	
background-size: 100% auto;

}


.g18{
background:url('../images/gallery/grandcentralmarket2.jpg') no-repeat;	
background-size: 100% auto;

}

.g18a{
background:url('../images/gallery/grandcentralmarket3.jpg') no-repeat;	
background-size: 100% auto;

}


.g19{
background:url('../images/gallery/apple.jpg') no-repeat;	
background-size: 100% auto;

}


.g20{
background:url('../images/gallery/applestore.jpg') no-repeat;	
background-size: 100% auto;

}


.g23{
background:url('../images/gallery/grandcentral.jpg') no-repeat;	
background-size: 100% auto;

}


.g24{
background:url('../images/gallery/un.jpg') no-repeat;	
background-size: 100% auto;

}



.labelcontainer{
	z-index:2;
	position:absolute;
	bottom:0px;
	height:40px;
	color:#000;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWQ2ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #ffffff 0%, #ced6db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ced6db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ced6db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ced6db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ced6db 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ced6db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ced6db',GradientType=1 ); /* IE6-8 */
}

.labelphoto{
	border:solid thin red;
	color:#000;
	position:absolute;
	z-index:20;
	bottom:0;
}


/* THUMBNAILS ---------------------------------------------------- */

.galthumbs {
width: 230px;
z-index:10;
position:absolute;
top:235px;
height:auto;
/*border:solid thin red;*/
}

.galthumbs a {
  display: block;
  float: left;
  width: 57px;
height:55px;
margin:5px 5px 5px 5px;
  text-align: center;
  border: 2px solid #fff;
  background: #fff;
 
}


/* MEDIUM SCREENS ---------------------------------------------------- */

@media screen and (max-width : 1600px) { 
.swiper-container {
  height: 900px;
/*border:solid thin red;*/
}
body, .swiper-container, *{
	overflow:hidden;
}
}

/* SMALLER SCREENS ---------------------------------------------------- */


@media screen and (max-width : 1400px) { 
.swiper-container {
  height: 800px;
}
}


/* SMALLER SCREENS ---------------------------------------------------- */


@media screen and (max-width : 1200px) { 
.swiper-container {
  height: 650px;
}
}



/* IAPAD PORTRAIT ---------------------------------------------------- */


@media screen and (max-width : 768px) { 
	
	.swiper-container {
	  height: 600px;
	  width: 100%;
	
	}
	
	.g1, .g2, .g2a, .g3, .g12, .g13, .g14, .g15, .g16, .g4, .g5, .g6, .g7, g8, .g9, .g10, .g11, .g21, .g22, .g17, .g18, .g18a, .g19, .g20, .g23, .g24 {
	background-size: auto 100%;
	}
	
	
	.arrow-left, .arrow-right {
		position: absolute;
	  top: 60%;
	}

	
	
}

/* PHONE LANDSCAPE ---------------------------------------------------- */

@media screen and (max-width : 480px) { 
	
	body, html{
		overflow-y:scroll;
	}
	
	.swiper-container {
	  height: 300px;
	  width: 100%;
	position:static;
	}
	

	
	#arrow-container{
		position:relative;
		margin-top:-190px;
		margin-bottom:140px;
		z-index:10;
		width: 50px;
	}
	
	#arrow-container-r{
			position:relative;
			margin-left:89%;
			margin-top:-190px;
			margin-bottom:140px;
			z-index:10;
			width: 50px;
		}
	
	.arrow-left, .arrow-right {
		position:static;
		display:block;
		  width: 50px;
		  height: 50px;
	}
	
	.navgal{
		position:static;
		z-index:1;
	}
	.navgal li{
	
		text-align:center;
		width:100%;

	}
	
	.galinstruct{
		text-align:center;
		font-size:.8em;
		margin:8px 0;
		width:100%;
	}

	
	
}



/*IPHONE PORTRAIT-------------------------------------------------------*/


@media only screen and (min-device-width : 320px) and (orientation : portrait){ 
	
	#arrow-container-r{
			position:relative;
			margin-left:85%;
			margin-top:-190px;
			margin-bottom:140px;
			z-index:10;
			width: 50px;
		}
		
		.galinstruct{
			width:60%;
			margin-left:20%;
		}

}