@import "fontawesome-free/css/all.min.css";

/***********************************
########## DEFAULT ##########
***********************************/

.workcontrol_maintenance{
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: #ba8585;
    color: #fff;
    text-shadow: 1px 1px 0px #855E5E;
}


embed,
video,
iframe,
iframe[style]{
    max-width: 100%;
    height: auto;
}

select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: url(../images/select.svg);
    background-size: auto 20%;
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form_load{
    top: 7px;
    right: 7px;
    display: none;
}

/*################################# WC Paginator */

.paginator{
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    padding-left: 0;
}

.paginator li{
    display: inline-block;
}

.paginator li:first-of-type a{
    border-radius: 4px 0 0 4px;
}

.paginator li:last-of-type a{
    border-radius: 0 4px 4px 0;
}

.paginator li span,
.paginator li a{
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.paginator li a:hover{
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.paginator li span{
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    cursor: not-allowed; 
}


::selection {
    background: #17A2B8; 
    color: #ffffff;
} 		

::-moz-selection {
    background: #17A2B8; 
    color: #ffffff;
}		

::-webkit-selection {
    background: #17A2B8; 
    color: #ffffff;
}


::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F8F9FA;
}

::-webkit-scrollbar
{
    width: 10px;
    background-color: #6C757D;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #343A40;
}

/***********************************
########## RESET BOOTSTRAP ##########
***********************************/
body{
    overflow-x: hidden !important;
}

.btn{
    /*border-radius: 0 !important;*/

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.btn:focus{
    box-shadow: none !important;
}

.input-group-prepend {
    width: 40px;
}

.container {max-width: 96%;}

.h1, h1 {font-size: 2.6em !important;}
.h2, h2 {font-size: 2em !important;}
.h3, h3 {font-size: 1.5em !important;}
.h4, h4 {font-size: 1.4em !important;}
.h5, h5 {font-size: 1.125em !important;}
.h6, h6 {font-size: 1.075em !important;}


@media (min-width: 576px) {
    .container {max-width: 96%;}
    .h1, h1 {font-size: 2.8em !important;}
    .h2, h2 {font-size: 2.2em !important;}
    .h3, h3 {font-size: 1.6em !important;}
    .h4, h4 {font-size: 1.5em !important;}
    .h5, h5 {font-size: 1.175em !important;}
    .h6, h6 {font-size: 1.1em !important;}
}

@media (min-width: 768px) {
    .container {max-width: 96%;}
    .h1, h1 {font-size: 3em !important;}
    .h2, h2 {font-size: 2.4em !important;}
    .h3, h3 {font-size: 1.7em !important;}
    .h4, h4 {font-size: 1.6em !important;}
    .h5, h5 {font-size: 1.2em !important;}
}

@media (min-width: 992px) {
    .container {max-width: 96%;}
    .h1, h1 {font-size: 3.2em !important;}
    .h2, h2 {font-size: 2.6em !important;}
    .h3, h3 {font-size: 1.8em !important;}
    .h4, h4 {font-size: 1.7em !important;}
    .h5, h5 {font-size: 1.25em !important;}
    .h6, h6 {font-size: 1.125em !important;}
}

@media (min-width: 1200px) {
    .container {width: 1400px; max-width: 96%;}
}


/***********************************
########## HELPERS ##########
***********************************/
.font_exbold{
    font-weight: 900;
}

.text_shadow {
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.28);
}

.text_small{
    font-size: 0.8575em;
}

.slow_7s{
    -webkit-transition: all 0.7s ease-out 0s !important;
    -o-transition: all 0.7s ease-out 0s !important;
    transition: all 0.7s ease-out 0s !important;
}

button, a, .slow_3s{
    text-decoration: none;    
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}   

.shadow-1dp {
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.14),
        0 2px 2px 0 rgba(0,0,0,0.12),
        0 1px 3px 0 rgba(0,0,0,0.20);
}

.shadow-2dp {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14),
        0 3px 4px 0 rgba(0,0,0,0.12),
        0 1px 5px 0 rgba(0,0,0,0.20);
}

.shadow-4dp {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14),
        0 4px 5px 0 rgba(0,0,0,0.12),
        0 1px 10px 0 rgba(0,0,0,0.20);
}

.shadow-8dp {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),
        0 3px 14px 3px rgba(0,0,0,0.12),
        0 4px 5px 0 rgba(0,0,0,0.20);
}

.bg_cover{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg_parallax {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.vertical-align-center {
    display: table;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.vertical-align-center > * {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
}

.bg_shadow{
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.33);
}

/***********************************
########## Preload ##########
***********************************/

/*#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F8F9FA;
    z-index: 999999;
}

.preloader{
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader .spinner-grow{
    width:7rem;
    height:7rem;
}*/




/***********************************
########## HEADER ##########
***********************************/

.main_brand{
    width: 235px;
    max-width: 75%;
}

.main_brand.footer{
    width: 260px;
}


.main_header .header_bottom{
    top: -100%;
}


@media (max-width: 767px) {
    .main_header .header_bottom.position-fixed{
        display: none;
    }
}

@media (min-width: 768px) {
    .main_header .header_bottom.position-fixed{
        top: 0;
        left: 0;
        z-index: 887;
        box-shadow: 0 0 2px 0 rgba(0,0,0,0.14),
            0 2px 2px 0 rgba(0,0,0,0.12),
            0 1px 3px 0 rgba(0,0,0,0.20);
    }
}

.nav-icon {
    width: 50px;
    height: 40px;
    position: relative;
    margin: 5px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    vertical-align: middle;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background-color: #F8F9FA;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.nav-icon span:nth-child(1) {
    top: 0px;
}

.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
    top: 16px;
}

.nav-icon span:nth-child(4) {
    top: 32px;
}

.nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav-icon:hover span {
    background-color: #343A40;
}


.main_nav li ul{
    display: none;
    height: 0;
    width: 240px;
    z-index: 888;
}

.main_nav li ul li:first-of-type{
    margin-top: 0px;
}

.main_nav li:hover ul{
    display: block;
    height: auto;
}

.main_nav_mobile > li:hover >  a,
.main_nav > li:hover >  a{
    background-color: rgba(0,0,0, 0.33);
}

/*menu mobile*/
.box_menu_mobile {
    top: 0;
    left: -100%;
    z-index: 888888;
    height: 100%;
    background-color: rgba(255,255,255,0.33);
}

.box_menu_mobile .main_nav_mobile {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    height: 100%;
    width: 400px;
    max-width: 85%;
    top: 0;
    left: -100%;
    overflow-y: auto;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.2);
}

.box_menu_mobile.active {left: 0;}
.box_menu_mobile.active .main_nav_mobile {left: 0;}

.box_menu_mobile .main_nav_mobile ul li.has_sub > a:after {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f104";
    display: inline-block;
    float: right;
    font-size: 1em;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    font-weight: bold;
}

.box_menu_mobile .main_nav_mobile ul li.has_sub > a[aria-expanded="true"]:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.main_nav a, .main_nav_mobile a{
    font-size:  0.8575em;
}

/***********************************
########## SLIDE ##########
***********************************/
.slide_destaque .max_slide_item{
    height: 500px;
}

.slick-dots{
    width: 100%;
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 88;
    bottom: 7px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform:  translate(-50%, 0%);
    -o-transform:  translate(-50%, 0%);
    transform: translate(-50%, 0%);
    vertical-align: middle !important;
}

.slick-dots li{
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 10px;
    width: 10px;
    background-color: rgba(255,255,255, 0.77);
    overflow: hidden;
    margin: 5px 3px;

    border-radius: 100%;

    box-shadow: 0 0 2px 0 rgba(0,0,0,0.14),
        0 2px 2px 0 rgba(0,0,0,0.12),
        0 1px 3px 0 rgba(0,0,0,0.20);

    -webkit-transition: all 0.3s ease-out 0s !important;
    -o-transition: all 0.3s ease-out 0s !important;
    transition: all 0.3s ease-out 0s !important;
}

.slick-dots li.slick-active{
    background-color: #fff;
    height: 20px;
    width: 20px;
    margin: 0px 1px;
}
.slick-dots li:hover{
    background-color: rgba(255,255,255, 0.88);
    cursor: pointer;
}

.slick-dots li button{
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.slick-arrow{
    font-family: "Font Awesome 5 Free" !important;
    width: 50px;
    height: 50px;
    text-align: center;

    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    color: transparent;
    background-color: transparent;
    top: 50%;
    z-index: 88;
    border: 0;
    outline: 0;

    box-shadow: 0 0 2px 0 rgba(0,0,0,0.14),
        0 2px 2px 0 rgba(0,0,0,0.12),
        0 1px 3px 0 rgba(0,0,0,0.20);

    opacity: 0;
}

.slide_max:hover .slick-arrow{
    opacity: 1;
}


.slick-arrow:after{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #17A2B8;
    font-size: 1.6em;
    z-index: 89;
    color: #fff;
    font-weight: bold;
}

.slick-arrow.slick-prev{
    left: -40px;
}

.slide_single .slick-arrow.slick-prev{
    left: 7px;
}

.slick-arrow.slick-prev:after{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f053" !important;
    z-index: 90;
}

.slick-arrow.slick-next{
    right: -40px;
}

.slide_single .slick-arrow.slick-next{
    right: 7px;
}

.slick-arrow.slick-next:after{
    font-family: "Font Awesome 5 Free" !important;
    content: "\f054" !important;
}


.slider-nav .item-slick:hover{
    cursor: pointer;
}

/*.slider-nav .item-slick:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}*/


.lightboxOverlay{
    z-index: 88898
}
.lightbox{
    z-index: 88899
}


/***********************************
########## Imoveis Itens ##########
***********************************/

.imovel_item{
    height: 100%;
}

.post_item{
    font-size: 1em !important;
}

.post_item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.imovel_transaction{
    right: 10px;
    top: -10px;
}

.imovel_observation{
    top: -10px;
    left: 10px;
}

.imovel_type{
    bottom: 30px;
    left: 10px;
}



.corretor_avatar{
    width: 180px;
    height: 180px;
}

.corretor_bkg{
    height: 140px; 
    filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -webkit-filter: blur(3px);
}

.corretor_item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}


.social_link{
    font-size: 1.4em;
    width: 50px;
    height: 50px;
}

/***********************************
######## HTML CHARS CONFIG #########
***********************************/
.htmlchars{
    display: block;
    width: 100%;
}

.htmlchars h3{display: block; font-size: 2em; font-weight: 600; margin-bottom: 30px; margin-top: 40px;}
.htmlchars h4{display: block; font-size: 1.8em; font-weight:600; margin-bottom: 30px; margin-top: 40px;}
.htmlchars h5{display: block; font-size: 1.6em; font-weight: 600; margin-bottom: 30px; margin-top: 40px;}
.htmlchars p{margin-bottom: 20px; font-size: 1.125em; font-weight: 400;}
.htmlchars iframe{width: 100%; border: none;}
.htmlchars ul{list-style: circle; margin: 20px 30px;}
.htmlchars ol{margin: 20px 30px;}
.htmlchars form{padding: 30px; background: #fbfbfb; margin: 20px 0; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form label{display: block; margin-bottom: 15px; font-size: 0.9em; text-transform: uppercase;}
.htmlchars form input,
.htmlchars form textarea{border: 1px solid #ccc; display: block; margin-top: 15px; font-size: 1em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form button,
.htmlchars form input[type="submit"]{display: block; border: 0; color: #fff; text-shadow: 0 1px #000; cursor: pointer; padding: 15px 30px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; background: #00B494; border-bottom: 5px solid #008068; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form button:hover,
.htmlchars form input[type="submit"]:hover{background-color: #008068; border-color: #0B5747;}
.htmlchars a{color: #0E96E5; text-decoration: none;}
.htmlchars a:hover{text-decoration: underline;}
.htmlchars pre{margin-bottom: 30px; font-size: 0.8em;}
.htmlchars .btn{display: block; color: #fff;}
.htmlchars .btn:hover{text-decoration: none !Important;}



/*Imovel Single*/

.imovel_elements li{

}

.imovel_elements li:before{
    display: inline-block;
    font-family: "Font Awesome 5 Free" !important;
    content: "\f058" !important;
    margin-right: 2px;
    color: #28A745;
}


.btn_compare{
    display: block;
    top: 0;
    right: 0;
    color: #fff;
}

.btn_compare.active{
    color: #DC3545;
}

.btn_compare:hover{
    cursor: pointer;
}




.alert{
    position: relative;
    overflow: hidden;
}

.alert.smt_alert{
    position: fixed;
    right: -500px;
    top: 16px;
    display: block;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 0 4px 0 #000;
    z-index: 9999999;
}

.alert .close{
    position: absolute;
    top: 5px;
    right: 10px;
}

.alert.smt_alert .load_bar{
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 7px;
    width: 0%;
    content: " ";
    display: block;
    background-color: rgba(0,0,0,0.10);
    z-index: 1000;
}


.content_compare > div:nth-child(odd){
    background-color: #F8F9FA;
}


.btn_compare{
    top: 0;
    bottom: 0;
    height: 56px;
}

.compare_sidebar{
    top: 0;
    background-color: #fff;
    right: -240px;
    width: 240px;
    height: 100%;
    z-index: 888;


    box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.14),
        0 -4px 5px 0 rgba(0,0,0,0.12),
        0 -1px 10px 0 rgba(0,0,0,0.20);
}

.compare_sidebar.active{
    right: 0;
}

.btn_side_compare{
    top: 50%;
    left: -49px;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.14),
        0 -4px 5px 0 rgba(0,0,0,0.12),
        0 -1px 10px 0 rgba(0,0,0,0.20);

    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform:translate(0%, -50%);

}


.btn_side_compare:hover{
    cursor: pointer;
}

.compare_sidebar.active .btn_side_compare i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}


.btn_side_compare.active i{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}



.compare_sidebar_container{
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}


.teste{
    border: 3px solid red;
}