*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;    
    font-family: 'Open Sans', sans-serif;
    
}

/**Boot CSS**/

html,body{
    height: 100%;
   
}

input{
    margin: 5px;
    
}
.container{
    max-width: 1280px!important;
    margin: 0 auto;
    padding: 0 2%;
}

.clear{clear: both;}

header{
    background: #333;
    padding: 8px 0;
}

.logo-desktop{
    float: left;
}

.logo-desktop img{
    width: 155px;
}


.logo-desktop a:hover{
    color: white;    
}


nav.mobile{
    display: none;
}

nav.desktop{
    float: right;
}

nav.desktop li{
    display: inline-block;
    padding: 0 16px;
    padding-top: 15px;
    
}

nav.desktop a{
    color: #b6adad;
    text-decoration: none;
    text-transform: uppercase;
    
}

nav.desktop a:hover{
    color: white;
}

.box a{
    text-decoration: none;
    color: #333333;
}

.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


 .box-preco{
     background: rgba(0,0,0,0.7);
     padding: 0px 0 0px 10px;
     left: 18%;
     bottom: -15px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    min-width: 310px; 
 }

 .box-preco p{
     margin-bottom: 1px;
 }

 .box-preco h3{
     color: #9E3D30;
     font-weight: bold;
 }

 .box-busca{       
    left: 50%;
    top: 50%;
    margin-bottom: -140px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    min-width: 340px; 
 }

 .busca{
     background: rgba(0,0,0,0.5);
     padding: 10px 20px; 
     border-top: 4px solid #9E3D30;
     border-bottom: 4px solid #9E3D30;    
 }

.text-bottom{
    margin-bottom: 2px;
}

 .text-bottom p{     
     padding: 5px 10px;
     color: white;
     background: rgba(0,0,0,0.7);
 }

 .text-muted p,
 .text-muted h5{
     color: white;
     font-size: 15px;
 }

 .text-muted i{
     color: #b82332;
 }

 .select-sm{     
     margin-left: 0;
     
 }

 form.busca h2{
    color: white;
 }
 
p.status{
    text-align: center;
    padding: 2px 0;
    font-weight: bold;
    background: white;
    color:#333333;
    text-transform: uppercase;
}

 section.destaques .box{
     margin-bottom: 70px;
 }


 section.destaques .card-body{
     min-height: 150px;
     background: #ccc;  
 }

 section.destaques .text-muted p{
     width: 33%!important;
     font-size: 12px;
 }
 
.right{   
    float: right;
    
}

section.destaques {
    padding: 30px;
}

section.destaques .row-imoveis{
    display: flex;
    background: rgb(220, 220, 220);
    background: #ccc;
    border-radius: 20px ;
    margin-bottom: 30px;
}

p.card-text {
    font-size:12px;
}


.page-section .container{
    background: #F8F9FA;
    max-width: 1280px;
    padding: 40px;
}

section.lista-imoveis {
    padding: 30px;
}

section.lista-imoveis .row-imoveis{
    display: flex;
    background: rgb(220, 220, 220);
    background: #ccc;
    border-radius: 20px ;
    margin-bottom: 30px;
}

section.lista-imoveis .box{
    margin-bottom: 30px;
}

section.lista-imoveis .card-body{
    min-height: 195px;
    background: #ccc;  
}

section.lista-imoveis .text-muted p{
    width: 50%!important;
    font-size: 12px;
}


a.btn-mais{
    background: #9E3D30;
    color: white;
    width: 33%;
    margin: 60px;
}

p i{
    font-size: 15px;
}

form.busca input[type=submit]{
    cursor: pointer;
    background: #9E3D30;
    padding: 5px 25px;
    color: white;
    border: 0;
}

.r1{width: 30%;}
.r1 img{width:100%;display: block;}
.r2{width: 70%;}

.r2{
    padding: 20px;
    color: #646464;
    font-size: 15px;
}

.r2 p{
    border-bottom: 1px solid #646464;
    padding: 8px 0;
}

.property-section{
    padding-top: 10px;
}

.title-busca{
   margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
    font-size: 22px;
    font-weight: normal;
    color: #646464;
}

.footer-section {
    padding: 110px 0 0;
    background: #22242b;
}

.about-widget img {
    margin-bottom: 40px;
}

.about-widget .aw-text p {
    padding-right: 15px;
    margin-bottom: 35px;
}

.site-btn:hover {
    color: #fff;
}

.paginator{
    text-align: center;
}

.paginator a{
    margin: 0 10px;
    display: inline-block;
    text-decoration: none;
    padding: 6px 4px;
    border: 1px solid rgb(220,220,220);
    color: rgb(100,100,100);
}

.paginator a.active-page{
    background: rgb(220,220,220);
}

.titulo-pagina{
    margin-left: 0;
    background: #ccc;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 10px;
    width: 50%;
    border-left: #646464 10px solid;
}

h3.section-subheading{
    margin-bottom: 30px;
}

h4.service-heading{
    margin-top: 20px;
}

div.set-bg{
    background-image: url(images/sell-bg.jpg);
}

.about-text h3{
    font-size: 35px;
    font-weight: bold;
}

.about-text p{
    line-height: 2;
}

.order-lg-2 img{
    max-width: 100%;
}

.sell-section .sell-warp{
    margin-top: 130px;
    padding-top:130px;
    padding-bottom: 130px;
}

.sell-section h2{
    font-size: 75px;
    font-weight: bold;
}

.site-btn.sb-big {
    color: white;
    background: #b82332;
    font-weight: 700;
    padding: 21px 48px;
}

.sell-item .si-icon {
    background: #b82332!important;
}

.agents-section h2{
    font-size: 75px;
    font-weight: bold;
    margin-top: 120px;
}

.agent-item img {
    min-width: 100%;
    margin-bottom: 35px;
    max-width: 100%;
}


.cont-fotos p{
    margin-bottom: -50px;
    margin-left: -120px;
    background: rgba(0,0,0,0.5);
    color: white;
    font-size: 20px;
    width: 100px;
}

.video-item {
	position: relative;
	margin-top: 10px;
	margin-bottom: 61px;
}

.video-item .video-play {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 110px;
	height: 56px;
	left: calc(50% - 55px);
	top: calc(50% - 28px);
	border-radius: 24px;
	font-size: 17px;
	color: #ff000a;
	background: #fff;
}


#map{
    width: 100%;
    height: 180px;
}


footer-widger h2 {
    font-size: 18px;
    font-weight: 500;
    padding-top: 65px;
    margin-bottom: 33px;
}

@media screen and (max-width: 768px){
    .logo-desktop,
    nav.desktop{
        display: none;
    }

    .logo-mobile img{
        width: 20%;
    }
    

    nav.mobile{
        z-index: 9999;
        position: relative;
        text-align: center;
        display: block;
        width: 100%;
    }

    nav.mobile h3{
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        color: #b6adad;
    }

    nav.mobile ul{
        display: none;
        background: #333333;
        position: absolute;
        left: -2%;
        top: 39px;
        width: 104%;
        text-align: center;
        list-style-type: none;
        
    }

    nav.mobile li{
        margin: 0 35px;
        padding: 8px 0;
        border-top:1px solid #646464;
        text-align: left;
    }

    nav.mobile a{
        color: #b6adad;
        text-decoration: none;
        text-transform: uppercase;
        
    }

    nav.mobile a:hover{
        color: white;
        text-decoration: none;
        
    }

    .titulo-pagina{
        width: 100%;
    }
    
}   

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 999999;
    background-color: #0017ff00;
    color: #eeeeee;
    width: 80px;
    height: 78px;
    line-height: 48px;
    right: -5px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #0017ff00;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}


@media screen and (max-width: 832px){
    .box-preco{
        left: 50%;
        bottom: -15px;       
    }

    .box-busca{       
        left: 50%;
        top: 53%;
        margin-bottom: -240px;
     }
}

@media screen and (max-width: 768px){
    .box-preco{
        left: 50%;
        bottom: -15px; 
        width: 280px;      
    }

    .box-busca{    
          
        left: 50%;
        top: 50%;
        margin-bottom: -240px;
     }
}