/*
Theme Name: Terre v1
Theme URI: http://terre.com.br
Description: Tema desenvolvido para a imobiliária Terre
Author: Jonathan Sousa
Author URI: http://sitenapratica.com.br
Version: 1.0

*/
*{
  margin:0;
  padding: 0;
  text-decoration: none;
}

html,body{
 height:100%; width: 100%;
}
body{overflow-x: hidden; width: 100%; height: 100%;}
.head-menu{
  width: 100%; height: 120px; background: #186959;display: flex; justify-content: space-around; position: fixed; top: 0;z-index: 999;transition: 0.5s;
}
#clear{clear: both;}
.logo{width: 117px; height: 120px; display: flex; justify-content: center;
    align-items: center; margin-left: -25px;}
.logo img{width: 100%; height: auto; }
.menu-mobile{display: none;}
.menu{ font-family: "Open Sans"; font-weight: 300;}
.menu ul{width: fit-content; height: 120px; margin-right: -25px;}
.menu ul li{display: inline-block; padding: 0 0px;}
.menu ul li a {line-height: 120px; margin-left: 100px; display: block; font-size: 18px; text-decoration: none; color: #FFF;}
.menu ul li a span{border: 1px solid #FFF;
    padding: 6px 38px;}
.header{background: url("imgs/header-bg.png") no-repeat; background-size: cover; width: 100%; height: 949px; margin-top: 50px; background-position: 0px -50px;  overflow: hidden;}
.content-header{margin-top: 100px; position: absolute;width: 100%;top: 342px; text-align: center;  }
.text-header{position: relative; z-index: 9; width: 100%; text-align: center;}
.assetHeader{position: relative; width: 100%;background: #CCC;}
.assetHeader img{position: absolute; right: -120px; top:-494px;}
.header h1{color: #FFF;  font-family: "Open Sans"; font-weight: 600; font-size: 50px; }
.header p{color: #FFF;  font-family: "Open Sans"; font-weight: 400; margin-top: 20px; font-size: 24px; }
.searchBar{width: 1060px; height: 40px; background: #FFF; margin: 45px auto; display: flex; align-items: center; padding: 10px; position: relative;}
.searchBar label{margin-left: 25px;}
.searchBar form{width: 80%; background: #000; margin-left: 20px;}
.searchBar form input[type=text]{ width: calc(100% - 10px); padding: 10px 5px; border:none; font-family: "Open Sans"; font-weight: 300;font-size: 15px;}
.searchBar form input[type=text]::placeholder{ color: #CCC;}
.searchBar form input[type=submit]{padding: 10px 20px; position: absolute; right: 10px; top: 10px; width: 140px; background: #3faa83; border: none;font-family: "Open Sans"; font-weight: 400;
font-size: 15px; cursor: pointer; color: #FFF;transition: 0.5s;
 }

#content{width: 100%; height:1070px; background: url("imgs/bg-content-alugar.png") no-repeat; background-size: cover; background-position: center; margin-top: 150px; position: relative;transition: 0.5s;}
.btns-home{width: 100%; height: auto;text-align: center;}
.btns-home button{margin: 80px 170px; padding: 22px 10px;  font-family: "Open Sans";  font-size: 25px; width: 340px; border: 1px solid #FFF; background: none; color: #FFF;
cursor: pointer;
}
.lineAlugar{width: 900px; height: 20px; margin: 0 auto; margin-top: -20px; position: relative;}
.lineBtns{width: 200px; height: 2px; background: #fff; position: absolute;}
.content-box-home{margin-top: 185px; display: flex; justify-content: space-around; width: 100%; }
.content-box-home ul{width: 80%; height: auto; display:flex; justify-content:space-around; align-items: center; float: left; list-style: none;  }
.content-box-home li{width: 30%; text-align: center;}
.content-box-home li p{margin-top: 95px; line-height: 30px; font-family: "Open Sans";  font-size: 18px; color: #FFF;text-align: justify;
    text-align-last: center; }
.content-box-home .nav-left{margin-top: 80px;}
.content-box-home .nav-right{margin-top:80px;}
.nav-left{float: left; margin-left: 138px; background: none; }
.nav-right{float: right;margin-right: 138px; }
.nav-left button{background: none; border: none; cursor: pointer;}
.nav-right button{background: none; border: none; cursor: pointer;}
.btn-content{width: 100%; text-align: center; position: absolute; bottom: 81px;}
.btn-content a{ width: 360px;padding: 22px 10px;  font-family: "Open Sans";  font-size: 25px; width: 340px; border: 1px solid #FFF; background: none; color: #FFF;
cursor: pointer; display: block; margin: 0 auto; text-decoration: none; transition: 0.5s;}
#imoveis-box{width: 100%; height: 950px; text-align: center; position: relative;}
#imoveis-box h1{font-family: "Open Sans";  font-size: 49px; font-weight: 700; color: #707070; margin-top: 160px;}
#imoveis-box h2{font-family: "Open Sans";  font-size: 23.7px; font-weight: 400; color: #707070; margin-top: 30px;}
.imoveis{display: flex; justify-content: center; align-items: center; margin-top: 75px; text-align: left;}
.imoveis-box{width: 100%; display: flex; justify-content: center; }
.imovel{width: 290px; overflow: hidden; height: 430px; border:1px solid #CCC; position: relative; margin:35px;    background: #FFF;}
.imgimovel{width: 290px; height: 290px; position: relative;}
.imgimovel img{height: 290px; min-width: 100%; min-height: 100%; }
.enderecoimovel{font-family: "Open Sans";  font-size: 18px; color: #666; padding: 14px; margin-top: 5px;}
.precoimovel{font-family: "Open Sans"; font-weight: 700;font-size: 18px; color: #666; padding: 14px; margin-top: -20px;}
.infosimovel{display: flex; justify-content: center; width: 100%; position: absolute; bottom:0;}
.boxInfo{width: 33%; background: #f5f5f5; padding: 10px; font-size: 13px; color: #acacac;font-family: "Open Sans";}
.btn-content-imoveis{position: absolute; bottom: 120px; width: 100%;  text-align: center;}
.btn-content-imoveis a{padding: 22px 10px;  font-family: "Open Sans";  font-size: 25px; width: 320px; border: 1px solid #419d7b; background: none; color: #419d7b;
cursor: pointer; display: block; margin: 0 auto; text-decoration: none; }
.overflowbox{width: 80%;  overflow: hidden;}
.box{justify-content: flex-start; display: flex; width: 200%; margin-left: 0; transition: 0.5s;}
.box1{width: 100%;float: left;}
.div{width: 90%; height: 2px; background: #176656; margin: 0 auto;transition: 0.5s; }
.contactBox{width: 100%; height: 1000px; text-align: center;}
.contactBox h1{font-family: "Open Sans";  font-size: 49px; font-weight: 700; color: #707070; margin-top: 100px;}
.contactBox form{width: 1075px; margin: 32px auto; }
.contactBox form input[type=text]{padding: 10px 10px 10px 30px; width: 1035px; height: 55px; border:1px solid #419d7b;font-family: "Open Sans"; font-size: 20px;
margin-top: 30px; margin-bottom: 15px; transition: 0.5s;}
.contactBox form input[type=email]{padding: 10px 10px 10px 30px; width: 1035px; height: 55px; border:1px solid #419d7b;font-family: "Open Sans"; font-size: 20px;
margin-top: 30px; margin-bottom: 15px; transition: 0.5s;}
.contactBox form label{ display: block; width: fit-content; display: flex; align-items: center;font-family: "Open Sans"; font-size: 16px; margin-top: 20px; cursor: pointer;}
.contactBox form label img{ background: none; margin-right: 30px; border: 1px solid #419d7b; }
.contactBox form input[type=radio]{display: none;}
.contactBox form input[type=submit]{width: 343px; height: 80px; border: 1px solid #419d7b; background: none; font-family: "Open Sans"; font-size: 20px; color: #419d7b;
margin-top: 80px; float: right;}
.checkbox{display: flex; justify-content: space-between;}
.contactBox input:checked + label img{background: #419d7b;}

.owl-carousel{width: 80%;}

.footer{width: 100%; height: 660px; background: #176656; position: relative; transition: 0.5s;}
.footer-center{width: 85%; margin: 0 auto;}
.footer-center ul{float: left; margin-top: 140px; list-style: none; margin-right: 175px; }
.footer-center ul li a{font-family: "Open Sans"; font-size: 18px; color: #FFF; text-decoration: none; font-weight: 400; margin-bottom: 15px; display: block; }
.footer-center ul:last-child p{font-family: "Open Sans"; font-size: 18px; color: #FFF; text-decoration: none; font-weight: 400; display: block; margin-bottom: 0;}
.footer-center ul:last-child p b{text-transform:uppercase;}
.footer-center ul:last-child{margin-right:-5px;float: right; text-align: left; width: 30%}
.barrafooter{width: 100%;  padding: 0px 0 30px 0;  position: absolute; bottom: 0;}
.barrafooter .logo{margin-left: 0; width: 120px;}
.barrafooter-center{width: 85%; margin: 0 auto; border-top: 1px solid #3d9c7a; transition: 0.5s;}

.owl-dots{
  position: absolute;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.owl-dot span{
  background: #fff !important;
  padding: 2px;
}
.owl-dot.active span{
  background: #3faa83 !important;
  padding: 2px;
}
.overflowbox .owl-carousel .owl-dots{display: none;}
.overflowbox .owl-carousel div .owl-dots{display: inherit !important;}
.carouselContentBox ul {width: 100%;}
.carouselContentBox{ width: 80%; overflow: hidden;}
.carouselContentBox .owl-item{width: 100%; margin-top: 10px; float: left;}
.mobile-own .owl-dots, .owl-nav, .owl-dots{display: none !important;}



/*PROP STYLE*/
.propStyle .head-menu{background: #a8214c !important;}
.propStyle .searchBar form input[type=submit]{background: #a8214c;transition: 0.5s;}
.propStyle #content{background: url("imgs/bg-content-prop.png") no-repeat; background-position: center;transition: 0.5s; background-size:cover;}
.propStyle .btn-content-imoveis a{border: 1px solid #a8214c; color:#a8214c;transition: 0.5s; }
.propStyle .div{background:#a8214c ; transition: 0.5s;}
.propStyle .contactBox form input[type=text]{border:1px solid #a8214c;transition: 0.5s;}
.propStyle .contactBox form label img{ background: none; margin-right: 30px; border: 1px solid #a8214c;transition: 0.5s;}
.propStyle .contactBox form input[type=submit]{border: 1px solid #a8214c; color: #a8214c;transition: 0.5s;}
.propStyle .contactBox input:checked + label img{background: #a8214c;transition: 0.5s;}
.propStyle .footer{background: #a8214c;transition: 0.5s;}
.propStyle .barrafooter-center{border-top: 1px solid #d3426d;transition: 0.5s;}
.propStyle .barraBranca{background: #fff !important;}







/*DISPLAY NONE RESPONSIVE*/
#menu-checkbox, .mobile-owl, .logo-verde, .logo-roxa{display:none;}
.mostralogo{display: inherit;}
.escondelogo{display: none;}
.checkbox-mobile{display: none;}

/*PÁGINA ALUGAR*/
.pgalugar{display: block; margin-top: 0; top: 0;}
.pgalugar .logo{float: left; margin-left: 141px;}
.bar-search-alugar{ background: #3a7f71; width: 57%;height: 60px; margin: 0 auto;margin-top: 30px;}
.bar-search-alugar label{float: left;padding: 22px;margin-left: 19px; }
.bar-search-alugar input{
    display: block;
    height: 100%;
    width: 90%;
    padding-left: 10px;
    font-family: "Open Sans";
    font-size: 18px;
    border: none;
    background: #3a7f71;
    color: #FFF;}
.bar-search-alugar input::placeholder {color: #FFF; opacity: .5;}
.pgalugarMobile{display: none;}
.pgalugar ul{float: right; list-style: none; margin-right: 90px; margin-top: -90px;}
.pgalugar ul li{float: left;}
.pgalugar ul li a{line-height: 120px; margin-left: 100px; display: block; font-size: 18px; text-decoration: none; color: #FFF; font-family: "Open Sans"; font-weight: 300;}
#filtroAlugar{width: 100%; z-index: 99;}
.barraFiltro{
    margin-top: 120;
    height: 80px;
    background: #fff;
    box-shadow: 0 3px 20px #CCC;
    width: 100%;

}
.displayBarraMobile{display: none;}
.barraFiltro p{color: #FFF;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 18px;
    float: left;
    line-height: 80px;
    margin-left: 88;
    color:#666;
  }
.btnmostrarmapa{border: 1px solid #3FAA83;
    float: right;
    margin-right: 80px;
    width: 129px;
    padding: 7px 0px 7px 13px;
    font-size: 18px;
    margin-top: 20px;
    color: #3FAA83;
    font-family: "Open Sans";
    cursor: pointer;
  }
.btnabrefiltro{
    border: 1px solid #3FAA83;
    float: right;
    margin-right: 70px;
    width: 129px;
    padding: 7px 0px 5px 13px;
    color: #3FAA83;
    margin-top: 20px;
    font-family: "Open Sans";
    font-size: 18px;
    cursor: pointer;
  }
.btnabrefiltro img{    margin-top: 5px;
    margin-left: 3px;
    margin-right: 16px;}


.barrasubfiltro p{    margin-top: 0;
    font-family: "Open Sans";
    padding-left: 92px;
    padding-top: 25px;
    padding-bottom: 20px;
    color: #8E8E8E;
    font-size: 20px;}
.order{    float: right;
    font-family: "Open Sans";
    margin-right: 105px;
  margin-top: -73px;}
.order p{    font-size: 18px;}
.alugar-arrow{ margin-left: 12px;}
.box-imoveis-alugar{
    width: 90%;
    margin: 20px auto;
    display: grid;
grid-template-columns: repeat(auto-fill, 290px);
grid-gap: 3em;
justify-content: space-between;

  }
.box-imoveis-alugar .imovel{margin: 0;}


.bordersFiltro{border-left: 1px solid #cbcbcb;border-right: 1px solid #cbcbcb;}
.divFiltro{width: 84%; height: 1px; background: #cbcbcb; margin:0 auto; margin-top: 53px;}
.range{
    margin-top: 29px;
    padding-left: 22px;}

.boxFiltro{
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;

  }
.colBoxFiltro{height: 180px;
    background: #FFF;
    width: 33%;
    margin: 10px;
    margin-top: 110px;}

.colBoxFiltro p{
  font-family: "Open Sans";
  font-size: 25px;
  margin-left: 46px;
  margin-top: 7px;
}
.box-filtro-alugar{    width: 100%;height: calc(100% - 200px);
    background: #fff;
    margin-top: 0;
    display:none;
  }

.box-filtro-alugar::-webkit-scrollbar-thumb { background: #000;}

.colBoxFiltro label{
      padding: 10px;
      width: 116px;
      float: left;
      margin-left: 36px;
      text-align: center;
      margin-top: 23px;
      margin-bottom: -11px;
      margin-right: -25px;
      font-family: "Open Sans";
      font-size: 14px;
      color: #3faa83;
      border: 1px solid #3faa83;
}
.radioBox label{
  width: fit-content;
padding: 12px 17px;
border-radius: 50%;
margin: 63px -17px 0 35px;
}
.col-1{flex-wrap: wrap;margin-top: 143px;}
.col-1 p{
  font-family: "Open Sans";
    font-size: 24px;
    margin-left: 50px;

    width: 100%;
}
.col-1 label{width: 33%;
    line-height: 50px;
    margin-left: 0;
    margin-top: 24px;
    margin-bottom: 5px;
    font-family: "Open Sans";}
.col-1 img{border: 1px solid #3faa83;
    float: left;
    margin-left: 44px;
    margin-right: 17px;}

input[type=range]{
  -webkit-appearance: none;
  width: 80%;
  position:relative;
}
input[type=range]::-webkit-range-progress{
  background: #000;
}
input[type=range]::-webkit-slider-runnable-track{
  background: #186959;
  outline: none;
  height: 4px;

}
input[type=range]::-webkit-slider-runnable-track{
  background: #186959;
  outline: none;
  height: 4px;

}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width: 42px;
  height: 42px;
  margin-top: -20px;
  background: url("imgs/arrow-filtro.png") no-repeat;
  position: relative;
  top: 0;
  z-index: 9


}
#range2{margin-left: -80%;}
#rangeArea2{margin-left: -80%;}
#range2::-webkit-slider-thumb{background: url("imgs/arrow-filtro-direito.png") no-repeat;}
#rangeArea2::-webkit-slider-thumb{background: url("imgs/arrow-filtro-direito.png") no-repeat;}
.numerosFiltro{    width: 77%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    font-family: "Open Sans";
    font-weight: 800;
    font-size: 18px; }

#mapa{
    width: 0%;
    margin-top: 120;
    height: 100%;
    transition: 1s;
  }


.colBoxFiltro input[type=checkbox]{display: none;}
.colBoxFiltro input[type=radio]{display: none;}
.colBoxFiltro label{cursor: pointer;}
.colBoxFiltro input:checked + label {background: #419d7b; color: #FFF;}

.boxFiltro input[type=checkbox]{display: none;}
.boxFiltro label{cursor: pointer;}
.boxFiltro input:checked + label img{background: #419d7b;}

.aplicarbtn{
  width: 100%;
  background: #3faa83;
  text-align: center;
  margin-top: 100px;
}
.aplicarbtn input[type=submit]{
  width: 340px;
padding: 21px;
font-size: 24px;
font-family: "Open Sans";
font-weight: 400;
color: #FFF;
margin-top: 23px;
margin-bottom: 20px;
border: 1px solid #FFF;
background: none;
cursor: pointer;
}


.mobileBarAlugar{display: none; background: #3faa83;}
.mobileBarAlugar p img{margin-left: -37px;  margin-top: 29px; cursor: pointer;}

.btnLimpaFiltro{
  border: 1px solid #fff;
  float: right;
  margin-right: 127;
  width: 129px;
  padding: 7px 0px 7px 13px;
  color: #fff;
  margin-top: 20px;
  font-family: "Open Sans";
  font-size: 18px;
  cursor: pointer;
}
.box-alugar{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
.box-in-alugar{width: 100%;}
.mapaBoxinAlugar{height: 100%; overflow: auto;}
.mapa35{width: 52% !important; display: block;height: auto !important;}


/*
  PÁGINA IMÓVEL
*/
.contentSingle{
    width: 87%;
    margin: 120px auto 0 auto;
    overflow: hidden;
}
.singleheader{
    display: flex;
    justify-content: space-between;
}
.imgPrincipal{
    width: 57.5%;
    height: auto;
    overflow: hidden;
    margin-left: 17px;
    margin-top: 81px;
    position: relative;
}
.imgPrincipal img{
  width: 100%;
height: auto;
min-width: 100%;
min-height: 100%;
position: absolute;
top: 0;
}
.aspect-ratio{ width: 100% !important; height: auto !important; background: #DDD; position: relative !important;}
.imgsSingle{
  width: 40.5%;
margin-top: 64px;
height: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.imgSingle{
  width: 48.5%;
  height: auto;
  overflow: hidden;
  margin-top: 18px;
  position: relative
}
.imgSingle img{
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}
.dataImovel{
margin-top: 80px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.contentData{
  width: 50%;
  font-family: "Open Sans";
  margin-left: 17px;
}
.contentData h1{
  font-size: 50px;
}
.contentData h2{
  margin-top: 7px;
    font-size: 23px;

}
.contentData h3{margin-top: 64px;
    font-size: 50px;}
.contentData p{font-size: 22px;
    margin-top: 11px;
    padding-bottom: 14px;}
.listaData{
  border-top: 1px solid #000;
    margin-top: 43px;
}
.listaData ul{
    list-style: none;
    margin-left: 40px;
    font-size: 22px;
    margin-top: 39px;
}
.listaData ul li{
    font-size: 18px;
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.listaData ul li img{    margin-right: 24px;}
.custos{
  width: 38%;
  padding: 20px;
  height: 602px;
}
.custos {border: 1px solid #707070;}
.custos a{
  bottom: 72px;
  width: 346px;
  line-height: 83px;
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-top: 140px;
  font-size: 24px;
  font-family: "Open Sans";
  text-decoration: none;
  border: 1px solid #59b594;
  color: #59b594;

}
.col-custos{
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -21px;
  width: 82%;

}
.col1-custos{}
.col1-custos p{
    font-family: "Open Sans";
    font-size: 24px;
  }
.col2-custos{width: 130px;}
.col2-custos p{    font-size: 24px;
    font-family: "Open Sans";
}
.total{    margin-top: 70px;
    padding-top: 37px;
    border-top: 1px solid #000;}

.localImovel{    width: calc(100% - 40px);
    margin: 0 auto;}
.localImovel h3{
  font-family: "Open Sans";
margin-top: 21px;
margin-left: 0;
font-size: 50px;
}

#mapaAlugar{
  width: 100%;
    height: 827px;
    margin-top: 49px;}

.singlePageImoveis{width: 100%;
    padding: 0;
    justify-content: space-between;
    display: flex;
      margin-top: 46px;
  }
.singlePageImoveis .imovel{    margin: 0;}
.singlePageImoveis .enderecoimovel{}
.singlePageImoveis .boxInfo{}
.similares{    padding: 20px;}
.similares h3{  font-family: "Open Sans";
margin-top: 59px;
margin-left: 0;
font-size: 50px;}
.btn-similiares{font-size: 24px;
font-family: "Open Sans";
text-decoration: none;
border: 1px solid #59b594;
color: #59b594;
width: 346px;
line-height: 83px;
text-align: center;
margin: 47px auto;
display: block;
margin-bottom: 130px;}
.custosMobile{display: none;}
.anuncieContent{    width: 100%; max-width: 1400px;
    margin: 120px auto;}
.anuncieBarMenu{    justify-content: space-between;}
.anuncieBarMenu .logo{    margin-left: 138px;}
.anuncieBarMenu .menu{margin-right: 50px;}
.anuncieBarMenu label{display: none;}
.anuncieBarMenu .menu ul li a{    margin: 0 50px;}
.headAnuncie{    font-family: "Open Sans";
    width: 80%;
    margin: 10px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

  }
.headAnuncie h1{width: 41%;
    margin-top: 78px;
    font-size: 40px;
    margin-left: 12px;
  }
.boxAnuncieHead{
	width: 49%;
    height: 770px;
    margin-top: 80px;
    text-align: center;
    border: 1px solid #18695a;
  }
.boxAnuncieHead button{    display: block;
    margin: 50px auto;
    width: 350px;
    line-height: 90px;
    font-size: 25px;
    background: none;
    border: 1px solid #18695a;
    color: #18695a;
  }
#anunciarForm{}
#anunciarForm h2{    font-weight: 400;
    margin-top: 30px;}
#anunciarForm p{    font-weight: 300;
    font-size: 12px;
    margin: 8px;}
#anunciarForm input[type=text]{    width: 87%;
    margin-top: 30px;
    padding: 21px;
    margin-bottom: -10px;
    border: 1px solid #18695a;

  }
.boxAnuncie{    width: 100%;
    color: #6f6f6f;
    margin: 292px auto;
    text-align: center;
    font-family: "Open Sans";}
.boxAnuncie h1{    font-size: 50px;}
.boxAnuncie p{    font-size: 24px;
    margin-top: 14px;}
.boxAnuncie a{display: block;
    line-height: 80px;
    width: fit-content;
    margin: 26px auto;
    padding: 0 80px;
    border: 1px solid #629785;
    text-decoration: none;
    color: #629785;
    font-size: 25px;}
.boxVantagens{    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 20px auto;}
.vantagem{
    width: 100%;
    height: auto;}
.vantagem .imgVantagem{    background: #FFF;
    float: left;
    margin-left: 42px;
    margin-top: 41px;
    margin-bottom: 43px;
    display: flex;
    width: 157px;
    height: 157px;
    justify-content: center;
    align-items: center;
    border: 2px solid #cacaca;}
.vantagem h4{    float: left;
    font-size: 31px;
    margin-left: 77px;
    margin-top: 50px;}
.vantagem p{    float: left;
    width: 58%;
    text-align: left;
    margin-left: 74px;
    font-size: 19px;}
.box2Anuncie{}
.colunasBoxAnuncie{display: flex;
    justify-content: space-between;
    align-items: center;
    width: 81%;
    margin: 0 auto;
    margin-top: 118px;}
.colunasBoxAnuncie img{margin-left: 50px;}
.colboxanuncie span{font-size: 31px;}
.colboxanuncie p{    font-size: 13px;
    margin-top: 0px;}
.divTaxa{padding-top: 47px;}
.divTaxa span{    font-size: 59px;
    font-weight: bold;}
.divTaxa b{}
.colboxanuncie{
    width: 278px;
    height: 691px;
    color: #FFF;
    padding-top: 21px;
    margin-left: 36px;
    position: relative;}
.colboxanuncie ul{    list-style: none;
    text-align: left;
    padding: 0;}
.colboxanuncie ul li{font-size: 18px;
    margin-bottom: 0;
    margin-top: 12px;
    padding: 18px 18px 0 18px;}
.colboxanuncie a{padding: 0;
    position: absolute;
    bottom: -26px;
    width: 100%;}
.col1Anuncie{    border: 1px solid #40aa84;
    background: #FFF;
    color: #606060;}
.col1Anuncie a{    background: #40aa84;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;}
.col1Anuncie .divTaxa{    color: #40aa84;}
.col2Anuncie{color: #606060; border: 1px solid #a8214c;}
.col2Anuncie a{font-size: 22px; color: #FFF; font-weight: bold; background: #a8214c; border: none;}
.col2Anuncie .divTaxa{    color: #a8214c;}
.col3Anuncie{color:#606060; border: 1px solid #606060;}
.col3Anuncie a{font-size: 22px; color: #FFF; font-weight: bold; background: #606060;border: none;}
.col3Anuncie .divTaxa{}
.divItensAnuncie{    width: 100%;
    display: flex;
    flex-wrap: wrap;    margin-top: 200px;}
.imgItem{}
.itemAnuncie{    width: 33%;
    text-align: center;
    margin-bottom: 100px;}
.itemAnuncie span{    font-size: 29px;}
.itemAnuncie p{    font-size: 18px;
    margin-top: 0;}
.colunasBoxAnuncieMobile{display: none !important;}



.contentAgendar{max-width: 1640px; width: 100% ; margin:120px auto;}
.agendarHeader{background: url("imgs/bg-agendar.png") no-repeat;background-position: center; height: 300px; position: relative;    margin-top: 170px;}

.agendarHeader h1{font-family: "Open Sans"; font-size: 50px; display: block; position: absolute; top: 110px; left: 130px; color: #FFF;}
.boxAgendar{margin-top: 90px;
    border: 1px solid #000;
    padding: 20px;
        height: auto;}
.boxAgendar h2{margin-left: 130px;
        margin-top: 70px;
    font-family: "Open Sans";
    font-size: 36px;}
.boxDias{    display: flex;
    justify-content: space-between;
    align-items: center;}

.overflowdia{    width: 84%;
    margin-top: 25px;
    overflow: hidden;

  }
.overflowdia div{float: left;}
.owlSlide{ margin-top: 20px; height: 400px;}
.divOverflowdia{display: flex; justify-content: space-between; width: 100%;    margin-bottom: 20px;}
.dia{    width: 157px;
    position: relative;
    text-align: center;
    font-family: "Open Sans";
    border: 1px solid #40aa84; cursor: pointer;}
.title-dia{position: absolute;
    top: 0;
    width: calc(100% + 2px);
    color: #FFF;
    line-height: 50px;
    font-size: 25px;
    background: #40aa84;}
.numerodia{    line-height: 120px;
    color: #FFF;
    font-size: 36px;
    margin-top: 20px;
    padding-top: 24px;
    border:1px solid #40aa84;
    color: #6d6d6d;
  width: 100%;
  cursor: pointer;
  }
.next-agendar{    margin-right: 5px;}
.boxHorario{}
.hora{    padding: 38px 78px;

    font-size: 31px;
    font-family: "Open Sans";
        margin-bottom: 41px;
  border:1px solid #40aa84;
  color: #40aa84;
  cursor: pointer;
      }

.horasBox{    display: flex;
    justify-content: space-between;
    align-items: center;margin-top: 50px;}

.horasOwl{    width: 84%; overflow: hidden;}
.horasOwl .owl-item{float: left;}
.horasowlInterno{    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #FFF;
    flex-wrap: wrap;
    align-items: center;
  }

.horaMarcada{border: 1px solid #CCC !important;
    background: #CCC;
    color: #1b1b1b;
}
.dom .numerodia{border: 1px solid #cbcbcb !important;}
.dom .title-dia{background: #cbcbcb;}
.dom .title-dia{background: #cbcbcb;}
.agendarbtn{font-size: 24px;
font-family: "Open Sans";
text-decoration: none;
border: 1px solid #59b594;
color: #59b594;
margin: 96px auto;
display: block;
padding: 24px 120px;
background: none;
}
.cancel{display: none;}
.boxDiasMobile{display: none;}
.boxHorarioMobile{display: none;}
.divOverflowdia input[type=radio]{display: none;}
.divOverflowdia input:checked + label .numerodia{background: #419d7b; color: #FFF;}
.horasowlInterno input[type=radio]{display: none;}
.horasowlInterno input:checked + label .hora{background: #40aa84; color: #FFF;}


/*PÁGINA CONFIRMA AGENDAMENTO*/
.bg-confirma{background: url("imgs/bg-confirmar.png") no-repeat;}
.contentConfirma{width: 1270px; height: 800px; margin: 10px auto;}
.box-content-confirma{    overflow: hidden;}
.imgBoxConfirma{    width: 36%;
    overflow: hidden;
    float: left;
    height: 352px;
    margin-top: 117px;
    margin-left: 102px;}
.imgBoxConfirma .img{    height: 282px;
    overflow: hidden;}
.imgBoxConfirma .img .prop{display: none;}
.imgBoxConfirma .img img{width: 100%;}
.caracimovel{ width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Open Sans";
    margin-top: 20px;
}
.colCaracimovel{line-height: 3;
    font-size: 12px;}
.colCaracimovel img{    float: left;}
.colCaracimovel span{margin-left: 5px;}
.dataConfirma{float: left;
    margin-left: 44px;
    margin-top: 117px;
    font-family: "Open Sans";}
.dataConfirma h3{    font-size: 40px;}
.dataConfirma p{font-size: 24px;
    margin-top: 11px;}
.boxDataAgendamento{    margin-top: 74px;}
.boxDataAgendamento img{height: 34px;
    float: left;
    margin-left: 10px;}
.boxDataAgendamento span{    line-height: 40px;
    margin-left: 10px;
    font-size: 24px;
    font-weight: bold;}
.wpp{    margin-top: 92px;}
.wpp img{float: left;
    margin-left: 100px;}
.wpp p{    line-height: 31px;
    font-family: "Open Sans";
    margin-left: 15px;
    float: left;
    font-size: 18px;}
.wpp form{    width: fit-content;
    background: #000;
        margin-left: 217px;}
.wpp form div{    float: left;
    height: auto;
    margin-right: 68px;
    margin-top: 50px;
    text-align: center;
font-family: "Open Sans";
color: #cacaca;
font-size: 15px;
  }
.wpp input[type=text]{width: 50px;
    line-height: 44px;
    margin-right: 39px;
    margin: 0 auto;
    border: none;
    border-bottom: 1px solid #6d6d6d;
    font-size: 18px;
    text-align: center;
    font-family: "Open Sans";
    font-weight: bold;
  }
.telefone{text-align: left !important;}
.telefone input[type=text]{    width: 300px; text-align: left;}





/*Agendamento Confirmado*/
.contentConfirmado{max-width: 1640px; height: 912px;background: url("imgs/bgConfirmado.png") no-repeat;background-position: center; margin: 160px auto; margin-top: 166px;
display: flex; align-items: center; justify-content: center;}
.centroContentConfirmado{    text-align: center;
    font-family: "Open Sans";
    color: #FFF;}
.centroContentConfirmado h1{font-size: 47px;
    margin-top: 47px;
    color: #FFF;
    margin-bottom: 7px;}
.centroContentConfirmado p{    font-size: 23px;}

/*PÁGINA INDIQUE*/
.indiqueBarMenu{background: #a8214d;}
.contentIndicar{    margin-top: 120px;
    background: url(imgs/Imagemindique.png) no-repeat;
    width: 1715px;
    background-position: right 105px;
    margin-left: auto;
    margin-right: auto;}
.headerIndicar{position: relative;height: 1060px;}
.headerIndicar .textBox{    width: 691px;
    position: absolute;
    top: 206px;
    left: 187px;
    font-family: "Open Sans";}
.headerIndicar .textBox h1{    font-size: 50px; color: #a8214d;}
.headerIndicar .textBox p{    font-size: 24px;color: #a8214d;
    width: 400px;
    margin-top: 18px;}
.headerIndicar .textBox a{width: 340px;
    display: block;
    margin: 90px 29px;
    border: 1px solid #a8214d;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #a8214d;}
.boxindicar{    text-align: center;
    font-family: "Open Sans";}
.boxindicar h1{    font-size: 50px;
    margin-top: 98px;}
.boxindicar .box{    width: 100%;
    justify-content: center;
    margin-top: 90px;}
.boxindicar .box .boxIn{    text-align: center;     width: 33%;}
.boxindicar .box .boxIn img{    margin: 0 auto;}
.boxindicar .box .boxIn h2{margin-top: 54px;
    font-size: 34px;}
.boxindicar .box .boxIn p{    width: 60%;
    margin: 10px auto;
    font-size: 18px;}
.contentIndicar a{display: block;
    text-align: center;
    line-height: 80px;
    margin: 0 auto;
    margin-top: 79px;
    width: 350px;
    font-size: 24px;
    border: 1px solid #a8214d;
    color: #a8214d;
    font-family: "Open Sans";}

.contentIndicar .div{    margin-top: 156px;
    margin-bottom: -133px;}
.indiqueVantagens{width: 1400px;}
.boxIndiqueForm{width: 100%;
    height: 1511px;
    margin-top: -109px;
    text-align: center;
    background: url(imgs/bg-form-indique.png);
    font-family: "Open Sans";
  }
.boxIndiqueForm h1{font-size: 50px;
    position: relative;
    padding-top: 90px;
    color: #FFF;}
.boxIndiqueForm p{    font-size: 24px;
    margin-top: 10px;
    color: #FFF;}
.boxIndiqueForm form{
    width: 1080px;
    margin: 0 auto;
    margin-top: 80px;}
.boxIndiqueForm input[type=text]{    width: 100%;
    margin-bottom: 48px;
    padding: 28px;
    background: none;
    border: 1px solid #FFF;
    color: #FFF;
    margin-top: -3px;
  font-size: 20px;}
.boxIndiqueForm input[type=text]::placeholder{color: #fff;top: 10px; font-weight: 300; font-size: 18px;font-weight: 300;
font-family: "Open Sans";}
.boxIndiqueForm input[type=submit]{    width: 300px;
    border: 1px solid #FFF;
    background: none;
    color: #FFF;
    margin-top: 74px;
    line-height: 80px;
    font-size: 25px;
    font-weight: 300;
    font-family: "Open Sans";}
.contentIndicar .div{background: #a8214d;}
.footerIndique .footer{background: #a8214c;}
.footerIndique .barrafooter-center{border-top: 1px solid #d3426d;}

.aviso{color: red;
    text-align: center;
    border: 1px solid red;
    width: fit-content;
    margin: 0 auto;
    padding: 25px 10px;
    background: rgba(255,0,0,0.2);
    font-family: "Open sans";}

.page{font-family: "Open Sans";width: 86%;
    margin: 0 auto;}
.page h2{    font-size: 49px;    margin-top: 124px;}
.page h4{        font-size: 35px;
    margin-top: 30px;
    margin-bottom: 0px;
    text-align: center;}
.page p{    font-size: 20px;
    margin-top: 31px; }
.page a{    display: block;    margin-left: calc(100% - 350px);
    text-align: center;
    line-height: 80px;
    margin-top: 79px;
    width: 350px;
    font-size: 24px;
    border: 1px solid #18695a;
    color: #18695a;
    font-family: "Open Sans";}
.bg-contato{background: url("imgs/bg-contato.png") no-repeat;}
/**/