@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: 18px; 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: 36px; font-family: Raleway-Light, sans-serif; color: #40240C}
h3{}
h4{}
h5{}
h6{}


/* 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; }


.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: 65px;
    height: 23px;
    background: url("../images/right.svg") no-repeat;
    background-size: 100%;
    display: inline;
    padding: 20px;
}

.slick-prev{

    z-index: 998;
    content: '';
    width: 65px;
    height: 23px;
    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: 50px;
}

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

.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;
}

#propertyInfo .info{
    position: sticky;
    top: 100px;
    z-index: 9;
}

@media (max-width: 600px) {
    .modal{
        top: 0;
        max-width: 100%;
        padding-right: 0 !important;
    }
    .modal-body{
        padding: 30px 15px;
    }
    .modal button.close{
        top: 30px;
        right: 15px;
    }
}

.container{
    max-width: 1700px;
}

/* 404 */
body.error404{ background-color: #FFF; width: 100%; height: 100%; padding: 0; margin: 0 auto;   font-size: 16px; 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: 26px; 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: 26px;
    }
}