/* FONTS *************************************************************************/  

@import url("https://hello.myfonts.net/count/2ff97f");

  
@font-face {font-family: 'BrandonGrotesqueWeb-Light';src: url('../fonts/2FF97F_0_0.eot');src: url('../fonts/2FF97F_0_0.eot#iefix') format('embedded-opentype'),url('../fonts/2FF97F_0_0.woff') format('woff2'),url('../fonts/2FF97F_0_0.woff') format('woff'),url('../fonts/2FF97F_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Regular';src: url('../fonts/2FF97F_1_0.eot');src: url('../fonts/2FF97F_1_0.eot#iefix') format('embedded-opentype'),url('../fonts/2FF97F_1_0.woff') format('woff2'),url('../fonts/2FF97F_1_0.woff') format('woff'),url('../fonts/2FF97F_1_0.ttf') format('truetype');}
 

p {
    font-family: 'BrandonGrotesqueWeb-Light', sans-serif;
    font-size: 17px;
    color: #000;
    margin: 0px 0px 10px 0px;
    line-height:1.4em;
}

.p_nav, li, a, a:visited, a:active {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
    font-size: 13px;
    color: #000;
    margin:0px;
    line-height:1.7em;
}

h1 {
    font-family: 'BrandonGrotesqueWeb-Light', sans-serif;
    font-size: 50px;
    color: #0d4b8d;
    margin:0px;
    line-height:1.0em;
    text-align:right;
    background-color:#fff;
    float:right;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
    padding-bottom: 7px;
    margin-bottom:-15px;
}

h1.flash {background-color:#0d4b8d;color:#fff;font-size:24px;line-height:28px;clear:both;margin-top:15px;text-transform:uppercase}

.unit {
    background-color:#0d4b8d !important;
    color: #fff !important;
}

.area {
    font-size: 25px !important;
    padding-top:15px !important;
    margin-top:15px;
}

h2 {
    font-family: 'BrandonGrotesqueWeb-Light', sans-serif;
    font-size: 26px;
    color: #0d4b8d;
    margin:0px;
    line-height:1.18em;
}

.bold {
    font-family: 'BrandonGrotesqueWeb-Regular', sans-serif;
}

.small {
    font-size:13px;
}



.specs {
    list-style: inside none disc !important;
    text-align:left !important;
    float:left !important;
    list-style-position: inside;
    width:100%;

}

.specs:hover {
    color:#000;

}

.specs li {
    padding:0px;
    margin:0px;
    cursor: default;
    color: #000;
    text-align:left;
    font-size: 16px;
    font-family: 'BrandonGrotesqueWeb-Light', sans-serif;
}

.specs li:hover {
    background-color: none;
    padding:0px;
    margin:0px;
    cursor: default;
    color: #000 !important;
}

/* LINK BEHAVIOUR *************************************************************************/

#top_nav a, a:visited, a:active {
    color: #fff;
    text-decoration:none !important;
    border-bottom: 1px #fff dotted !important;
}

#top_nav a:hover{
    color: #0d4b8d;
    border-bottom: none;
}

.content_container a:hover{
    color: #0d4b8d;
    border-bottom: none !important;
}

.property_desc a, a:visited, a:active {
    color: #000;
    font-family:'BrandonGrotesqueWeb-Regular', sans-serif !important;
    text-decoration:none !important;
    border-bottom: 1px #000 dotted !important;
}

.property_desc a:hover{
    color: #0d4b8d;
    border-bottom: none !important;
}

.content_container a, a:visited, a:active {
    color: #000;
    font-family:'BrandonGrotesqueWeb-Regular', sans-serif !important;
    text-decoration:none !important;
    border-bottom: 1px #000 dotted !important;
}

/* UNIVERSAL STYLES *************************************************************************/

body {
    /*overflow:hidden; TO DO */

}

.mob_break {
    display:none;
}

.burger_button {
    width:22px;
    height:18px;
    background-image: url("../img/burger_menu.svg");
    position:absolute;
    right:25px;
    top:20px;
    display:none;
    z-index:1000;
}

.content_container {
    margin: 0 auto;
    width: 960px;
    height:auto;
    z-index:3;
    position: relative;
    padding-top:35px;
    background-color:#fff;
    padding-bottom:400px;
}

.section {
    margin-bottom:80px;
    width:100%;
    clear:both;
}

.left_column {
    width:352px;
    margin-left:35px;
    float:left;
}

.right_column {
    width:505px;
    margin-left:32px;
    margin-right:35px;
    display:inline-block;
}

.left_column_wide {
    width:387px;
    margin-left:0px;
    float:left;
}

.right_column_wide {
    width:541px;
    margin-left:32px;
    margin-right:0px;
    display:inline-block;
}

.left_column_wide2 {
    width:541px;
    margin-left:0px;
    float:left;
}

.right_column_wide2 {
    width:387px;
    margin-left:32px;
    margin-right:0px;
    display:inline-block;
}

.gallery_image {
    margin-bottom:0px;
}

.right {
    text-align:right;
}

.left {
    float:left;
}
.left-margin {
    margin-left: 35px;
}
.small-bottom-margin {
    margin-bottom:15px;
}

.blue {
    color:#0d4b8d !important;
}

.white {
    color:#fff;
}

#availability_scroll {
    position:relative;
    top:-100px;
}

#location_scroll {
    position:relative;
    top:-150px;
}

.g_map_directions {
    width:100%;
    padding:20px;
    background-color: #f3f3f4;
}

.g_map_directions .submit_button {
    padding:10px;
    background-color: #0d4b8d;
    color: #fff;
    margin-left:0px;
}

.directions_field {
    padding:10px;
    width:300px;
    margin-left:15px;
    margin-right:0px;
}

/* NAVIGATION *************************************************************************/

#top_nav {
    position:fixed;
    width:100%;
    top:0px;
    height:86px;
    margin:0px;
    padding:0px;
    z-index:10;  
}

.top_nav_bg {
    background-color:#666;
    width:100%;
    height:86px;
    position:fixed;
    top:0px;
    z-index:6;

    background-blend-mode: multiply;
    -webkit-background-blend-mode: multiply;
    -moz-background-blend-mode: multiply;
    mix-blend-mode: multiply;  
}

#nav_container {
    width: 960px;
    margin:0 auto;
    height: 86px;
    position:relative;
    z-index: 15;
}

.logo_mark {
    z-index:16;
    position:absolute;
    margin:0 auto;
    background-image: url("../img/logo_mark.png");
    width:355px;
    height:86px;
    left:-320px;
}

#logo {
    width:135px;
    height:86px;
    background-image: url("../img/logo.png");
    background-repeat:no-repeat;
    background-position: center;
    position:relative;
    float:left;
}

#nav_items_container {
    width: 825px;
    position: relative;
    height:86px;
    right:0px;
    float:right;
}

ul {
    float:right;
    margin-top:31px;
    display:inline-block;
}


#top_nav li {
    text-align: center;
    right:0px;
    padding-left:20px;
    padding-right:20px;
    padding-top:15px;
    padding-bottom:15px;
    display:inline;
}

li:hover {
    background-color:#fff;
    color: #0d4b8d !important;
    cursor:pointer;

}

li:hover a {
    color: #0d4b8d !important;
    border-bottom: none;
}

.availability_li:hover .availability_drop, .downloads_li:hover .downloads_drop {
    visibility:visible;
    color:#fff;
}

.availability_drop li:hover, .downloads_drop li:hover {
    background-color:#0d4b8d !important;

}

.availability_li:hover .availability_drop a, .downloads_li:hover .downloads_drop a {
    color:#fff !important;
}

.downloads_drop a:hover, .availability_drop a:hover {
    border-bottom: none !important;
}

#nav_items_container ul li ul {
    background-color: #0d4b8d;
    width:230px;
    height:auto;
    position:absolute;
    padding:0px;
}

#nav_items_container ul li ul li {
    text-align: left;
    display: inline;
    padding-top:10px;
    padding-bottom:15px;
    clear:both;
    float:left;
}

#nav_items_container ul li ul li a:hover {
    color: #b3d7fe !important;
    border:none !important;
}

#nav_items_container ul li ul li:hover {
    cursor:default;
}

.availability_drop {
    margin-left:-102px;
    margin-top:36px;
    visibility:hidden;
}

.downloads_drop {
    margin-left:-108px;
    margin-top:36px;
    visibility:hidden;
}


/* HEADER IMAGE *************************************************************************/


#header_image {
    width:100%;
    height:800px;
    position:absolute;
    z-index:1;
    top:0px;
    overflow:hidden;

}

#header_title_container {
    width:960px;
    height:200px;
    position:relative;
    top:86px;
    z-index:5;
    margin: 0 auto;
}

#header_title {
    width:500px;
    float:right;
    margin-top:0px;
}

.building_page {
    width:350px !important;
}



/* CONTENT SECTIONS *************************************************************************/

.address {
    margin-top: 300px;
    margin-bottom: 15px;
    text-decoration: underline;
}

.address:hover {
    color: #0d4b8d;
}

.travel_cell {
    width: 444px;
    background-color:#f3f3f4;
    float:left;
    padding:20px;
    margin-left:26px;
    margin-top:5px;
}



.contact_cell {
    width:275px;
    height:165px;
    margin-left:35px;
    margin-top:60px;
    float:left;
}

.contact_logo {
    margin-bottom:20px;
}

.signoff {
    width:625px;
    margin-top:0px;
    float:left;
    margin-bottom:150px;
}

.first_section {
    margin-top:450px;
    /*top:60vh;*/
}

#availability { 
    width: 100%;
    height:712px;
    background-color: #f3f3f4;
    margin-bottom:250px;
    background-image: url("../img/property_map_v3.jpg");
    background-position:center;

}

.unit_one_selected {
    background-image: url("../img/property_one_selected_v3.jpg") !important;
}

.unit_two_selected {
    background-image: url("../img/property_two_selected_v3.jpg") !important;
}

.unit_five_selected {
    background-image: url("../img/property_five_selected_v3.jpg") !important;
}

.unit_six_selected {
    background-image: url("../img/property_six_selected_v3.jpg") !important;
}

#available_property_container {
    width:960px;
    margin: 0 auto;
    height:auto;
    position:relative;
    top:630px;
    z-index:15;

}


.property_cell {
    width:275px;
    margin-left:35px;
    background-color:#e7e7e8;
    height:auto;
    float:left;
}

.property_heading {
    background-color: #0d4b8d;
    width:100%;
    height:35px;
    padding:8px;
}

.property_title {
    float:left;

}

.property_area {
    float:right;
    text-align:right;
}

.property_desc {
    padding:8px;
}

#location_gallery {
    width:100%;
    height:544px;
    overflow:hidden;
}

#g_map {
    height: 500px;
    width: 100%;
    background-color: #333;
}

.gallery_label {
    position:absolute;
    float:left;
    bottom: 55px;
    left:25px;
    background-color: #fff;
    padding:5px;
    font-size: 14px;
}

.image_caption {
    font-size: 11px;
    letter-spacing:0.05em;
    margin-top:5px;
    margin-bottom:17px;
}

.mob_br {
    display:none;
}

/* BUILDING PAGE SPECIFIC *************************************************************************/

.unit_location {
    margin-top: 60px;
}

#unit_gallery {
    position:relative;
    overflow:hidden;
}

.slick-arrow {
    position:absolute;
    z-index:2000;
    display:inline !important;
    top:0px;
    width:48px;
    height:48px;
    overflow:hidden;
    top:220px;
}

.slick-prev {
    left:0px;
    background-image:url(../img/gallery_prev.jpg);
    background-position:center;
    background-size: 100%;
}

.slick-next {
    right:0px;    
    background-image:url(../img/gallery_next.jpg);
    background-position:center;
    background-size: 100%;
}

/**** gallery ****/
.gallerypage #header_image {height:100vh !important}
.gallerypage #header_image div {width:100%;height:100%;background:50% 50% no-repeat;background-size:cover !important}
.gallerypage .slick-prev, .gallerypage .slick-next {text-indent:-9999px;overflow:hidden;top:calc(50vh - 24px)}


/* MOB BURGER MENU *************************************************************************/

#burger_container {
    position: fixed;
    width:100%;
    height:100vh;
    background-color:#004C92;
    z-index:100;
    display: none;
}

.burger_close {
    width:22px;
    height:18px;
    background-image: url("../img/burger_close.svg");
    background-repeat:no-repeat;
    position:absolute;
    right:23px;
    top:20px;

}

.mob_nav_container {
    width:100%;
    list-style:none;
    margin-top:45px;
}

.mob_nav_item {
    height:50px;
    padding-top: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    padding-left:25px;
}

.mob_top_container {
    width:100%;
    height:63px;
}

.mob_dropdown {
    width:100%;
    position:fixed;
    height:100vh;
    z-index:110;
    background-color: #fff;
}

.mob_availability_drop {
    margin-top:145px;
    display:none;
}

.mob_nav_container_availability {
    padding-left: 25px;
    list-style:none;
}

.mob_nav_sub_item {
    color: #004C92;
    font-size: 15px;
    height:40px;
    padding-top: 10px;
}

.mob_downloads_drop {
    margin-top:295px;
    display:none;
}

.mob_nav_container_downloads {
    padding-left: 25px;
    list-style:none;
}

.mob_selected {
    background-color:#003566;
}

.mob_nav_item a {
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
}


/* MEDIA QUERIES */

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

.content_container {
    width: 768px;
}

#header_title_container {
    width:100%;
}

.mob_break {
    display:inherit;
}

.property_heading_2line {
    height:55px;
}

.first_section {
    margin-top:320px;
}

.left_column {
    width:313px;
    margin-left:24px;
}

.right_column {
    width:376px;
    margin-left:31px;
    margin-right:24px;
}

.left_column_wide {
    width:327px;
    margin-left:24px;
}

.right_column_wide {
    width:370px;
    margin-left:24px;
    margin-right:0px;
    display:inline-block;
}

.left_column_wide2 {
    width:370px;
    margin-left:24px;
}

.right_column_wide2 {
    width:325px;
    margin-left:24px;
    margin-right:0px;
}

.gallery_image {
    margin-bottom:0px;
}

.property_cell {
    width:220px;
    margin-left:24px;
}

#availability { 
    width: 100%;
    height:1060px;
    margin-bottom:60px;
    background-position:top;
    background-repeat:no-repeat;
    overflow:hidden;

}

#available_property_container {
    top:650px;

}

#location_gallery {
    width:100%;
    height:440px;
}

.travel_cell {
    width: 350px;
    padding:10px;
    margin-left:20px;
    margin-top:5px;
}

.travel_cell p {
    font-size:13px;
}

#logo {
    margin-left:24px;
    background-size:100%;
    width: 100px;
    z-index:500;
}

#nav_items_container {
    width: 400px;
    height:86px;
    right:24px;
}

ul {
    margin-top:8px;
    float:left;
}

#top_nav li {
    right:0px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    display:inline-block;
}

#nav_container {
    width: 100%;
}

.logo_mark {
    left:40px;
}

.availability_drop {
    margin-left:-90px;
    margin-top:27px;
    visibility:hidden;
}

.downloads_drop {
    margin-left:-95px;
    margin-top:27px;
    visibility:hidden;
    z-index:50;
}

.gallery_image {
    max-width:100%;
    width:auto;
    height:auto;
}

.section {
    margin-bottom:60px;
}

.slick-arrow {
    top:175px;
}

.travel_times_sub {
    clear:both;
}

.slick-arrow {
    top:50%;
    margin-top: -20px;
}

}

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

#header_image {
    height: auto;
}    

.first_section {
    margin-top: 280px;
}

.content_container {
    width: 100%;
}

.left_column {
    width: 40%;
    padding-right: 20px;
}

.right_column {
    width: 50%;
    margin-left:0px;
}

.left_column_wide {
    width: 43%;
    margin-left:0px;
    padding-right:19px;
    padding-left:25px;
}

.right_column_wide {
    margin-right: 0px;
    width:57%;
    margin-left:0px;
    padding-right:25px;
}

.gallery_image {
    margin-bottom: 0px;
}

.image_caption {
    margin-left:0px;
}

h2 {
    font-size:20px;
    margin-top:5px;
}

.left_column_wide2 {
    width: 57%;
    margin-left:0px;
    padding-left:25px;
    padding-right: 19px;
}

.right_column_wide2 {
    width: 43%;
    margin-left:0px;
    margin-right:0px;
    padding-right:25px;
    margin-bottom:110px;
}

.travel_times {

}

.left-margin {
    margin-left:25px !important;
}

.travel_cell {
    width:93%;
    margin-left:25px;
}

.travel_times_sub {
    clear:both;
    padding-top:10px;
}

.contact_cell {
    width:175px;
}

#available_property_container {
    width:100%;
}

.property_cell {
    width:93%;
    margin-left:25px;
    margin-bottom:20px;
}

#availability {
    height:1230px;
}

}

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

.first_section {
    margin-top:180px;
}

.logo_mark {
    display:none;
}

#availability {
    background-size: contain;
    height: 880px;
}

#available_property_container {
    top: 300px;
}

.bold {
    font-size: 15px;
}

.signoff {
    width: 90%;
}

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

}

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

#contact {
    padding-right:10px;
}

.aew_logo {
    width:90% !important;
}

}

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

.first_section {
    margin-top:140px;
}

#availability {
    background-size: contain;
    height: 860px;
}

#available_property_container {
    top: 230px;
}

#location_gallery {
    height: 340px;
}

}

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

.first_section {
    margin-top:140px;
}

h1 {
    font-size:35px;
    padding-top:15px;
    padding-left:15px;
    padding-bottom:6px;
    padding-right:25px;
}

	
	
h2 {
    font-size:25px;
    padding-right:25px;
}

.left_column {
    width: 100%;
    margin-left:0px;
    padding-left:25px;
}

.right_column {
    width: 100%;
    padding-left:25px;
    padding-right:25px;
    margin-right:0px;
}

.brochure_mob_link {
    display:none;
}

#nav_items_container {
    display:none;
}

#nav_container {
    height:60px;
}

.top_nav_bg {
    height:60px;
}

#logo {
    height:60px;
}

#header_title_container {
    top: 60px;
}

.burger_button {
    display:inherit;
}

.logo_mark {
    display:inherit;
    height:60px;
}

.mob_br {
    display:inherit;
}

.desktop_br {
    display:none;
}

.unit_location {
    width:60%;
    height:60%;
    margin-bottom:30px;
}

}

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

.first_section {
    margin-top:80px;
}

#location_gallery {
    height: 300px;
}

.property_cell {
    width: 90%;
}

.travel_cell {
    width: 90%;
}

}

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

.mob_br {
    display:none;
}

}

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

.first_section {
    margin-top:50px;
}

.header_wide {
    width: 250px !important;
}

h1 {
    font-size:25px;
    padding-top:10px;
    padding-left:15px;
    padding-bottom:4px;
    padding-right:25px;
    margin-bottom:-8px;
}
	


h2 {
    font-size:23px;
}

#header_title {
    width:250px;
}

#availability {
    height: auto;
    background-image: none;
}

#available_property_container {
    top:0px;
    margin-top:20px;
}

.contact_cell {
    width: 100%;
    margin-left:0px;
    padding-left:25px;
}

.area {
    margin-top: 8px;
}

.building_page {
    width:290px !important;
}

}

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

.first_section {
    margin-top:10px;
}

h2 {
    font-size:22px;
}

.g_map_directions {
    display:none;
}

.bold {
    font-size: 14px;
}

}