/*

Author: CGP Systems
Author URI: https://cgpsystems.cz/

*/
@import url('font-awesome.min.css');
@import url('animate.css');
@import url('jquery.mmenu.all.css');

@font-face {
    font-family: "GothamBook";
    src: local("GothamBook"),
            url('fonts/GothamBook/GothamBook.eot') format('embedded-opentype'),
            url('fonts/GothamBook/GothamBook.otf') format('opentype'),
            url('fonts/GothamBook/GothamBook.woff') format('woff'),
            url('fonts/GothamBook/GothamBook.ttf') format('truetype'),
            url('fonts/GothamBook/GothamBook.svg') format('svg');

}
/* font-family: "RockwellRegular"; */
@font-face {
	font-family: 'Conv_Rockwell';
	src: url('fonts/Rockwell/Rockwell.eot');
	src: local('☺'), url('fonts/Rockwell/Rockwell.woff') format('woff'), url('fonts/Rockwell/Rockwell.ttf') format('truetype'), url('fonts/Rockwell/Rockwell.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('fonts/librebaskerville/librebaskerville-regular-webfont.eot');
    src: url('fonts/librebaskerville/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/librebaskerville/librebaskerville-regular-webfont.woff2') format('woff2'),
         url('fonts/librebaskerville/librebaskerville-regular-webfont.woff') format('woff'),
         url('fonts/librebaskerville/librebaskerville-regular-webfont.ttf') format('truetype'),
         url('fonts/librebaskerville/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'libre_baskervillebold';
    src: url('fonts/librebaskerville/librebaskerville-bold-webfont.eot');
    src: url('fonts/librebaskerville/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/librebaskerville/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('fonts/librebaskerville/librebaskerville-bold-webfont.woff') format('woff'),
         url('fonts/librebaskerville/librebaskerville-bold-webfont.ttf') format('truetype'),
         url('fonts/librebaskerville/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Global */
/* font-family: 'Open Sans', sans-serif; */
*{
    padding: 0;
    margin: 0;
}
body{
    font-size: 18px;
    font-family: "GothamBook";
    line-height: 1.25;
    color: #000;
    background: #fff;
}

h4{
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
}
h1
p{
    margin-bottom: 20px;
}

li{
    list-style-type: none;
}
a{
    text-decoration: none;
    color: inherit;
}
.backstretch{
	/* background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('../images/home/title1.jpg'); */
	background:url('../images/home/title1.jpg');
	background-position: center bottom;
    background-size: cover;
}
.building .backstretch, .amenities .backstretch, .appartament_page .backstretch, .availability_page .backstretch, .map_page .backstretch, .clinton_hill_page .backstretch, .contact_page .backstretch{
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('../images/home/title2.jpg');
	background-position: center 500px;
    background-size: cover;
}
.building .backstretch, .amenities .backstretch, .appartament_page .backstretch, .availability_page .backstretch, .map_page .backstretch, .clinton_hill_page .backstretch, .contact_page .backstretch{
	background:url('../images/home/title3.jpg');
	    background-position: center;
    background-size: cover;
}
#firstHeading{
	color: white;
}
.listing-contact{
	padding: 15px 15px 15px 0;
	min-width: 220px;
	
}
.container{
    width: 1145px;
    margin: 0 auto;
    position: relative;
}
.container.container-3{
    width: 859px;
}
header .container{
    width: 1170px;
}
.col-20{
    width: 20%;
    float: left;
}
.col-25{
    width: -moz-calc(100%/4);
    width: -webkit-calc(100%/4);
    width: calc(100%/4);
    float: left;
}
.col-33{
    width: -moz-calc(100%/3);
    width: -webkit-calc3100%/3);
    width: calc(100%/3);
    float: left;
}

.col-50{
    width: 50%;
    float: left;
}
.col-75{
    width: 75%;
    float: left;
}
.col-80{
    width: 80%;
    float: left;
}
.col-100{
    width: 100%;
}

.offset-50{
    margin-left: 50%;
}

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
.wrap{
    position: relative;
}
.full{
    width: 100%;
}
.button{
    border: 2px solid;
    display: inline-block;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 45px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	text-transform: uppercase;
}
.button:hover{
   background-color: rgba(255,255,255,0.3);
}
.button.orang{
	background-color:#ffb900;
    color: #fff;
    border: 2px solid #ffb900;
	text-transform:uppercase;
}
.button.orang:hover{
	background-color:#000;
    color: #fff;
    border: 2px solid #000;
	text-transform:uppercase;
}
.button.black:hover{
	background-color:#ffb900;
    color: #fff;
    border: 2px solid #ffb900;
}
.button span{
    padding: 0 0 0 5px;
    display: inline-block;
    line-height: 0.7;
    position: relative;
    top: 0px;
    font-family: monospace, "GothamBook";
    font-size: 1.2em;

}

/* HEADER */
header{
    height: 100px;
    line-height: 100px;
}

header .logo-header{
    width: 270px;
    float: left;
    padding-left: 10px;
	margin-top: 21.5px;
}
header .logo-header h1,
header .logo-header h3{
    float: left;
    width: 50%;

}
header .logo-header h1 a{
        position: relative;
    /* line-height: 57px; */
    /* height: 57px; */
    /* width: 100%; */
    /* display: block; */
    float: left;
}
header .logo-header h1 a img{float: left;}
/* header .logo-header h1 a::after{
    content: "";
    width: 2px;
    height: 45px;
    background-color: #acacac;
    position: absolute;
    right: -15px;
    top: 14px;
} */
/* header .logo-header h3{
    font-size: 25px;
    line-height: 30px;
    padding-top: 20px;
} */

ul.menu{
    
    float: right;
    padding: 0 0 0 20px;
}

ul.menu li{
    display: inline-block;
    font-size: 16px;
    font-family: "GothamBook";

}
ul.menu li:nth-child(2){
    margin-left: 0;
}
ul.menu li+li{
    margin-left: 25px;
}
ul.menu li:last-child{
	margin-left: 15px;
}
ul.menu li a{
    padding-bottom: 5px;
	text-transform: uppercase;
}
ul.menu li a.contact{
    display: inline-block;
    background-color: #292620;
    line-height: 33px;
    padding-bottom: 0px;
    color: #fff;
    width: 120px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
ul.menu li a.apply_now{
    display: inline-block;
    background-color: #ffb900;
    line-height: 33px;
    padding-bottom: 0px;
    color: #fff;
    width: 120px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
ul.menu li a.active{
    padding-bottom: 5px;
    border-bottom: 3px solid #ffb900;
}
ul.menu li a:not(.active):hover{
    padding-bottom: 5px;
    border-bottom: 3px solid #ffb900;
}
ul.menu li a.contact:hover{
    padding-bottom: 0px;
    background-color: #ffb900;
	border-bottom: 0px;
}
ul.menu li a.apply_now:hover{
    padding-bottom: 0px;
    background-color: #000;
	border-bottom: 0px;
}

.mmenu{
    display: none;
}
#menu {
    background: #eee;
}

.mm-listview  li > a {
    font-weight: bold;
    font-size: 20px;
    transition: padding 0.5s ease;
}
.mm-listview  li > a:hover {
    padding-left: 40px;
}
.mm-listview li:nth-child(1) { background: #e1e1e1; }
.mm-listview li:nth-child(2) { background: #f3f0f0; }
.mm-listview li:nth-child(3) { background: #e1e1e1; }
.mm-listview li:nth-child(4) { background: #f3f0f0; }
.mm-listview li:nth-child(5) { background: #e1e1e1; }


/* ALL */
.page-title{
    width: 100%;
    height: 370px;
    color: #fff;
    margin-bottom: 75px;
}
.page-title .title-valign{
	width: 100%;
    height: 370px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.page-title .title-valign h2{
    font-size: 48px;
    line-height: 1.7em;
    padding: 0 0 5px;
    border-bottom: 3px solid #ffb900;
    display: inline-block;
    text-transform: uppercase;
	font-family: 'libre_baskervilleregular';
	letter-spacing: 6px;
	padding: 0 0px 0 6px;
	font-weight: normal;
}


/* HOME */
.home-title{
    min-height: calc(100vh - 100px);
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.home-title h2{
	font-family: 'libre_baskervilleregular';
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:4px;
    font-size: 52px;
}
.home-title p{
    font-size: 21px;
	font-family: 'libre_baskervilleregular';
    /* padding: 0 18%; */
	font-weight:normal;
}
.home-title a{
    font-size: 22px;
}

.home-title .valign{
	padding:calc( calc( 100vh - 445px ) / 2 ) 0 135px;
    position: relative;
}
.home-title .valign h2{
	margin-bottom: 25px;
}
.home-title .valign hr.first{
	margin-bottom: 65px;
    width:100%
}
.home-title .valign hr.last{
	margin-top: 65px;
    width:100%
}
.description{
    text-align: center;
    margin-bottom: 75px;

}
.title-block-wrap{
    text-align: center;
}
.title-block{
   display: inline-block;
    border-bottom: 3px solid #ffb900;
    padding: 0 0 10px;
    margin-bottom: 35px;
	font-family: 'libre_baskervilleregular';
	letter-spacing: 4px;
	font-weight: normal;
}

/* SLIDER */
.wrap_slider{
    position: relative;
    height: 205px;
	max-width: 950px;
    margin: 0 auto;
}
.wrap_slider .next,
#building_slider_wrap .next,
#amenities_slider_wrap .next{
    content: "";
    position: absolute;
    right: -50px;
	margin-top:-16px;
    top:50%;
    width: 33px;
    height: 33px;
    background-image: url(../images/amenities/arr-right.png);
    background-size: cover;
    cursor: pointer;
}
.wrap_slider .prev,
#building_slider_wrap .prev,
#amenities_slider_wrap .prev{
    content: "";
    position: absolute;
    left: -50px;
    margin-top:-16px;
    top:50%;
    width: 33px;
    height: 33px;
    background-image: url(../images/amenities/arr-left.png);
    background-size: cover;
    cursor: pointer;
}
.wrap_slider img+img{
   margin-left: 10px;
}
#building_slider_wrap,
#building_slider,
#amenities_slider_wrap,
#amenities_slider{
    width: 100%;
    height: 100%;
    position: relative;
}
#building_slider_wrap .next,
#amenities_slider_wrap .next{
    right: 20px;
    z-index: 50;
    top: 271px;
}
#building_slider_wrap .prev,
#amenities_slider_wrap .prev{
    z-index: 50;
    top: 271px;
    left: 20px;
}

/* .title-block::after{
    content: "";
    height: 0;
    width: 100%;
    position: absolute;
    bottom: -10px;
    border-bottom: 3px solid;
    left: 0;

} */
/* MAPS */
.title_exr_office{
  font-weight: normal;
  font-size: 22px;
  margin: 13px 0px 7px;
}
.gmap_adress{
  width: 300px;
  font-size: 15px;
  padding-bottom: 10px;
}
.gmap_adress span{
  width: 300px;
  position: relative;
  display: block;
  text-align: center;
}
#map_building{
    width: 100%;
    height: 100%;
}
.cl_h_map_box{
	margin-bottom:140px;
}
/*#map_right*/
#map_left{
    height: 575px;
    float: left;
    width: 100%;
    position: relative;
}
/*#map_right*/
#map_clinton_hill{
    height:614px;
    float: left;
    width: 100%;
    position: relative;
}
.icon_map_cliton{
	border:1px solid #cecece;
	border-radius:3px;
	padding:5px 0;
	margin:10px auto 50px;
}
.icon_map_cliton .list-map{
	text-align: center;
    text-transform: uppercase;
}
.icon_map_cliton .list-map li.icon{display:inline-block;margin: 0 10px;}
.icon_map_cliton .list-map li.icon::before {
    content: "";
    width: 22px;
    height: 21px;
    display: inline-block;
    background-image: url(../images/clinton/icon_after_map.png);
    background-position: 0px 0px;
    position: relative;
	top: 4px;
    margin-right: 15px;
}

.icon_map_cliton .list-map li:nth-child(2)::before{
	background-position: 23px -2px;width: 23px;height: 16px;top: 2px;
}
.icon_map_cliton .list-map li:nth-child(3)::before{
	background-position: -3px -23px;width: 17px;height: 16px;top: 1px;
}
.icon_map_cliton .list-map li:nth-child(4)::before{
	background-position: 20px -24px;width: 18px;height: 16px;top: 2px;
}
.icon_map_cliton .list-map li:nth-child(5)::before{
    background-position: 0px 20px;width: 20px;height: 19px;
}
.icon_map_cliton .list-map li:nth-child(6)::before{
    background-position: 21px 20px;width: 19px;height: 20px;
}

/* BUILDING */
.double > *{
    height: 575px;
}

/* AMENITIES */
.features .icon::before{
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/sprite/sprite_av.png);
    background-position: 90px 90px;
    position: relative;
    top: 8px;
    margin-right: 10px;
}
.features-wrap{
    background-color: #758990;
    color: #fff;
}
.features{
    padding: 80px 35px 0 55px;
}

.features .listings{
    margin-bottom: 40px;
}
.features .listings li{
        line-height: 1.5;
}
.list-left li:nth-child(2)::before{
    background-position: 60px 90px;
}
.list-left li:nth-child(3)::before{
    background-position: 60px 120px;
}
.list-left li:nth-child(4)::before{
    background-position: 30px 0px;
}
.list-left li:nth-child(5)::before{
    background-position: 30px 120px;
}
.list-left li:nth-child(6)::before{
    background-position: 60px 60px;
}
.list-left li:nth-child(7)::before{
    background-position: 30px 90px;
}

.list-right li:nth-child(1)::before{
    background-position: 30px 0px;
}
.list-right li:nth-child(2)::before{
    background-position: 30px 120px;
}
.list-right li:nth-child(3)::before{
    background-position: 30px 120px;
}
.list-right li:nth-child(4)::before{
    background-position: 30px 0px;
}
.list-right li:nth-child(5)::before{
    background-position: 30px 120px;
}
.list-right li:nth-child(6)::before{
    background-position: 90px 120px;
}



/* APPARTAMENT */
.appartament {
    /* margin-bottom: 30px; */
    border-style: solid;
    border-width: 1px;
    border-color: rgb(167, 167, 167);
    margin: 5px;
	text-align: center;
}
.appartament_page .info {
margin-bottom: 135px;
}
/* .appartament > *{
    height: 215px;
} */
.appartament-body{
    padding:20px;
}
.appartament-body h4.title-block {margin-bottom: 0px; color:#585858;border-bottom: 3px solid #ffb900;font-family: "GothamBook";}
.appartament-info{
    font-family: "GothamBook";
	border-top:1px solid #e9e9e8;
	    padding-top: 20px;
}
.appartament-head{
    font-size: 16px;
	margin-bottom: 25px;
	    letter-spacing: 1px;
	color:#585858;
}
.appartament-head .price{
	font-family: "GothamBook";
    font-size: 24px;
    position: relative;
    top: 3px;
    margin-right: 5px;
	color:#585858;
}
.appartament-head .rental{
    /* margin-left: 35px; */
    max-width: 315px;
    word-wrap: break-word;
    display: inline-block;
    text-align: left;
}
.appartament-content{
    font-size: 14.5px;
    margin-bottom: 25px;
    line-height: 1.5;
}

.appartament .button{
	font-family: "GothamBook";
	background:#292620;
	color:#fff;
	text-transform:uppercase;
    font-size: 14px;
    padding: 10px 20px;
}

/* AVAILABILITY */
.availability{
    margin-bottom: 135px;
}
.wrap-availability{
    height: 230px;
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    text-align: center;
    padding: 60px 0 0 0;
}
.availability h4{
    margin-bottom: 30px;
}
.availability h5{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-bottom: 20px;
}
form#contact_availability {
    display: inline-flex;
}
.availability input{
    border: 1px solid #c6c6c6;
    height: 45px;
    width: 318px;
    font-size: 18px;
    vertical-align: bottom;
    padding: 0 0 0 20px;
}
.availability input::-webkit-input-placeholder {color:#000;}
.availability input::-moz-placeholder          {color:#000;}
.availability input:-moz-placeholder           {color:#000;}
.availability input:-ms-input-placeholder      {color:#000;}

.availability button{
    border: 2px solid #000;
    height: 47px;
    width: 163px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
	background-color: #000;
	color:#fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	text-transform:uppercase;
}
.availability button:hover{
    background-color: #ffb900;
	border: 2px solid #ffb900;
    color: #fff;
    cursor: pointer;
}

/* MAP */
.double-map{
    height: auto;
}
.locations_wrap {
    padding-left: 25px;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border-bottom: 2px solid #ededed;
	text-align: right;
	    margin-bottom: 20px;
}
div.tab span{text-align:left;float: left;    margin-top: 20px;}
/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;

    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 15px;
    transition: 0.3s;
}
div.tab button:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/clinton/icon_for_map.png);
    background-position: 0px 0px;
    position: relative;
    top: 4px;
}
div.tab  button:nth-child(6):before{background-position: 226px 0px;width: 22px;height:22px;}
div.tab  button:nth-child(4):before{background-position: 171px -3px;width: 17px;height:22px;}
div.tab  button:nth-child(5):before{background-position: 118px -1px;width: 22px;height:23px;}
div.tab  button:nth-child(3):before{background-position: 65px 0px;width: 19px; height:24px;}
div.tab  button:nth-child(7):before{background-position: 23px 0px;width: 19px; height:22px;}




/* Change background color of buttons on hover */
div.tab button:hover {
    border-bottom: 3px solid #ffb900;
}

/* Create an active/current tablink class */
div.tab button.active {
	border-bottom: 3px solid #ffb900;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 50px 50px 0px;
	border: 1px solid #e6e6e6;
	height:490px;
    overflow-y: auto;
    overflow-x: hidden;
}
.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.tabcontent h3{
font-size:25px;
border-bottom: 3px solid #ffb900;
float:left;
line-height:1.7em;
margin-bottom:20px;

}
.tabcontent ul{
    width: 100%;
    float: left;
	    display: block;
    list-style-type: disc;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 30px;
	
}
.tabcontent ul li{
	font-size:18px;
	line-height:30px;
	position:relative
}
.tabcontent ul li:before{
	content:"+";
	    position: absolute;
    margin-left: -28px;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/** initial setup **/
.nano {
  position : relative;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : #e0e0e0;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: #444;
  background: #707070;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.nano {height: 490px; }
.nano .content { padding: 50px; }




.left .map-address{
    padding-right: 15px;
}
.right .map-address{
     padding-left: 15px;
}
.map-address address{
    font-style: normal;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #cccccc;
    margin-bottom: 1px;
}
.map-address .icon::before{
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url(../images/sprite/sprite_footer.png);
    background-position: 0px 22px;
    position: relative;
    top: 5px;
    margin-right: 15px;
}

.map-contact{
    height: 510px;
}


/* CONTACT */
.form{
    margin-bottom: 100px;
    position: relative;
}
.form input,
.form select{
    border: 1px solid #b2b2b2;
    font-size: 18px;
    line-height: 43px;
    width: 94%;
    padding-left: 3%;
    font-family: "GothamBook";
	transition: border-color .5s;
	    margin-bottom: 15px;
}
.form select{
    height: 45px;
    width: 97.3%;
    -webkit-appearance: none;
    background-image: url('../images/contact/select.png');
      background-position: 97% center;
      background-repeat: no-repeat;
      line-height: 1em;
      -moz-appearance: none;
      text-indent: 0.01px;
      text-overflow: '';
      -ms-appearance: none;
      appearance: none!important;
}
.form select::-ms-expand {
    display: none;
}

.form input::-webkit-input-placeholder {color:#000;}
.form input::-moz-placeholder          {color:#000;}
.form input:-moz-placeholder           {color:#000;}
.form input:-ms-input-placeholder      {color:#000;}
.form textarea::-webkit-input-placeholder {color:#000;}
.form textarea::-moz-placeholder          {color:#000;}
.form textarea:-moz-placeholder           {color:#000;}
.form textarea:-ms-input-placeholder      {color:#000;}

.form button{
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding: 10px 55px;
    cursor: pointer;
	text-transform:uppercase;
}
.form .right{
    text-align: right;
}
.form textarea{
    border: 1px solid #b2b2b2;
    font-size: 18px;
    width: 96.9%;
    padding-left: 3%;
    font-family: "GothamBook";
    padding-top: 10px;
    height: 275px;
}
.form .button-wrap{
    text-align: center;
	margin-top: 35px;
}
#map_contact{
    height: 510px;
}
.map-contact{
    position: relative;
    height: 1px;
    margin-top: -1px;
}
.map-contact .container{
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    margin-left: -550px;
}
.marker-info{
    width: 300px;
    height: 257px;
    background-image: url(../images/contact/toltip.png);
    background-size: cover;
    padding: 60px 0 20px 45px;
    color: #fff;
    position: absolute;
  /*right: 250px;
    top: 50%;
    margin-top: -418px; */
    background: rgba(41, 38, 32, 0.8);
    display: none;
}
.marker-info:before{
    border: 20px solid transparent;
    border-right: 20px solid rgba(41, 38, 32, 0.8);
    position: absolute;
    content: '';
    left: -40px;
    top: 50%;
    margin-top: -20px;
}
.listing-contact li{
    line-height: 2;
    font-size: 19px;
}

.listing-contact li::before{
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url(../images/sprite/sprite_footer.png);
    background-position: 22px 0px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.listing-contact li:nth-child(1){
    line-height: 1.3;
    margin-bottom: 8px;
}
.listing-contact li:nth-child(1) span{
    padding-left: 30px;
}
.listing-contact li:nth-child(2)::before{
    background-position: 22px 22px;
}
.listing-contact li:nth-child(3)::before{
    background-position: 44px 0px;
}
#home_slider2{
    display: none;

}
.form .msg {
    text-align: center;
    position: absolute;
   /*  top: 50px; */
    bottom: 60px;
    padding: 15px 0;
    background-color: #dad6e4;
    border-radius: 15px;
    width: 100%;
    display: none;
    z-index: 55;
}
.form .msg.error {
    background-color: #f8a1a1;
}
.form .msg {
    text-align: center;
}
.form .msg .body-msg{
    margin-bottom: 0;
}
.amenities_left{
	text-align:center;
	padding-right: 40px;
    width: calc(50% - 40px);
}
.amenities_right{
	text-align:center;
	padding-left: 40px;
    width: calc(50% - 40px);
}
.amenities_left .amenities_box p{
	text-transform:uppercase;
	margin-top:20px;
}
.amenities_boxs {
	text-align: center;
	margin-right: -10px;
    margin-left: -10px;
}
.amenities_box {
    width: calc(33.3333% - 20px);
	padding:10px;
}
.img_box{width: 170px;height: 170px;text-align: center;border:1px solid #e5e3e3;}

.flex-container{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.flex-container.center-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.flex-item{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.description_bottom{
	margin-bottom:125px;
	margin-top:100px;
}
section.bulding_bottom img {
    width: 100%;
    float: left;
}




/* FOOTER */

#footer h1{
    font-size: 66px;
    line-height: 60px;
}
#footer .top{
    color: #4e4e4e;
    background-color: #ececec;
}
#footer .bottom{
    height: 65px;
}

#footer .top .wrap-content{
    padding: 80px 0;
    overflow: hidden;
}
#footer .top .wrap-content > li{
    float: left;
    font-size: 17px;
}
footer .top .wrap-content > li+li{
    margin-left: 95px;
}
footer .top .wrap-content > li:last-child{
   /*  margin-left: 25px; */
}
footer h4{
	font-size: 22px;
	font-family: 'libre_baskervilleregular';
	font-weight:normal;
	letter-spacing:2px;
}
.footer-menu.last{
    padding: 50px 0 0;
}
.adress-footer ul li::before,
.contact-footer ul li::before,
.footer-contact p::before,
.widget-adress-phone::before,
.widget-adress-email::before{
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.adress-footer ul li::before,
.footer-contact p::before
{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/map-marker.svg);
    background-size: 12px;
}

.contact-footer ul li:first-child::before,
.widget-adress-phone::before{
    /*background-position: 22px 22px;*/
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/phone.svg);
}
.contact-footer ul li:last-child::before,
.widget-adress-email::before{
    /* background-position: 0px 0px; */
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/envelope.svg);
    background-size: 16px;
}

.copy.social {
    padding: 20px 0;
    font-size: 18px;
    overflow: hidden;
}
.copy.social p{
    margin: 0;
}
.copy.social p:first-child {
    float: left;
}
.copy.social p:last-child {
    float: right;
}
.copy.social a.inst, .copy.social a.in, .copy.social a.fb {
    display: inline-block;
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
a.fb {
    background-image: url(../images/facebook.svg);
    background-size: 20px;
   
    

}
a.inst {
    background-image: url(../images/instagram.svg);
    background-size: 16px;
    
}
a.in {
     background-image: url(../images/linkedin.svg);
    background-size: 16px;
    
}
.footer-widget{
        display: none;
    }
	
.owl-nav {
    position: absolute;
        width: 89%;
    left: 5%;
    top: calc(50% - 20px);
}
.owl-prev {
    float: left;
	    color: transparent;
		background:url(../images/arrow_left.png);
		line-height: 40px;
    width: 20px;
}
.owl-next {
    float: right;
	    color: transparent;
		background:url(../images/arrow_right.png);
		line-height: 40px;
    width: 20px;
}	
	
	
	
/* MEDIA QUERYS */
@media screen and (max-width: 1200px)  {
	.container {width: 1000px !important}
	header .logo-header h1 a img {float: left;width: 170px;}
	header .logo-header {width: 170px;margin-top: 34.5px;}
	ul.menu li { font-size: 11px;}
	footer .top .wrap-content > li+li {margin-left: 65px;}
	.img_box {width: 160px;height: 160px;}
	.amenities_left { padding-right: 0; width: calc(50% - 0px);}
	.page-title .title-valign {height: 210px;}
	.page-title {height: 210px;}
	/*.home-title {min-height: 340px;}
	.home-title .valign {padding: 80px 0;position: relative;}*/
	.home-title .valign hr.first {margin-bottom: 40px;}
	.home-title .valign hr.last {margin-top: 40px;}
    .home-title .valign {
        padding: calc( calc( 100vh - 395px ) / 2 ) 0 135px;
    }
}
@media screen and (max-width: 1024px)  {
	body {font-size: 10px;}
	.container {width: 970px !important}
	header .logo-header h1 a img {float: left;width: 170px;}
	ul.menu li { font-size: 10px;}
	ul.menu li+li {margin-left: 15px;}
	ul.menu li a.contact {width: initial;padding: 0px 10px;}
	ul.menu li a.apply_now {width: initial;padding: 0px 10px;}
	.page-title .title-valign h2 {font-size: 27px;border-bottom: 2px solid #ffb900;}
	footer h4 {font-size: 18px;}
	footer .top .wrap-content > li+li {margin-left: 25px;}
	.copy.social {font-size: 14px;}
	#footer .top .wrap-content > li {font-size: 14px;}
	.img_box {width: 100%;height: 100px;}
	img.flex-item {width: 50%;}
	.double > * {height: 340px;}
	.tabcontent ul li {font-size: 10px;line-height: 17px;position: relative;}
	.tabcontent h3 {font-size: 14px;border-bottom: 2px solid #ffb900;margin-bottom: 10px;}
	.nano {height: 248px;}
	div.tab button {padding: 5px 10px;}
	#map_clinton_hill{height: 362px;}
	/*.title-block {border-bottom: 2px solid #ffb900; margin-bottom: 10px;font-size: 14px;} */
	.appartament-body h4.title-block {font-size: 14px;border-bottom: 2px solid #ffb900;}
	.appartament-info {padding-top: 15px;}
	.appartament-head {font-size: 9px;margin-bottom: 15px;}
	.appartament-head .price {font-size: 14px;}
	.appartament .button { font-size: 10px;padding: 10px 10px;}
	.button {padding: 10px 35px;font-size: 14px;}
	.wrap-availability {height: initial;background-color: #f2f2f2;border: 1px solid #e6e6e6;text-align: center;padding: 40px 0 40px 0;}
	.availability h4 {font-size: 17px;margin-bottom: 15px;}
	.availability button {border: 1px solid #000;height: 27px;width: 93px;font-size: 10px;}
	.availability input {border: 1px solid #c6c6c6;height: 27px;width: 182px;font-size: 10px;}
	.availability h5 {font-size: 10px;margin-bottom: 10px;}
	.form input, .form select {border: 1px solid #b2b2b2;font-size: 10px;line-height: 29px;margin-bottom: 10px;}
	.form textarea {font-size: 14px;padding-top: 10px;height: 170px;}
	.form button {font-size: 10px;padding: 10px 35px;}
	/*.marker-info {width: 200px;height: 180px;  padding: 20px 0px 0 20px;background: rgba(0,0,0,0.8);}*/
	.home-title .valign h2 {margin-bottom: 5px;font-size: 29px;}
	.home-title p {font-size: 12px;line-height:18px;}
	.home-title a {font-size: 10px;padding: 5px 20px;}
    .home-title .valign {
        padding: calc( calc( 100vh - 310px ) / 2 ) 0 135px;
    }
}
@media screen and (max-width: 991px)  {
	.container {width: 720px !important}
}
.mobshow{
    display: none;
}
@media screen and (max-width: 719px)  {
	.container {width: 100% !important}
    body{
        font-size: 17.25px;
    }

    h4{
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 20px;
        position: relative;
    }

    p{
        margin-bottom: 20px;
    }

    li{
        list-style-type: none;
    }
    a{
        text-decoration: none;
        color: inherit;
    }
	.building .backstretch, .amenities .backstretch, .appartament_page .backstretch, .availability_page .backstretch, .map_page .backstretch, .clinton_hill_page .backstretch, .contact_page .backstretch{
	background-position: center bottom;
	}
    .container{
        width: 92% !important;
    }
    header .container{
        width: 92% !important;
    }
    .listing-contact li{
        font-size: 16px ;
    }
    .col-20{
        width: 20%;
        float: left;
    }
    .col-25{
        width: -moz-calc(100%/4);
        width: -webkit-calc(100%/4);
        width: calc(100%/4);
        float: left;
    }
    .col-33{
        width: -moz-calc(100%/3);
        width: -webkit-calc3100%/3);
        width: calc(100%/3);
        float: left;
    }
    .mobhide{
        display: none;
    }
    .mobshow{
        display: block;
    }
    .col-50{
        width: 50%;
        float: left;
    }
    .col-75{
        width: 75%;
        float: left;
    }
    .col-80{
        width: 80%;
        float: left;
    }
    .col-100{
        width: 100%;
    }

    .offset-50{
        margin-left: 50%;
    }

    .clearfix::after{
        content: "";
        display: block;
        clear: both;
    }
    .wrap{
        position: relative;
    }
    .full{
        width: 100%;
    }
    .button{
        border: 2px solid;
        display: inline-block;
        position: relative;
        font-family: 'Open Sans', sans-serif;
        padding: 10px 45px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s
    }
    .button:hover{
       background-color: rgba(255,255,255,0.3);
    }
    .button.black:hover{
       background-color: rgb(9, 58, 77);
        color: #fff;
        border: 2px solid rgba(9, 61, 80, 1);
    }
    .button span{
        padding: 0 0 0 5px;
        display: inline-block;
        line-height: 0.7;
        position: relative;
        top: 0px;
        font-family: monospace, "GothamBook";
        font-size: 1.2em;

    }



    .col-xs-100{
        width: 100%;
        float: none;
    }
    .offset-50{
        margin-left: 0;
    }
    .col-50{
        width: 100%;
    }
    ul.menu{
        /* border: 1px solid #cfcfcf;
        border-radius: 10px; */
        padding:0;
    }
    ul.menu li:not(.search):not(.mmenu){
        display: none;
    }
    .mmenu{
        line-height: 40px;
        font-size: 25px;
        padding: 0 0 0 20px;
    }
    ul.menu li a:not(.active):hover{
        border-bottom: none;
        color: inherit;
    }
    .mmenu i{
        margin-right: 10px;
    }

    ul.menu {
        height: 100px;
        width: 25%;
        margin: 0;
        padding: 0;
        float: right;
    }
    ul.menu li {
        padding: 0;
        width: 100%;
    }
    ul.menu li a {
        padding: 0px;
        line-height: 100px;
        width: 100%;
        text-align: right;
    }
    ul.menu li a img{
        vertical-align: middle;
            margin-top: -5px;
    }
    nav#menu strong{
        color: #ed1c24 !important;
    }
    .mmenu{
        display: inline-block;
    }
    .home-title {
        /*min-height: 400px;*/
        color: #fff;
        text-align: center;
    }
	.home-title a {
        font-size: 17px;
        width: 196px;
        height: 40px;
        letter-spacing: 2px;
        padding: 9px;
        box-sizing: border-box;
    }
    .home-title h2 {
        font-size: 40px;
        width: 80%;
        margin: 0 auto 25px;
    }
	.home-title .valign {
    padding: calc( calc( 100vh - 340px ) / 2 ) 0 115px;
    position: relative;}
    .home-title p:first-of-type {
        display: none;
    }
    .wrap_slider .next,
    .wrap_slider .prev{
        display: none !important;
    }
    #home_slider2{
        display: block;
        margin-top: 10px;
    }
    .wrap_slider {
        height: 270px;
    }
    .col-25{
         width: 100%;
    }
    .col-33{
        width: 100%;
    }
    #footer .top .wrap-content{
        display: none;
    }
    .footer-widget{
        display: block;
    }
    .home.history .footer-widget {
        padding-top: 50px;
        margin-top: 135px;
        margin: 135px auto 0;
        width: 95%;
    }
    .footer-widget li{
        width: 100%;
        margin-bottom: 10px;
        padding: 0 0px;
    }
    .footer-widget li p,
    .footer-widget li ul li,
    .footer-widget li a,
    .footer-widget li h4,
     .footer-widget li h6{
        padding-left: 15px;
        margin-bottom: 10px;
    }
    .footer-widget > li:not(.exr){
        border-bottom: 1px solid #323232;
        padding-bottom: 0px;
    }
    .footer-widget > li:not(.exr) h4::after{
        content: "+";
        display: block;
        float: right;
        font-size: 1.5em;
        line-height: 16px;
        color: #989696;
        padding-right: 20px;
        padding-top: 10px;
    }
    .footer-widget > li.active_menu:not(.exr) h4::after{
        content: "-";
    }
    .footer-widget li.exr {
        width: 100%;
        text-align: center;
    }
       .footer-widget .exr h1{
            margin:0;
            padding: 50px 0 40px;
       }


    #footer .top {
        height: auto;
        padding: 0 0 70px;
    }

    .footer-widget li.widget-menu {
        width: 100%;
    }
    .footer-widget li.widget-adress {
        width: 100%;
    }
    .footer-widget li+li {
        margin-left: 0;
    }
    .footer-widget h6 {
        font-size: 16px;
    }
    .footer-widget li {
        font-size: 14px;
    }
    .menu-footer{
        display: none;
    }
    .menu-footer li,
    .footer-contact p,
    .widget-adress-phone,
    .widget-adress-email{
        font-size: 1.4em;
    }
    .widget-person > div+div {
        margin: 0;
        width: 50%;
        display: none;
    }
    .widget-person > div {
        width: 100%;
        display: none;
    }
    .widget-adress > address{
        margin-top: 10px;
        display: none;
        width: 60%;
    }
    .widget-adress p{
        margin-bottom: 0;
    }
    .widget-adress > p{
        display: none;
    }
    .copy.social p:first-child {
        float: none;
        text-align: center;
    }
    .copy.social p:last-child {
        float: none;
        text-align: center;
        margin-top: 15px;
    }
    .copy.social {
        margin: 15px auto 0;
        width: 85%;
    }

.home-title .valign h2 {
    font-size: 38px;
    margin: 0 0 17px;
    width: 100%;
    line-height: 55px;
    letter-spacing: 0;
}

/* BUILDING */
.page-title {
    height: 220px;
}
.page-title .title-valign {
    height: 220px;

}
.amenities_box {
    width: calc(50% - 20px);
    padding: 10px;
}
.img_box {
    width: 160px;
    height: 160px;
    margin: 0 auto;
}
.double > * {
    height: auto;
}
.amenities_right {text-align: center;padding-left: 0;width: calc(100%);}
#map_building{
    height: 455px;
}
#building_slider_wrap .prev,
#amenities_slider_wrap .prev {
    top: 175px;
}
#building_slider_wrap .next,
#amenities_slider_wrap .next {
    top: 175px;
}

/* .building #footer {
    margin-top: 70px;
}
 */


/* AMENITIES */
.title-block {
    border-bottom: 2px solid #ffb900;
    margin-bottom: 20px;
    font-size: 24px;
}
.amenities .features-wrap{
    /* margin-top: -57px; */
    height: 570px;
}
.features {
    padding: 60px 30px 0 35px;
}

.col-50 .list-left,
.col-50 .list-right{
    width: 50%;
}
.features .icon::before {
    margin-right: 15px;
}

/* APPARTAMENT */
.appartament {
    margin-bottom: 50px;
}
.appartament-body h4 {
    font-size: 22.5px;
}
.appartament .left img{
    width: 100%;
}

.appartament-body {
    padding: 50px 25px 0;
}
.appartament-head .rental {
   width: auto;
    padding: 0 0 0 50px;
}
.appartament-body h4.title-block {
    font-size: 24px;
    border-bottom: 3px solid #ffb900;
}
.appartament-head {
    font-size: 16px;
    margin-bottom: 25px;
}
.appartament-head .price {
    font-size: 24px;
}
.appartament .button {
    font-size: 14px;
    padding: 10px 20px;
}
.button {
    padding: 10px 35px;
    font-size: 18px;
}
.appartament {
    margin-bottom: 20px;
}


/* AVAILABILITY */
form#contact_availability {
    display: block;
}
.availability input {
    border: 1px solid #c6c6c6;
    height: 45px;
       width: 88%;
    font-size: 18px;
    display: block;
    padding-left: 2%;
    margin: 0 auto;
}
.availability button {
    height: 45px;
    width: 90%;
    font-size: 18px;
    display: block;
    padding-left: ;
    margin: 10px auto;
}
.availability h5 {
    font-size: 14px;
    margin-bottom: 10px;
}
.availability h4 {
    font-size: 22px;
    margin-bottom: 15px;
}


div.tab span {
    text-align: left;
    float: left;
    margin-top: 20px;
    display: none;
}
.locations_wrap {
    padding-left: 0;
}
.nano {
    height: 428px;
}
.tabcontent ul li {
    font-size: 16px;
    line-height: 26px;
    position: relative;
}
.nano .content {
    padding: 30px;
	background:#f9f9f9;
}
.tabcontent h3 {
    font-size: 22px;
    border-bottom: 2px solid #ffb900;
    margin-bottom: 10px;
}



/* MAP */
#map_contact {
    height: 510px;
    width: 92%;
    margin: 0 auto;
}
.map-contact {
    height: auto;
}
.map-contact .container {
    position: relative;
    top: 0;
    height: 100%;
    left: 0;
    margin-left: 0;
    margin: 0 auto;
}
.mobilefix{
	display:none;	
}
.marker-info {
    background-image: url(../images/mobail/tooltip-mobail.png);
    background-color: #758990;
    background-size: 100% 100%;
    color: #fff;
    position: absolute;
    left: 0px !important;
    top: 290px !important;
    margin-top: -16px;
    padding: 30px 10px 0 !important;
}
#bodyContent{
	width: 250px;
}
.gm-style-iw, .gm-style-iw *{
	overflow: inherit !important;
}
.map-address address {
    background-image: url(../images/contact/select.png);
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 4%;
    line-height: 53px;
    padding: 0;
    font-size: 15.5px;
    text-align: left;
    padding: 0 0 0 15px;
}
.left .map-address {
    padding-right: 0px;
}
.right .map-address {
    padding-left: 0px;
}
.right .map-address address{
    display: none;
}
#map_left, #map_right {
    height: 520px;
}
#map_right{
    position: relative;
    top: -520px;
    margin-bottom: -520px;
    display: none;
}

/* CONTACT */
.form input,
.form select {
    width: 97%;
}
.form select {
    width: 100.3%;
}

.form button {
    width: 100%;
    font-size: 18px;
    padding: 10px 35px;
}
.form input, .form select {
    border: 1px solid #b2b2b2;
    font-size: 14px;
    line-height: 43px;
    margin-bottom: 0;
}
.marker-info {
    width: 90%;
    height: initial;
    padding: 5% !important;
    background: rgba(0,0,0,0.8);
}
.marker-info:before {
    border: 20px solid transparent;
    border-bottom: 20px solid rgba(0,0,0,0.8);
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    margin-top: -40px;
    margin-left: -20px;
}
}
@media screen and (max-width: 480px){
    .img_box {
        width: 130px;
        height: 130px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 370px){
    .home-title .valign h2 {
        font-size: 33px;
        margin: 0 0 11px;
        width: 100%;
        line-height: 47px;
        letter-spacing: 0;
    }
}