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

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%;
	vertical-align: baseline;
	box-sizing:border-box
}
/* 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-family: "proxima-nova";
}
* {
    -webkit-font-smoothing: antialiased;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* fonts */
@font-face {
    font-family: 'Georgia';
    src: url('fonts/Georgia.eot');
    src: url('fonts/Georgia.eot') format('embedded-opentype'),
         url('../fonts/Georgia.woff2') format('woff2'),
         url('../fonts/Georgia.woff') format('woff'),
         url('../fonts/Georgia.ttf') format('truetype'),
         url('../fonts/Georgia.svg#Georgia') format('svg');
}


@font-face {
    font-family: 'GeorgiaBold';
    src: url('../fonts/GeorgiaBold.eot');
    src: url('../fonts/GeorgiaBold.eot') format('embedded-opentype'),
         url('../fonts/GeorgiaBold.woff2') format('woff2'),
         url('../fonts/GeorgiaBold.woff') format('woff'),
         url('../fonts/GeorgiaBold.ttf') format('truetype'),
         url('../fonts/GeorgiaBold.svg#GeorgiaBold') format('svg');
}

@font-face {
    font-family: 'GeorgiaItalic';
    src: url('../fonts/GeorgiaItalic.eot');
    src: url('../fonts/GeorgiaItalic.eot') format('embedded-opentype'),
         url('../fonts/GeorgiaItalic.woff2') format('woff2'),
         url('../fonts/GeorgiaItalic.woff') format('woff'),
         url('../fonts/GeorgiaItalic.ttf') format('truetype'),
         url('../fonts/GeorgiaItalic.svg#GeorgiaItalic') format('svg');
}


@font-face {
    font-family: 'GeorgiaBoldItalic';
    src: url('../fonts/GeorgiaBoldItalic.eot');
    src: url('../fonts/GeorgiaBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/GeorgiaBoldItalic.woff2') format('woff2'),
         url('../fonts/GeorgiaBoldItalic.woff') format('woff'),
         url('../fonts/GeorgiaBoldItalic.ttf') format('truetype'),
         url('../fonts/GeorgiaBoldItalic.svg#GeorgiaBoldItalic') format('svg');
}



/*----*/
.wrapper {    width: 100%;    float: left;    height: 100%;}
.hero_section {    width: 100%;    float: left; }
.hero_section.fullheight {    min-height: 750px;    height: 100vh !important;}
.hero-image {    width: calc(100% - 350px);    float: right;    height: 100%;    background-size: cover; background-position: center;    position: relative;        /*height: calc(100vh - 120px) !important;*/}
.navigaton_bar {    width: 350px;    float: left;    height: 100%;    background: #ffffff;    padding: 15px 60px;    position: relative;}
nav ul li:last-of-type {padding-bottom: 15px;padding-top: 10px;}
nav ul li:last-of-type a{color: #fff;background: #675430;padding: 8px 8px;}
.logo {    display: block;    padding-bottom: 70px;    width: 100%;}
.logo img {    display: block;}
.logo a { display: inline-block;}
nav ul {    list-style-type: none;    padding: 0;    margin: 0;}
nav ul li {    display: block;    padding: 0;    margin: 0;    padding-bottom: 20px;}
nav ul li a {    font-size: 13px;    color: #675430;    text-decoration: none;font-family: "proxima-nova";    letter-spacing: 1px; text-transform: uppercase;}
nav ul li a:hover {    color: #263746;}
nav ul li.current_page_item a{color: #263746;}
.container_nav ul li.current_page_item a {color: #8d7341;}
.hidden-scroll{overflow:hidden;}

.harlo-iocn {    display: block;    width: 100%;    padding-top: 10px;   /* position: fixed;*/    z-index: 9999;    width: 64px; margin:auto;}
.harlo-iocn img {    display: block;}

.navigaton_address {    width: 100%;    padding-top: 20px;}
.navigaton_address a {    font-size: 18px;    color: #8d7341;    text-decoration: none;    font-family: "proxima-nova";    letter-spacing: 1px;    text-transform: uppercase;    line-height: 1.45;}
.navigaton_address a:last-child {    margin-top: 80px;    float: left;}
.navigation_social img { height: 38px !important;}

.vip-button {    position: absolute;    bottom: 0;    width: 100%;    left: 0;    text-align: center;      background-color: rgb(141, 115, 65);    box-shadow: 5.033px 7.461px 11.31px 1.69px rgba(52, 49, 48, 0.5);    padding: 16px 10px; display:none !important;}
.vip-button span {     font-family: 'Georgia';    padding-bottom:9px;   display: block;    color: #fff;    font-style: italic;    font-size: 17px;}
.vip-button span a {    color: #fff;    text-decoration: none;}
.vip-button > a {    color: #fff;    font-size: 20px;    text-decoration: none;}

.inner-slider {    float: left;    width: 100%;    position: relative;}

#harlo_nav {        position: fixed;    width: 100%;    z-index: -1;    background: rgba(255, 255, 255, 0.9);        padding: 33px 60px 24px;    opacity: 0;    -webkit-transition: all .5s ease;    transition: all .5s ease; top: 0;}
.header_active {    opacity: 1 !important;    z-index: 9 !important;}
.fixed-logo {    position: fixed;    z-index: 99;    bottom: 254px;    left: 0;}
.harlo_nav_logo {float: left; width: 190px;text-align: center;}
.harlo_nav_logo img{width:176px;}
.logo img {width: 176px; margin: auto;}
.nav_burger img {width: 45px}
.nav_burger {    float: right;    padding-top: 20px;}
.nav_burger img {    display: block;    cursor: pointer;}
.harlo_navgation {    position: fixed;    background: rgba(38, 55, 70, 0.9);    width: 100%;    z-index: 9999;  height:100%;   top:0px;display: none;  overflow-y: auto; box-shadow: 5.033px 7.461px 11.31px 1.69px rgba(52, 49, 48, 0.5); }

.harlo_navgation ul {    padding: 0;    margin: 0;    list-style-type: none;}
.harlo_navgation ul li {    padding: 0;    margin: 0; text-align:center;    padding-bottom:25px;}
.harlo_navgation ul li a {    color: #fff;    font-size:32px;    text-decoration: none; font-family: 'Georgia'; text-transform: uppercase;     letter-spacing: 1px;}
.mobile-header {    display: none;}
.harlo_navgation ul li a:hover {    color: #8d7341;}
.harlo_navgation ul li.current-menu-item a{color: #8d7341;}
.middle_nav li#menu-item-53 {    display: none;}
.social-links-icon{
	position:absolute;
	right:10px;
	top:10px;
	z-index:7;
}
.social-links-list{
	position:absolute;
	right:30px;
	top:11px;
	width:90px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	transition:0.5s;
}
.social-links-list.active{
	right:30px;
}
.social-links-list ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.social-links-list ul li:first-child{
	margin-left:0px;
}
.social-links-list ul li{
	float:left;
	margin-left:12px;
}
.nicescroll-cursors{background-color:rgb(142, 116, 75) !important;}

.middle_nav {
    display: table;
    width: 100%;
    text-align: center;
    height: 100%;
	padding:60px 0px;
}
.menu-main-menu-container {

}

.navigation_social{padding-top: 50px;
    clear: both;
    float: left;
    width: 100%; padding-bottom:100px;}
.navigation_social a{margin:0px 28px;}


.container_nav{display: table-cell;
    vertical-align: middle;}

.top-section.home-image{
	position:relative;
}
.home-content{
	position:relative;
}

.mobile-home-hero-img{display:none;}


.toplink-button {       margin: 0;    color: #263746;    letter-spacing: .15em;    text-transform: uppercase;    display: block;    clear: both;    position: relative;    top: -22px;    margin-left: 60px;    font-family: "proxima-nova";    font-weight: 600; }
.toplink-button a {       font-size: 12px;    color: #263746;       letter-spacing: 2px;  text-transform: uppercase;    display: block;    cursor: pointer;    text-decoration: none;}
.toplink-button .arrow_up {    margin-bottom: 15px;    text-indent: -999em;    width: 23px;    height: 23px;    display: block;  background: transparent url(../images/arrow_up.png) 0 0 no-repeat;}

.home-top-link {       position: absolute;    bottom: 50px;    left: 0;    top: inherit; display:block;}


/*Amenities Page css*/


.content-section-left {    width: 60%;    float: left;}
.content-section-right {    width:40%;    float: right;    padding: 48px 74px 20px 74px;}
.content-section-right .amenities-list:last-child {
    padding-bottom: 0;
}

.content-section-right p{
	max-width:590px;
	padding-right:20px;
}
.mobile-map{
	display:none;
}
.mobile-map img{
	width:100%; vertical-align: bottom;
}
.contact_sec_right_map img{
	width:80%;
}
.contact_sec_right_map img{
	display:block;
}
.timeng{
	margin-top:12px;
}
.amenities-list ul {    list-style-type: none;    padding: 0;    margin: 0;   margin-left: 20px;}
.amenities-list > ul > li {         color: #263746;    font-size: 16px;    line-height: 20px;    position: relative;}
.amenities-list > ul > li a {    color: #263746;    text-decoration: none;border-bottom: 1px solid transparent;}

.amenities-list sup {    font-size: 14px;    vertical-align: top;    padding-right: 6px;}
.amenities-list ul li:after {    content: "•";    position: absolute;    left: -20px;    top: 0;}


ul.inner_list li {         font-size: 17px;    padding-left: 22px;    position: relative;    margin-left: 18px;    font-size: 16px;    line-height: 20px;}
ul.inner_list li:after {    content: "–";    position: absolute;    left: 0;}
ul.inner_list {    margin-left: 0;}

.amenities-list {    width: 100%;    display: block; padding-bottom: 24px;}
.amenities-list h2 {color: #263746;    font-size:17px;    display: block;    padding-bottom: 15px;       font-family: 'Georgia';    font-weight: 500;    letter-spacing: 2px;text-transform: uppercase;}
.content-section-right h1 {         font-size: 26px;    color: #263746;    font-family: 'Georgia';    font-weight: bold;    line-height: 34px;    position: relative;    padding-bottom: 16px;    margin-bottom: 20px;    max-width: 320px;}
.content-section-right h1:after {    content: "";    position: absolute;    left: 0;    bottom: 0;    border-bottom: 3px #263746 solid;    width: 188px;}
.content-section-right p {    font-size: 16px;    line-height: 20px;    color: #263746;    padding-bottom: 30px;    max-width: 505px;    padding-right: 20px;}
p.pentahouse_tagline {
    padding-bottom: 24px;
}

.first-img {width: 100%;    height: 618px;    float: left;    overflow: hidden;    position: relative;    background-position: center;  height: calc(35% - 40px);
background-size: cover;  margin-bottom: 40px;    background-size: cover;}
.second-img {width: 100%;    float: left;    height: 618px;  margin:0px 0;  height: calc(37% - 40px); margin-bottom: 40px;}
.second-img-row:first-child {    width: 45%;}
.second-img-row:nth-child(2){width: calc(55% - 40px); margin-left: 40px;}
.second-img-row {    width: 50%;    float: left;    height: 100%;position:relative;overflow:hidden; background-size: cover; background-repeat: no-repeat;
background-position: center;}
.rollover-section { background-color: rgba(38, 55, 70,0.8);opacity: 0;position: absolute;left:0px;top:0px;width: 100%;height: 100%;z-index: 8;transition:0.4s ease-in-out;text-align:center;}
/*.second-img-row:nth-child(2) .rollover-section{left:16px;}*/
.third-img-row:nth-child(2) .rollover-section{left:40px;}
.second-img-row:hover .rollover-section,.second-img-row:focus .rollover-section{opacity:1;}
.first-img:hover .rollover-section, .first-img:focus .rollover-section{opacity:1;}
.third-img-row:hover .rollover-section, .third-img-row:focus .rollover-section{opacity:1;}
.rollover-section h3{     font-family: 'Georgia';    font-size: 33px;    line-height: 40px;    color: #fff;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    font-weight: 500;}
.rollover-section h3::before{position:absolute;content:"";width:215px;height:3px;background-color:#fff;left:50%;bottom:-27px;transform:translateX(-50%);}

.third-img-residences {    width: 100%;  float: left;}
.third-img-residences img {    width: auto;    height: auto;    object-fit: cover;    display: block;    margin: auto;    max-width: 100%;}

.third-img {    width: 100%;  height:510px; float: left;     height:28%;}
.third-img-row {    width: 50%;    float: left;    height: 100%; position:relative; overflow:hidden;}
.content-section-left img {    width: 100%;    display: block;    object-fit: cover; height:100%;}
.indication {    position: absolute;    bottom: 20px;    right:20px;    display: none;}
.indication img {    width: auto;}
a.button {      font-size: 17px;    text-decoration: none;    color: #263746;    border: 2px #263746 solid;    line-height: 40px;    display: inline-block;    padding: 0 40px;    font-weight: 600;    text-transform: uppercase;}
.third-img-row:nth-child(1) {    width: 51%; }
.page-template-template-residences .third-img-row:nth-child(1) {    width: 50%; }
.page-template-template-residences .third-img-row:nth-child(2) {    width: 50%;    padding-left: 20px; padding-right: 18px;}
.page-template-template-residences .third-img-row:nth-child(2) .rollover-section{left:19px;}
.third-img-row:nth-child(2) {    width: 49%;    padding-left:40px;}
.third-img img {    width: 100%;    height: 100%;    object-fit: cover;}


.page-id-602 .content-section-right{ width:45%;    float: left;}
.page-id-602 .content-section-left{    width: 55%;    float: right;    padding-bottom: 0;}
.page-id-602 .first-img.premium-first-img {    height: 50%;    background-size: cover;    margin-bottom: 13px;}
.page-id-602 .second-img.premium-second-img{    height: 50%;    background-size: cover;    background-position: center;}
.premium_mobile_img {    width: 100%;    display: none;}
.premium_mobile_img img {    margin-bottom: 15px;    width: 100%;    display: block;}
.page-id-602 .content-section-right h1{    max-width: 380px;}
.amenities-list.last_amenities {    padding-bottom: 0;}



/* Residences Page css */

.residences-content-section {    width: 100%;    position: relative;    height: 100%;    float: left;}
.residences-content-left {    width: 45%;    float: left;}
.residences-content-right {width:55%; float:left; position:absolute; right:0; overflow:hidden; height: 100%;    background-repeat: no-repeat; background-size: cover;
background-image:url(../images/building.jpg);    background-position: center;
}
.residences-contact {    width: 100%;    float: left;}
.residences-row {      float: left;    padding: 64px 60px 40px 107px;}
.residences-row h1 {        font-size: 28px;    color: #263746;    font-family: 'Georgia';    font-weight: bold;    line-height: 38px;    position: relative;    padding-bottom: 16px;    margin-bottom: 20px;}
.residences-row h1:after {    content: "";    position: absolute;    left: 0;    bottom: 0;    border-bottom: 3px #263746 solid;    width: 188px;}
.residences-row p {    color: #263746;    font-family: "proxima-nova"; font-size: 21px;    line-height: 24px;    padding-bottom: 40px;padding-right:20px;max-width:520px;}




/*Neighborhood css*/

.neighborhood-content-section-left {    width: 55.7%;    float: left;}
.neighborhood-content-section-right {    width: 44.3%;    float: right;    padding-left: 40px;    padding-top: 40px;    padding-right: 75px;}
.neighborhood-img-first {    width: 100%;    float: left; position:relative; overflow:hidden;    height:50%;background-image: url(http://www.theharlo.com/wp-content/uploads/2017/05/Harlo-Neighborhood_1-1.jpg);
    background-size: cover;    background-position: center;}
.neighborhood-img-first img {    display: none !important;}
.neighborhood-img-first:hover .rollover-section{opacity:1;}
.neighborhood-content-section-right h1 {       font-size: 28px;    color: #263746;    font-family: 'Georgia';    font-weight: bold;    line-height: 38px;    position: relative;    padding-bottom: 16px;    margin-bottom: 20px;}
.neighborhood-content-section-right h1:after {    content: "";    position: absolute;    left: 0;    bottom: 0;    border-bottom: 3px #263746 solid;    width: 188px;}
.neighborhood-content-section-right p {      font-size: 16px;    line-height: 20px;    color: #263746;    padding-bottom: 30px;    max-width: 505px;    padding-right: 20px;}
.neighborhood-content-section-left img {    width: 100%;    display: block;    object-fit: cover;    height: 100%;}
.neighborhood-img-second-row {    float: left; position:relative; overflow:hidden;}
.neighborhood-img-second-row:hover .rollover-section{opacity:1;}
.neighborhood-content-section {    width: 100%;    float: left; margin:40px 0;}
.neighborhood-img-second {        width: 100%;    float: left;    margin-top: 40px;   height: 526px;    padding-bottom: 0;    height: 50%;}
.neighborhood-img-second-row:nth-child(1) {width:45%;    height: 100%;}
.neighborhood-img-second-row:nth-child(2) {width: calc(55% - 40px); margin-left: 40px; float: right; height: 100%;}
.map-section {    width: 100%;    float: left;     position: relative;}
.map {    width: 100%;    height: 100%;}
.map img {    width: 100%;    height: 100%;    object-fit: cover;}
.map-categories {    width: 100%;    float: left;    background: #ffffff;}
.map-categories-row {    max-width: 1320px;    margin: auto;    width: 100%;    text-align: center;    padding: 30px 20px 50px;color: #263746;    overflow: hidden;}
.map-categories-row h4 {       font-size: 30px;    line-height: 36px;    font-family: 'Georgia';    font-weight: 300;    letter-spacing: 2px;}
.map-categories-row p {        font-size: 24px;    line-height: 30px;    font-style: italic;    font-family: 'Georgia';}
.map-buttons {        order: 1;    width: 100%;}
.map-categories-buttons {    display: flex;    width: 100%;padding-top: 45px;}
.map-icon {    width: 87px;    height: 87px;    background: #263746;  cursor:pointer;   border-radius: 100%;    text-align: center;    margin: auto;    padding-top: 17px;    margin-bottom: 22px;}
.map-buttons a {    color: #263746;    font-size: 16px;    letter-spacing: 2px; text-decoration:none;    text-transform: uppercase;}
a#cat-6 img {    padding-top: 6px;}
#cat-8 img {    padding-top: 6px;}
#cat-8 img {    padding-top: 6px;}


.map-categories-row .neighborhood_list ul li:nth-child(6) a {     display: block;    margin: auto;}
.map-categories-row .neighborhood_list ul li:nth-child(6) a .map-icon{    padding-top: 24px;}

/* .map-icon:hover {    background: #8d7341;} */

.neighborhood_list ul li{list-style: none; width:14%; float: left;}
.neighborhood_list .list.locGroup { padding-top: 40px;}

.googleMapBubble{position:relative;}
.infoBox{background: #f3f3f4; padding: 14px; width:271px; min-height:90px; font-family: "proxima-nova";  box-shadow: 3px 4px 9px #515151;}
.infoBox:after{ content:" "; background-image:url(../images/diriction-icon.png); width: 23px; height: 36px; bottom: -35px; position: absolute; left: 23px;}
.infoBox h2{color:#263746; font-size:21px;     font-weight: normal;}
.infoBox p{color:#263746; font-size:21px; line-height: 24px;}
.infoBox p.actions{font-size:18px; color:#8d7341;}
.infoBox p.actions a{color:#8d7341; text-decoration:none; font-family: 'GeorgiaItalic';  font-style: italic;}
.gm-style img {padding: 14px;}

/*Thank-you page css*/

.thank-you-content { max-width:480px;   position: relative;    z-index:1;    top: 50%;    left: 0;    right: 0;    margin: auto;    text-align: center;    transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.thank-you-content h1 {    font-size: 72px;    color: #ffffff;    padding-bottom:30px; font-family: 'Georgia';  font-weight: 300;}
.thank-you-content p {    font-size: 32px;    line-height: 36px;    color: #ffffff;}
.social-icon {    display: block;    padding-top: 77px;}
.social-icon a {    margin-right: 48px;    display: inline-block;}
.social-icon a:last-child {    margin-right: 0;}


/*Home Page css*/

.home-amenities-content {    width: 100%;    float: left;margin-bottom:0px;height: 350px;}
.top-section.home-image {    overflow: hidden;}
video.video_common {    object-fit: cover;    width: 100%;    height: 100%;    -ms-transform: scaleY(1.3);}

.top-section.home-image img {width: 100%;height: 100%;object-fit: cover;}
.home-image {    max-width: 755px;    float: left;    width: 100%;    height: 100%;}
.home-content {       max-width: 770px;    float: left;    width: 100%;    background: #fff;    padding-left: 82px;    padding-top: 48px;}
.home-content h1 {          line-height: 60px;    padding-bottom: 5px;    font-size: 26px;    color: #263746;    font-family: 'Georgia';    font-weight: bold;    position: relative;}
.home-content h1:after {    content: "";    position: absolute;    left: 0;    bottom: 0;    border-bottom: 3px #263746 solid;    width: 188px;}
.home-content p {        font-size: 16px;    color: #263746;    line-height: 20px;    margin-top: 34px;    padding-bottom: 38px;}
.residences-content a {    color: #263746;    text-decoration: none;}
.residences-content p a {   border-bottom: 1px solid transparent;}
.residences-content h2 {       font-size: 26px;    color: #263746;    line-height: 34px;    position: relative;    font-family: 'Georgia';    font-weight: bold;    padding-bottom: 5px;}
.residences-content h2:after {    content: "";    position: absolute;    right: 0;    bottom: 0;    border-bottom: 3px #263746 solid;    width: 188px;}
.residences-content p {        font-size: 16px;    color: #263746;    line-height: 20px;    margin-top: 34px;    padding-bottom: 38px;    max-width: 430px;    float: right;    padding-left: 0px;}
.home-neighborhood-content h3 {        font-size: 26px;    color: #263746;    line-height: 60px;    position: relative;    font-family: 'Georgia';    font-weight: bold;    padding-bottom: 5px;}
.home-neighborhood-content h3:after {content:"";    position:absolute;    left:0;    bottom: 0;    border-bottom: 3px #263746 solid;    width: 188px;}
.home-neighborhood-content p {       font-size: 16px;    color: #263746;    line-height: 20px;    margin-top: 34px;    padding-bottom: 38px;    max-width: 600px;    padding-right: 20px;}
.residences-home-image {width:100%;    float: left;    height: 663px;    background-size: cover;    background-position: center;}
.residences-home-image img {width: 100%; display: block;}
.residences-content {text-align:right; padding-right: 50px;    max-width: 770px;    float: left;    width: 100%;    background: #fff;    padding-left:0px;    padding-top: 59px;}

.left-bar {    width: 754px;    float: left;    padding-left: 148px; position:relative;}
.right-bar {    width: calc(100% - 754px);    float: left;}
.couple-drinking-img {    float: right;    margin-top: 64px;    width: 100%;    text-align: right;}
.couple-drinking-img img {    width: 100%;    display: block;}
.home-neighborhood-content {    width: 100%;    padding-top: 48px;    display: block;    float: left;margin-bottom:14px;}

.tatte_coffe{position:relative; float:right;  border:15px solid #fff; border-bottom:none; margin:0px; right:-190px; margin-top:-130px; max-width: 390px;overflow:hidden;}
.tatte_coffe img{margin-bottom:-3px; width:100%;}

.right-bar .row {    width: 100%;    padding-left: 190px;}
.home-video {    width: 100%;    /*height: 551px;   */ float: right;    margin-top: 30px; position:relative;}
.home-video img {    width: 100%;    height: 100%;    object-fit: cover; vertical-align:bottom;}
video#slide-video {    width: 100%;    height: 100%;}

.playpause{position:absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); background-image:url(../images/play-icon.png); width:78px; height:78px; cursor:pointer;}
.home .hero_section{
    -webkit-transition: margin ease-out .5s;
    -moz-transition: margin ease-out .5s;
    transition: margin ease-out .5s;
}
/*Contact Page css*/

.contact_sec{padding:25px 64px 122px 150px;  width: 100%;  float:left; box-sizing: border-box;}
.left_form{    width: 369px;    float: left;    position: absolute;    top: 50%;    transform: translateY(-50%);}
.left_form h2,.left_form h1{font-size:30px; text-transform:uppercase; color:#fff; font-family: 'Georgia'; font-weight: 300;    letter-spacing: 2px;}
.left_form h3{font-size:15px; color:#fff; font-style:italic; margin-bottom:18px; font-family: 'GeorgiaItalic'; font-weight: 300; font-weight: 300; line-height: 42px;}
.left_form h3 a {    color: #fff; text-decoration:none;}
.left_form .leasing-hours{display:none;}
.contact_sec_right_map{    float: right;    width: 61%;    margin-top: 0;    position: absolute;    right: 0;    padding-left: 50px;    top: 50%;    transform: translateY(-50%);}
.contact_sec_right_map .leasing-hours {margin-top:14px;}
.timeng p{    color: #fff;    font-size: 21px;    line-height: 33px;    padding-right: 20px;}
.mobile-contact_map{display:none;}
.page-id-11 .hero_section.fullheight {min-height:950px;}
.join_harlo{width:100%; float:left; background:#8d7341; padding:27px 0px 41px; text-align:center; color:#fff;}
.join_harlo em{font-size:15px; font-family: 'Georgia';}
.join_harlo h2{font-size:20px; padding-top:11px;  font-weight: normal;}
.hywrap{font-family:"proxima-nova" !important;}
.hywrap form {color: #fff !important;    background-color:transparent !important;}
.hywrap select, .hywrap input[type="text"] {    color: #fff !important;    font-size: 24px !important;    height:44px !important;    border-width: 3px !important;    border-style: solid !important; border-color: #fff !important;    background: transparent !important;	outline:none !important;width: 300px !important;}
.hywrap select option{color: #675430;}
.hywrap textarea { color: #fff !important;    font-size: 24px !important;     border-width: 3px !important;    border-style: solid !important;    border-color: #fff !important;    background: transparent !important;	outline:none !important; resize: none;     overflow: auto; height: 120px !important;}
.hywrap .control-group {    margin-bottom: 0 !important;}
.hywrap .top_align .control-label {    font-size: 18px !important;    color: #fff !important;    padding-top:6px !important;}
div#hyfield23 {    display: none !important;}
div#more-info {    display: none !important;}
.hywrap button {    color: #fff !important;    font-size: 18px !important;    border-width: 3px !important;    border-style: solid !important;    border-color: #fff !important;    background: transparent !important;    outline: none !important;    width:170px;    float: right !important;    margin-top: 20px;}

/*footer css*/

.footer {    width: 100%;    float: left;    background: #263746;    height: 150px;    display: table;    padding: 0 65px; position: relative;}
.footer-left {/*display: table-cell;    vertical-align: bottom;    width:65%;    text-align: left;    padding-bottom:41px;*/ position: absolute;
    left: 40%;top: 50%; transform: translate(-50% , -50%); }
.harlo-footer-icon {    padding-left: 14px;      display: table-cell;    vertical-align: middle;}
.harlo-footer-icon a{float: left;  margin-left:40px;}
.harlo-footer-icon img {    display: inline-block;    width: 50px; float:left;}

.footer address {    display: block; text-align: center;}
.footer-left .tel-text{font-size:16px; color:#ffffff; padding-left:7px; opacity:0.8; opacity:0.8; font-weight:600; }
.footer-left .tel-link{ border: 0; padding-right: 0; padding-left: 5px;}
address a{    font-size: 16px;    color: #ffffff; display: inline-block;    text-decoration: none;    padding: 0 16px; font-style:normal;    opacity: 0.8;    opacity: 0.8;font-weight: 600;}
.footer-left > a{font-size:16px; color:#ffffff; display:inline-block; text-decoration:none; border-right:1px #fff solid; padding:0 16px; opacity:0.8; opacity:0.8; font-weight:600;}
/* .footer-left > a:nth-child(3) {border:0; padding-right:0;} */
.footer-links {display:table-cell; vertical-align:middle; text-align:right; padding-top:12px;}
.social-links {    display: inline-block;    padding-left: 26px;    position: relative;    top: 5px;}
.footer-left > a:nth-child(2) {   /* border: 0;    padding-right: 0;*/}
.social-links a {margin-right:25px; display: inline-block;}
.social-links a:first-child img {width: 10px;}
.social-links a img{width: 20px;}

.footer-links a {margin-left:10px; }
.social-links a:last-child {margin-right:0;}
.mobile-footer {display:none;}
.mobile-map-neighborhood{display:none;}
.close_menu {position:absolute; right:90px; top:85px; cursor:pointer;}
.bozzuto-logo {    display: inline-block;    margin-left: 30px;    opacity: 0.8;}
.bozzuto-logo svg {    width: 127px;height: 23px;}
.toplink_button {    position: absolute;    bottom: 36px;       left: 0;    top: initial;    z-index: 1;}

.page-id-9 .toplink_button{    bottom: 136px;}
.page-id-15 .toplink_button{    bottom: 136px;}

.toplink-button.footer-toplink-button {display: none;}
.join_harlo{width:100%; float:left; background:#8d7341; padding:16px 0; text-align:center; color:#fff; box-shadow: 5.033px 7.461px 11.31px 1.69px rgba(52, 49, 48, 0.5); display:none !important; position: relative;}
.join_harlo a{text-decoration:none; color:#fff;}
.join_harlo em{/*font-size:24px;*/ font-family: "kepler-std-caption";}
.join_harlo h2{/*font-size:30px;*/ padding-top:11px;  font-weight: normal;}
.mobile-home-neighborhood-sec{display:none;}
.mobile-residences-home-image{display:none;}
.mobile-home-amenities{display:none;}
.zooming {position: absolute;left: 50px;bottom:35px;}
.zoom { width: 73px;height: 73px;border-radius: 50%;background: #fff;margin-bottom: 1px;text-align: center;font-size: 68px;line-height:68px;font-weight: 600;cursor: pointer;box-shadow: 2px 2px 2px #838383;color: #8d7341;display: inline-block;margin-right: 22px;float: left;}
#zoomout{padding-top:5px;}
.distance {/*position: absolute;right: 0;top: 75px;padding: 32px 0;width: 149px;background: #fff;text-align: center;display: none;*/
    position: absolute;
    right: 0;
    top: 75px;
    padding: 32px 0;
    width: 149px;  
    background: transparent;
    text-align: center;    
}
.distance-icon {       
    background: #fff;
    padding: 15px 0px;
}
.distance-icon.active { 
    background: #ccc;
}
.distance-icon img {display: block;text-align: center;margin: auto;}
.distance-icon img {width: auto;}
.distance-icon {cursor: pointer;margin-bottom: 32px;}
.distance-icon:last-child {margin-bottom: 0;}
.inner-page-nav_burger {position: absolute;right: 40px;z-index: 999;top: 36px;cursor: pointer;display: none;}
.universities-and-hospitals .map-icon.active {background: #6aa2b8;}
.commute .map-icon.active {background: #69813a;}
.outdoors .map-icon.active {background: #263645;}
.dine .map-icon.active {background: #87704c;}
.entertainment .map-icon.active {background: #f4d2d5;}
.shop .map-icon.active {background: #bbd2db;}
#allcategory .map-icon.active {background: #8d7341;}
.universities-and-hospitals .map-icon {background: #6aa2b8;}
.commute .map-icon {background: #69813a;}
.outdoors .map-icon {background: #263645;}
.dine .map-icon{background: #87704c;}
.entertainment .map-icon {background: #f4d2d5;}
.shop .map-icon {background: #bbd2db;}
.error404 h1{font-size: 72px; color: #263746; font-family: 'Georgia'; font-weight: 300; text-align: center; margin-bottom:25px; padding-top: 85px;}
.error404 p{font-size: 32px; color: #263746; line-height: 36px; text-align: center;}
#autofill-confirm {padding: 0 10px 10px 0px !important; font-family: 'GeorgiaItalic';}
.get-directions {width: 100%;  float: left;  margin-top: 20px;}
.get-directions a {text-decoration:none; color: #fff; margin-top: 25px; font-size: 20px;}
.thank-you-content{}
.thank-you-content ul li{list-style:none;}
.thank-you-content ul li a{color:#fff; text-decoration:none; font-family: "proxima-nova"; font-size: 18px; text-transform: uppercase; line-height: 36px;}
.footer-links p{display: inline-block; position: relative; top: -7px; margin-right: 9px;}
.footer-links p a{text-decoration: none;  color: #fff; font-family: "proxima-nova"; letter-spacing: 1px; text-transform: uppercase; font-size: 13px;}
.mobile-site-map-link{display:none;     padding-top: 15px;}
.mobile-site-map-link p a{text-decoration: none;  color: #fff; font-family: "proxima-nova"; letter-spacing: 1px; text-transform: uppercase; font-size: 13px;}


/*Floo Plan Css Start*/

.floor-plans-section {    width: 100%;    float: left;}
.floor-plans-search-bar {     width: 100%;    float: left;    background: #263746;    text-align: center;    height: 80px;      display: flex;    display: -ms-flexbox;    display: -webkit-flex;    -ms-flex-direction: row;    -ms-flex-pack: center;}
form#searchForm {    width: 100%;    display: flex;    display: flex;    display: -ms-flexbox;    display: -webkit-flex;    -ms-flex-direction: row;    -ms-flex-pack: center;}
.floor-plans-search-row {     -ms-flex: 1;    -webkit-flex: 1;    -moz-flex: 1;    flex: 1;   /* border-right: 1px rgba(255, 255, 255, 0.51) solid;*/    margin: 13px 0;    padding-top: 4px;}
.floor-plans-search-row.quick-search {    margin-top: 0;    text-align: center;    background: #4b565f;    margin: 0;    padding: 0;    border: 0;}
.floor-plans-search-row:nth-child(3){ border-right:0;}
.floor-plans-search-row:last-child {       margin-top: 0;    text-align: center;    background: #5c6974;    margin: 0;    padding: 0;    border: 0;}
.floor-plans-search-bar .ada{
    left: -10000px;
    position: absolute;
}
.floor-plans-search-row > a {     border: 0;    font-size: 22px;    color: #ffffff;    font-family: 'Georgia';    background-repeat: no-repeat;    text-decoration: none;    text-align: center;    display: inline-block;    position: relative;    padding:30px 51px 0 0;}
.floor-plans-search-row a:after {       background: url(../images/search-icon.png);    width: 34px;    height: 36px;    content: "";    position: absolute;    right: 0;    background-size: 23px;    background-repeat: no-repeat;}
.price-row {float:left;width:50%;}
.price-row:nth-child(3) {    margin: 0;}
.floor-plans-search-row p {    font-size: 18px;    color: #ffffff;    font-family: 'Georgia';}
input.search {    background: url(../images/search-icon.png) #5c6974;    border: 0;    display: block;    width: 100%;    height: 100%;    font-size: 30px;    color: #ffffff;    font-family: 'Georgia'; background-repeat:no-repeat;}
.mobile-search-btn {    display: none;}
.floor-plan-title {      width: 100%;    float: left;    text-align: center;    color: #263746;    font-family: 'Georgia';    padding: 63px 0;}
.floor-plan-title-mobile {    display: none;}
ul.mobile-short {    display: none;}
.floor-plan-title h1 {    font-size: 28px;  position: relative;    display: inline-block;    letter-spacing: 7px;    font-weight: 500;    padding-bottom: 10px;    margin-bottom: 20px;}
.floor-plan-title h1:after {    content: "";    position: absolute;    left: 0;    right: 0;    border: 1px #263746 solid;    bottom: 0;    width: 80%;    margin: auto;}
.floor-plan-title p {    font-size: 19px;    font-style: italic;    display: block;    font-family: 'GeorgiaItalic';}
.floor-plan-box {    width: 100%;       display: flex;    display: -ms-flexbox;    display: -webkit-flex;    -ms-flex-direction: row;    -ms-flex-pack: center;}
.floor-plan-row {    width: 100%;    height: 279px;    border:3px #263746 solid;    margin: 0 30px;    position: relative;    -ms-flex: 1;    -webkit-flex: 1;    -moz-flex: 1;    flex: 1;    -webkit-transition: .5s ease-in-out;    -moz-transition: .5s ease-in-out;    -o-transition: .5s ease-in-out;    transition: .5s ease-in-out;}
.floor-plan-row a {    display: block;    width: 100%;    height: 100%;    cursor: pointer;}
.tabler button a {    color: #263746;    text-decoration: none;}
.floor-plan-box-content {    position: absolute;    top: 50%;    left: 0;    right: 0;    margin: auto;    text-align: center;    transform: translateY(-50%);font-family: 'Georgia';    color: #263746;padding:5px;}
.floor-plan-box-content p {    font-size: 32px;    position: relative;    display: inline-block;    padding-bottom: 21px;}
.floor-plan-box-content span {    font-size: 17px;    clear: both;    display: block;    padding-top: 21px;}
.floor-plan-box-content p:after {      content: "";    position: absolute;    left: 0;    right: 0;    border: 2px #263746 solid;    bottom: 0;    width: 106px;    margin: auto;}
.floor-plan-box-content code {    display: block;    font-size: 32px;font-family: 'Georgia';}
.premium-collection {    width: 100%;    background: url(../images/harlo-pattern-img.png);    height: 427px;    margin-top: 30px;}
.premium-collection-row {    width: 980px;    margin: auto;    text-align: center;    height: 100%;       background: #fff;    padding:0px 45px;}

.premium-collection-row a {width: 100%;height: 100%;display: table;text-decoration: none;}
a.planactive p {color: #fff;}
a.planactive span {color: #fff;}


.premium-collection-content {    display: table-cell;    vertical-align: middle;    border: 3px #263746 solid;    font-family: 'Georgia';    color: #263746;    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;    -o-transition: .5s ease-in-out;    transition: .5s ease-in-out;}
.floor-plan-row:hover .floor-plan-box-content {    color: #fff;}
.premium-collection-content p {     font-size: 32px;    position: relative;    display: inline-block;    padding-bottom: 21px;    line-height: 1.20;}
.premium-collection-content p:after {    content: "";    position: absolute;    left: 0;    right: 0;    border: 2px #263746 solid;    bottom: 0;    width: 106px;    margin: auto;}
.premium-collection-content span {        font-size: 17px;    clear: both;    display: block;    padding-top: 21px;    line-height: 1.45;}
.search-row {    width: 100%;    float: left;    text-align: center;    height: 80px;    margin: 30px 0;}
.search-row a {    text-decoration: none;    display: block;    height: 80px;}
.search-row input[type="button"] {          background-color: transparent;    /* box-shadow: 0px 4px 7.12px 0.88px rgba(52, 49, 48, 0.61); */    display: block;    width: 100%;    border: 3px #263746 solid;    font-size: 30px;    font-family: 'Georgia';    color: #263746;    height: 100%;    outline: none;    -webkit-appearance: none;    cursor: pointer;    border-radius: 0;    letter-spacing: 3px;}

.search-row input[type="button"]:hover {       background-color: rgb(141, 115, 65);    color: #fff;    border: 0;}

.floor-plan-row:hover {    background: #263746;    color: #fff;}
.floor-plan-row:hover p:after {    border-color: #fff;}
.premium-collection-content:hover{ background: #263746;    color: #fff;}

a.planactive {    background: #263746;}
a.planactive .floor-plan-box-content {    color: #fff;}
a.planactive p:after {    border-color: #fff;}

.premium-collection-content:hover p:after {    border-color: #fff;}

.floor-planresult-title {      width: 100%;    text-align: center;    color: #263746;    padding: 63px 0;    float: left;}
.floor-planresult-title h1 {    font-size: 29px;    font-weight: 400;    letter-spacing: 3px;padding-bottom: 30px;}
.floor-planresult-title ul {    padding: 0;    margin: 0;    list-style-type: none;}
.floor-planresult-title ul li {    display: inline-block;    padding: 0 16px;    margin: 0;    font-family: 'Georgia';    border-right: 1px #8d7341 solid;}
.floor-planresult-title ul li a {    font-size: 18px;    color: #8d7341;    text-decoration: none;}
.floor-planresult-title ul li:last-child {    padding-right: 0;    border: 0;}
.floor-planresult-title ul li:first-child {    padding-left: 0;}
.floor-planresult-title ul li a:hover {    color: #263746;}
.floor-planresult-title ul li a.active {    color: #263746;}
.total-result {    width: 100%;    float: left;    text-align: center;    padding: 0px 0 45px;}
.total-result p {    font-size: 27px;    font-family: 'Georgia';    color: #263746;    letter-spacing: 2px;}
.tabler {    margin-top: 20px;    margin-bottom: 40px;    border-collapse: collapse;    border-spacing: 0;    width: 100%;}
.tabler, .tabler th, .tabler td {    border: none;    text-align: center;    padding: 8px;}
.result-table {    max-width: 1400px;    clear: both;    margin: auto;    width: 100%;    padding: 0 40px;}
tr.table-row th {    padding:14px 0;    font-weight: 500;    font-family: "proxima-nova";    font-size: 18px;    color: #263746;    letter-spacing: 2px;}
.tabler td {      padding: 20px 0;    border-top: 2px #263746 solid;    font-size: 21px;    color: #263746;}
.table-result-row a.detail {    font-size: 21px;    color: #263746;   cursor: pointer;    font-family: "proxima-nova";    letter-spacing: 2px;    text-decoration: none;}
.tabler td span {    font-size: 19px;}
.tabler button {    background: transparent;    border: 0;    font-size: 21px;    color: #263746;    outline: none;    cursor: pointer;font-family: "proxima-nova";    letter-spacing: 2px;}
tr.table-result-row:hover td {    background: #8d7341;    color: #fff;}
.table-result-row:hover a {    color: #fff;}
.table-result-row:hover a {    color: #fff;}
.short-by p {    display: inline-block;    font-size: 15px;    letter-spacing: 2px;    font-weight: 500;    color: #263746; }
.short-by {    max-width: 1400px;    margin: auto;    width: 100%;    clear: both;    padding: 15px 40px;}
.result-inner {    text-align: center;    padding: 14px 0;    font-weight: 500;    font-family: "proxima-nova";    font-size: 18px;    color: #263746;    letter-spacing: 2px;}
.short-by ul {    list-style-type: none;    padding: 0;    margin: 0;    display: inline-block;}
.short-by ul li {    display: inline-block;    border-right: 1px #000 solid;    padding: 0 12px;}
.short-by a {    display: inline-block;    font-size: 15px;    letter-spacing: 2px;    font-weight: 500;    color: #263746;    text-decoration: none; }
.short-by a:hover {    color: #8d7341;}
.filterSelected {    color: #8d7341 !important;}
.short-by ul li:last-child {    border: 0;}
.pagination-bar {     width: 100%;    clear: both;    text-align: center;    font-size: 23px;    color: #263746;    padding: 0px 0 9px;}
p.pricing_subject {    text-align: center;    padding-bottom: 40px;    color: #263746;    font-size: 14px;}



.pagination-bar a {    font-size: 30px;    color: #acacac;    text-decoration: none;}
a.pre {    display: inline-block; margin-right:20px;}
.pagination-bar p {    display: inline-block;}
.pagination-bar code {    font-weight: 600;    font-family: "proxima-nova";}
a.next {    margin-left: 20px;}
.mobile-result-section {    display: none;}

/*floor-plan-details css*/
.floor-plan-details-section {    width: 100%;    max-width: 1600px;    margin: auto;    clear: both;    padding: 70px 20px;    overflow: hidden;}
.result-table-module {    width:350px;    float: left;    text-align: center;}
.result-table-module h2 ,.result-table-module h1{    font-size: 22px;    color: #263746;    font-family: 'Georgia';    font-weight: 500;    letter-spacing: 3px;    position: relative;    border-bottom: 2px #263746 solid;    display: inline-block;width:100%;    padding:0 16px 10px;}
.result-table-module-tow p {    font-weight: 500;    color: #675430;    letter-spacing: 2px;    font-size: 15px;    display: block;
    padding-bottom: 10px;}
.result-table-module-tow span {    font-size: 24px;    color: #263746;    display: block;}
span.unit-number {    font-size: 37px;    font-family: 'Georgia';}
.result-table-module-tow {    width: 100%;    display: block;    padding: 25px 0;}
.details-button {    width: 100%;    margin-top: 25px;}
.details-button ul {    padding: 0;    margin: 0;    list-style-type: none;}
.details-button ul li {    display: block;    padding: 0;    width: 185px;    text-align: center;    margin: auto;    margin-bottom: 20px;}
.details-button ul li a {    display: block;    background-color: #675430;    box-shadow: 0px 4px 7.12px 0.88px rgba(52, 49, 48, 0.61);    font-size: 18px;    color: #fff;    text-decoration: none;    letter-spacing: 3px;    padding: 15px 0;    text-transform: uppercase;}
.backtoresult a {    font-size: 18px;    color: #675430;    text-decoration: none; width:100%;   font-weight: 500;    display:inline-block;border-bottom: 2px #263746 solid;padding-bottom:27px;}
.backtoresult {    display: block; padding: 30px 0 30px 0px; margin: auto;}
.floor-img {         width: calc(100% - 417px);    float: right;    padding: 0 25px;    height: 100vh;    display: table;}
.floor-img-row {    height: 100%;    display: table-cell;    vertical-align: middle;}
.details-mobile-title {    display: none;}
.floor-img img {        width: 100%;    height: auto;    max-width:100%;    text-align: center;    margin: auto;    display: block;}
.floorplan-zoom-popup{	display: none;}
.floorplan-zoom-popup.active {     position: fixed;    top: 0;    background: rgba(0, 0, 0, 0.66);    width: 100%;    height: 100%;    left: 0;    display: block;    text-align: center;    z-index: 99;    padding: 50px 0;    overflow-y: auto;}
.floorplan-zoom-popup img {      width:80%;    background: #fff;    padding: 15px;}
.close_large_image {    border:none;position: absolute;    cursor: pointer;    top: 9px;    right: 37px;    color: #000;    font-size: 31px;    z-index: 999;    background: #fff;    padding: 10px;    padding-top: 0;}
.overflow_hidden {    overflow: hidden;}

/***** Gallery Page CSS *****/



.gallery-wrapper {    width: 100%;    float: left;}
.gallery-categories {    width: 100%;    display: flex; padding: 12px 0;    background: #263746;}
.gallery-categories ul {    padding: 0;    margin: 0;    list-style-type: none;    display: flex;    width: 100%;    text-align: center;    display: flex;
    display: flex;    display: -ms-flexbox;    display: -webkit-flex;    -ms-flex-direction: row;    -ms-flex-pack: center;}
.gallery-categories ul li {    width: 100%;    flex: 1;   text-align:center; padding: 13px 0;    border-right:1px rgba(255, 255, 255, 0.49) solid;-ms-flex: 1;
    -webkit-flex: 1;    -moz-flex: 1;    flex: 1;}
/*li.category_id_19 {    display: none;}*/
.gallery-categories ul li:last-child{border-right:none;}
.gallery-categories ul li a {    font-size: 17px;    color: #fff;    text-decoration: none;    font-family: 'Georgia';}
.instagram-box a {color: #263746;text-decoration: none;}
.demo-1	{width: 50%;height: 599px;float: left;width: calc(50% - 20px);cursor:pointer;}
.demo-2 { width: 50%; float: right; height: 858px; width: calc(50% - 20px);cursor:pointer;}
.demo-3 { width: 25%; float: left; height: 428px; width: calc(25% - 30px); margin-right: 10px;cursor:pointer;}
.demo-4 { width: 25%; float: left; height: 428px; width: calc(25% - 30px); margin-left: 30px;cursor:pointer;}
.demo-5 { width: 25%; float: right; height: 520px;width: calc(20% - 20px); margin-left: 20px;cursor:pointer;}
.demo-6 { width: 25%; float: right; height: 520px;width: calc(30% - 40px); margin-left: 20px;cursor:pointer;margin-right: 20px;}
.demo-7 { width: 50%; height: 589px; float: right;width: calc(50% - 20px); margin-right: 20px;cursor:pointer;}
.demo-8 {height: 339px; float: left; width: calc(20.8% - 40px);    margin-right: 40px;cursor:pointer;}
.instagram-box-section { cursor:pointer;display: table;height: 339px; background-color:#f4e4e5;float: left;    width: calc(29.2% - 20px);    margin-right: 0px;    box-shadow: 5.033px 7.461px 11.31px 1.69px rgba(52, 49, 48, 0.5);}
.demo-9 { cursor:pointer;width:30%; float: right; height: 753px; position: relative;    margin-top: -278px;    width: calc(30% - 20px);    margin-left: 20px;}
.demo-10 { cursor:pointer;width:20%; float: right; height: 617px; position: relative;    margin-top: -278px;    width: calc(20% - 40px);    margin-right: 20px;    margin-left: 20px;    margin-bottom: 0 !important;}
.demo-11 { cursor:pointer;width: 75%;float: left; height: 630px;  clear: both;    margin-top: -136px;    width: calc(70% - 20px);    margin-right: 20px;}
.demo-12 { cursor:pointer;width: 20%; float: right; height: 494px; width: calc(30% - 20px);    margin-left: 20px;}
.gallery-pop-wrapper {     opacity: 0;    z-index: -1;    position: fixed;    top:50%;    background: #fff;   height: 99%;    width: 99%;    box-shadow: 5.033px 7.461px 11.31px 1.69px rgba(52, 49, 48, 0.5);    left: 50%;    transform:translate(-50%,-50%);   margin: auto;    transition: all 0.7s ease-out 0s;}
.gallery-pop-wrapper.active {    opacity: 1;    z-index:9999;overflow:auto;}
.gallery-tilte {    width: 100%;    float: left;    text-align: center;    padding:50px 0;    color: #263746;    font-family: 'Georgia';}
.gallery-tilte h1 {    font-size: 28px;    font-weight: 500;    letter-spacing: 8px;    position: relative;display: inline-block;    padding: 0 35px;    padding-bottom: 17px;    margin-bottom: 17px;}
.gallery-tilte p {    font-size: 19px;    font-style: italic;}
.gallery-tilte h1:after {    content: "";    position: absolute;    border-top: 3px #263746 solid;    left: 0;    bottom: 0;    right: 0;    margin: auto;}
.mab-gallery-categary{display:none;float:left;width:100%;}
.gallery-start div {    background-size: cover;    background-position: center;    margin-bottom: 40px;}

div#gallery-29.amenities {    background-position: 73%;}
div#gallery-5.amenities {    background-position: right;}

.gallery-start {    width: 100%;    padding: 0 40px;float:left;}
.instagram-box {    display: table-cell;    vertical-align: middle;    text-align: center;    color: #263746;}
.instagram-box p {    font-size: 21px;    display: block;    font-family: 'Georgia';    padding-bottom: 30px;    letter-spacing: 2px;}
.instagram-box img {    display: block;    text-align: center;    margin: auto;}
.instagram-box span {    font-size: 21px;    display: block;    font-family: 'Georgia';    font-style: italic;    padding-top: 30px;    padding-bottom: 30px;}
.instagram-box code {    font-size: 16px;    font-family: "proxima-nova";    letter-spacing: 2px;}
.gallery-pop-wrapper .flexslider {position: relative;zoom: 1;max-width: 1020px;width: 100%;margin: auto;
/* height:960px; */
   height: 900px;
}
.flex_caption{position:absolute;width: 100%;left: 0px;bottom:-75px;z-index: 999; background: #fff;padding: 10px 5px 10px 5px;}
.flex_title{font-size: 20px;font-weight:400;color: #263746;text-transform:uppercase;font-family: 'Georgia';}
.flex_description{font-size: 16px;font-weight:400;color: #263746;text-transform:uppercase;font-family: 'Georgia';padding:9px 0px;}
.page-template-template-gallery ul.slides {padding: 60px 0px 60px 0px;}

.share_wrap {position: absolute;    
/* top: 100px;   */
top: 0;
left: 0px;    z-index: 999;    width: 1000px;    right: 0;    margin: auto;}
.slider-share{position: absolute;width:420px;left: 0px;top: 10px;transition:0.5s;opacity: 0;visibility: hidden;}
.share_wrap.active .slider-share{left: 65px;opacity: 1;visibility: visible;}
.share {padding: 22px 10px;}
.share a{font-family: 'Georgia';font-size:20px;color: #263746;text-decoration:none;}
.load-more-button {text-align: center;padding: 20px 0px 75px 0px;float: left;width: 100%;}
.load-more-button a{display:inline-block;position:relative;font-family: "proxima-nova";font-style: normal;font-weight: 300;font-size:22px;line-height:12px;color:#263746;text-decoration:none;text-transform:uppercase;}
.load-more-button a:before{width:25px;height:15px;position:absolute;content:"";bottom:-32px;left:50%;background-image:url("../images/load-more-arrow.png");-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.remove_overflow{overflow:hidden;}

.specials {     
    position: relative;
    z-index: 8;
	    line-height: 1.45;
    /* left: -350px; */
    /* bottom: 201px; */
    /* height: 140px; */
    /* margin-top: -140px; */
    background: #675430;
    color: #fff;
    padding: 15px 32px 15px 20px;
    letter-spacing: 2px;
    -webkit-transition: margin ease-out .5s;
    -moz-transition: margin ease-out .5s;
    transition: margin ease-out .5s;
    /* width: 350px; */
    width: 100%;
    font-size: 13px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
/* .specials.open {    left: 0;} */
.specials.open{margin-top: 0;}
a.close-button {    position: absolute;    right: 15px;    top: 8px;    z-index: 9999;    width: 20px;    height: 20px;}
a.close-button:before, a.close-button:after {    position: absolute;    left: 15px;    content: ' ';    height: 20px;    width: 2px;    background-color: #fff;}
a.close-button:before {    transform: rotate(45deg);}
a.close-button:after {    transform: rotate(-45deg);}
.left_form span a {color: #fff !important;}
.left_form span {color: #fff !important;}
.specials a {  color: #fff;    text-decoration: none;}
.specials .special-offer{
	font-size:16px;
	/* margin-bottom:10px; */
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.specials .special-offer a{
	background-color: #675430;
	padding: 8px 8px;
	color: white;
	text-transform:uppercase;
	margin: 15px 10px;
	letter-spacing: 1px;
	border: 1px solid white;
    font-size: 13px;
}
.specials .special-offer a:hover{
    color:#675430;
    background-color: white;
}


a.buzzuto-white-logo { float: right; border-right: 0; padding-right: 8px !important; margin-top:13px; }
a.buzzuto-white-logo img { 
/*   width: 75px;  */
width: 102px;
   height: auto !important;    margin-top: -9px;   }
a.buzzuto-white-logo svg{width:100px; fill:#fff;}
img.skanska_logo {     width: 100px !important;    display: inline-block; float: left;    margin-left:0px;    padding-top: 5px;    margin: auto;    display: block;    text-align: center;  }
img.hero-image-mobile {   width: 100%;    float: left; margin-top: 88px;}
img.footer-right-icon {   margin-left: 5px;  width:15px; margin-top: 14px;    margin-bottom: 3px;}
.footer-links a:first-child img{width:15px;}
.footer-links a:nth-child(2) > img {
  width: 21px;
  margin-bottom: 3px;
}

.flex-caption-row h3:empty{display: none;}
.flex-caption-row h4:empty {display: none;}
.flex-caption-row p:empty {display: none;}

.harlo-footer-icon p {text-align: left !important;}



.content-section{width: 100%;float: left; margin: 40px 0;}
.page-id-27 .inner-slider{margin:40px 0;}
img.footer_logo{width: 35px;}
.residences-content-section {margin: 40px 0;}

div#gallery-17 {background-position:68%;}

a.instarta img { width: auto !important;  margin-right: 10px;}
span.logo_line {
    font-size: 10px;
    text-decoration: none !important;
    color: #565656;
    border-top: 1px solid #565656;
    width: 100%;
    float: left;
    padding-top: 6px;
    margin-top: 6px;
}
.logo {text-align: center;}
.instarta-mobile { margin-top: 20px; width:100%;float: left;}
.get-directions a {padding-bottom: 15px; display: inline-block;}

.go-home {
    font-size: 22px;
    line-height: 75px;
    color: #263746;
    border: 2px solid #263746;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}
li.category_id_16 {
    display: none;
}

/* ADA */
a:focus,button:focus,
.search-row input[type="button"]:focus,
.hywrap input:focus, 
.hywrap input[type="text"]:focus, 
.hywrap select:focus, 
.hywrap textarea:focus,
*:focus{
	outline:transparent dashed 3px;
	outline-offset: 1px;
}
.hywrap input:focus, 
.hywrap input[type="text"]:focus, 
.hywrap select:focus, 
.hywrap textarea:focus,
.hywrap button[type="submit"]:focus {
	outline:transparent dashed 3px !important;
	outline-offset: 1px;
}
.using-keytab .hywrap button[type="submit"]:focus ,
.using-keytab .hywrap input:focus, 
.using-keytab .hywrap input[type="text"]:focus, 
.using-keytab .hywrap select:focus, 
.using-keytab .hywrap textarea:focus,
.using-keytab .search-row input[type="button"]:focus,
.using-keytab a:focus,.using-keytab button:focus,.using-keytab *:focus{
	outline-color: #000000 !important;
 }
 .skip-nav {
    background: 0 0;
    color: #000;
    left: 0;
    padding: 1rem 1.5rem;
    position: absolute;
    top: -4.2rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 9999;
    font-size: 16px;
}
.skip-nav:focus {
    background: #fff;
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    left: 0;
    outline: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.ada {
    height: 0;
    overflow: hidden;
}
.slider-btn,
.video-btn {
    height: 35px;
    width: 34px;
    background: url(../images/lightbox-pause.png) no-repeat center/ cover;
    position: absolute;
    bottom: 5px;
    right: 10px;
    border: none;
    z-index: 2;
    cursor: pointer;
}
.slider-btn.play,
.video-btn.play {
    background-image: url(../images/lightbox-play.png);
}
footer {
    width: 100%;
    float: left;
}
.mab-gallery-categary .selectivo,
.floor-plans-search-row .selectivo {
    display: block;
    background: #263746;
    border: none;
    color: #fff;
    width: 100%;
}
.mab-gallery-categary .selectivo__dropdown,
.floor-plans-search-row .selectivo__dropdown {
    top: auto;
    background: #263746;
    text-transform: uppercase;
}
.mab-gallery-categary .selectivo__label, 
.mab-gallery-categary .selectivo__dropdown,
.floor-plans-search-row .selectivo__label, 
.floor-plans-search-row .selectivo__dropdown {
    border: none;
}
.mab-gallery-categary .selectivo__label,
.floor-plans-search-row .selectivo__label {
    font-size: 16px;
    color: #ffffff;
    font-family: 'Georgia';
    padding: 12px 0px;
    text-transform: uppercase;
}
.mab-gallery-categary  .selectivo__option--selected,
.floor-plans-search-row  .selectivo__option--selected {
    background-color: #5c6974 !important;
    font-weight: bold;
}
.mab-gallery-categary .selectivo__option:hover,
.floor-plans-search-row  .selectivo__option:hover {
    background-color: #5c6974 !important;
}
.mab-gallery-categary .selectivo__option,
.floor-plans-search-row  .selectivo__option {
    text-transform: uppercase;
    padding: 11px;
    font-size: 14px;
}
.mab-gallery-categary .selectivo__option:first-child,
.mab-gallery-categary .selectivo__label 
.floor-plans-search-row .selectivo__option:first-child,
.floor-plans-search-row .selectivo__label {
    background-image: none;
}
.mab-gallery-categary .selectivo__label:after,
.floor-plans-search-row .selectivo__label:after {
    content: '';
    display: inline-block;
    height: 5px;
    pointer-events: none;
    position: relative;
    right: -13px;
    top: 1px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 13px;
    background-image: url(../images/gallery-arrow-down.png);
    height: 12px;   
    background-size: contain; 
}
.mab-gallery-categary .selectivo--open .selectivo__label:after,
.floor-plans-search-row .selectivo--open .selectivo__label:after {
    transform: rotate(-180deg);
}
.mab-gallery-categary .selectivo {
    width: 80%;
    margin: 0 auto;
    background: #5c6973;
    font-size: 16px;
}
.mab-gallery-categary  .selectivo__label {
    padding: 10px 0;
}
.mab-gallery-categary .selectivo__option {
    font-family: 'Georgia';
}
.mab-gallery-categary .selectivo__option.category_id_16 {
    display: none;
}
/*****Retail page*****/
.retail-content-section .retailSec{
    margin-bottom:20px;
    display:flex;
    justify-content:space-between;
    height:auto;
}
.retail-content-section .retailSec:first-of-type{
    margin-top:20px;
}
.retail-content-section .retailSec.reverse{
    flex-flow:row-reverse;
}
.retail-content-section .retailSec .top-section.home-image{
    max-width:60vw;
}
.retail-content-section .retailSec .home-content{
    padding-right:4vw;
}
.retail-content-section{
    width: 100%;
    position: relative;
    height: 100%;
    float: left;
}
@media all and (min-width:1200px){
    .retail-content-section .retailSec .top-section.home-image img{
        max-height:400px;
    }
}
@media all and (max-width:1480px){
    .retail-content-section .retailSec .home-content{
        padding-right:30px;
    }
}
@media all and (max-width:1000px){
    .retail-content-section .retailSec{
        align-items:center;
    }
    .retail-content-section .retailSec .top-section.home-image img{
        min-height:375px;
    }
}
@media all and (max-width:991px){
    .retail-content-section .retailSec{
        align-items:flex-start;
    }
    .retail-content-section .retailSec .top-section.home-image img{
        min-height:400px;
    }
}
@media all and (max-width:750px){
    .retail-content-section .retailSec{
        flex-flow:column;
        display:block !important;
    }
    .retail-content-section .retailSec.reverse{
        flex-flow:column;
    }
    .retail-content-section .retailSec .top-section.home-image{
        max-width:100%;
    }
    .retail-content-section .retailSec .home-content{
        max-width:100%;
    }
    .retail-content-section .retailSec .home-content{
        padding-top:50px;
        padding-bottom:50px;
    }
}  

.osano-cm-widget {
  display: none;
}
.osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle,
.osano-cm-disclosure__toggle:hover,
.osano-cm-link:hover, .osano-cm-link:active, 
.osano-cm-link {
  color: #000;
} 
.osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle,
.osano-cm-disclosure__toggle:hover,
.osano-cm-link,
.osano-cm-link:hover, 
.osano-cm-link:active {
  color: #000;
}