.content{
    width: 80%;
    padding: 40px 0;
}

.wc_slides{
    width: 100%;
}

.wc_slide_item_desc{
    top: 40% !important;
    text-align: center;
    font-size: 1.2em;
}

.main_header{
    border-top: 5px solid #008B6F;
    background: #fbfbfb;
}

.main_header .content{
    padding: 25px 0 15px 0;
}

.wc_mobile_nav{
    display: none;
    width: 100%;
    padding: 20px;
    background: #ed533f;
    font-weight: bold;
    color: #fff;
    text-align: center;
    cursor: pointer;
    cursor: pointer;
}

.wc_mobile_nav span{
    display: inline-block;
    vertical-align: top;
    font-size: 1.5em;
   
}
.wc_mobile_nav:hover{
    color: #000;
}

.wc_mobile_nav .bar{
    margin-right: 5px;
    margin-top: -1px;
}

.site_title{
    position: absolute;
    text-indent: -9999px;
}

/**LOGOTIPO NO DESKTOP*/
.main_header .wc_logo{
    float: left;
    width: 350px;
    max-width: 100%;
}

.main_header .wc_contact{
    float: right;
    text-align: right;
    padding: 20px 0;
}

.main_header .wc_contact h1{
    font-size: 1.6em;
    font-weight: bold;
    color: #777;
    line-height: 1;
}

.main_header .wc_contact p{
    font-size: 1.1em;
    font-weight: 600;
    color: #777;
}

/*MENU DI SITE VERSÃO DESKTOP**/
.wc_imobi_nav{
    display: block;
    width: 100%;
    background: #ed533f;
}

.wc_imobi_nav .content{
    padding: 0;
    font-size: 1em;
    font-weight: 500;
    text-transform: capitalize;
}

.wc_imobi_nav .li{
    display: inline-block;
    position: relative;
}

.wc_imobi_nav a{
    display: inline-block;
    font-size: 0.9em;
    padding: 20px;
    color: #fff;
    text-decoration: none;
}

.wc_imobi_nav .login{
    float: right;
}

.wc_imobi_nav .li:hover,
.wc_imobi_nav .li a:hover{
    background: #d53c28;    
}

.wc_imobi_nav .li:hover .sub,
.wc_imobi_nav .li a:hover .sub{
    display: block;   
    background: #c73421;    
}

/*BARRA DE PESQUISA DO CODI DO IMOVEL*/
.imobi_search_code{
    float: right;
    padding: 15px 20px;
    background: #d53c28;
}

.imobi_search_code:hover{
    background: #c73421 !important;   
}

.imobi_search_code input,
.imobi_search_code button{
    display: inline-block;
    width: 30%;
    padding: 5px;
    border: none;
    vertical-align: middle;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
}

.imobi_search_code input{
    padding: 7px;
    width: 70%
}

/* MUDA A CORD DO SUB MENU */
.wc_imobi_nav .sub{
    position: absolute;
    display: none;
    width: 300px;
    background: #b52d1c;
    left: 0;
    top: 100%;
    z-index: 99; 
}

.wc_imobi_nav .sub li a,
.wc_imobi_nav .sub li{
    display: block;
    width: 100%;      
}

.section_header{
    text-align: center;
    margin-bottom: 30px;
}

.section_header h1{
    text-transform: uppercase;
    color: #ed533f;
    font-size: 2em;
}

.section_header p{
    text-transform: uppercase;
    font-weight: 300;
}

.workcontrol_imobi_filter{
    background: #eee;
}

.realty_item{
    background-color: #fff;;
    box-shadow: 0px 0px 2px 1px #ccc;
}
.realty_item:hover{
    background-color: #fff;;
    box-shadow: 2px 2px 8px #ccc;
}


.realty_item_header{
    position: relative;    
}

.realty_item_header_opcoes{
    display: flex;
    padding-left: 10px;
}

.realty_item_header h1{
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    font-size: 1em;
    font-weight: 600;
    color: #fff;
}

.realty_item_header a{
    text-decoration: none;
    color: #fff;
}

.realty_item_header a:hover{
    text-decoration: underline;    
}

.realty_item_header_subtitle{
    display: block;
    margin-left: 10px;
    margin-top: 5px;
    font-weight: bold;
}
.realty_transaction_c4{
    display: flex;
    margin-left: 10px;
    font-size: 0.875em;
}

.realty_transaction{
    position: absolute;
    left: 0;
    top: 20px;
    padding: 5px 10px;
    font-size: 0.8em;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.realty_transaction.cs3{
    background: #00B490;
}

.realty_transaction.cs2{
    background: #008B6F;
}

.realty_transaction.cs1{
    background: #e09595;
}

/**CONFIGURANÇÃO DO STATUS DO IMOVEL: DISPONIVEL OU INDISPONIVEL*/
.realty_statusimovel_c4{
    display: flex;
    margin-left: 10px;
    font-size: 0.875em;
}

.realty_statusimovel{
    display: flex;
    margin-left: 10px;
    font-size: 0.875em;
}

.realty_statusimovel{
    position: absolute;
    right: 0;
    /*top: 76px;*/
    top: 0px;
    padding: 5px 10px;
    font-size: 0.8em;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.realty_statusimovel.cs3{
    background: #00B490;
}

.realty_statusimovel.cs2{
    background: #FF0000;
}

.realty_statusimovel.cs1{
    background: #005fb3;
}
/**FIM DO CODIGO DO STATUSO DO IMOVEL*/

/**CODIGO DO CODIGO DO STATUSO DO IMOVEL NA PAGINA IMOVEL ABAIXO DO TITULO*/

.section_header_status{
    background-color: #f5f5f5;
    box-shadow: 0 0 10px #ccc;
}

.section_header_status h1{
    text-align: center;
    font-size: 1.7em;
    color: #ed533f;
    text-transform: uppercase;
}

.imobi_single_desc_statusimovel{
    display: flex;
    justify-content: center;
    font-size: 1em;
    margin: 10px;
}


.section_header_statusimovel{
    display: flex;
    width: 500px;
    justify-content: center;    
    align-items: center;
    padding: 5px 10px;
    margin-top: 20px;
    margin:  0 auto;
    font-size: 2em;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.section_header_statusimovelcs3{
    background: #00B490;
}

.section_header_statusimovel.cs2{
    background: #FF0000;
}

.section_header_statusimovel.cs1{
    background: #005fb3;
}

/**FDIM DO CODIGO DO ESTADO DO IMOVEL NA PAGINA IMOVEL ABAIXO DO TITULO*/

.realty_observation{
    position: absolute;
    /*left: 95px; COLOCAR UM AO LADO DO OUTRO
    top: 20px;*/
    left: 0;
    top: 48px;
    padding: 5px 20px;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
    background: #333;
    text-transform: uppercase;
}

/** CODIGO QUE MUDA A COR DO LANÇAMENTO, DESTQUE, OU TEMPORARDA DA PAGINA DO IMOVEL ABAIXO DO TITULO*/
.realty_observation_title{
    display: flex;    
    justify-content: center;
    align-items: center;
    width: 400px;
    margin: 0 auto;
    padding: 10px 20px;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    background: red;
    text-transform: uppercase;
}




.realty_item_content{
    padding: 10px;
}

.realty_item_content p{
    display: inline-block;
    padding: 5px 10px;
    width: 50%;
    padding-left: 40px;
    background-size: 20px;
    background-position: center left 10px;
    background-repeat: no-repeat;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #777;
}

fieldset{
    background-color: #FFF;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 30px;
    box-shadow: 2px 2px 10px #ddd;
}

legend{
    font-size: 0.875em;
    font-weight: 500;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    background-color: #000;
    padding: 5px;

}

.realty_item.box4 .realty_item_header h1{
    position: relative;
    background: #333;
    font-size: 0.875em;
}

.realty_item.box4 .realty_item_content p{
    font-size: 0.5em;
    padding: 0;
    padding-left: 35px;
}

.realty_item_content p b{
    font-size: 1.1em;
    color: #000;
}

.realty_item_content .price{
    background-image: url(icons/price.png);
}

.realty_item_content .ref{
    background-image: url(icons/ref.png);
}

.realty_item_content .city{
    background-image: url(icons/city.png);
}


.realty_item_content .district{
    background-image: url(icons/district.png);
}


.realty_item_content .built{   
    background-image: url(icons/built.png);       
    } 

.realty_item_content .total{
    background-image: url(icons/total.png);

}

.realty_item_content .bed{    
    background-image: url(icons/bedrooms.png);
}

.realty_item_content .aparts{
    background-image: url(icons/aparts.png);
}

.realty_item_content .bat{
    background-image: url(icons/bat.png);
}

.realty_item_content .parking{
    background-image: url(icons/parking.png);
}


/**ICONES DA INDEX DO IMOVEIS*/
.realty_item_content .built_index{   
    background-image: url(icons/built.png);       
    background-color: #f77b6b;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #000;
} 

.realty_item_content .total_index{
    background-image: url(icons/total.png);
    background-color: #f77b6b;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #000;
}

.realty_item_content .bed_index{    
    background-image: url(icons/bedrooms.png);
    background-color: #f77b6b;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #000;
}

.realty_item_content .aparts_index{
    background-image: url(icons/aparts.png);
    background-color: #f77b6b;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #000;
}

.realty_item_content .bat_index{
    background-image: url(icons/bat.png);
    background-color: #f77b6b;
    border-right: 3px solid #fff;
    color: #000;
}

.realty_item_content .parking_index{
    background-image: url(icons/parking.png);
    background-color: #f77b6b;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #000;
}
/**FIM DO ICOENS NA INDEX*/

.realty_item_content .full{width: 100% !important;}

.realty_item_price{
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    background: #faba7c;
    color: #000;
    margin-bottom: 4px;
    border-left: 5px solid #dc8411;
    /*text-shadow: 1px 1px 1px #fcfcfc;*/
}

.realty_item_price_subsidio{
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    background: #5b90f9;
    border-left: 5px solid #000066;
    color: #FFF;
      margin-bottom: 4px
    /*text-shadow: 1px 1px 1px #fcfcfc;*/
}

.realty_item_price_sinal{
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    background: #158a00;
      border-left: 5px solid #115804;
    color: #FFF;
    /*text-shadow: 1px 1px 1px #;*/
}

.realty_item_price_subtitle{   
    font-size: 0.5em;
    text-align: center;
    color: #000;  
    text-transform: uppercase;
}

.realty_item_price_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    font-size: 1em;
    font-weight: normal; 
    width: 100%;
}

.wc_imobi_featured{
    background: #eee;
}

.wc_imobi_featured .realty_item{
    background: #fff;
}

.wc_footer{
    background: #c73421 url(images/footer-map.png) center right 10% no-repeat;
    color: #fff;
}

.wc_imobi_footerinfo p{
    margin-top: 20px;
    font-size: 0.7em;
}

.wc_imobi_footerlinks{
    padding: 0 30px;
}

.wc_imobi_footercontact h1,
.wc_imobi_footerlinks h1{
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.wc_imobi_footerlinks a{
    color: #ccc;
    display: block;
    font-size: 0.7em;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-decoration: none;
}

.wc_imobi_footerlinks a:hover{
    color: #fff;
}

.wc_imobi_footercontact p{
    font-size: 0.8em;
    margin-bottom: 10px;
}

.paginator{
    display: block;
    width: 100%;
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
    border-top: 1px dotted #ccc;
    text-align: center;
}

.paginator li{
    display: inline-block;
}

.paginator li a,
.paginator li span{
    display: inline-block;
    padding: 5px 10px;
    background: #008B6F;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    margin: 0 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.paginator li a:hover{
    background: #00B490;
}

.paginator li .active{
    background: #666;
}

.imobi_single{
    background: #eee;
}

.imobi_single_desc{
    display: inline-block;
    width: 40%;
    vertical-align: top;   
}

.imobi_single_desc_info{
    display: flex;
    margin-left: 10px;
    font-size: 0.875em;
    margin: 10px;
}

.imobi_single_gb{
    display: inline-block;
    width: 60%;
    vertical-align: top;   
}
.imobi_single_gb img{
    box-shadow: 2px 2px 8px #ccc;
}

.imobi_single_gb{
    padding-right: 40px;
}

.imobi_single_gb aside{
    display: block;
    width: 100%;
    padding: 5px;
    background: #fff;
    cursor: pointer;
    box-shadow: 2px 2px 8px #ccc;
}

.imobi_single_gb aside article{
    display: inline-block;
    width: 20%;
    padding: 5px;
}

.imobi_single_gb aside article:hover{
    background: #008B6F;
}

.imobi_single_gb aside .active,
.imobi_single_gb aside .active:hover{
    background: #00B490;
    cursor: default;
}

/*MAIS DETALHES SOBRE O IMÓVEL COM VIDEO*/
.imobi_single_detalhes h1{
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-bottom: 1px solid #444;
    background-color: #FFF;
    padding: 8px;    
}
.embed-container{
    box-shadow: 0 0 15px #000;
}

.imobi_single_detalhes img{
    width: 100%;
}


.price_imovel{
    font-size: 1.4em;
    color: #8d8d8d;
    margin: 10px;
    font-weight: normal;

}

.imobi_single_desc header h2{
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1;
    color: #ed533f;
}

.imobi_brokers{
    text-align: center;
    background: #008B6F url(images/footer-map.png) center right 10% no-repeat;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0px 1px 1px #000;
}

.imobi_brokers p:last-of-type{
    font-size: 0.7em;
    text-transform: uppercase;
    margin-top: 5px;
}

.imobi_single_desc h3{
    font-size: 1em;
    font-weight: 300;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
}

.imobi_single_desc .realty_item_content{
    padding: 0;
}

.imobi_single_desc .realty_item_content p{
    display: inline-block;
    width: 100%;
    padding: 8px 0 8px 25px;
    background-position: center left;
    border-bottom: 1px solid #ccc;
}

.imobi_single_desc .realty_item_content b{
    display: inline-block;
    margin-left: 5px;
}

.single_imobi_desc{
    background: #fff;
    font-size: 1.1em;
}

.single_imobi_desc_localization{
    background: #f2f2f2;
    font-size: 1.1em;  
    padding: 50px ;
    
}

.single_imobi_desc_localization h1{
    font-size: 1.1em;    
    text-align: center;
}

.single_imobi_desc_localization p{
    font-size: 1em;    
    text-align: center;
    margin-bottom: 20px;
}

.single_imobi_desc_localization_googlemaps{   
    display: block;       
    width: 40%;     
   margin: 0 auto;
   box-shadow: 0 0 10px #000;  
  
}

.localizacao_mapa_p{
    padding: 20px;
    width: 100%;  
    border: 1px solid #000;
}

.imobi_single_part{
    background-color: #ed533f;
}

.imobi_single_part h3{
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #FFF;
}

.imobi_single_part span{
    display: inline-block;
    padding: 10px;
    background: #f87e6e;
    border: 1px solid #ed533f;
    color: #fff;
    font-weight: 600;
    font-size: 0.875em;
    padding-right: 10px;
}

.imobi_single_part span b{
    display: inline-block;
    padding: 5px 11px;
    background: #ed533f;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.page_content{
    background: #fbfbfb;
    padding: 20px;
}

.page_content header{
    text-align: right;
    margin-bottom: 20px;
    color: #ccc;
}

.page_content .htmlchars{
    padding: 0;
}

@media (max-width: 30em){
    .wc_imobi_footerlinks{
        padding: 0;
    }
    
    /**CODIGO DO MAPA DO GOOGLE*/
    .single_imobi_desc_localization{
        width: 100%;
    }
    
    .single_imobi_desc_localization_googlemaps{
        width: 100%;
    }
}

@media (max-width: 44em){
    .main_header .wc_logo{
        float: none;
        display: block;
        margin: 0 auto;
    }
    
    /**CODIGO DO MAPA DO GOOGLE*/
    .single_imobi_desc_localization{
        width: 100%;
    }
    
    .single_imobi_desc_localization_googlemaps{
        width: 100%;
    }

    .main_header .wc_contact{
        float: none;
        text-align: center;
        font-size: 0.8em;
    }

    .wc_slide_item_desc p{
        display: none;
    }
}

@media (max-width: 48em){
    .wc_imobi_footerlinks{
        padding-right: 0;
    }
    
    /**CODIGO DO MAPA DO GOOGLE*/
    .single_imobi_desc_localization{
        width: 100%;
    }
    
    .single_imobi_desc_localization_googlemaps{
        width: 100%;
    }

    .imobi_single_desc,
    .imobi_single_gb{
        width: 100%;
        padding: 0;
    }

    .imobi_single_desc{
        padding-top: 30px;
    }
}

@media (max-width: 56em){
    .content{
        width: 90%;
    }
    
    /**CODIGO DO MAPA DO GOOGLE*/
    .single_imobi_desc_localization{
        width: 100%;
    }
    
    .single_imobi_desc_localization_googlemaps{
        width: 100%;
    }
    
    .realty_item .realty_item_header img{
         width: 100%;
    }

    .realty_item .realty_item_header h1{
        position: relative;
        background: #333;
        font-size: 0.875em;
    }

    .realty_item .realty_item_content p{
        font-size: 0.875em;
        padding: 5px;
        padding-left: 35px;
    }

    .wc_slides{
        width: 100%;
    }
}

@media (max-width: 70em){
    .wc_imobi_nav{
        display: none;
    }
    
    /**CODIGO DO MAPA DO GOOGLE*/
    .single_imobi_desc_localization{
        width: 100%;
    }
    
    .single_imobi_desc_localization_googlemaps{
        width: 100%;
    }

    .wc_imobi_nav li,
    .wc_imobi_nav a,
    .wc_imobi_nav .content{
        display: block;
        width: 100%;
    }

    .wc_imobi_nav .sub{
        position: initial;
        display: block;
        width: auto;
    }

    .wc_imobi_nav .sub a:hover{
        background: #000;
    }

    .wc_mobile_nav{
        display: block;
    }
}