@charset "UTF-8";

/* CSS - Rafael Branco | Ano: 2023 */

@font-face {
    font-family: Reina Neue;
    src: url("../font/reina-neue/ReinaNeue-News.otf") format("opentype");
}

select,
option,
textarea,
input[type="submit"],
input[type="text"],
input[type="text"]::placeholder{
    font-family: 'Montserrat', sans-serif;
}

.banner{
    margin-top: 121px;
}

.banner .itens .item{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    float: left;
    height: 800px;
    width: 100%;

    position: relative;
    z-index: 0;
}


.banner .owl-dots {
    /*background-image: url(../img/dots-background.png);
    background-position: center;
    background-repeat: no-repeat;*/
  text-align: center;
  padding-top: 15px;

  margin-top: -80px;
  height: 178px;
  position: relative;
  z-index: 100;
}
.banner .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #DBDBDB !important;
  margin: 89px 3px 0 3px;
}
.banner .owl-dots button.owl-dot.active {
  background-color: #A01111 !important;
}
.banner .owl-dots button.owl-dot:focus {
  outline: none;
}



.quem-somos{
    margin-top: 50px;
    padding-bottom: 100px;
}
.quem-somos .left{
    float: left;
    width: 696px;
}
.quem-somos .left h1{
    color: #091106;
    font-family: DM Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;

    margin-bottom: 29px;
}
.quem-somos .left p{
    color: #808080;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    margin-bottom: 50px;
}


.quem-somos .left .itens {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}

.quem-somos .left .itens .item{
  float: left;
  height: 89px;
  width: 33%;
}

.quem-somos .left .itens .item:nth-child(1) {
    border-right: 1px solid #A7B1A9;
}
.quem-somos .left .itens .item:nth-child(2) {
    border-right: 1px solid #A7B1A9;
}
.quem-somos .left .itens .item:nth-child(3) {
    
}

.quem-somos .left .itens .item h2{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    margin-bottom: 10px;
}
.quem-somos .left .itens .item span{
    display: block;
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.quem-somos .right{
    float: right;
    width: 495px;
}
.quem-somos .right .itens{
    max-width: 100%;
}

.quem-somos .right .itens .item{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    height: 428px;
}



.quem-somos .owl-nav .owl-prev,
.quem-somos .owl-nav .owl-next{
    background: #fff !important; 
    font-size: 25px !important;
    font-weight: 700 !important;
/*    border: 1px solid #ccc !important;*/
    color: #000 !important;
    border-radius: 80px !important;
    box-sizing: border-box;
    height: 35px;
    width: 35px;

    position: absolute;
    top: 45%;
}

.quem-somos .owl-nav .owl-prev{
    left: -36px;
}

.quem-somos .owl-nav .owl-next{
    right: -36px;
}

.quem-somos .owl-nav .owl-prev:hover{ 
    /* background: #aa1f18 !important;  */
    background: #000 !important; 
    color: #fff !important;
}
.quem-somos .owl-nav .owl-next:hover{ 
    /* background: #aa1f18 !important;  */
    background: #000 !important; 
    color: #fff !important;
}

.quem-somos .owl-nav .owl-prev:active{
    border: 0 !important;
}

.quem-somos .owl-nav .owl-prev{

}



.conforto-economia{
    background-image: url(../img/bg-conforto.png);
    background-position: center -100px;
    background-color: #F0F0F0;
    background-repeat: no-repeat;

    padding: 100px 0;
}
.conforto-economia img{
    border-radius: 10px;
    max-width: 824.294px;
}

.conforto-economia .conteudo{
    position: relative;
}
.conforto-economia .content-conforto{
    background: #FEFEFE;
    border-radius: 10px;

    padding: 65px 50px;
/*    height: 384px;*/
    width: 668px;

    position: absolute;
    right: 0;
    top: 60px;
}
.conforto-economia .content-conforto h1{
    color: #091106;
    font-family: DM Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;

    margin-bottom: 20px;
}
.conforto-economia .content-conforto p{
    color: #5C675A;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}



.nossos-servicos{
    background-image: url(../img/bg-nossos-servicos.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    padding: 0 0 55px 0;
}
.nossos-servicos .left{
    float: left;

    margin-top: 70px;
    width: 100%;
}
.nossos-servicos .left h1{
    color: #FFF;
    font-family: DM Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;

    margin-bottom: 10px;
}
.nossos-servicos .left p{
    color: #FFF;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;

    margin-bottom: 45px;
}
.nossos-servicos .left .itens{

}
.nossos-servicos .left .itens .item{
    background: #FFF;
    border-radius: 18.067px;
    box-sizing: border-box;
    float: left;

    margin: 0 25px 25px 0;
    padding: 30px 20px 0 20px;
    text-align: center;
    width: 31%;
    height: 280px;
}

.nossos-servicos .left .itens .item .img{
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    height: 65.042px;
    width: 65.042px;
}
.nossos-servicos .left .itens .item h2{
    color: #000;
    text-align: center;
    font-family: DM Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;

    margin-top: 25px;
}
.nossos-servicos .left .itens .item span{
    color: #5C675A;
    display: block;
    font-family: DM Sans;
    font-size: 18.067px;
    font-style: normal;
    font-weight: 400;

    margin-top: 10px;
}

.nossos-servicos .left .itens .item1 .img{ background-image: url(../img/projetos-interiores-vermelho.png); }
.nossos-servicos .left .itens .item2 .img{ background-image: url(../img/execucao-gestao-vermelho.png); }
.nossos-servicos .left .itens .item3 .img{ background-image: url(../img/projetos-arquitetonicos-vermelho.png); }
.nossos-servicos .left .itens .item4 .img{ background-image: url(../img/obras-proprias-vermelho.png); }

.nossos-servicos .left .itens .item:hover{
    background: #A01111;
}
.nossos-servicos .left .itens .item:hover h2{
    color: #FFF !important;
}
.nossos-servicos .left .itens .item:hover span{
    color: #FFF !important;
}
.nossos-servicos .left .itens .item1:hover .img{
    background-image: url(../img/projetos-interiores-branco.png);
}
.nossos-servicos .left .itens .item2:hover .img{
    background-image: url(../img/execucao-gestao-branco.png);
}
.nossos-servicos .left .itens .item3:hover .img{
    background-image: url(../img/projetos-arquitetonicos-branco.png);
}
.nossos-servicos .left .itens .item4:hover .img{
    background-image: url(../img/obras-proprias-branco.png);
}

.nossos-servicos .left .itens .item .btn-ver-mais{
    color: #FFF;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;

    margin-top: 15px;
    text-align: center;
}
.nossos-servicos .left .itens .item .btn-ver-mais i{
    margin-left: 5px;
}

/*.nossos-servicos .right{
    float: right;
    width: 457.6px;
}
.nossos-servicos .right img{
    margin-top: -50px;
    max-width: 100%;
}*/



.empreendimentos{
    padding: 100px 0 77px 0;
}
.empreendimentos h1{
    color: #091106;
    font-family: DM Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;

/*    margin-top: 25px;*/
}
.empreendimentos p{
    color: #5C675A;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    margin-bottom: 35px;
}

.empreendimentos .itens{

}
.empreendimentos .itens .item{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;

    float: left;

    height: 280px;
    width: 100%;

    margin: 0 0.5% 30px 0.5%;
    position: relative;
}

.empreendimentos .itens .item .hover-item{
    background: rgba(248, 248, 248, 0.7);
    border-radius: 20px;
    box-sizing: border-box;
    opacity: 0;
    height: 280px;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

.empreendimentos .itens .item:hover .hover-item{
    opacity: 1;
}

.empreendimentos .itens .item .hover-item h1{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 40px 0 0 15px;
}


.empreendimentos .owl-nav button{
    background: #9D1814 !important;
    border: 1px solid #9D1814 !important;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff !important;

    line-height: 46px !important;
    height: 50px;
    width: 49px;
    transition: 0.3s;
}

.empreendimentos .owl-nav button:hover{
    background: transparent !important;
    color: #9D1814 !important;
}

.empreendimentos .owl-nav button.owl-prev{
    position: absolute;
    top: 30%;
    left: -70px;
}


.empreendimentos .owl-nav button.owl-next{
    position: absolute;
    top: 30%;
    right: -70px;
}

.empreendimentos .owl-nav button span{
    font-size: 30px;
}

/*.empreendimentos .itens{

}
.empreendimentos .itens .left{
    float: left;

    width: 803px;
}
.empreendimentos .itens .item{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;


    position: relative;
}
.empreendimentos .itens .item .hover-item{
    border-radius: 30px;
    opacity: 0;

    position: absolute;
    height: 100%;
    width: 100%;
}
.empreendimentos .itens .item:hover .hover-item{
    opacity: 1;
}

.empreendimentos .itens .item .hover-item h1{
    background-image: url(../img/titulo-empreendimentos.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    display: table;
    float: left;

    color: #FFF;
    text-align: center;
    font-family: DM Sans;
    
    font-style: normal;
    font-weight: 700;
    line-height: 27px;

    padding-left: 30px;
}
.empreendimentos .itens .item .hover-item span{
    background-image: url(../img/seta-branca.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    display: table;
    float: right;

    color: #FFF;
    font-family: DM Sans;
    
    font-style: normal;
    font-weight: 400;
    line-height: 27px;

    padding-right: 35px;
}

.empreendimentos .itens .left .item .hover-item h1{
    font-size: 28.908px;

    position: absolute;
    bottom: 47px;
    left: 45px;
}
.empreendimentos .itens .left .item .hover-item span{
    font-size: 20px;

    position: absolute;
    bottom: 50px;
    right: 55px;
}
.empreendimentos .itens .right .item .hover-item h1{
    font-size: 20px;

    position: absolute;
    bottom: 30px;
    left: 25px;
}
.empreendimentos .itens .right .item .hover-item span{
    display: none;
}
.empreendimentos .itens .right{
    float: right;

    width: 428px;
}
.empreendimentos .itens .left .item{
    height: 420px;
}
.empreendimentos .itens .right .item{
    height: 199.053px;

    margin-bottom: 23px;
}*/
.empreendimentos .btn-empreendimentos{
    background: #A01111;
    border: 1px solid #A01111;
    border-radius: 10px;

    color: #FFF;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-align: center;

    margin: 30px auto 0 auto;

    line-height: 55px;
    height: 55px;
    width: 170px;
}
.empreendimentos .btn-empreendimentos:hover{
    background: transparent;
    color: #A01111;
}


.contato{

}
.contato .left{
    float: left;
    width: 50%;
}
.contato .left h1{
    color: #091106;
    font-family: DM Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}
.contato .left form#form-contato{
    margin-top: 30px;

    width: 542px;
}
.contato .left form#form-contato input[type='text']{
    border: 2px solid #5C675A;
    border-radius: 10px;
    box-sizing: border-box;

    color: #5C675A;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;

    margin-bottom: 25px;
    padding: 18px 30px;
    height: 65px;
}
.contato .left form#form-contato input[type='text']::placeholder,
.contato .left form#form-contato textarea::placeholder{
    color: #5C675A;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}
.contato .left form#form-contato .input-menor{
    width: 258.306px;
}

.contato .left form#form-contato .input-menor:nth-child(1){
    float: left;
}
.contato .left form#form-contato .input-menor:nth-child(2){

    float: right;
}

.contato .left form#form-contato .input-maior{
    width: 100%;
}
.contato .left form#form-contato textarea{
    border: 2px solid #5C675A;
    border-radius: 10px;
    box-sizing: border-box;

    color: #5C675A;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;

    padding: 18px 30px;
    resize: none;
    height: 170px;
    width: 100%;
}

.contato .left form#form-contato input[type='submit']{
    background: #A01111;
    border-radius: 10px;
    border: 1px solid #A01111;
    cursor: pointer;

    color: #FFF;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;

    margin-top: 30px;
    height: 55px;
    width: 170px;
}
.contato .left form#form-contato input[type='submit']:hover{
    background: transparent;
    color: #A01111;
}

.contato .right{
    background: #ccc;
    float: right;
    height: 696px;
    width: 50%;
}
.contato .right iframe{
    height: 696px;
    width: 100%;
}



/* ------------------------ */
.topo-internas{
    background-image: url(../img/topo-internas.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;

    margin-top: 121px;
/*    height: 555px;*/
/*    padding: 140px 0 0 310px;*/
}

.topo-internas .content-topo{
   padding: 100px 0 100px 0;
}

.topo-internas .content-topo h1{
    color: #FFF;
    font-family: DM Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;

    margin-bottom: 28px;
    text-align: center;
}
.topo-internas .content-topo p{
    color: #FFF;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;

    max-width: 582px;
}

span.btn-topo-internas{
    color: #000;
    display: block;
    font-family: DM Sans;
    font-size: 18.067px;
    font-style: normal;
    font-weight: 400;

    margin: 30px 0;
}

span.btn-topo-internas:hover{ font-weight: 700; }

span.btn-topo-internas i{
    
}


.empreendimentos-interna{
    padding: 100px 0 150px 0;
}
.empreendimentos-interna .itens{

}
.empreendimentos-interna .itens .item{
    height: 495px;
}

.empreendimentos-interna .itens .item:hover h1,
.empreendimentos-interna .itens .item:hover span{
    font-weight: 700;
}

.empreendimentos-interna .itens .item .img-item{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30.47px;

    height: 454px;
    margin-bottom: 13px;
}
.empreendimentos-interna .itens .item h1{
    float: left;

    color: #000;
    font-family: DM Sans;
    font-size: 18.067px;
    font-style: normal;
    font-weight: 400;

    max-width: 70%;
}
.empreendimentos-interna .itens .item span{
    display: block;
    float: right;

    color: #000;
    font-family: DM Sans;
    font-size: 18.067px;
    font-style: normal;
    font-weight: 400;

    max-width: 30%;
}
.empreendimentos-interna .itens .item span i{
    margin-left: 10px;
}


.empreendimentos-interna .owl-nav button{
    background: #9D1814 !important;
    border: 1px solid #9D1814 !important;
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff !important;

    line-height: 46px !important;
    height: 50px;
    width: 49px;
    transition: 0.3s;
}

.empreendimentos-interna .owl-nav button:hover{
    background: transparent !important;
    color: #9D1814 !important;
}

.empreendimentos-interna .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    left: -70px;
}


.empreendimentos-interna .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    right: -70px;
}

.empreendimentos-interna .owl-nav button span{
    font-size: 30px;
}



.o-que-oferecemos{
    background: #F0F0F0;

    margin-bottom: -37px;
}
.o-que-oferecemos .left{
    float: left;

    padding: 100px 0 100px 0;
    width: 568px;
}
.o-que-oferecemos .left h1{
    color: #000;
    font-family: DM Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;

    margin-bottom: 44px;
}
.o-que-oferecemos .left p{
    color: #5C675A;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.o-que-oferecemos .right{
    float: right;
    width: 606px;
}
.o-que-oferecemos .right img{
    margin-top: -37px;
    max-width: 100%;
}




.empreendimento{
    padding: 50px 0;
}

.empreendimento p{
    color: #091106;
    font-family: DM Sans;
    font-size: 19px;
    font-style: normal;

    margin-bottom: 25px;
}

.empreendimento .itens{
    
}

.empreendimento .itens .item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 27px;

    float: left;

    margin-bottom: 37px;
}

.empreendimento .itens .item1{
    float: left;
    height: 396px;
    width: 810px;
}
.empreendimento .itens .item2{
    float: right;

    height: 179.5px;
    width: 405px;
}
.empreendimento .itens .item3{
    float: right;

    margin-bottom: 37px;

    height: 179.5px;
    width: 405px;
}
.empreendimento .itens .item4{
    float: left;

    height: 248px;
    width: 703px;
}
.empreendimento .itens .item5{
    float: right;

    height: 254px;
    width: 508px;
}
.empreendimento .itens .item6{
    height: 530px;
    width: 100%;
}
.empreendimento .itens .item7{
    float: left;

    height: 324px;
    width: 605px;
}
.empreendimento .itens .item8{
    float: right;

    height: 324px;
    width: 605px;
}


.empreendimento .info-empreendimento{
    background: linear-gradient(180deg, #FFF 0%, #F3F3F3 100%);
    border-radius: 17px;
    box-shadow: 9px 10px 19px 0px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;

    padding: 60px 44px 60px 25px;
/*    height: 344px;*/
    width: 100%;
}
.empreendimento .info-empreendimento h1{
    background-image: url(../img/arrow-titulo.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    box-sizing: border-box;

    color: #091106;
    font-family: DM Sans;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;

    line-height: 38.681px;
    padding-left: 45px;
    margin-bottom: 30px;
}
.empreendimento .info-empreendimento .itens-info{
    display: flex;
}
.empreendimento .info-empreendimento .itens-info .column{
    box-sizing: border-box;
    flex: 33%;

/*    padding-left: 25px;*/

    text-align: center;
}

.empreendimento .info-empreendimento .itens-info .column:nth-child(1){
    border-right: 1px solid #D9D9D9;
/*    margin-right: 100px;*/

/*    padding-left: 25px;*/
}
.empreendimento .info-empreendimento .itens-info .column:nth-child(2){
    border-right: 1px solid #D9D9D9;
/*    margin-right: 100px;*/
}
.empreendimento .info-empreendimento .itens-info .column:nth-child(3){

}

.empreendimento .info-empreendimento .itens-info .column ul{
/*    display: table;*/
    margin: 0 auto;
    padding-left: 35px;
}
.empreendimento .info-empreendimento .itens-info .column li{
    color: #5C675A;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;

    margin-bottom: 5px;
    text-align: left;
}



.servicos{

}

.servicos h2{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
}

.servicos .itens{

}
.servicos .itens .item{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;

    float: left;

    height: 280px;
    width: 24%;

    margin: 0 0.5% 30px 0.5%;
    position: relative;
}

.servicos .itens .item .hover-item{
    background: rgba(248, 248, 248, 0.7);;
    border-radius: 20px;
    box-sizing: border-box;
    opacity: 0;
    height: 280px;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

.servicos .itens .item:hover .hover-item{
    opacity: 1;
}

.servicos .itens .item .hover-item h1{
    color: #000;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 40px 0 0 15px;
}


.servico{

}
.servico .topo-servico{
    position: relative;
    padding-bottom: 114px;
}
.servico .topo-servico .img-servico{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    float: right;

    height: 590px;
    width: 816px;
}
.servico .topo-servico .content-servico{
    background: rgba(248, 248, 248, 0.7);;
    border-radius: 20px;
    box-sizing: border-box;

    padding: 45px 20px 68px 63px;
    min-height: 364px;
    width: 624px;

    position: absolute;
    top: 113px;
    left: 0;
}
.servico .topo-servico .content-servico h1{
    color: #000;
    font-family: DM Sans;
    font-size: 28.908px;
    font-style: normal;
    font-weight: 700;

    margin-bottom: 25px;
}
.servico .topo-servico .content-servico p{
    color: #808080;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;    
}
.servico .topo-servico .content-servico .btn-whatsapp-servico{
    background: #25D165;
    border: 1px solid #25D165;
    border-radius: 10px;
    
    color: #FFF;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;

    margin-top: 45px;
    text-align: center;
    line-height: 55px;
    height: 55px;
    width: 158px;

}
.servico .topo-servico .content-servico .btn-whatsapp-servico:hover{
    background: transparent;
    color: #25D165;
}
.servico .topo-servico .content-servico .btn-whatsapp-servico i{
    margin-right: 10px;
}




.txt-servico{
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.05) 100%), url('../img/bg-servico.png');

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

    height: 380px;
}
.txt-servico .img-txt-servico{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 26.713px;

    float: left;
    margin-top: -54px;
    height: 512px;
    width: 398px;
}
.txt-servico p{
    float: left;

    color: #FFF;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;

    margin-left: 100px;
    padding: 70px 0 0 0;
    width: 635px;
}




.galeria-servico{
    padding: 0px 0 100px 0;
}

.galeria-servico .itens{
    
}
/*
.galeria-servico .itens .item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 27px;

    float: left;

    margin-bottom: 37px;
}

.galeria-servico .itens .item1{
    float: left;
    height: 396px;
    width: 810px;
}
.galeria-servico .itens .item2{
    float: right;

    height: 179.5px;
    width: 405px;
}
.galeria-servico .itens .item3{
    float: right;

    margin-bottom: 37px;

    height: 179.5px;
    width: 405px;
}
.galeria-servico .itens .item4{
    float: left;

    height: 248px;
    width: 703px;
}
.galeria-servico .itens .item5{
    float: right;

    height: 254px;
    width: 508px;
}
*/



.galeria-servico .itens .item{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;

    float: left;

    height: 280px;
    width: 24%;

    margin: 0 0.5% 30px 0.5%;
    position: relative;
}

.galeria-servico .itens .item .hover-item{
    background: rgba(248, 248, 248, 0.7);;
    border-radius: 20px;
    box-sizing: border-box;
    opacity: 0;
    height: 280px;
    width: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

.galeria-servico .itens .item:hover .hover-item{
    opacity: 1;
}

.galeria-servico .itens .item .hover-item h1{
    color: #000;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin: 40px 0 0 40px;
}

/* ------------------------ */