header {
    position: relative;
    background-color: black;
    height: 80vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

header .photos {
    position: relative;
    background-color: black;
    height: 100px;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

h1, h2, h3, h4, h5 ,h6{
    font-family: "oswald",arial !important;
}

a {
	color: #0065d1;
}

@media (pointer: coarse) and (hover: none) {
    header {
        /*background: url('/images/slide-1.jpg') black no-repeat center center scroll;*/
    }
    header video {
        /*display: none*/
    }
}
/*ICONS*/
@font-face {
    font-family: 'full-lighthouse-icons';
    src:  url('/fonts/icons/full-lighthouse-icons.eot?3j77l5#iefix') format('embedded-opentype'),
    url('/fonts/icons/full-lighthouse-icons.woff?3j77l5') format('woff'),
    url('/fonts/icons/full-lighthouse-icons.svg?3j77l5#full-lighthouse-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'full-lighthouse-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-camera:before {
    content: "\f030";
}
.icon-map-marker:before {
    content: "\f041";
}
.icon-comment:before {
  content: "\f075";
  font-size: 2.5em ;
  color: white
}
@media only screen and (max-width : 425px) {
.icon-comment:before {
  font-size: 2em ;
}
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-o:before {
  content: "\f006";
}
.icon-phone:before {
    content: "\f095";
}
.icon-twitter:before {
    content: "\f099";
    font-size:48px;
}
.icon-facebook:before {
    content: "\f09a";
    font-size:48px;
}
.icon-facebook-f:before {
    content: "\f09a";
}
.icon-location:before {
    content: "\e900";
}
.icon-quotes:before {
    content: "\e977";
    font-size:48px;
    color: lightgray
}
.icon-star:before {
    content: "\f005";
    font-size:20px;
    color: #E7711B
}
.icon-star-o:before {
    content: "\f006";
    font-size:20px;
}
.icon-instagram:before {
    content: "\f16d";
    font-size:48px;
}
.icon-pinterest:before {
    content: "\f0d3";
    font-size:48px;
}
.icon-google:before {
    content: "\f1a0";
    font-size:48px;
}
.icon-yelp:before {
    content: "\f1e9";
    font-size:48px;
}
.icon-left:before {
    content: "\f053";
    font-size:30px;
}
.icon-right:before {
    content: "\f054";
    font-size:30px;
}
.top-menu > ul > li{
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}
section{
    margin-top: 3%;
    margin-bottom: 3%;
}
@media only screen and (max-width : 991px) {
    .navbar.sticky-top{
        text-align: center;
    }
}
.navbar-brand > img {
    width:200px;
}
@media only screen and (min-width : 992px) and (max-width : 1300px) {
    .navbar-brand >img{
        width: 150px
    }
    .phone-desktop > a{
        font-size: 0.7rem !important
    }
}
@media only screen and (min-width : 1351px) and (max-width : 1405px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right: .3rem !important;
        padding-left: .3rem !important;
    }
}
.slide-content > a {
    padding-right: 25px
}
.btn-smaller{
    font-size: 18px !important;
    height: 45px !important
}

/*Reviews*/
.reviews-card>div{
    margin: 10px 0
}
.review-content, .review-name, .review-date{

}
@media only screen and (max-width : 767px) {
    .review-user{
        width: 40% !important
    }
}
button:focus{
    outline: none !important
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: black;
    text-decoration: none;
}

  #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
.owl-prev {
    right: 100%;
  position: absolute; 
  top: 50%;
}
.owl-next {
   left: 100%;
  position: absolute;
  top: 50%;

}
.owl-nav{
  
  top: 50%;
  left: -50px;
}
/*END reviews*/

.home-button-container{
    height: 90%!important
}
/*Block images
.block-border{
    border-style: double;
    border-color: #4fc2b8;
    border-width: 5px;
    padding: 10px
}*/
.box {
  transition: box-shadow .3s;
  border-radius:10px;
  border: 1px solid #ccc;
  background: #fff;
  float: left;
  
}
.box:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.block{
    position: relative;
    text-align: center;
    transition: transform .2s;

}

.block:hover{
    transform: scale(1.03);

}

.overlay-black{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    transition-duration: 0.8s;
}
.overlay-lampost{
    width: 100%;
    height: 100%;
    background: rgb(247 195 47 / 33%);
    position: absolute;
    transition-duration: 0.8s;
}

.block.box:hover > .overlay-black{
    background: rgba(0,0,0,0.1);
}

.block.box, .overlay-black, .block.box img{
    border-radius: 35px;
}

.block img{
    width: 100%
}
.block-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.block-title{
    color: white;
    font-weight: bold;
    font-family: "oswald",arial;
    font-size: 1.8rem;
    letter-spacing: 2px;
}
.block-btn{
    color: white;
    font-weight: bold;
    font-family: "oswald",arial;
    font-size: 1rem;
    letter-spacing: 1px;
    border: 2px solid white !important;
    padding: 7px 15px;
    text-transform: uppercase;
}
.block-text > a:hover{
    text-decoration: none
}
@media only screen and (max-width : 991px) {
    .block-border{
        margin-bottom: 15px
    }

}
/*END BLOCK IMAGES*/

/* floorplans tabs*/
.nav-pills .nav-link.active{
    background-color: black !important;
    color: white!important;
}

.tab-left{
    border: 2px solid black !important;
    padding: 10px !important;
    border-radius: 50px 0px 0px 50px !important;
}
.tab-center{
    border-top: 2px solid black !important;
    border-bottom: 2px solid black !important;
    border-right: 2px solid black !important;
    padding: 10px !important;
    border-radius: 00px 0px 0px 00px !important;
}
.tab-right{
    border-top: 2px solid black !important;
    border-bottom: 2px solid black !important;
    border-right: 2px solid black !important;
    border-left: none !important;
    padding: 10px !important;
    border-radius: 0px 50px 50px 0px !important;
}
.nav-item{
    margin: 0px !important;

}
[role="tab"] {
    cursor: pointer;
}
.visually-hidden {
	font-size: 0px!important;
}
.nav-item[role="tab"]:has(.tab-left) {
    border-radius: 50px 0px 0px 50px!important;
}
.nav-item[role="tab"]:has(.tab-right) {
    border-radius: 0px 50px 50px 0px!important;
}

.floorplan-info > .list-group-item{
    font-size: 1.2rem;
    font-weight: 500
}
.floorplan-name{
    font-size: 2.8rem !important;
    padding-bottom: 30px
}
@media only screen and (max-width : 449px) {
    .nav.nav-pills{
        /*padding: 0 85px 0 70px */
        padding: 0px
    }
    .hide-mobile{
        display: none
    }
    .tab-left{
        border: 2px solid black !important;
        padding: 10px !important;

    }
    .tab-center{
        border-top: 2px solid black !important;
        border-bottom: 2px solid black !important;
        border-right: 2px solid black !important;
        padding: 10px !important;

    }
    .tab-right{
        border-top: 2px solid black !important;
        border-bottom: 2px solid black !important;
        border-right: 2px solid black !important;
        border-left: none !important;
        padding: 10px !important;


    }
    .nav.nav-pills > .nav-item{
        width: 20%;
        text-align: center
    }
}
/*end floorplans tabs*/


/*Image banner*/
.banner-image{
    position: relative;
    text-align: center;
    color: white;
    padding-left: 0px;
    padding-right: 0px;
    max-height: 400px;
    overflow: hidden;
}
.banner-img-fluid {
    min-width: 100%;
    height: 100%;
}
.centered{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.overlay-black2{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
}
.first-title-banner-image{
    font-size: 1.5rem;
    font-family: "oswald",arial;
    letter-spacing: 2px;
}
.second-title-banner-image{
    font-size: 2.5rem;
    font-family: "oswald",arial;
    letter-spacing: 4px;
    font-weight: bold
}
.banner-image-btn{
    color: white;
    font-weight: bold;
    font-family: "oswald",arial;
    font-size: 0.9rem;
    letter-spacing: 2px;
    border: 2px solid white !important;
    padding: 7px 15%;
    text-transform: uppercase;
}
.banner-image-btn:hover{

    background-color: white;
    color: black !important;
    text-decoration: none !important
}
.image-mobile{
    display: none
}
@media only screen and (max-width : 425px) {
    .image-mobile{
        display: block;
    }
    .image-desktop{
        display: none;
    }
}

@media only screen and (max-width : 767px) {
    .lease-btn{
        margin-bottom: 45px
    }
    hr{
      margin-top: 0.5rem;
    margin-bottom: 0.5rem;  
    }
}
@media only screen and (max-width : 425px) {
    .first-title-banner-image{
        font-size: 1.2rem;
    }
    .second-title-banner-image{
        font-size: 1.5rem;
    }

    .banner-width{
        padding-left: 25px
    }
}
@media only screen and (min-width : 1301px) and (max-width : 1456px) {
    .virtual-tours-btn{
        padding: 0 0 0 5px;
    }
}
@media only screen and (max-width : 1300px) {
    .banner-image{
        height: 800px
    }

    .banner-width{
        width: 100%
    }
}
/*END IMAGE BANNER*/

/*GAllery*/
.main-gallery{
    position: relative;
    text-align: center;
    color: white;
}
/*end Gallery*/

/* ADVANTAGES PAGE */

.img-advantage > img{
    max-width: 100%;
    text-align: center;
}
.card-text > h4 {
    font-weight: bold
}
.main-content{
    font-family: "oswald",arial;
    letter-spacing: 2px;
    font-size: 1.2rem;
}
.card-text > p {
    font-size: 1.2rem;
    font-family: "oswald",arial;
    letter-spacing: 2px;
    color: #616b73
}
.card-advantage{
    background-color: #f2f5f8;
    padding: 20px 0px;
    height: 100%;
}
.card-pair{
    margin:10px 0px 10px 3px;

}
.card-odd{
    margin:10px 3px 10px 0px;
}
.learn-more{
    font-family: "oswald",arial;
    letter-spacing: 2px;
}
.learn-more > .row > div {
    padding-bottom: 20px
}
.learn-more > .row > div > h4 {
    font-size: 1.9rem
}
.learn-more > .row > div > a {
    color: black;
    font-weight: bold;
    font-size: 1rem
}
.learn-more > .row > div > a:hover {
    text-decoration: none
}
.learn-more > .row > div > i {
    font-size: 0.9rem
}
.card{
    position: relative;
    text-align: center;
    color: white;
}
.play-logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.play-logo > img{
    width: 40%
}
.advantage-items > div{
    margin-bottom: 30px 
}
/* END ADVANTAGES PAGE */

.get-quote-btn-style2{
    color: white;
    background-color: #4FC2B9;
    font-weight: bold;
    padding: 9px 46px 0;
    text-align: center;
    font-size: 28px;
    border-radius: 2px;
    position: relative;
    border-radius: 50px;
    margin: 15px 0 0;
    transition: background-color 300ms ease-out 0s;
    display: inline-block;
    font-family: 'futura-light-std', arial;
    text-transform: capitalize;
    height: 55px;

}
.get-quote-btn-style2:hover{box-shadow: 0 6px 0 #ccc;}
.get-quote-btn-style2 .fa {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    top: -1px;
    margin-left: 12px;
    color: white
}
.get-quote-btn-style2:hover {
    background: #fff;
    color: #4FC2B9;
    box-shadow: 0 6px 0 #ccc;
}
.bottom-nav{
    background-color: white;
    padding: 26px 0px !important
}
.navbar-nav{
    display: contents;
}
.nav-item{
    margin: 0 16px
}
.nav-link{
    color: black !important;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0 0 4px;
    letter-spacing: 1px;
    line-height: 1.813rem;
    font-family: 'futura-light-std', arial;
}
.top-phone .nav-link {
    font-size: 1rem;
    color: #fff !important;

    padding: 2px 18px 0;
    border-radius: 50px;
    font-family: 'futura-light-std', arial;
    height: 44px;
    display: block;
    line-height: 40px;
    margin-bottom: 10px;
    white-space: pre;
}
.custom-toggler:focus {
    outline: 1px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
.phone-mobile{
    display: none
}
.phone-desktop > a{
    margin-top: 5px
}

.medium-size-style{
    font-size: 20px !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    line-height: 2 !important
}

@media only screen and (max-width : 991px) {
    .top-phone .nav-link {
        height: 25px;
        line-height: 25px;
        position:relative;
        left:8px;
    }
    .bottom-nav{

        padding: 13px 0px !important
    }
    .container.h-100{
        background: ;
    }
    .navbar-toggler {
        border: 0px solid white
    }
    .custom-toggler.navbar-toggler {
        border-color: rgb(255,255,255);
    } 
    .custom-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .phone-desktop{
        display: none
    }
    .phone-mobile{
        display: inline-block;
        margin-right: 10px !important;
        vertical-align: bottom;
    }
    .phone-mobile > a{
        background-color: white !important
    }
    /*.navbar.fixed-top > div{
    margin: 0 10px !important;
    }*/
.top-phone .nav-link {
    font-size: 0.9rem 
}
.navbar-brand {
    width: 75%
}
.navbar-brand img{
    max-width: 100%
}

.mx-auto.d-block.flex-sm-nowrap{
    width: 100%
}
.collapse.navbar-collapse{
    padding: 0px 0 0 0px
}
.nav-item a {
    font-size: 0.9rem
}
.custom-toggler{
    padding-right: 0px;
}

}

/*center navigation mobile*/
@media only screen and (max-width : 280px){
    .margin-sides {
        margin: 0 6px !important;
    }
    .navbar-brand{
        margin-right: 0px
    }
    .top-phone{
        margin: 0 0px !important;
    }
    .top-phone .nav-link{
        padding: 2px 5px 0;
        font-size: 0.60rem
    }
    .navbar-toggler.custom-toggler{
        padding-right: 6px !important;
        padding-left: 6px!important
    }
}
@media only screen and (min-width : 281px) and (max-width : 338px){

    .margin-sides {
        margin: 0 6px !important;
    }
    .navbar-brand{
        margin: 0 10px 0 -30px !important
    }
    .top-phone{
        margin: 0 10px 0px 0 !important;

    }
    .top-phone .nav-link{
        padding: 2px 5px 0;
        font-size: 0.60rem
    }
    .navbar-toggler.custom-toggler{
        padding-right: 2px !important;
        padding-left: 2px!important
    }
    .custom-toggler{
        padding-right: 0px;
        margin-left: 15px;
    }
}
@media only screen and (min-width : 339px) and (max-width : 355px){

    .navbar-brand{
        margin-right: 2px;
        margin-left: 4px
    }
    .top-phone{
        margin: 0 8px
    }
    .top-phone .nav-link{
        padding: 2px 5px 0;
        font-size: 0.60rem
    }
}
@media only screen and (min-width : 356px) and (max-width : 425px){

    .top-phone .nav-link{
        padding: 2px 5px 0;
        font-size: 1rem;
    }
    .navbar-brand{
        margin: 0 10px 0 0 !important
    }
}
@media only screen and (min-width : 685px) and (max-width : 991px){
    .margin-sides{
        margin: 0 15% !important
    }
}
@media only screen and (min-width : 599px) and (max-width : 684px){
    .margin-sides{
        margin: 0 10% !important
    }
}
@media only screen and (min-width : 501px) and (max-width : 598px){
    .margin-sides{
        margin: 0 8% !important
    }
}
@media only screen and (min-width : 446px) and (max-width : 500px){
    .margin-sides{
        margin: 0 5% !important
    }
}
@media only screen and (max-width : 445px) {
    .bottom-nav{
        background-color: white;
    }
    .margin-sides{
        margin: 0 10px !important;
    }
}
.margin-sides{
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

/*font size dinamic*/
@media only screen and (min-width : 992px) and (max-width : 998px){
    .nav-item{
        margin: 0 2px ;

    }
    .nav-link{
        font-size: 0.7rem ;
        padding: 0 0 !important; 
    }
	.top-phone .nav-link {
        padding: 0 0.5rem !important;
	}

}

@media only screen and (min-width : 999px) and (max-width : 1056px){
    .nav-item{
        margin: 0 3px ;

    }
    .nav-link{
        font-size: 0.7rem ;
        padding: 0 0 !important; 
    }
	.top-phone .nav-link {
        padding: 0 0.5rem !important;
	}
}
@media only screen and (min-width : 1057px) and (max-width : 1224px){
    .nav-item{
        margin: 0 3px ;

    }
    .nav-link{
        font-size: 0.8rem ;
        padding: 0 0 2px !important;
    }
	.top-phone .nav-link {
        padding: 0 0.5rem !important;
	}
}
@media only screen and (min-width : 1225px) and (max-width : 1350px){
    .nav-item{
        margin: 0 3px ;

    }
    .nav-link{
        font-size: 1rem ;
        padding: 0 0 2px !important;
    }
	.top-phone .nav-link {
        padding: 0 0.5rem !important;
	}
}
@media only screen and (min-width : 1225px){
    .nav-item{
        margin: 0 5px ;

    }
}

.get-quote-btn{ background:white; font-weight: bold; padding:9px 46px 0; text-align:center;  font-size:28px; border-radius:2px; position: relative; border-radius:50px;
    color:#000000; margin:15px 0 0; transition:background-color 300ms ease-out 0s; display:inline-block; /*font-family:'antonioregular';*/ 
font-family: 'futura-light-std', arial; text-transform:capitalize; height: 55px;}   
.get-quote-btn:hover{background:#fff; color:#ec1c24; box-shadow: 0 6px 0 #ccc;}
.get-quote-btn .fa {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    top: -1px;
    margin-left: 12px;
}
.get-quote-btn:hover {
    background: #fff;
    color: #ec1c24;
    box-shadow: 0 6px 0 #ccc;
}
.main-paragraph{
    font-family: "oswald",arial;
    font-size: 1.3rem;
    letter-spacing: 1px
}

h2{
    font-family: "oswald",arial
}

h1 { margin:50px auto;}
.zoom {
    position: fixed;
    bottom: 45px;
    right: 24px;
    height: 70px;
    z-index: 10000
}
@media only screen and (max-width : 600px){
    .zoom {
        bottom: 100px;
    }
}

.zoom-fab {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #EC1C24;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: #FFF;
    font-size: 1.2rem !important;
    font-family:"oswald" !important;
}

.zoom-fab:hover {
    background-color: white;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.zoom-btn-large {
    width: 80px;
    height: 80px;
    line-height: 95px;
}

.zoom-btn-person { background-color: #F44336; }

.zoom-btn-person:hover { background-color: #e57373; }

.zoom-btn-doc { background-color: #ffeb3b; }

.zoom-btn-doc:hover { background-color: #fff176; }

.zoom-btn-tangram { background-color: #4CAF50; }

.zoom-btn-tangram:hover { background-color: #81c784; }

.zoom-btn-schedule { background-color: #2196F3;width: 50%; color: white !important}

.zoom-btn-schedule:hover {  background-color: white;  color: #EC1C24 !important}

.zoom-btn-virtual-tour { background-color: #EC1C24; width: 50%}

.zoom-btn-virtual-tour:hover { background-color: white;  color: #EC1C24; text-decoration:none }

.zoom-menu {
    position: absolute;
    right: 70px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 500px;
    list-style: none;
    text-align: right;
}

.zoom-menu li {
    display: inline-block;
    margin-right: 10px;
}

.zoom-card {
    position: absolute;
    right: 150px;
    bottom: 70px;
    transition: box-shadow 0.25s;
    padding: 24px;
    border-radius: 2px;
    background-color: #009688;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: #FFF;
}

.zoom-card ul {
    -webkit-padding-start: 0;
    list-style: none;
    text-align: left;
}

.scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }

.scale-transition.scale-out {
    transform: scale(0);
    transition: transform 0.2s !important;
}

.scale-transition.scale-in { transform: scale(1); }

/*av plugin*/
.zoom-menu {
    right: 0px;
    top: -260%;
    text-align: -webkit-right
}
.zoom-menu li{
    display: list-item;
}
.fa-comment{
    color:#FFFFFF;
}
/*.fa-comment:hover{
    color:#ec1c24;
}*/

/*modal*/
.modal-header{
    
    color: white
}
.close, .close:hover{
    color: white;
    opacity: 1
}
.modal-title{
    width: 100%;
    text-align: center;
}
.modal-submit{
    background-color: #ec1c24;
}

/**/
@media only screen and (max-width : 425px){
    .fancybox-content{
        top:-130px !important;
    }
    .index-page .fancybox-content{
        top:0px !important;
    }
}


#special{display: none}
/*special banner*/
#special{
    background-color: #4FC2B9;
    color:white;
    border: none;
    font-family: 'futura-light-std', arial;
    position: sticky;
    padding-top: 25px;
    padding-bottom: 25px;
    z-index: 9999;
    border-radius: 0rem;
}
.special-banner{
    margin-bottom: 0px;
}

.special-button{
    font-size: 1.2rem;
    letter-spacing: 1px;
    height: 35px;
    padding: 5px 23px;
}
.special-title{
    font-size: 2.2rem
}
.special-sub-title{
    font-size: 1.5rem;
    font-weight: bold;
}
.special-sub-title{
    font-size: 1.5rem;
}
.text-special{
    padding-left: 3.8%
}
@media only screen and (max-width : 320px){
    .special-banner{
        padding-right: 35px !important
    }
    .margin-sides{
        margin-left: 32px !important
    }
}
/*special banner ends*/

.sticky-top {
    z-index:1020;
}
@media only screen and (max-width : 991px){
    .navbar-collapse{
        position: absolute;
        background-color: rgba(255, 255, 255, 0.9);
        width: 100%;
        margin-top: 13px;
        z-index:1020;
    }
}


/*floorplan-mobile*/
@media only screen and (max-width : 767px){
.tab-content{
  text-align: center !important;
}
}
.show-mobile-only{
    display: none
}
@media only screen and (max-width : 425px){
    .quick-view-aside{
        display: none
    }
    .quick-view-carousel{
        width: 100% !important;
        height: 700px;
    }
    .show-mobile-only{
        display: block;
    }
}
@media only screen and (min-width : 426px) and (max-width : 700px){
    #carouselExampleIndicators{
        margin-top: 25%
    }
    .d-block.plugging-floorplans{
        margin-bottom: 25%
    }
}
@media only screen and (min-width : 701px) and (max-width : 768px){
    #carouselExampleIndicators{
        margin-top: 20%
    }
    .d-block.plugging-floorplans{
        margin-bottom: 5%
    }
}


/*gallery*/
@media only screen and (max-width : 320px){
    img.fancybox-image{
        margin-top: 38%
    }
}
@media only screen and (min-width : 321px) and (max-width : 425px){
    img.fancybox-image{
        margin-top: 30%
    }
}
/**/

ol.carousel-indicators{
    bottom: 0px
}

ol.carousel-indicators > li{
    background-color: gray
}


ol.carousel-indicators > li.active{
    background-color: red
}

.plugging-floorplans{
    width: 90%!important;
    margin:auto;
}

.carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e);
}


.round-button{
    font-size: 1rem;
    color: #fff;
    background: #dc0c04;
    padding: 2px 18px 0;
    border-radius: 50px;
    font-family: 'futura-light-std', arial;
    height: 44px;
    line-height: 40px;
    margin-bottom: 10px;
    border-color:  #dc0c04 !important
}
.round-button:hover{
    background: white;
    color: #dc0c04;
}
/*residents*/
.resources-link > li > a{
    color: #67baaf;
    font-family: "oswald",arial;
    letter-spacing: 3px;
    font-weight: bold
}
/*END residents*/



/*FOOTER*/

.footer{
    background-color: #f2f2f2
}

.footer-sticky{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;

}
.footer-sticky > span{
    color: white;
    font-family: "oswald",arial;
    font-size: 1.2rem
}


.footer-hours > li, .footer-quicklinks > li, .footer-addess > li{
    margin-bottom: 10px
}


.social-footer{

}

.social-footer > .list-group-item{
    background-color: transparent !important;
    border: none;
} 

.social-footer > .list-group-item > span{
    font-weight: bold !important
} 
.privacy-terms-links > span > a, .privacy-terms-links {
    font-family: ;
    text-decoration: none;
    color: white;
    font-family: "oswald",arial;
    font-size: 0.9rem; 
}
.icon-facebook, .icon-twitter, .icon-instagram, .icon-google, .icon-yelp, .icon-pinterest{
    color: #343a40;
}
.icon-facebook:hover, .icon-twitter:hover, .icon-instagram:hover, .icon-google:hover, .icon-yelp:hover, .icon-pinterest:hover{
    text-decoration: none
}
/*END FOOTER*/











/*
.fancybox-container.fancybox-is-open.fancybox-is-zoomable.fancybox-can-zoomIn{

left: 50% !important;
top: 50% !important;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
width: 90% !important;
height: 90% !important;
}*/


/*Fancybox*/
/*

Animated message (from ajax example)

 */

/* Default styling */

#message {
    top: -200px;
    transition: all .5s;
}

/* When inside current slide */

.fancybox-slide--current #message {
    top: 0;
}

/* Different effect when fanyBox is closing; optional */

.fancybox-is-closing #message {
    top: 0;
    transform: scale(1.5);
}

/*

Advanced example - Customized layout

 */

@media all and (min-width: 600px) {

    /* Change color for backdrop */
    .fancybox-custom-layout .fancybox-bg {
        background: #fcfaf9;
    }

    .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
        opacity: 1;
    }

    /* Move caption area to the right side */
    .fancybox-custom-layout .fancybox-caption {
        background: #f1ecec;
        bottom: 0;
        color: #6c6f73;
        left: auto;
        padding: 30px 20px;
        right: 44px;
        top: 0;
        width: 256px;
    }

    .fancybox-custom-layout .fancybox-caption h3 {
        color: #444;
        font-size: 21px;
        line-height: 1.3;
        margin-bottom: 24px;
    }

    .fancybox-custom-layout .fancybox-caption a {
        color: #444;
    }

    /* Remove gradient from caption*/
    .fancybox-custom-layout .fancybox-caption::before {
        display: none;
    }

    /* Adjust content area position */
    .fancybox-custom-layout .fancybox-stage {
        right: 300px;
    }

    /* Align buttons at the right side  */
    .fancybox-custom-layout .fancybox-toolbar {
        background: #3b3b45;
        bottom: 0;
        left: auto;
        right: 0;
        top: 0;
        width: 44px;
    }

    /* Remove background from all buttons */
    .fancybox-custom-layout .fancybox-button {
        background: transparent;
    }

    /* Navigation arrows */
    .fancybox-custom-layout .fancybox-navigation .fancybox-button div {
        padding: 6px;
        background: #fcfaf9;
        border-radius: 50%;
        transition: opacity .2s;
        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        opacity: .7;
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]):hover div {
        opacity: 1;
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button[disabled] {
        color: #999;
    }

    .fancybox-custom-layout .fancybox-navigation .fancybox-button:not([disabled]) {
        color: #333;
    }

    /* Reposition right arrow */
    .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 308px;
    }
}

/*

Advanced example - Morphing modal window

https://codepen.io/fancyapps/pen/rmwyXN

 */

.morphing-btn-wrap {
    display: inline-block;
    position: relative;
    text-align: center;
}

.morphing-btn {
    box-sizing: border-box;
    -webkit-transition: background .3s, color .2s .2s, width .2s 0s;
    -moz-transition: background .3s, color .2s .2s, width .2s 0s;
    -o-transition: background .3s, color .2s .2s, width .2s 0s;
    transition: color .3s .2s, width .2s 0s;
    white-space: nowrap;
}

.morphing-btn_circle {
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;

    /* Override inline style rule */
    -webkit-transition: color .2s 0s, width .3s .2s;
    -moz-transition: color .2s 0s, width .3s .2s;
    -o-transition: color .2s 0s, width .3s .2s;
    transition: color .2s 0s, width .3s .2s;
    width: 35.6px !important;
}

.morphing-btn-clone {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #ff5268;
    border-radius: 50%;
    position: fixed;
    -webkit-transition: all .5s cubic-bezier(.65, .05, .36, 1);
    -moz-transition: all .5s cubic-bezier(.65, .05, .36, 1);
    -o-transition: all .5s cubic-bezier(.65, .05, .36, 1);
    transition: all .5s cubic-bezier(.65, .05, .36, 1);
    z-index: 3;
}

.morphing-btn-clone_visible {
    display: block;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

.fancybox-morphing .fancybox-bg {
    background: #ff5268;
    opacity: 1;
}

.fancybox-morphing .fancybox-toolbar {
    right: 40px;
    top: 20px;
}

.fancybox-morphing .fancybox-button--close {
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
}

.fancybox-morphing .fancybox-button--close:hover {
    background: rgba(0, 0, 0, .25);
}

/* Styling for element used in example */

#morphing-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    line-height: 2;
    margin: 0;
    padding: 6em 10vw;
    position: relative;
    z-index: 3;
}

#morphing-content * {
    color: #fff;
}

/*

Advanced example - Confirm dialog

https://codepen.io/fancyapps/pen/PmpePO

 */

.fc-container .fancybox-bg {
    background: #eee;
}

.fancybox-is-open.fc-container .fancybox-bg {
    opacity: .95;
}

.fc-content {
    box-shadow: 10px 10px 60px -25px;
    max-width: 550px;
}

/* Custom animation */

.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
    opacity: 0;
    transform: translateY(-60px) scale(1.1);
}

.fancybox-fx-material.fancybox-slide--current {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/*

Advanced example - Product quick view

 */

.quick-view-container {
    background: rgba(10, 10, 10, .85);
}

.quick-view-content {
    bottom: 0;
    height: calc(100% - 40px);
    left: 0;
    margin: auto;
    max-height: 650px;
    max-width: 980px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 40px);
}

.quick-view-carousel {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 57%;
}

.quick-view-carousel .fancybox-stage {
    bottom: 30px;
}

.quick-view-aside {
    background: #fff;
    bottom: 30px;
    color: #777;
    left: auto;
    padding: 50px 0 30px 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 43%;
}

.quick-view-aside::before,
.quick-view-aside::after {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
}

.quick-view-aside::before {
    background: #f4f4f4;
    width: 8px;
}

.quick-view-aside::after {
    background: #e9e9e9;
    width: 1px;
}

.quick-view-aside>div {
    height: 100%;
    overflow: auto;
    padding: 5vh 30px 0 30px;
    text-align: center;
}

.quick-view-aside>div>p {
    font-size: 90%;
}

.quick-view-close {
    background: #f0f0f0;
    border: 0;
    color: #222;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    height: 44px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    top: 30px;
    transition: all .2s;
    width: 44px;
}

.quick-view-close:hover {
    background: #e4e4e4;
}

.quick-view-close::before,
.quick-view-close::after {
    background-color: #222;
    content: '';
    height: 18px;
    left: 22px;
    position: absolute;
    top: 12px;
    width: 1px;
}

.quick-view-close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.quick-view-close:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.quick-view-bullets {
    bottom: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    width: 100%;
    z-index: 99999;
}

.quick-view-bullets li {
    display: inline-block;
    vertical-align: top;
}

.quick-view-bullets li a {
    display: block;
    height: 30px;
    position: relative;
    width: 20px;
}

.quick-view-bullets li a span {
    background: #d4d2d2;
    border-radius: 99px;
    height: 10px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    text-indent: -99999px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
}

.quick-view-bullets li.active a span {
    background: #ff4453;
}
.special-bar {
    background-color: #4FC2B9;
    color: white;
    border: none;
    font-family: 'futura-light-std', arial;
    padding-top: 15px;
    padding-bottom: 15px;
}
.resident-buttons { 
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 1rem;
    margin-left: 1rem;
    font-family: "futura-light-std";
    font-size: 16px;
    font-weight: 700;
    height: auto;
    min-width: 240px;
    color: #fff;
    letter-spacing: 2px;
}
.no-margin-top{
    margin-top: 0px !important
}

.get-quote-btn-style2.background-primary-color:hover {
    background-color:white!important;
}

/* reviews css */
.reviews .review-content {
    height:120px;
    overflow-y: scroll;
    flex: 0 0 95%!important;
}

/* width */
.reviews .reviews-card ::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.reviews .reviews-card ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.reviews .reviews-card ::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius:3px;
}

/* Handle on hover */
.reviews .reviews-card ::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}


/*vivint apartmet auto */

.edifice-widget > img{
    max-width: 100%
}
.edifice-widget > .hdtitle{
    font-size: 20px;
}


.vivint-card{
    background-color: #FC8335;
    margin: 5px;
        transition: transform .7s;
        color: white;
        padding: 15px 30px;
        height: 200px;
         z-index: 100

}
@media only screen and (min-width : 720px){
.vivint-card:hover{
        transform: scale(1.10);
        background-color: white;
        color: black;
        z-index: 10000;
        position: absolute;

}
}
.vivint-card:hover .dot{
       border:solid lightgray 1px;

}
.vivint-card h4 {
        font-weight: bold;
        letter-spacing: 1.5px

}
.nopadding {
   padding: 0 !important;
}
.dot {
  height: 50px;
  width: 50px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
}
@media only screen and (max-width : 576px){


}
/*end vivint apartment auto*/

@media only screen and (max-width : 425px){
.icon-twitter:before {
    content: "\f099";
    font-size:30px;
}
.icon-facebook:before {
    content: "\f09a";
    font-size:30px;
}
.icon-facebook-f:before {
    content: "\f09a";
}
.icon-instagram:before {
    content: "\f16d";
    font-size:30px;
}
.icon-pinterest:before {
    content: "\f0d3";
    font-size:30px;
}
.icon-google:before {
    content: "\f1a0";
    font-size:30px;
}
.icon-yelp:before {
    content: "\f1e9";
    font-size:30px;
}
}
.font-20 {
    font-size:20px;
}
@media only screen and (max-device-width :991px) {
    .small-font {
        font-size:11px!important;
    }
}

.modal {
  z-index: 10600 !important
}
@media only screen and (max-width :425px) {
.schedule-a-tour{
    display: none
}
}

.contact-block{
    background-color: #6c757d;
    transition-duration: 0.9s;
    color: white !important;

}
.contact-block:hover{
    background-color: black;
    transform: scale(1.03);

}
.contact-block > .block-border > .block
{
    padding-top: 5%
}

.scrolling-wrapper{
    overflow-x: auto;
}
.bg-gray{
        background-color: #6c757d!important;
}

.remove-margin{
    margin-left: 20px !important
}
.owl-carousel{
    width: 90%
}

.overlay-lampost-color{
    background: rgb(247 195 47 / 43%);
}
@media only screen and (max-width :500px){
.owl-next {
   left: 90% !important;

}
.remove-margin{
    margin-left: 10px !important
}
}

.remove-padding{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.display-only-lampost{
    display: none
}

.link-font-color{
    color: #212d85;
    font-weight: 600
}
.total-score{
    font-size: 80px;
        line-height: 50px;
        margin-top: 50px
}
.google-score{
    font-size: 60px
}
.total-stars{
    padding-bottom: 5px
}
.total-stars i {
    font-size: 20px
}
.stars-review i{
    font-size: 20px;
    padding-right: 10px
}
.review-name{
    font-size: 25px;
    color: #707070
}
@media only screen and (max-device-width :578px) {
.owl-carousel.reviews.owl-theme.row.owl-loaded.owl-drag{
    width: 80%
}

}



.buttons-same-width{
    min-width: 100%;
}


@media only screen and (max-device-width :768px) {
header {
    position: relative;
    background-color: black;
    /*height: 80vh;
    min-height: 25rem;*/
    width: 100%;
    overflow: hidden;
}
}


@media only screen and (max-device-width :768px) {
    header {
	position: relative;
	background-color: white;
	height: 100%;
	min-height: 0;
    }
    .video-block{
	height: 60vh
    }
    .video-block video{
	width: 100%
    }
    .schedule-a-tour-btn{
	bottom: 55px !important
    }

}

    .img-home-desktop{
	object-fit: cover;
	width: 100%;
	height: 100%;
    }
@media only screen and (min-width :769px) {
}

#logo-shrinkable {
  transition: all 1s;
}
.custom-shrink {
  // Adjust the scale factor as needed, e.g., 0.5 for 50% 
  transform: scale(0.5);
}

.floorplans-special-unit{
    color: white;
    text-align: center;
    border-radius: 25px;
    margin-top: 15px;
    padding: 5px;
    font-weight: bold;
    display: block;
}