html,body {font-size:18px;line-height:24px;font-weight:300;background:#f2f2f2;height: 100%;min-width: 320px;color: #808285;font-family: 'Roboto', sans-serif;}
input:focus, button:focus, a:focus{outline: 0;}
ol, ul{padding-left: 20px;}
h1{font-size: 46px;line-height: 65px;font-weight: 300;color: #231f20;margin: 25px 0;}
h2{font-size: 34px;line-height: 45px;font-weight: 300;color: #808285;margin: 25px 0}
h3{font-weight: 300; color: #211715}
h1 + h2 {margin: 0 0 25px;}
h4{font-size: 32px;line-height: 36px;font-weight: 300;color: #211715;margin: 15px 0;text-transform: uppercase; text-align: left}
strong{color: #211715;font-weight: 400}
img{max-width: 100%}
p{margin: 0 0 15px;color: #808285;}
a, a:focus, a:active, a:hover{color: #4b96d1;text-decoration: none}
a[href^=tel], a[href^=mailto]{color: #808285;}

.benefits{
    width: auto;
}
#join-us-ul{
    display: inline-block;
    list-style:none;
    padding-left:1%;
    border-left-width: 0.4em;
    border-left: #4890c7;
    border-left-style: solid;
}

#join-us-info-ul
{
    display: inline-block;
    padding-left:1%;
    list-style: none;
    padding-left:1%;
    border-left-width: 0.4em;
    border-left: #4890c7;
    border-left-style: solid;
}
.join-us-left-col{
    margin-top:3%;
}
.no-uppercase{text-transform: none}
.main { min-height: 100%; min-width:320px;}
.goMid{max-width:1920px;margin:0 auto;position: relative}
.header{position: relative}
.header-bg{position: relative;z-index: 5;font-size: 0;line-height: 0;}
.header-bg img{width: 100%;}
.header-content{position: absolute;z-index: 10;top:0;left: 0;right: 0}
.logo{position: absolute;left: 5%;top:55px;font-size: 0;line-height: 0;}
.top-social{position: absolute;right: 5%;top:70px;font-size: 0;line-height: 0;}
.top-address{position: absolute;right: 26%;top:50px;font-size: 0;line-height: 0;width: 15%;height: 85px;display: flex;align-items: center}
.top-address span{font-size: 18px;line-height: 24px;color: #231f20;font-weight: 400}
.top-separator{position: absolute;right: 42%;top:50px;width: 3px;height: 85px;background: #231f20;content: '';}
.top-phone{position: absolute;right: 43%;top:60px;font-size: 0;line-height: 0;height: 75px;display: flex;align-items: center;justify-content: flex-end}
.top-phone a{font-size: 32px;line-height: 45px;color: #231f20;font-weight: 400}
.top-menu{position: absolute;left: 21%;;top:175px;z-index: 20}
.core-realty-options{
    font-size:1.7em;
    line-height: 1.5em;
    list-style: none;
    border-left-width: 0.4em;
    border-left: #4890c7;
    border-left-style: solid;
}
.desktop{display: table;height: 40px;width: 100%;}
.desktop a, .item{font-size: 16px;line-height: 24px;color: #fff;white-space: nowrap;text-align: center;display: table-cell;vertical-align: middle;padding: 0 10px;background: #231f20;}
.desktop a.active, .desktop .item.active{text-decoration: none;background: #f5333c;color: #fff;}
.desktop a:hover, .desktop .item:hover{background: #f5333c; color: white}
.subMenu{display: block;position: relative;height: 40px;line-height: 40px;padding: 0 10px;margin: 0 -10px;}
.innerMenu{position: absolute;left: 0;top:100%;min-width: 100%;display: none;border: solid 1px #f5333c;border-top: solid 1px #231f20}
.innerMenu a{display: block;padding: 6px 10px;text-align: left;}
.innerMenu a.active, .innerMenu a:hover{color: #f5333c;background: #231f20}
.subMenu:hover .innerMenu{display: block}


.content{max-width: 1578px;margin: 0 auto;position: relative;padding: 25px 15px}
.yellow-line{background: #f5333c;content: ''; height: 17px;}
.realty{margin: -25px 0 0;}
.realty-big{font-size: 0;line-height: 0;margin-bottom: 55px;}
.realty-big-prev{width: 100%;position: relative;z-index: 5;}
.realty-big-info{position: absolute;right: 0;background: #fff;z-index: 10;padding: 20px 40px;top:50%;color: #808285;font-size: 40px;line-height: 55px;width: 30%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.realty [class^=col]{padding: 0;}
div[id^="IDX-slideshowGallery-"]
{
    width:100% !important;
}
.realty-big-price{font-weight: 700}
.realty-small{position: relative;}
.realty-small-prev{width: 100%;border-bottom: solid 25px #4890c7}
.realty-small-info{padding: 25px 15px 35px;font-size: 28px;line-height: 36px;color: #808285}
.realty-small-price{font-weight: 700}
.main-rez{height: 300px; clear:both}
.footer {height: 300px;margin:-300px auto 0;min-width:320px;position: relative;padding: 45px 0 0;}
.footer-menu{background: #231f20;color: #fff;text-align: center;padding: 25px;font-size: 0;line-height: 0;height: 80px;}
.footer-menu a{display: inline-block;vertical-align: middle;margin: 0 5px;color: #fff;font-size: 28px;line-height: 40px;}
.footer-menu hr{display: inline-block;border-top: none;width: 2px;height: 25px;vertical-align: middle;margin: 0 5px; background: #fff;}
.footer-content{position: relative;height: 165px;max-width: 1578px;margin: 40px auto 0;}
.footer-content .row { margin-left:0!important; margin-right: 0!important;}
.footer-copy{text-align: right;}
.footer a,.footer a:hover{ color:#231f20;font-size: 14px;}
.footer-partners{position: absolute;left: 61%;top: 50px;font-size: 0;line-height: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.footer-partners a{display: inline-block;vertical-align: middle;margin: 0 3px;}
.mobile{display: none;}
.mobile{background: #0078c6;}
.menuTitle{display: block;text-align: left;padding: 10px 22px 10px 5px;font-size: 26px;color: #fff;line-height: 30px;cursor: pointer;}
.menuTitle .caret{display: block;position: absolute;right: 5px;top: 21px;border: solid 10px transparent;width: 0;height: 0;border-top-color: #fff;}
.mobile{margin: 0 auto; text-align: left;display: none;background: #f5333c;padding: 0 15px;}
.mobile .dropdown{max-width: 350px;margin: 0 auto}
.mobile .dropdown-menu{width: 100%;margin: 0;border-radius: 0;padding: 0;font-size: 16px;border-top: 0;}
.mobile .dropdown-menu li.active > a{background: #ff7878;color: #455559;}
.mobile .dropdown-menu li.active > a:hover{text-decoration: none;color: #455559;}
.mobile .dropdown-menu > li > a, .mobile .dropdown-menu > li > span{color: #455559;text-decoration: none;padding: 5px 10px;font-weight: 400;display: block;}
.mobile .dropdown-menu > li > ul{padding: 0;list-style: none;}
.mobile .dropdown-menu > li > ul a{color: #455559;text-decoration: none;padding: 5px 10px 5px 20px;font-weight: 400;display: block}
.mobile .dropdown-menu > li > a:hover, .mobile .dropdown-menu > li > span:hover, .mobile .dropdown-menu > li > ul a:hover{background: #ff7878}
.black{color: #211715}
.inner .header-bg{height: 265px;overflow: hidden}
.inner .header-bg img {max-width: none;width: 1920px;}
.inner .top-search{display: none}
.inner {border-bottom: solid 75px #f5333c;}

.short-sales-left{
    margin: 9% 0 15px;
}
#short-sales-h4{
    margin-top:7%;
}



.agent-header{text-align: center}
.agent_list{position: relative;margin: 0 -10px;font-size: 0;line-height: 0;text-align: center}
.agent_card{display: inline-block;vertical-align: middle; margin:11px;position: relative;max-width: 20%;width: 100%}
.agent_image{width: 100%;position: relative;z-index: 5}
.agent_text{padding:12px 10px;font-size: 18px;line-height: 24px;background: rgb(54, 112, 152);color: #fff;z-index: 10;text-align: left}
.agent_text p{margin: 0;}
.agent_text a{color: #fff;}
.agent_phone {font-size: 0.7em}
.agent_email {font-size: 0.7em}
.agent_phone:hover {text-decoration: underline}
.agent_email:hover {text-decoration: underline}

.checkbox{font-weight: 300;position: relative;padding: 0 0 0 25px;margin: 0 0 10px}
.checkbox:before{position: absolute;left: 3px;top:8px;width: 16px;height: 16px;border: solid 1px #808285;content: '';z-index: 10}
.checkbox input{position: absolute;left: 0;top:0;opacity: 0;}
.checkbox input:checked + span:before {position: absolute;left: 2px;top:7px;width: 16px;height: 16px;content: '';background: url("../images/icon-checked.gif") no-repeat center center;z-index: 5; background-size: 95%}
.form-horizontal{margin-top: 25px;}
.control-label{font-weight: 300;}
.form-control{border: solid 1px #808285!important;border-radius: 0;height: 50px;resize: vertical;outline: none!important;font-size: 24px;box-shadow: none!important;}
.btn-send, .btn-clear{border: none;height: 52px;border-radius: 0;font-size: 0;display: inline-block;vertical-align: middle;line-height: 0;padding: 0;margin-right: 10px;cursor: pointer;}
.btn-send{background: url("../images/btn-send.png"); width: 135px;}
.btn-clear{background: url("../images/btn-clear.gif"); width: 114px;}
.gallery{max-width: 1200px;margin: 20px auto 0}

@media screen and (max-width: 1599px){
    .top-menu, .top-search{left: 15%;right: 15%;}
    .top-search{top:335px;}
    .logo{left: 8%}
    .top-phone{right: 31%;}
    .top-address{width: 25%;right: 4%}
    .top-separator{right: 30%;}
    .logo-footer{left: 8%}
    .everStudio{right: 8%}

    div[id^="IDX-slideshowGallery-"]
    {
        height:280px !important;
    }
    .idx-slideshowPhotoElement
    {
        height:280px !important;
        width:auto !important;

    }
    #IDX-slideshowGallery-42461  .idx-slideshowPhotoElement
    {
        height:100% !important;
        width: auto !important;
    }

    #IDX-slideshowGallery-42461
    {
        width:100% !important;
        height:auto !important!;
    }
    .footer-partners{width:60%;}

}

@media screen and (max-width: 1439px) {
    .top-menu, .top-search{left: 8%; right: 8%;}
    .desc a{font-size: 18px;}
    .top-search{top:295px;padding: 20px 4px 20px 20px}
    .top-search-field{margin-right: 70px;}
    .top-search-inp{height: 50px;font-size: 20px;line-height: 20px;}
    .top-search-btn{width: 50px;height: 50px;}
    .top-search-hamburger{width: 70px;height: 50px;}
    h1, h2{font-size: 40px;line-height: 50px;}
    h4{font-size: 28px;line-height: 34px}
    html,body{font-size: 20px;line-height: 26px;}
    .realty-big-info{font-size: 30px;line-height: 38px;}
    .realty-small-info{font-size: 24px;line-height: 32px;}
    .footer-menu{padding: 15px;}
    .footer-menu a{font-size: 22px;}
    .footer-partners{top:60px;}
    .footer-partners img{max-height: 40px;}
    .checkbox:before{top:5px}
    .checkbox input:checked + span:before {top:4px}
    .slick-prev, .slick-next{background-size: 50%!important;}
    .slick-prev{left: 15px!important;}
    .slick-next{right: 15px!important;}

}

@media screen and (max-width: 1199px) {
    .logo{left: 50px;top:30px;max-width: 200px;}
    .top-social{right: 50px;top:40px;}
    .top-address{right: 110px;top:30px;width: 250px;}
    .top-separator{right: 380px;top:30px;}
    .top-phone{right: 400px;top:30px;}
    .top-phone a{font-size: 30px;}
    .top-menu{left: 50px;right: 50px;}
    .desc{height: 40px;}
    .desc a{font-size: 14px;}
    .top-search{padding: 10px}
    .top-search-inp{height: 30px;padding: 0 10px;font-size: 16px;line-height: 30px;}
    .top-search-btn{width: 30px;height: 30px;}
    .top-search-btn:hover{border: 5px solid white;}
    .top-search-hamburger{width: 60px;top:-10px;}
    .top-search-field{margin-right: 50px;}
    h1, h2{font-size: 30px;line-height: 40px;margin: 15px 0}
    h1 + h2{margin: -15px 0 15px}
    h4{font-size: 26px;line-height: 32px}
    html,body{font-size: 16px;line-height: 22px;}
    .content{padding: 15px;}
    .realty-big{margin-bottom: 30px;}
    .realty-big-info{font-size: 24px;line-height: 30px;width: 35%}
    .realty-small-info{padding: 15px;font-size: 20px;line-height: 26px;}
    .footer{padding: 0;}
    .footer-menu a{font-size: 18px;line-height: 25px;}
    .footer-menu hr{height: 20px;}
    .logo-footer{left: 50px;top:80px;}
    .logo-footer img{max-height: 55px;}
    .everStudio{right: 50px;top:80px;}
    .footer-partners{top:30px;white-space: nowrap;}
    .footer{height: 220px;margin-top: -220px;}
    .main-rez{height: 220px;}
    .checkbox:before{top:2px}
    .checkbox input:checked + span:before {top:1px;}

}

@media screen and (max-width: 991px) {
    .header{background: #0078c6;}
    .header-bg{display: none}
    .header-content{position: relative}
    .logo{position: static;max-width: 100%;text-align: center;padding: 25px;}
    .top-address{text-align: center;position: static;height: auto;display: block;width: auto;padding: 25px 0}
    .top-phone{text-align: center;position: static;height: auto;display: block}
    .top-phone a{font-size: 40px;}
    .top-separator{display: none}
    .top-social{display: none}
    .top-search{position: static;background: #455559}
    .top-menu{position: static}
    .desktop{display: none;}
    .mobile{display: block;}
    h1, h2{font-size: 24px;line-height: 30px;}
    html,body{font-size: 18px;line-height: 22px;}
    h4{font-size: 18px;line-height: 24px}
    .blue-line{display: none}
    .realty-big{border-top: solid 20px #f5333c;margin: 0;}
    .realty-big-info{position: static;background: transparent; width: auto;padding: 15px;font-size: 20px;line-height: 26px;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .realty-small-prev{border-bottom: none;border-top: solid 20px #f5333c;}
    .footer-menu a{font-size: 14px;}
    .footer-menu hr{width: 1px;}
    .main-rez{display: none}
    .main{min-height: 0;}
    .footer{height: auto;margin: 0;}
    .footer-content{height: auto}
    .logo-footer{position: static;text-align: center;padding: 30px 15px;}
    .footer-partners{position: static;padding: 5px;white-space: normal;text-align: center;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .footer-partners a{margin: 10px;}
    .footer-partners img{max-height: 30px;}
    .everStudio{position: static;padding: 15px; text-align: center}
    .everStudio p{text-align: center;margin: 0 0 10px;}
    .agent_text{font-size: 14px;line-height: 18px;}
    .benefits::before{
        display: none;
    }
    .join-us-info::before{
    display: none;
    }
    .slick-prev, .slick-next{width: 32px!important;}


    .header.inner {border-bottom: none;}
}
@media screen and (max-width: 767px) {
    .footer-content {
        text-align: center!important;
    }
    .footer-copy{
        text-align: center;padding: 20px 15px 30px;
    }

}
@media screen and (max-width: 479px) {

    .agent_list{margin: 0}
    .agent_card{
        margin: 0 1% 15px;
        max-width: 100%;
        width: 50%%;

    }
    .footer-partners{
        margin-left: 20%;
    }
    .gallery-prev .slick-slide{width: 30%}

}

/* SLICK */

.slick-prev, .slick-next{width: 64px!important;}
.slider-node{font-size: 0;line-height: 0;white-space: nowrap;overflow: hidden;position: relative;z-index: 5}
.slider-node > img{width: 100%}
.slider img{width: 100%}
.slider:not(.slick-initialized) > div{display: inline-block;vertical-align: top;}
.slick-prev, .slick-next{width: 64px;height: 114px;top:50%;z-index: 10}
.slick-prev:before, .slick-next:before{display: none;}
.slick-prev, .slick-prev:hover, .slick-prev:focus{left: 90px;background: url("../images/icon-prev.png") no-repeat center center}
.slick-next, .slick-next:hover, .slick-next:focus{right: 90px;background: url("../images/icon-next.png") no-repeat center center}
.slick-initialized * {outline: 0}
.slick-slide img{width: 100%}
.gallery-prev{margin: 0 0 30px;}
.gallery-prev .slick-track{width:auto!important;transform:none!important;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 0}
.gallery-prev .slick-slide{width: 19%;margin: 0 0 15px}
.gallery-prev .slick-track:before, .gallery-prev .slick-track:after{display: none}
.slick-prev, .slick-next {
    width: 64px;
    height: 114px;
    top: 50%;
    z-index: 5;
}