/*! HTML5 Boilerplate v7.1.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

 
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html, body {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
	   overflow-x: hidden !important;
	   -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.logoTxt{
	display:grid;
	justify-items: center;
	user-select: none;
}
.txt2H,
.txtBK{
	font-family: 'Avenir LT Std black';
    font-size: 40px;
    line-height: 38px;
    color: #fff;
    letter-spacing: -1.2px;
    text-transform: uppercase;
	white-space: nowrap;
}
.txtBK{
	font-family: 'Avenir LT Std';
	margin-left: -6px;
}
.logoAddress{
	letter-spacing: 4px;
    font-family: 'Avenir LT Std';
    color: #fff;
    font-size: 8px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: normal;
	white-space: nowrap;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




 /* ==========================================================================
   Author's custom styles
   ========================================================================== */


@font-face {
    font-family: 'Avenir LT Std black';
    src: url('../fonts/AvenirLTStd-Black.eot');
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'),
        url('../fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Light.eot');
    src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Light.woff') format('woff'),
        url('../fonts/AvenirLTStd-Light.ttf') format('truetype'),
        url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "AvenirLTStd-Book";
  src: url("../fonts/AVENIRLTSTD-BOOK.eot"); /* IE9 Compat Modes */
  src: url("../fonts/AVENIRLTSTD-BOOK.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/AVENIRLTSTD-BOOK.otf") format("opentype"), /* Open Type Font */
    url("../fonts/AVENIRLTSTD-BOOK.svg") format("svg"), /* Legacy iOS */
    url("../fonts/AVENIRLTSTD-BOOK.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/AVENIRLTSTD-BOOK.woff") format("woff"), /* Modern Browsers */
    url("../fonts/AVENIRLTSTD-BOOK.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


.animated_slowest{
	-webkit-transition:all .7s ease-in-out;
	-moz-transition:all .7s ease-in-out;  
    -o-transition:all .7s ease-in-out;
}

.animated_normal{
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;  
    -o-transition:all .4s ease-in-out;
}

.animated_fast{
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;  
    -o-transition:all .15s ease-in-out;
}

a{
	text-decoration: none;
	color: inherit;
}

input{
	border-radius: 0 !important;
}

.dropdown{
	position: relative;
	margin-bottom: 20px;
}

.drop_padding{
	padding-bottom: 10px;
	padding-top: 10px;
	
}

.closed_drop{
	max-height: 0 !important;
}

.map_dropdown{
	max-height: 2000px;
	overflow: hidden;
	padding-left: 30px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;  
    -o-transition:all .5s ease-in-out;
	font-size: 12px;
	letter-spacing: 1.5px;
    font-family: 'Avenir LT Std black';
	color: #0F2E1C;
}

.map_btn{
	cursor: pointer;
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
}

.opaque{
	opacity: .3;
}

.opaque2{
	opacity: .3 !important;
}



.notopaque{
	opacity: 1 !important;
}
.poi-info-window .title {
   line-height: 18px !important;
    letter-spacing: 3px !important;
}

.opening{
	width: 100%;
	height: 100vh;
	background: #0F2E1C;
	position: relative;
}

.menu{
	position: absolute;
	left: 5%;
	width: 100%;
	top: 10%;
	z-index: 50;
    
}

#onetrust-banner-sdk .ot-sdk-row, #onetrust-pc-sdk .ot-sdk-row, #ot-sdk-cookie-policy .ot-sdk-row{
	background: #E0E4E2 !important;
	padding: 15px !important;
	    border-top: 2px solid #0F2E1C;

	
}
#onetrust-banner-sdk #onetrust-button-group{
	margin-left: 40px !important;
}
#onetrust-banner-sdk #onetrust-button-group-parent {
    min-height: 1px;
    text-align: left !important;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
	background: #E0E4E2 !important;
	border-color: #E0E4E2 !important;
    color: #0F2E1C !important;
	font-size: 11px !important;
}

#onetrust-banner-sdk #onetrust-policy-title{
	margin-bottom: 20px;
	font-size: 14px;
	text-transform: uppercase;
    font-family: 'Avenir LT Std black';
	color: #0F2E1C !important;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler {
    background-color: #0F2E1C !important;
    border-color: #0F2E1C !important;
    color: #FFFFFF;
}

#onetrust-banner-sdk #onetrust-policy-text{
	font-size: 11px !important;
	line-height: 16px !important;
	color: #0F2E1C !important;
}

.onetrust-pc-dark-filter{
	opacity: 0 !important;
	display: none !important;
	pointer-events: none !important;
}


#onetrust-banner-sdk.otFlat{
	  font-family: "AvenirLTStd-Book";
	color: #0F2E1C !important;

}



.menu_btn{
	margin-bottom: 5px;
	display: block;
	
}

.inner_btn{
	display: flex;
	pointer-events: none;
	position: relative;
	cursor: pointer;
	width: 100%;
	align-items: center;
}

.menu_btn2.actives{
	color: #082E19 !important;
	background: #E0E4E2;
}

.toggles{
	padding-top: 60px;
	padding-bottom: 60px;
	width: 90%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	text-align: center;
	
}

.toggle_btn{
	cursor: pointer;
	width: 50%;
	padding-top: 15px;
	padding-bottom: 15px;
	border: #5D6E68 solid 1px;
	box-sizing: border-box;
	text-align: center;
	font-size: 25px;
	color: #082E19;
    font-family: 'Avenir LT Std black';

}

.toggle_btn:hover{
	background: #5D6E68;
	color: white;
}

.toggle_actives{
	background: #5D6E68;
	color: white;
}

.nowidth{
	width: 0 !important;
}

.button:hover + .nowidth{
	width: 83% !important;
}



.sub_menu{
	margin-left: 3%;
    font-family: 'Avenir LT Std';
	font-size: 20px;
	letter-spacing: 10px;
	max-height: 800px;
	overflow: hidden;
}

.menu_btn2 .sub_menu{
	margin-left: 0;
	    left: 0;
	
	width: 100%;
	position: absolute;
    font-family: 'Avenir LT Std';
	font-size: 12px;
	letter-spacing: 2.5px;
	color: #5D6E68;
	max-height: 800px;
	overflow: hidden;
}



.closedmenu{
	max-height: 0 !important;
}
.inner_menu{
	padding-bottom: 5px;
	padding-top: 5px;
}

.menu_btn2 .inner_menu{
	padding-bottom: 5px;
	padding-top: 5px;
}

.sub_btn{
	margin-bottom: 5px;
	margin-top: 5px;
	display: block;
	color: #5E6F68;
	cursor: pointer;

}

.menu_btn2{
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
	padding-right: 2%;
    margin-left: -8px;
	display: inline-block;
	position: relative;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
}

.menu_btn2:hover{
	color: #5E6F68;
}

.menu_btn2 .sub_btn{
	padding-bottom: 8px;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 8px;
	text-align: center;
	display: block;
	width: 100%;
	color: #5D6E68;
	background: #C7C8CA;
	border-bottom: 1px solid #082E19;
	cursor: pointer;

}

.sub_btn:hover{
	color: white;
}

.fixed_menu .sub_btn:hover{
	color: white;
}

.btn_line{
	margin-top: -8px;
	width: 83%;
	height: 1px;
	background: white;
}

.button{
	pointer-events: all;
	padding-right: 25px;
	background:#0F2E1C;
	font-family: 'Avenir LT Std black';
	font-size: 40px;
	line-height: 30px;
	letter-spacing: -1.2px;
	width: auto;
	color: #5E6F68;
}

.mobile_menu{
	position: fixed;
	width: 100%;
	top: 0;
	height: 100%;
	z-index: 999;
	background: #0F2E1C;
}
.gm-style-iw-d{
	margin-left: 5%;
}

.actives{
	color: white !important;
}

.button:hover {
	color: white;
}

.under_content{
	background: white;
	position: relative;
	z-index: 10;
}

.first_section{
	height: 100vh;
	position: relative;
	width: 100%;
	max-height: 850px;
	overflow: hidden;
	z-index: 50;
}



.offtoside{
	right: -100px !important;
	opacity: 0 !important;
}

.movedowns{
	bottom: 60px !important;
	opacity: 0;
}

.left_line{
	position: fixed;
	left: 5%;
	bottom: 0;
	height: 200px;
	background: #5E6F68;
	width: 1.5px;
}

.left_line3{
	
	height: 100%;
	background: #5E6F68;
	width: 1.5px;
}

.noheight{
	height: 0 !important;
}

.circle{
	pointer-events: none;
	left: 70%;
	width: 100%;
	position: fixed;
	transform: translate(-50%, 0);
	height: 100%;
}

.fadeins{
	opacity: 0;
}

.logo{
	width: 460px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.downarrow{
	position: absolute;
	bottom: 40px;
	width: 65px;
	cursor: pointer;
	left: 50%;
	transform: translate(-50%, 0);
}

.logo2{
	width: 100%;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	right: 0;
	opacity: .1;
}

.logo2 img{
	width: auto;
	position: absolute;
	right: 0;
	height: 100%;
}



.title_block{
	max-width: 750px;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	background: #E0E4E2;
	width: 80%;
	height: auto;
	padding: 60px;
	color: #0F2E1C;
	z-index: 100;
	
}

.dotactive{
	color: #5D6E68 !important;
	
}

.sub_menu .dotactive{
	color: white !important;
	background: #5D6E68;
}

.right_side{
	position: absolute;
	bottom: 0;
	z-index: 10;
	right: 0;
	max-width: 1100px;
	width: 100%;
	height: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	
}

.t_block{
	height: 48%;
	width: 100%;
	position: relative;
}

.right_images{
	height: 47%;
	width: 100%;
	position: absolute;
	bottom: 0;
	max-height: 450px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.seconds{
	margin-top: -5%
}


.bottom_img{
	height: 100%;
	width: 48%;
	
}
.title, .title>div>h1{
	font-size: 58px;
	line-height: 58px;
	font-family: 'Avenir LT Std black';
	margin-bottom: 30px;
	letter-spacing: -2.5px;
	text-transform: uppercase;

}

.second_section{
	background: #E0E4E2;
	position: relative;
	height: 400px;
	overflow: hidden;
}

.seventh_section{
	background: white;
	position: relative;
	height: auto;
	overflow: hidden;
	z-index: 1000
}

.map_section{
	position: relative;
	height: 100vh;
	
}

.maps{
	width: 100%;
	position: relative;
	height: 100%;
}

.blocker{
	position: absolute;
	z-index: 10;
	height: 100%;
	width: 100%;
	background: #E0E4E2;

}

.map_footer{
	z-index: 1000;
	width: 100%;
	background: #5D6E68;
	padding-top: 60px;
}

.maps_mins{
	width: 95%;
	max-width: 1275px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.min_block{
	width: 16%;
	margin-left: 4%;
	margin-right: 4%;
	display: inline-block;
	margin-bottom: 60px;
}

.slide_neighborhood{
	height: 100vh;
	max-height: 580px;
	display: flex;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.left_slide_side, .right_slide_side{
	width: 50%;
	position: relative;
	
}

#fits_carousel{
	pointer-events:  none !important;
}

#fits_carousel .animated { 
  animation-duration: 10ms;
  animation-fill-mode: both; }

.left_slide_side{
	background: #E0E4E2;
	box-sizing: border-box;
	z-index: 1000;
	
}

.slide_btn{
	margin-bottom: 20px;
	margin-top: 20px;
	cursor: pointer;
	text-transform: uppercase;
}

.slide_btn:hover{
	   font-family: 'Avenir LT Std black';

}




.right_slide_side{
	height: 100%;
}

.fits{
	width: 100%;
}

.slide_fits{
	width: 100%;
}

.cycle-slideshow{
	height: 100%;
}

.slide{
	height: 100%;
	width: 100%;
}

.slide_btns{
	width: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	font-size: 31px;
	
	
}

.hide_menu{
	top: -100% !important;
}

.fixed_nav{
	position: fixed;
	padding-top: 27px;
	padding-bottom: 20px;
	background: #0F2E1C;
	height: 52px;
	top: 0;
	z-index: 1000;
	width: 100%;
}

.mdivider{
	vertical-align: middle;
	width: 1px;
	background: white;
	height: 15px;
	display: inline-block;
}

.fixed_logo{
	width: 120px;
	margin-left: 2.5%;
	position: relative;
	z-index: 60;
	cursor:pointer;
	display: block;
}

.fixed_logo img{
	margin-top: -3px;
}

.fixed_menu{
	position: absolute;
	top: 50%;
	letter-spacing: 2.5px;
	transform: translate(0, -50%);
	right: 0%;
	text-align: right;
	width: 100%;
	font-family: 'Avenir LT Std';
	font-size: 15px;
	color: white;
	

}

.upmenu{
	margin-top: -120px;
}



.left_line2{
	width:100%;
	z-index: 11;
	left: 0;
	height: 1.2px;
	background: #0F2E1C;
	position: absolute;
	top: 35%;
	transform: translate(0, -50%);
}

#fullmap{
	width: 100%;
	height: 100%;
	position: relative;
}

.right_line{
	width:50%;
	z-index: -1;
	right: 0;
	height: 1.2px;
	background: #0F2E1C;
	position: absolute;
	top: 20%;
	transform: translate(0, -50%);
}

.lefts_animation .subject {
	height: 100%;
	width: 40%;
	position: absolute;
  -moz-transition: all 600ms ease-out;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  -moz-transform: translate3d(-100%, 0px, 0px);
  -webkit-transform: translate3d(-100%, 0px, 0px);
  -o-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate3d(-100%, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
			transition-delay:.3s;

}

.delay1{
				transition-delay:.2s !important;

}

.delay2{
				transition-delay:.4s !important;

}

.delay3{
				transition-delay:.6s !important;

}

.delay4{
				transition-delay:.8s !important;

}

.delay5{ transition-delay:1.5s !important;

}

.rights_animation{
	z-index: 1000;
	position: relative;
	height: 100%;
	width: 100%;
}

.lefts_animation.in-view .subject {
  -moz-transform: translate3d(0px, 0, 0px);
  -webkit-transform: translate3d(0px, 0, 0px);
  -o-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate3d(0px, 0, 0px);
}

.rights_animation .subject {
	height: 100%;
	width: 100%;
	position: absolute;
  -moz-transition: all 600ms ease-out;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  -moz-transform: translate3d(100%, 0px, 0px);
  -webkit-transform: translate3d(100%, 0px, 0px);
  -o-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate3d(100%, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
			transition-delay:.3s;

}

.rights_animation.in-view .subject {
  -moz-transform: translate3d(0px, 0, 0px);
  -webkit-transform: translate3d(0px, 0, 0px);
  -o-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate3d(0px, 0, 0px);
}

.move_right .subject {
	 -moz-transition: all 600ms ease-out;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
	height: 100%;
	width: 100%;
	right: -400px;
	position: absolute;
 

}

.move_right.in-view .subject {
  right: 0;
}
.mask_ups{
	height: 200px;
	overflow: hidden;
	position: absolute;
	left: -5%;
	top: -80px;
	width: 1.5px;
}

.map_menu{
	position: absolute;
	width: 330px;
	right: 0;
	height: 100%;
	background: #C7C8CA;
	z-index: 100;
	box-sizing: border-box;
	padding: 40px;
	top: 0;
}

.map_icons{
	font-size: 18px;
	font-family: 'Avenir LT Std black';
	color: white;
	cursor: pointer;
		-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;

}

.map_icons:hover{
	color: #0F2E1C;
}

.map_off_to_side{
	right: -330px !important;
}

.m_icon{
	display: inline-block;
	margin-right: 15px;
	width: 15px;
	vertical-align: middle;
}

.m_icon img{
	margin-top: -3px;
}

.mask_ups .subject {
	height: 100%;
	margin-top: 200px;
	position: absolute;
	overflow: hidden;
   -webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;  
    -o-transition:all .4s ease-in-out;
 

}

.mask_ups.in-view .subject {
	margin-top: 0;
  
}

.opacity_animation .subject {
	opacity: 0 !important;
  -moz-transition: all 600ms ease-out;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
	height: 100%;


}

.opacity_animation.in-view .subject {
 opacity: 1 !important;
}

.opacity_animation_rev .subject {
	opacity: 1;
  -moz-transition: all 600ms ease-out;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;


}




.move_up_animation .subject {
	
	opacity: 0;
  -moz-transition: all 600ms ease-out;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  -moz-transform: translate3d(0px, 60px, 0px);
  -webkit-transform: translate3d(0px, 60px, 0px);
  -o-transform: translate(0px, 60px);
  -ms-transform: translate(0px, 60px);
  transform: translate3d(0px, 60px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.move_up_animation.in-view .subject {
	opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.ups_animation .subject {
	height: 100%;
	width: 100%;
	position: absolute;
  -moz-transition: all 1000ms ease-out;
  -webkit-transition: all 1000ms ease-out;
  -o-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ups_animation.in-view .subject {
  -moz-transform: translate3d(0px, -950px, 0px);
  -webkit-transform: translate3d(0px, -950px, 0px);
  -o-transform: translate(0px, -950px);
  -ms-transform: translate(0px, -950px);
  transform: translate3d(0px, -950px, 0px);
}

.downs_animation .subject {
  height: 100%;
	top: 0;
  width: 100%;
  position: absolute;
  -moz-transition: all 1000ms ease-out;
  -webkit-transition: all 1000ms ease-out;
  -o-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-delay:.8s;

}



.downs_animation.in-view .subject {
  -moz-transform: translate3d(0px, 950px, 0px);
  -webkit-transform: translate3d(0px, 950px, 0px);
  -o-transform: translate(0px, 950px);
  -ms-transform: translate(0px, 950px);
  transform: translate3d(0px, 950px, 0px);
}

.fourth_section{
	position: relative;
	padding-top: 180px;
	width: 100%;
	min-height: 100vh;
	background: white;
}

.hide_block{
	width: 420px;
	left: 0;
	position: absolute;
	background: white;
	height: 60px;
	z-index: 100;
	top: 0;
}

.circle3{
	pointer-events: none;
	position: absolute;
	left: -48%;
	top: -150px;
	width: 70%;
	z-index: 10;
	max-width: 1000px;
	
}

.a_head{
	text-transform: uppercase;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1.5px solid #0F2E1C;
	font-size:40px;
	line-height: 1.4;
	margin:0;
}

.avail_header{
	letter-spacing: -3px;
	padding-top: 40px;
	position: absolute;
	right: 0;
	width: 62%;
	font-family: 'Avenir LT Std black';
    color: #0F2E1C;
	font-size: 40px;


}

.avails{
	display: flex;
	width: 100%;
	max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
	flex-wrap: wrap;
	margin-top: 180px;
	justify-content: space-between;
}

.avail_left{
	width: 60%;
}

.building{
	width: 91%;
	margin-right: 0;
	margin-left: auto;
	position: relative;
}

.hiddens{
	opacity: 0;
}

.shows{
	opacity: 1 !important;
}
.floor{
	position: absolute;
	z-index: 10;
	
	width: 40.8%;
	right: 16.3%;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;  
    -o-transition:all .15s ease-in-out;
}

.fl1{
	top: 27.2%;
}

.fl2{
	top: 31.3%;
}

.fl3{
	top: 34.7%;
}

.fl4{
	top: 37.75%;
}

.fl5{
	top: 40.7%;
}

.fl6{
	top: 43.7%;
}

.fl7{
	top: 46.7%;
}

.fl8{
	top: 49.9%;
}

.fl9{
	top: 52.7%;
}

.fl10{
	top: 58.4%;
}
.avail_right{
	width: 35%;
}

.av_grid{
	width: 90%;
	
}

.overlayer{
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
	opacity: 0;
	cursor: pointer;
}

.ov_bg{
		background: #0F2E1C;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .7;

}

.ov_title{
	position: absolute;
	left: 50%;
	top: 50%;
	text-transform: uppercase;
	text-align: center;
	transform: translate(-50%, -50%);
	font-family: 'Avenir LT Std';
	letter-spacing: 3.5px;
	color: white;
	font-size: 12px;
	z-index: 100;
	

}

.item:hover > .overlayer{
	opacity: 1;
}

#neighborhood_carousel .owl-stage {
    display: flex !important;
	flex-wrap: nowrap !important;
}

#neighborhood_carousel .item{
	position: relative;
}

#neighborhood_carousel .owl-item img {
  display: block;
  width: auto;
  height: 400px
}

.fifth_section{
	min-height: 100vh;
	padding-bottom: 180px;
	overflow: hidden;
	width: 100%;
	margin-top: 200px;
	position: relative;
	z-index: 100;
}

.sixth_section{
	padding-bottom: 80px;
	width: 100%;
	margin-top: 80px;
	position: relative;
	z-index: 100;
}

.circle4{
	pointer-events: none;
	position: absolute;
	left: 50%;
	top: 0;
	width: 60%;
	max-width: 800px;
	transform: translate(-50%, 0);
}

.owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
	height: 100%;
}

#views_carousel{
	margin-top: 160px;
	width: 80% !important;
	margin-left: auto;
	margin-right: auto;
	height: 85vh;
	max-height: 620px;
	margin-bottom: 40px;
}

#interiors_carousel{
	margin-top: 180px;
	width: 80% !important;
	margin-left: auto;
	margin-right: auto;
	height: 85vh;
	max-height: 620px;
	margin-bottom: 80px;
}

.final_section{
	padding-top: 60px;
	background: white;
	padding-bottom: 60px;
}

.footer{
	width: 100%;
	background: #5D6E68;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}

.foot_logo, .foot_logo2{
	margin-left: 2.5%;
	width: 120px;
	display: inline-block;
}

.footer_links{
	width: 70%;
	display: inline-block;
	margin-left: 2.5%;
	font-family: "AvenirLTStd-Book";
	color: white;
	font-size: 10.5px;
	text-transform: uppercase;
	
}

.footer_links .mdivider{
	    margin-right: 3%;
	
}

.footer_links a{
	    margin-right: 3%;
    display: inline-block;
	    letter-spacing: 1px;
		-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
	color: white;
	font-family: 'Avenir LT Std black';

}

.footer_links a:hover{
	opacity: .4;
}

.copy{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 2.5%;
	font-family: "AvenirLTStd-Book";
	color: white;
	font-size: 12px;
}

.cotnacts{
	width: 90%;
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.c_left{
	background: #5D6E68;
	color: #E0E4E2;
}

.c_right{
	background: #E0E4E2;
	color: #5D6E68;
}

.c_left, .c_right{
	width: 50%;
	box-sizing: border-box;
	padding: 60px 50px;
}

.b_logo{
	width: 170px;
	margin-bottom: 60px;
}

.c_title{
		font-family: 'Avenir LT Std black';
	font-size: 16px;
	margin-bottom: 10px;

}

.c_infos{
	font-family: "AvenirLTStd-Book";
	font-size: 17px;
	line-height: 21px;

}

.c_infos strong{
	display: block;
	font-family: 'Avenir LT Std black';
    font-size: 16px;
	font-weight: normal;
	    line-height: 10px;

}



.lefts_animation{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1000;
}

.floor_title{
	font-family: orpheuspro, serif;
    font-weight: 400;
    font-style: normal;
	color: #0F2E1C;
	font-size: 26px;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
	
}

.number{
	font-size: 43px;
	display: inline-block;
	vertical-align: top;
	line-height: 48px;
}

#fp_carousel{
	max-width: 1200px;
	width: 75% !important;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-bottom: 40px;
}

.slide_title{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	font-family: 'Avenir LT Std';
	font-size: 30px;
	letter-spacing: 2.5px;
	color: #0F2E1C;
	text-transform: uppercase;

}

.fits_infos{
	width: 90%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fit_column, .fit_column2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fit_column{
	width: 21%;
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	font-size: 15px;
}

.left_fit{
	font-size: 13px;
	width: 80%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.fit_divide{
	width: 1px;
	height: 200px;
	background:#0F2E1C; 
}

.last_block{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.fit_column .av_divider, .fit_column .av_divider{
	margin-top: 5px;
	margin-bottom: 10px;
}

.right_fit{
	width: 20%;
	font-size: 13px;
	text-align: right;
	margin-bottom: 5px;
    margin-top: 5px;
}

.blues{
	background: #E6F5F7;
}

.purples{
	background: #D7D6EB;
}

.blues2{
	background: #CADEF2;
}

.blues3{
	background: #A8C7E3;
}

.pinks{
	background: #FACCC0;
}

.color_block{
	width: 48%;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.fit_column2{
	width: 42%;
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	font-size: 15px;
}

.boldes{
   font-family: 'Avenir LT Std black';

}

strong{
	font-weight: normal;
   font-family: 'Avenir LT Std black';
}

.test_header{
	margin-top: 60px;
	position: relative;
	text-align: center;
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	letter-spacing: 2.5px;
	font-size: 30px;
	line-height: 28px;
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
}

.arrow_left, .arrow_right, .arrow_left2, .arrow_right2{
	width: 27px;
	position: absolute;
	top: 45%;
	transform: translate(0, -50%);
	z-index: 10;
}

.arrow_left2{
	left: -60px;
}


#neighborhood_carousel .owl-nav.disabled{
    display: block !important;
	height: 0;
}

.arrow_left{
	left: 30px;
}

.arrow_right2{
	right: -60px;

}

.arrow_right{
	right: 30px;

}

.arrow_right img, .arrow_right2 img{
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */

}

#views_carousel .item, #interiors_carousel .item{
    display: block;
    width: 100%;
    height: 88%;
}

#fp_carousel .item{
	  display: block;
    width: 100%;
    height: 100%;
}



.line{
	width: 100%;
	height: 1.2px;
	background: #0F2E1C;
	margin-top: 40px;
	
}

.f_title{
	padding-top: 100px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT Std black';
	color: #0F2E1C;
	font-size: 40px;
	line-height: 38px;
	letter-spacing: -1.5px;
	width: 75%;
	text-align: left;
	text-transform: uppercase;
}



.f_title2{
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT Std black';
	color: #0F2E1C;
	position: relative;
	width: 80%;
	margin-top: 40px;
	font-size: 40px;
	letter-spacing: -1.5px;
}

.total{
	width: 100%;
	letter-spacing: 1.5px;
	text-align: center;
	font-family: 'Avenir LT Std black';
	font-size: 24px;
	line-height: 36px;
	color: #5E6F68;
}


.leased{
	font-family: 'Avenir LT Std black';
}

.av_infos .av_1{
	font-family: 'Avenir LT Std black';
	color: #5E6F68;
}

.av_head, .av_infos{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 15px;
	color: #0F2E1C;
	font-family: 'Avenir LT Std';
}

.av_head{
		letter-spacing: 2.5px;
	font-size: 15px;
}

.av_infos{
	margin-bottom: 5px;
	letter-spacing: 1px;
	font-size: 17px;
	padding-top: 8px;
	padding-bottom: 5px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;  
    -o-transition:all .2s ease-in-out;
}

.av_infos:hover{
	background: #E0E4E2;
}

.av_1{
	width: 30%;
	text-align: center;
	
}

.av_2{
	width: 30%;
	text-align: center;
	
}



.av_3{
	width: 40%;
	text-align: center;
	
}

.av_divider{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
	height: 1.2px;
	background: #0F2E1C;
}

.second_title{
	z-index: 100;
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	line-height: 0px;
	letter-spacing: 17.5px;
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	text-transform: uppercase;

}

.second_title>div>h1{
font-weight: normal;
font-size: 50px;
line-height: 0px;
letter-spacing: 17.5px;
font-family: 'Avenir LT Std';
color: #0F2E1C;
text-transform: uppercase;
}

.second_title2{
	width: 40%;
	font-family: 'Avenir LT Std black';
	color: #0F2E1C;
	text-align: left;
	font-size: 40px;
	line-height: 38px;
	letter-spacing: -1.5px;

}

.second_title2>div>h1{
	font-family: 'Avenir LT Std black';
	color: #0F2E1C;
	text-align: left;
	font-size: 40px;
	line-height: 38px;
	letter-spacing: -1.5px;
}

.second_title3{
	width: 100%;
	font-family: 'Avenir LT Std black';
	color: #0F2E1C;
	font-size: 40px;
	line-height: 38px;
	letter-spacing: -1.5px;
	margin-bottom: 60px;

}
.second_title3>div>h1{
	font-family: 'Avenir LT Std black';
	color: #0F2E1C;
	font-size: 40px;
	line-height: 38px;
	letter-spacing: -1.5px;
	
}
.second_text3{
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	font-size: 30px;
	line-height: 30px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 4.5px;

}

.second_text{
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	font-size: 16px;
	line-height: 20px;
	width: 40%;

}

.alternate_section{
	width: 90%;
	max-width: 880px;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 100;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.alternate_section3{
	width: 90%;
	max-width: 880px;
	padding-top: 100px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	z-index: 100;

}

.leftblock, .rightblock{
	height: 900px;
	width: 50%;
	top: 50%;
	position: absolute;
	z-index: 10;

}
.rightblock{
	right: 0;
	
}

.third_section{
	position: relative;
	padding-top: 80px;
	width: 100%;
	height: 90vh;
		max-height: 800px;
	    padding-bottom: 70px;

	
}

.logo3{
	position: absolute;
	width: 60%;
	bottom: 0px;
	right: 0;

}

.logo4{
	position: absolute;
	left: 0;
	width: 200px;
	margin-top: 40px;
	opacity: .3;
}

.inside_section{
	    max-width: 1500px;
	width: 85%;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	position: relative;
	justify-content: space-between;
}

.middle_line{
	position: absolute;
	left: 50%;
	top: -110px;
	width: 1.5px;
	background: #0F2E1C;
	height: 80%;
}

.interiors_line{
	height: 120px; top: -240px
}

.l_side{
	width: 41%;
	overflow: hidden;
}

.left_img2{
	height: 100%;
	width: 100%;
	max-height: 780px;
}

.right_side2{
	width: 100%;
	text-align: left;
	max-width: 420px;
	margin-top: 50px;
}

.floatright{
	float: right;
	max-width: 420px;
}

.right_align{
	max-width: none;
	text-align: right;
}

.r_header{
    font-family: 'Avenir LT Std black';
	font-size: 40px;
	line-height: 38px;
	color: #0F2E1C;
	width: 90%;
	margin-bottom: 20px;
	letter-spacing: -1.2px;
	text-transform: uppercase;

}

.r_header>div>h1{
	font-family: 'Avenir LT Std black';
	font-size: 40px;
	line-height: 38px;
	color: #0F2E1C;
	letter-spacing: -1.2px;
	text-transform: uppercase;
}

.r_header2{
	letter-spacing: 6.5px;
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	font-size: 18px;
	width: 90%;
	line-height: 20px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.r_header2>div>h2{
	letter-spacing: 6.5px;
	font-family: 'Avenir LT Std';
	color: #0F2E1C;
	font-size: 18px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: normal;
}

.r_texts{
	font-family: "AvenirLTStd-Book";
	font-size: 16px;
	line-height: 22px;
}




.circle2{
	pointer-events: none;
	    height: 100%;
    position: absolute;
    left: 50%;
    max-width: 1000px;
    top: 0%;
    transform: translate(-50%, -50%);
    width: 80%;

}



.moredown{
	padding-top: 360px;
}

.copy_block{
  font-family: "AvenirLTStd-Book";
	font-size: 16px;
	line-height: 22px;
}

.left_img{
	position: absolute;
	    height: 155%;
    width: 55%;
	overflow: hidden;
}

.mobile{
	display: none;
}

.plan_title{
  font-family: "AvenirLTStd-Book";
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 16px;
	color: #0F2E1C;
}

.otherlin2{
	top: -60px
}

	.map_side_scroll{
	    max-height: 700px;
    overflow: scroll;
}

@media screen and (max-width:1900px) {
	
	.left_img{
	width: 40%;
    height: 130%;
}
	

.right_side{
	
	width: 60%;
	
	
	
}
	
	.title_block{
	
	width: 100%;
	
	
}
	
	
	
}
@media screen and (max-width:1400px) {

	.map_side_scroll{
	    max-height: 800px;
    overflow: scroll;
}

}

@media screen and (max-width:1300px) {
	
	.right_side{
		width: 65%;
	}
	

	.title{
		font-size: 52px;
		line-height: 52px;
		
	}
}

@media screen and (max-width:1150px) {
	
		#onetrust-banner-sdk #onetrust-button-group{
	margin-left: auto!important;
}

		.left_img{
	width: 40%;
    height: 110%;
}
	
}

@media screen and (max-width:1024px) {
	.right_side{
		width: 60%;
	}
	
	.fourth_section{
		padding-top: 140px;
	}
	
	.title_block{
		padding: 40px
	}
	
	.title{
		font-size: 42px;
		line-height: 42px;
		
	}
	
	.left_img2{
		max-height: 500px;
	}
	
	.map_section{
		max-height: 700px;
	}
	
	.third_section{
		max-height: 600px;
	}
	
	.fifth_section{
		margin-top: 100px;
		padding-bottom: 100px;
	}
	
	.sixth_section{
		margin-top: 0;
		padding-bottom: 0px;
	}

}

@media screen and (max-width:768px) {
	
	

	.first_section{
		max-height: 750px;
	}
	
	.left_fit{
		width: 70%;
	}
	
	.right_fit{
		width: 30%;
	}
	
	.fit_column, .fit_column2{
		font-size: 11px;
	}
	
	.color_block {
    height: 15px;
	}
	
	#views_carousel, #interiors_carousel{
		margin-top: 60px;
		width: 90% !important;
	}
	
	.avail_right {
    width: 100%;
		margin-top: 60px;
}
	
	.av_grid{
		margin-left: auto;
		margin-right: auto;
	}
	
	.left_img2 {
    max-height: 450px;
		height: 450px;
}
	
	.avail_left {
    width: 100%;
}
	
	.r_header{
		font-size: 30px;
		line-height: 28px;
	}
	
	.building {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
	
	.interiors_line{
	 top: -140px
}
	
	.slide_btns{
		width: 80%;
		font-size: 26px;
	}
	
	.fixed_logo{
		margin-top: 5px;
	}
	
	.c_infos{
		font-size: 13px;
		line-height: 18px;
	}
	
	.second_section{
		height: 300px;
	}
	
}
@media screen and (max-width:690px) {
	
	.footer_links{
		position: relative;
		text-align: center;
		    width: 100%;
    margin-top: 35px;
    margin-bottom: 20px;
	}
	
	.footer_links a{
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.footer_links .mdivider{
			margin-left: 1%;
		margin-right: 1%;
	}
	
	.copy{position: relative;
		width: 100%;
		right: auto;
		top: auto;
		text-align: center;
		}
	
	.second_title2{
		font-size: 38px;
	}
	
	
.line{

	margin-top: 0px;
	
}
	
	.foot_logo, .foot_logo2 {
    margin-left: auto;
		margin-right: auto;
		display: block;
    width: 95px;
		margin-top: 15px;
}
	
	.c_left, .c_right {
   
    padding: 30px 30px;
}
	
	.second_text, .second_title2{
		width: 100%;
	}
	
	.toggle_btn{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.inside_section{
		width: 90%;
	}
	
	.alternate_section3{
		padding-bottom: 0px;
		padding-top: 60px;
	}
	
	.map_section {
    height: 750px;
		max-height: none;
}
	
	.alternate_section{
		padding-top: 60px;
    padding-bottom: 60px;
	}
	
	.second_title3{
		margin-bottom: 30px;
	}
	
	.second_text3 {
    font-size: 22px;
    line-height: 28px;
		width: 100%;
	}
	
	.second_title2{
		margin-bottom: 20px;
	}
	
	.first_section{
		height: auto;
		max-height: none;
	}
	
	.right_side {
    position: relative;
    bottom: auto;
    right: auto;
    width: 90%;
	margin-left: auto;
	margin-right: auto;
    height: auto;
}
	
	.r_texts.floatright{
		padding-bottom: 30px;
	}
	
	.title_block {
    position: relative;
    bottom: auto;
    width: 100%;
	
   
}
	.building {
    width: 98%;
    
    margin-top: 30px;
}
	
	.logo3 {
    position: absolute;
    width: 70%;
    bottom: 0px;
    right: 0;
}
	
	.third_section {
  height: auto;
		max-height: none;
		padding-bottom: 40px;
}
	
	.min_block {
    width: 30%;
		
	}
	
	.c_left, .c_right{
		width: 100%;
	}
	
	.slide_btns{
		position: relative;
		    padding-bottom: 20px;
	}
	
	.left_slide_side, .right_slide_side{
		width: 100%;
		    height: 450px;
	}
	
	.slide_neighborhood{
		padding-top: 30px;
		height: auto;
		max-height: none;
	}
	
	.paddingbottom{
		padding-bottom: 85px;
	}
	
	.f_title{
		width: 60%;
		font-size: 30px;
		line-height: 28px;
	}
	
	.floatright {
    float: none;
	}
	
	.inside_section{
		padding-bottom: 30px;
	}
	.image1 {
    height: 250px;
		overflow: hidden;
		
		
		
		
}
	
	.arrow_left, .arrow_right, .arrow_left2, .arrow_right2{
		width: 20px;
	}
	.test_header{
		font-size: 22px;
		line-height: 20px;
	}
	
	.right_align{
		text-align: left;
	}
	
	.r_texts br{
		display: none;
	}
	
	.r_header2 {
	text-align: left !important;}
	
	.right_line{
		top: 0%;
		height: 1px;
	}
	.slide_title {
  
    width: 100%;
    text-align: center;
    font-size: 26px;
    
}
	
	#views_carousel, #interiors_carousel{
		height: 500px;
	}
	.avails{
		margin-top: 120px;
	}
	
	.circle4{
		width: 120%;
    overflow: hidden;
		max-height: 300px;
	}
	
	.fifth_section{
		margin-top: 50px;
	}
	.avail_header{
		width: 80%;
	}
	
	.fourth_section{
		padding-top: 60px;
	}
	
	.inside_section{
		display: block;
	}
	.middle_line {
   
    z-index: -2;
    height: 150px;
}
	
	.l_side {
    width: 100%;
}
	
	.left_img {
    position: relative;
    height: 400px;
    width: 100%;
    overflow: hidden;
	}
	.third_section{
		padding-top: 40px;
	}	
	
.second_title {
    font-size: 24px;
    letter-spacing: 6.5px;
}
	
	.slide_neighborhood {
    height: auto;
    max-height: none;
	}
	
	.second_section {
    height: 200px;
}
	
	.right_images {
    width: 100%;
		margin-top: 20px;
    position: relative;
    bottom: auto;
    height: 180px;
   
}
	
	.seconds{
		margin-top: 0;
	}
	
	.button{
		font-size: 22px;
		line-height: 20px;
		background: none;
	}
	.inner_menu{
		padding-bottom: 0
	}
	.sub_menu {
   
    font-size: 14px;
    letter-spacing: 6px;
    
	}
	
	.logo2{
		opacity: .05;
	}
	
	.left_img{
		width: 100%;
	}
	
	.right_side{
		width: 100%;
	}
	
	.right_side2{
	
	margin-top: 30px;
}
	
	.menu{
		top: 30px;
	}
	
	.circle{
		left: 89%;
    width: 220%;
	}
	
	.openmenu{
		margin-top: 0 !important;
	}

	.mobile_menu .menu{
		position: absolute;
		left: 50%;
		top: 130px;
		text-align: center;
		transform: translate(-50%, 0%);
	}
	
	.mobile_menu  .menu_btn{
		margin-bottom: 20px;
	}
	
	.menu_circle{
		width: 150%;
		position: absolute;
		    top: 25%;
		pointer-events: none;
		transform: translate(-50%, -50%);
		left: 50%;
	}
	
	.mobile_menu .sub_menu {
    margin-left: auto;
    font-size: 18px;
    letter-spacing: 8px;
}
	
	.bottom_logo{
		width: 100%;
		position: absolute;
		bottom: 0;
		opacity: .2;
	}
	
	.mobile_menu  .inner_menu{
		padding-top: 20px;
	}
	
	.mobile_menu .button{
		margin-left: auto;
		margin-right: auto;
		font-size: 30px;
		padding-right: 0;
		background: none;
	}
	.fixed_logo{
	width: 90px;
		margin-left: 5%;
}
		
#hamburger{
	width: 30px;
	position: absolute;
	right: 5%;
	z-index: 1350;
	top: 30px;
	
}


/* Icon 1 */

#nav-icon {
  width: 30px;
	height: 50px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 10px;
}

#nav-icon span:nth-child(4) {
  top: 20px;
	

}
#nav-icon.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
		opacity: 0;

}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
background: white;
	top: 10px;
	

}
#neighborhood_carousel .owl-carousel.owl-drag .owl-item{
	max-width: 250px;
}


#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
	background: white;
	top: 10px;
	
}

#nav-icon.open span:nth-child(4) {
  top: 6px;
  width: 0%;
  left: 50%;
		opacity: 0;

}	
	
	.fixed_nav{
		height: 40px
	}	
	
	.desktop{
	display: none;
}
	
	.mobile{
	display: block;
}

	.fit_divide{
		display: none;
	}
	
	.fifth_section{
		padding-bottom: 50px;
	}
	
	.fit_column{
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		width: 47%;
		margin-bottom: 40px;
	}
	
	.fit_column2{
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.circle2{
		width: 100%;
	}
	
	.title_block{
		padding: 40px 20px;
	}
	
	.circle3 {
    left: -78%;
    width: 100%;
	}
	
	.a_head{
		border-bottom: 1px solid #666;
	}
	
	.left_line3{
		width: 1px;
		margin-top: -20px;
	}
	
	.line{
		height: 1px;
	}
	
	.slide_title {
   
    font-size: 20px;
	}
	
	.left_line2{
		height: 1px;
	}
	
	.avail_header {
    letter-spacing: -1px;
   
    font-size: 30px;
	}
	
	.middle_line{
		width: 1px;
	}
	
	.mask_ups{
		top: -120px;
	}
	
	.second_title{
		top: 50%;
	}
	
	
.otherlin2{
	top: -20px
}
	
	.f_title {
    width: 90%;
	}
	
	#neighborhood_carousel .owl-nav, #neighborhood_carousel .owl-dots{
		display: none !important;
	}
}

@media screen and (max-width:390px) {
	.min_block {
    width: 40%;
}
	.seconds .circle2{
		width: 90%;
	}
	
	.circle2{
		width: 120%;
	}
	
	.fifth_section {
    padding-bottom: 0px;
}

	.fit_column{
		width: 100%;
	}
	
	.f_title {
    width: 90%;
	}
	.slide_btns {
    width: 90%;
}
	
}
 /* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

 .hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

 
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

 
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}