@font-face {
 font-family: AvenirLTStd-Heavy;
 src: url(../fonts/Avenir-LT-Std-85-Heavy.ttf);
}
@font-face {
 font-family: AvenirLTStd-Roman;
 src: url(../fonts/Avenir-LT-Std-55-Roman.ttf);
}
@font-face {
 font-family: AvenirLTStd-Light;
 src: url(../fonts/Avenir-LT-Std-35-Light.otf);
}
@import '../../../resources/styles/settings';
@import '../../../resources/styles/fonts';
.scrollheader {
 position: absolute;
 z-index: 1;
 top: 90%;
 text-align: center;
 width: 100%;
 color: #fff;
 font-size: 36px;
 -ms-transform: translate(0, -90%);
 /* IE 9 */
 -webkit-transform: translate(0, -90%);
 /* Safari */
 transform: translate(0, -90%);
}


button#dining img{margin:10px;}
button#shopping img{margin:10px;}
button#transit img{margin:10px;}
button#convenience img{margin:10px;}
button#culture img{margin:10px;}
button#schools img{margin:10px;}
button#bars img{margin:10px;}
button#parks img{margin:10px;}

.scrollheader2 {
 position: absolute;
 z-index: 1;
 top: 90%;
 left: 47%;
 text-align: center;
 color: #fff;
 font-size: 36px;
 -ms-transform: translate(47%, -90%);
 /* IE 9 */
 -webkit-transform: translate(47%, -90%);
 /* Safari */
 transform: translate(47%, -90%);
}

#alignc{font-size: 16px; line-height: 1.3; float: left; width: 100%; margin-top: 20px;}
#downloadbtn{
  width: 210px;
  height: 38px;
  background-color: #41abd1;
  text-align: center;
  color: white;
  font-size: 17px;
  font-family: "Arial", Verdana, Tahoma;
  outline:none;
  text-decoration: none;
  box-shadow: 5px 5px 10px rgba(20, 45, 54, 0.65);
  border: none;
}


#downloadbtn:hover{
  cursor: pointer;
  background-color: #3d91b0;
  text-decoration: none;
}

#downloadbtn:active{
  background-color: #3d91b0;
  box-shadow: 3.5px 3.5px 9px #0a5c33;
  transform: translateY(4px);
}

#downloadbtn{
  margin: 0 auto;

}

#downloadbtn:active{
  box-shadow: 3.5px 3.5px 9px rgba(13, 29, 35, 0.77);
}


@media (min-width: 576px) {
 .bd-example {
   padding: 1.5rem;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
   border-width: .2rem;
 }
}
.bd-example {
 position: relative;
 padding: 1rem;
 margin: 1rem -1rem;
 border: solid #f7f7f9;
 border-width: .2rem 0 0;
}
a:link {
 color: white;
}
.modal-content {
 background-color: black;
}


#footericon {
 content: "\f16d";
 margin-top: 10px;
 font-size: 30px;
 color: white;
}
body {
 font-family: 'AvenirLTStd-Light';
 position: relative;
 width: 100%;
 height: 100%;
 color: white;
 background-color: black;
}
html {
 width: 100%;
 height: 100%;
}
h1, h2, h3, h4, h5, h6 {
 font-family: 'AvenirLTStd-Light';
 margin: 0 0 20px;
 letter-spacing: 1px;
 text-transform: uppercase;
}
p {
 font-size: 18px;
 line-height: 1.5;
 margin: 0 0 25px;
}


@media (min-width: 768px) {
 p {
   font-size: 20px;
   line-height: 1.6;
   margin: 0 0 35px;
 }
}


a {
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 color: #42DCA3;
}
a:focus, a:hover {
 text-decoration: none;
 color: #1d9b6c;
}

#navbar{margin-top: 20px;}

#mainNav {
 font-family: 'AvenirLTStd-Light';
 margin-bottom: 0;
 text-transform: uppercase;
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 background-color: black;
}
#mainNav .navbar-toggler {
 font-size: 14px;
 padding: 11px;
 color: white;
 border: 1px solid white;
}
#mainNav .navbar-brand {
 font-weight: 700;
}
#mainNav a {
 color: white;
}
#mainNav .navbar-nav .nav-item {
 -webkit-transition: background 0.3s ease-in-out;
 -moz-transition: background 0.3s ease-in-out;
 transition: background 0.3s ease-in-out;
}
#mainNav .navbar-nav .nav-item:hover {
 color: fade(white, 80%);
 outline: none;
 background-color: transparent;
}
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
 outline: none;
 background-color: transparent;
}
@media (min-width: 992px) {
 #mainNav {
   padding-bottom: 20px;
   -webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
   -moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
   transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
   letter-spacing: 1px;
   border-bottom: none;
   background-color: black;
   text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
   font-weight: bold;
 }
 #mainNav.navbar-shrink {
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   background: black;
 }
 #mainNav .nav-link.active {
   outline: none;
   background-color: rgba(255, 255, 255, 0.3);
 }
 #mainNav .nav-link.active:hover {
   color: white;
 }

 #homesections h1{font-size: 3.5rem !important;}


 #pagetitle {
  text-align: right;
  padding-top: 140px;
  font-size: 3.5rem;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
 }
}
.white-btn {
 color: white;
 border: 1px solid white;
 border-radius: .25rem;
 background-color: transparent;
 padding: 0;
 text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
 font-weight: bold;
 margin-right: 6px;
 margin-left: 6px;
 font-family: 'AvenirLTStd-Heavy';
}

#floorplanshead {
 background: url("../images/HOME/4. Ocean View Pool and Deck.jpg");
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 height: 100vh;
}

#amenitieshead {
 background: url("../images/pool.jpg");
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 height: 100vh;
}
#neighborhead {
 background: url("../images/Gallery/EAST NIGHT AERIAL.jpg");
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 background-position: center;
 height: 100vh;
}
#availablehead {
 background: url("../images/pool.jpg");
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 height: 100vh;
}
#newshead {
 background: url("../images/newsgradient.jpg");
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 padding-top: 100px;
}
#developerhead {
 background: url("../images/FECR-developer-page.jpg");
 -webkit-background-size: contain;
 -moz-background-size: contain;
 -o-background-size: contain;
 background-size: contain;
 position: relative;
 background-position: bottom center;
 background-repeat: no-repeat;
 height: 42vh;
 background-color: white;
 background-origin: content-box;
 margin-top: 30px;
}
#developer {
 background-color: white;
}
#developertext {
 color: #314d5f;
 text-align: justify;
 padding: 2%;
 background-color: white;
}
#residenceshead {
 background: url("../images/Gallery/2016-11-07 UNIT M FINAL.jpg");
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 background-position: center bottom;
 height: 100vh;
}
#homehead {
 background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../images/ZIQ Hero Panorama.jpg") no-repeat bottom center scroll;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-color: black;
 background-position: bottom center;
}
.masthead {
 display: table;
 width: 100%;
 height: auto;
 padding: 200px 0;
 text-align: center;
 color: white;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
.masthead .intro-body {
 display: table-cell;
 vertical-align: middle;
}
.masthead .intro-body .brand-heading {
 font-size: 50px;
}
.masthead .intro-body .intro-text {
 font-size: 18px;
 font-weight: bold;
}


@media (min-width: 768px) {
 .masthead {
   height: 100%;
   padding: 0;
 }
 .masthead .intro-body .brand-heading {
   font-size: 90px;
 }
 .masthead .intro-body .intro-text {
   font-size: 37px;
 }
}

.btn-circle {
 font-size: 26px;
 width: 55px;
 height: 55px;
 margin-top: 30px;
 line-height: 38px;
 -webkit-transition: background 0.3s ease-in-out;
 -moz-transition: background 0.3s ease-in-out;
 transition: background 0.3s ease-in-out;
 color: white;
 border: 2px solid white;
 border-radius: 100% !important;
 background: transparent;
}
.btn-circle:focus, .btn-circle:hover {
 color: white;
 outline: none;
 background: rgba(255, 255, 255, 0.1);
}
.content-section {
 padding-top: 150px;
 padding-bottom: 150px;
}

@media (min-width: 992px) {
 .content-section {
   padding-top: 250px;
   padding-bottom: 250px;
 }
}

#locationhead{font-size: 1.5em; font-family: 'AvenirLTStd-Heavy';font-weight: bolder;color:#314d5e;}


#mapcontainer {
 background-color: white;
 padding: 0;
 color: #314d5f !important;
}
#map {
 width: 100%;
 height: 100% !important;
 padding: 0;
 color: grey;
}


.btn {
 font-family: 'AvenirLTStd-Heavy';
 font-weight: 400;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase;
 border-radius: 0;
}
.btn-default {
 color: #42DCA3;
 border: 1px solid #42DCA3;
 background-color: transparent;
}
.btn-default:focus, .btn-default:hover {
 color: black;
 border: 1px solid #42DCA3;
 outline: none;
 background-color: #42DCA3;
}
ul.banner-social-buttons {
 margin-top: 0;
}


@media (min-width: 1199px) {

 #mainNav{
     background: transparent;
   }

}


@media (max-width: 1199px) {
 ul.banner-social-buttons {
   margin-top: 15px;
 }

 video {object-fit: cover !important;}
 .white-btn {
   color: white;
   border: none;
   background-color: transparent;
   padding: 0;
   margin-right: 0px;
   margin-left: 0px;
   font-family: 'AvenirLTStd-Light' !important;
 }
}


@media (max-width: 767px) {
 ul.banner-social-buttons li {
   display: block;
   margin-bottom: 20px;
   padding: 0;
 }
 ul.banner-social-buttons li:last-child {
   margin-bottom: 0;
 }
 #vid {
   display: none;
 }
 .white-btn {
   color: white;
   border: none;
   background-color: transparent;
   padding: 0;
   text-shadow: 0px 0px rgba(0, 0, 0, 0.5);
   font-weight: normal;
   margin-right: 0px;
   margin-left: 0px;
   font-family: 'AvenirLTStd-Light' !important;
 }
 .slidersection .test1 {
   order: 2;
 }
 .slidersection .test2 {
   order: 1;
 }
 .slidersection p {
   font-size: 10px;
   line-height: 1.5;
   margin: 0 0 0px;
 }
}


#location {
 text-align: center;
 background-color: white;
 color: gray;
}


.slidersection {
 background-color: white;
 color: #314d5f;
 padding-top: 5%;
 padding-bottom: 5%;
 z-index: 100;
}
#slidertext p {
 text-align: justify;
 font-size: 15px;
}
#slidertext h3 {
   font-family: 'AvenirLTStd-Heavy';
}

#subtitle{
  padding: 50px 0px;
  font-size: 35px;
  line-height: .5;
  color: #314d5f;
  font-family: 'AvenirLTStd-Light';
}

#subtitle hr{
  background-color: #314d5f;
  color: #314d5f;
}

#sub1{
  padding-left: 35px;
  text-align: left;
}

#sub2{
  padding-right: 35px;
  text-align: right;
}

#nearby h3{
  font-family: 'AvenirLTStd-Heavy'!important;
}

#nearby h4{
  font-size: 1.1em !important;
}

video {
 object-fit: fill;
 height: 100vh;
 width: 100%;
}

.mag {
 color: grey;
 background-color: white;
}


/* Services */
#services {
 background-color: white;
 color: grey;
}
.services {
 padding: 50px 0;
}
.service-item {
 margin-bottom: 30px;
}

.caption {
 position: absolute;
 font-weight: bold;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
 font-size: 1.3em;
 bottom: 50;
 width: 100%;
 line-height: normal !important;
 color: white!important;
}

.caption2 {
 position: absolute;
 font-weight: bold;
 top: -2;
 width: 100%;
 font-size: 5em;
 color: black;
z-index: 100000;
}

#homesections a{
 color: white;
 font-size: 1.5em;
 border: 2px solid white;
 border-radius: .25rem;
 background-color: transparent;
 padding: 5;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
 box-shadow: 2px 2px rgba(0, 0, 0, 0.5);
 font-weight: bold;
 margin-right: 6px;
 margin-left: 6px;
 font-family: 'AvenirLTStd-Heavy';
}


#collagebtn a{
 color: grey;
 font-size: 1.5em;
 border: 2px solid grey;
 border-radius: .25rem;
 background-color: transparent;
 padding: 5;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
 box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
 font-weight: bold;
 margin-right: 6px;
 margin-left: 6px;
 font-family: 'AvenirLTStd-Heavy';
}

#floorplansbtn a{
 color: #314d5f;
 font-size: 1.2em;
 border: 2px solid #314d5f;
 border-radius: .25rem;
 background-color: transparent;
 padding: 5;
 font-weight: bold;
 margin-right: 6px;
 margin-left: 6px;
 font-family: 'AvenirLTStd-Heavy';
}

section.amenities {
 position: relative;
 height: 100vh;
 background-image: url(../images/homesections/amenitiessectionpic.jpg);
 background-position: right 60% bottom 15%;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 text-align: right;
 padding-top: 210px;
 padding-right: 140px;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

section.residence {
 position: relative;
 height: 100vh;
 background-image: url(../images/homesections/residencesectionpic.jpg);
 background-position: right 60% bottom 10%;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 text-align: left;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

section.neighborhood {
 position: relative;
 height: 100vh;
 background-image: url(../images/homesections/neighborhoodsectionpic.jpg);
 background-position: right 39% bottom 15%;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 text-align: right;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

section.cta {
 position: relative;
 padding: 250px 0;
 background-image: url(../images/brickellistas.jpg);
 background-position: right 39% bottom 15%;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
section.cta p {
 max-width: 450px;
 text-align: justify;
}


footer {
 padding: 20px 0px 50px 0px;
 background-color: black;
}
footer p {
 font-size: 12px;
 margin: 0;
}

::-moz-selection {
 background: #fcfcfc;
 background: rgba(255, 255, 255, 0.2);
 text-shadow: none;
}
::selection {
 background: #fcfcfc;
 background: rgba(255, 255, 255, 0.2);
 text-shadow: none;
}
img::selection {
 background: transparent;
}
img::-moz-selection {
 background: transparent;
}
body {
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
.csb-accessibility-statement {color: #2d2f42 !important;}
.csb-accessibility-statement: p {color: #2d2f42 !important;}
.csb-accessibility-statement: ol {color: #2d2f42 !important;}
.csb-accessibility-statement: li {color: #2d2f42 !important;}
.csb-accessibility-statement: span {color: #2d2f42 !important;}

.csb-accessibility-statement {color: #2d2f42 !important;}
.csb-accessibility-statement > p {color: #2d2f42 !important;}
.csb-accessibility-statement > ol {color: #2d2f42 !important;}
.csb-accessibility-statement > li {color: #2d2f42 !important;}
.csb-accessibility-statement > span {color: #2d2f42 !important;}