@font-face {
    font-family:"Raleway-Regular";
    src:url("../fonts/Raleway-Regular.ttf") format('truetype');
}

@font-face {
    font-family:"Raleway-Light";
    src:url("../fonts/Raleway-Light.ttf") format('truetype');
}

@font-face {
    font-family:"Raleway-SemiBold";
    src:url("../fonts/Raleway-SemiBold.ttf") format('truetype');
}

@font-face {
    font-family:"Raleway-Bold";
    src:url("../fonts/Raleway-Bold.ttf") format('truetype');
}


html, body{ margin: 0; padding: 0; box-sizing: border-box; font-size: 20px; font-family: Raleway-Light, sans-serif; }
*::before,*::after{box-sizing: inherit;}

/* defaults */
ul{ margin: 0; padding: 0; list-style-type: none; }
h1, h2, h3, h4, h5, h6{}
h1{}
h2{font-size: 40px; font-family: Raleway-Light, sans-serif; color: #0C1440}
h3{}
h4{}
h5{}
h6{}
html {
    scroll-behavior: smooth;
}

/* colors */
.c_white{ color: #ffffff !important; }
.c_black{ color: #000000 !important; }

/* bg color */
.bg_white{ background-color: #ffffff !important; }
.bg_black{ background-color: #000000 !important; }

/* font weight */
.f_bold{ font-weight: 700 !important; }
.f_regular{ font-weight: 400 !important; }

/* text transform */
.t_upper{ text-transform: uppercase !important; }
.t_none{ text-transform: none !important; }

/* positions */
.por{ position: relative !important; }
.poa{ position: absolute !important; }
.pof{ position: fixed !important; }

body.no-scroll{
    overflow: hidden;
}

.p-85{
    padding-left: 85px;
    padding-right: 85px;
}

.p-100{
    padding-left: 100px;
    padding-right: 100px;
}

.m-100{
    margin-left: 100px;
    margin-right: 100px;
}

/* animation */
.anim03{ -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; }



.row.no-pad > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/*SLICK*/

.slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slick-next{

    z-index: 1033;
    content: '';
    width: 95px;
    height: 53px;
    background: url("../images/right.svg") no-repeat;
    background-size: 100%;
    display: inline;
    padding: 20px;
}

.slick-prev{

    z-index: 998;
    content: '';
    width: 95px;
    height: 53px;
    background: url("../images/left.svg") no-repeat;
    background-size: 100%;
    display: inline;
    padding: 20px;
}

.slick-next:hover, .slick-next:focus, .slick-next:active{
    background: url("../images/right.svg") no-repeat;
}

.slick-prev:hover, .slick-prev:focus, .slick-prev:active{
    background: url("../images/left.svg") no-repeat;
}

.slick-next:before, .slick-prev:before {
    content: '';
}



*:focus {
    outline: none;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

/*SWIPEBOX*/
#swipebox-overlay{
    background: rgba(255,255,255,.9);
}

#swipebox-bottom-bar, #swipebox-top-bar {
    text-shadow: 1px 1px 1px #000;
    background: rgba(255,255,255,.95);
}

#swipebox-bottom-bar.visible-bars, #swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#swipebox-top-bar.visible-bars {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#swipebox-bottom-bar {
    bottom: 0;
    display: block !important;
}
#swipebox-top-bar {
    top: 0;
    display: block !important;
}

#swipebox-prev{
    background-image: url("../images/arr_left.png") !important;
    width: 65px;
    height: 50px;
    background-position: center;
}

#swipebox-next{
    background-image: url("../images/arr_right.png") !important;
    width: 65px;
    height: 50px;
    background-position: center;
}

#swipebox-close{
    background-image: url("../images/x.png") !important;
    background-position: center;
    right: 35px;
}
#swipebox-next.disabled, #swipebox-prev.disabled {
    opacity: 1;
}

.modal{
    top:80px;
    z-index: 110000;
}

.modal-content{
    border-radius: 0;
}

.modal-body{
    padding: 30px;
}

.modal button.close{
    position: absolute;
    top: 30px;
    right: 30px;
}

.modal button.close:hover, .modal button.close:focus, .modal button.close:active{
    outline: none;
}

.modal button .close{
    background-image: url(../images/x.png) !important;
    background-position: center;
    right: 35px;
}

.modal-dialog{
    max-width: 1200px;
/*    padding-left: 35px;
    padding-right: 15px;*/
}

@media (max-width: 600px) {
    .modal{
        top: 25px;
        max-width: 100%;
    }
    .modal-body{
        padding: 30px 15px;
    }
    .showroom .slick-next,
    .showroom .slick-prev{
        width: 85px;
        height: 43px;
    }
}

.container{
    max-width: 1700px;
}

/* 404 */
body.error404{ background-color: #FFF; width: 100%; height: 100%; padding: 0; margin: 0 auto;   font-size: 18px; line-height: 24px;}
body.error404 ul { margin: 0; padding: 0; list-style: none; }
body.error404 ul li{ display: inline-block; padding: 0 15px; }
body.error404 h1{ font-size: 30px; font-weight: bold; margin-top: 24px; margin-bottom: 24px; }
body.error404 p{ margin-bottom: 24px; }
body.error404 p.p-lg{ font-size: 26px; }
body.error404 header{ text-align: right; padding-top: 24px; padding-bottom: 24px; }
body.error404 header nav a {display: inline-block; position: relative; padding-right: 58px; font-weight: 800; color: #fff; }
body.error404 .icon-contact:before { content: " "; display: block; position: absolute; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; }
body.error404 .error-content-wrap{ width: 100%; display: table; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center;  padding-top: 200px; }
body.error404 .content-wrap{ display: table-cell; vertical-align: middle; }
body.error404 .error-img-wrap{ display: inline-block; position: relative; padding: 0 36px;  }
body.error404 .error-img-wrap img{ margin-top: -345px; }
body.error404 .error-text-wrap{ display: inline-block; text-align: left; width: 550px; padding: 24px 36px 24px 36px; border-left: 6px solid #202020;}


@media (max-width: 1440px) {


}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    body.error404 .error-content-wrap{ position: relative; padding: 0 15px; }
    body.error404 .error-text-wrap, body.error404 .error-img-wrap{ display: block; }
    body.error404 .error-img-wrap{ padding-left: 0; padding-right: 0; }
    body.error404 .error-img-wrap img{ margin-top: 20px; }
    body.error404 .error-text-wrap{ width: 100%; text-align: center; padding-left: 0; padding-right: 0; border: 0; }
}

@media (max-width: 768px) {
    h2  {
        font-size: 30px;
    }
}

.floorplan-slick-slider li a{
    display: block;
    padding: 0 12px !important;
}

.floorplan-slick-slider li a .img-wrap{
    width: 100%;
    position: relative;
}
.floorplan-slick-slider li .img-wrap img{
    width: 100%;
}

.floorplan-slick-slider{
    margin-top: 100px;
}

.floorplan-slick-slider .slick-next, .floorplan-slick-slider .slick-prev{
    top: -106px;
}

.floorplan-slick-slider .slick-dots li button:before {
    font-size: 18px;
    color: #0C1440;
}
.floorplan-slick-slider .text-wrap{
    padding: 12px !important;
}
.floorplan-slick-slider .text-wrap .left-side {
    width: 100% !important;
}
.floorplan-slick-slider .text-wrap .left-side p{
    font-size: 20px;
}


.floorplan-slider-wrapper {
    background: rgb(246,247,248);
    background: linear-gradient(180deg, rgba(246,247,248,1) 200px, rgba(255,255,255,1) 200px);
    padding-top: 80px;
    margin-top: 60px;
    padding-bottom: 75px;
}

@media (max-width: 768px){
    .floorplan-slider-wrapper {
        margin-top: 20px;
        padding: 30px 0;
    }
    .floorplan-slider-wrapper li:nth-child(odd) a {
        padding-right: 12px;
    }
    .floorplan-slick-slider{
        margin-top: 30px;
    }
    .floorplan-slider-wrapper .p-100{
        padding: 0 15px;
    }
    .floorplan-slider-wrapper .slick-next{
        right: 0;
        top: -40px;
    }
    .floorplan-slider-wrapper .slick-prev{
        left: 0;
        top: -40px;
    }
    .floorplan-slick-slider .text-wrap .left-side p{
        margin: 0;
    }
}

.featured-listings h2 {
    text-align: center;
}

.featured-listings ul .text-wrap{
    color: #0C1440;
    display: inline-block;
    width: 100%;
}

.featured-listings ul a:hover .text-wrap {
    background: #f6f7f8;
}

.featured-listings ul a:hover .img-wrap img {
    transform: scale(1.1);
}

.dark-theme .featured-listings {
    background: #0b1840;
    background: linear-gradient(180deg,#0b1840 500px,rgba(255,255,255,1) 500px);
    padding-top: 100px;
}

.featured-listings .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.featured-listings ul a .img-wrap img {
    transition: all .3s ease;
}

.featured-listings ul a .img-wrap {
    overflow: hidden;
}

.dark-theme .featured-listings ul a .text-wrap {
    background: #f6f7f8;
}

.dark-theme .featured-listings h2 {
    color: #fff;
}