@font-face{
    font-family:'Proxima Nova Alt';
    src:url('../../font/Proxima Nova Alt Light.otf') format('opentype');
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Proxima Nova Alt Bold';
    src:url('../../font/Proxima Nova Alt Bold.otf') format('opentype')
}
@font-face{
    font-family:'Marcellus Regular';
    src:url('../../font/Marcellus-Regular.ttf') format('ttf');
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'BRFirma Regular';
    src:url('../../font/BR Firma Regular.otf') format('opentype')
}
.btn-primary-sun-emerald,body,p{
    font-family:'Proxima Nova Alt',sans-serif
}
body,p{
    color:#676767;
}
a{
    text-decoration:none
}
.amenitiessunemerald p,.nav-pills .nav-link,.navbar li a span,.sun_emerald_floorplan .table td,h1{
    font-family:'BRFirma Regular',sans-serif
}
.nav-pills .nav-link,.navbar-light .navbar-nav .nav-link span:hover,h1{
    color:#f15a24
}
h1{
    font-size:25px;
    font-weight:600
}
a{
    transition:width .3s
}
#navbar{
    padding-left:20px
}
.navbar li a span{
    color:#676767;
    font-size:18px
}
.navbar-light .navbar-nav .nav-link span{
    color:#676767;
    position:relative
}
.navbar-nav .nav-link span::before{
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    width:0;
    height:2px;
    transition:width .3s
}
.iti,.navbar-nav,.navbar-nav .nav-link span:hover::before,.sunemerald_fullsizeimages img{
    width:100%
}
.nav-item{
    text-align:right;
    float:right
}
.navbar-placeholder{
    height:80px;
    display:none
}
#navbar.sticky{
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
    background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.1)
}
#navbar.sticky .sun-emerald-logo{
    width:100px
}
.bd-placeholder-img{
    font-size:1.125rem;
    text-anchor:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.responsive-bg{
    background-image:url('../../images/banner.jpg');
    background-size:cover;
    background-position:center;
    height:100vh;
    display:flex;
    align-items:start;
    background-repeat:no-repeat
}
.sun-emerald-logo{
    width:150px
}
/*.sunemerald_fullsizeimages{
    margin:10px 0
}*/
.sunemerald_fullsizeimages div{
    padding:0
}
#sun-emerald-about-project .lead{
    padding-left: 80px;
    padding-right: 80px;
    font-weight: 600!important;    
}
.amenities img{
    width:80px
}
.amenitiessunemerald{
    flex:0 0 25%;
    max-width:25%;
    padding:10px;
    margin-right:auto!important;
    margin-left:auto!important;
    text-align:center
}
.amenitiessunemerald p{
    font-size:18px;
    text-align:center;
    font-weight: 600;
}
.nav-pills .nav-link{
    font-size:20px;
    position:relative;
    background-color:#f0f1f1;
    border-radius:0;
    width:200px;
    padding-top:10px;
    padding-bottom:10px;
    transition:background-color .3s
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    background-color:#f15a24
}
.nav-pills .nav-link.active:after{
    position:absolute;
    color:#f15a24;
    content:"";
    width:0;
    height:0;
    bottom:-6px;
    left:50%;
    transform:translateX(-50%);
    border-top:6px solid;
    border-left:8px solid transparent!important;
    border-right:8px solid transparent!important;
    border-bottom:0
}
.btn-primary-sun-emerald,.nav-pills .nav-link:not(.active):hover{
    color:#fff;
    background-color:#676767
}
.sun_emerald_floorplan .table td{
    font-size:18px;
    color:#676767;
    text-align:left;
    padding-top:20px
}
.sun_emerald_floorplan .table{
    margin-top:30px
}
.sun_emerald_floorplan tr.no-border td{
    border:none;
    border-bottom-width:0
}
.sun_emerald_floorplan img{
    height:340px
}
.sun-emerald-floor-plan-images{
    text-align:center
}
.btn-primary-sun-emerald{
    font-size:18px;
    width:100%;
    border-radius:0;
    padding:10px 0;
    box-shadow:0 0 10px 0 rgba(0,0,0,.5)
}
#sun_emerald_popup .btn-primary-sun-emerald{
    width:auto;
    padding:5px 20px
}
.modal-header .sun-emerald-close{
    width:20px;
    height:20px;
    background:0 0;
    border:1px solid #676767;
    padding:0;
    cursor:pointer;
    color:transparent;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center
}
.modal-header .sun-emerald-close::after{
    content:""
}
.sun-emerald-close svg{
    width:10px;
    height:10px;
    color:#000
}
.modal-header .sun-emerald-close:hover{
    border:1px solid #f15a24;
    color:#f15a24
}
.sun-emerald-close:hover svg{
    fill:red
}
.btn-primary-sun-emerald:hover{
    color:#f15a24;
    background-color:#adadad
}
@media (min-width:768px){
    .bd-placeholder-img-lg{
        font-size:3.5rem
    }
}
@media (max-width:768px){
    #navbar{
    padding-left:0px;
}
.btn-nav-sun-emerald-nav span{
    padding: 10px 0px;
}
    #sun-emerald-about-project .lead{
    padding: 20px;
}
    .responsive-bg{
        background-size:100% auto;
        height:210px!important
    }
    .navbar-nav{
        box-shadow:0 0 5px 0 rgba(0,0,0,.5)
    }
    .navbar-light .navbar-nav .nav-link{
        text-align:left;
        padding:10px;
        margin-top:10px;
        border-bottom:1px solid #6767
    }
    .amenitiessunemerald{
        flex:0 0 50%;
        max-width:50%
    }
    .nav-pills .nav-link{
        width:100%;
        margin-bottom:5px
    }
    .nav-item{
        width:100%
    }
    .parentscreenlocationmap h5{
        padding-top:20px!important
    }
    .footersecondp{
        text-align:left!important
    }
    .quicklinks2 h5{display:none}
    .contact-info h5{margin-top:20px}
}
.modal-content{
    border-radius:0;
    border:var(--bs-modal-border-width) solid #d93900
}
#sun-emerald-location h5,.modal-title{
    margin:auto;
    font-size:20px;
    font-weight:900;
    color:#000
}
.location_heighlight_table tr:last-child,.modal-header{
    border-bottom:none
}
.modal-body{
    padding-top:0
}
.form-control{
    border-radius:0;
    border:var(--bs-modal-border-width) solid #626262
}
.location_heighlight_table{
    text-align:left;
    width:100%
}
.location_heighlight_table td{
    padding:8px;
    text-align:left
}
.location_heighlight_table tr{
    border-bottom:1px solid #ccc
}
.location_heighlight_table td:last-child{
    text-align:right
}
.parentscreenlocationmap{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    background-color:#f15a24;
    color:#fff!important
}
.parentscreenlocationmap h5{
    padding-top:0;
    color:#fff!important
}
.btn-nav-sun-emerald-nav span{
    background-color:#f15a24;
    color:#fff!important;
    padding:10px 20px;
    cursor:pointer;
    box-shadow:0 0 10px 0 rgba(0,0,0,.5);
    transition:width .3s
}
.btn-nav-sun-emerald-nav span::before{
    background-color:transparent!important
}
.btn-nav-sun-emerald-nav span:hover{
    background-color:#676767!important
}
.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{
    width:75px
}
.navbar-expand-md .navbar-nav .nav-link{
    color:#000
}
.sun-emerald-footer ul{
    list-style-type: none;
    padding-left: 0px
}
.sun-emerald-footer h5{
    color:#fff
}
.sun-emerald-footer a{
    color:#fff;
}
.sun-emerald-footer a:hover {
    color: #f15a24;
}