/*-------- Menu --------*/

@media screen and (max-width: 425px) {

  .contatosheader {

    display: flex;

    flex-direction: column;

  }

  .contatosheader a:nth-of-type(1) {

    margin-left: 15px !important;

  }

}

nav{

 /* BRANCO */  background-color: white !important;

 /* PRETO AZULADO */ /* background-color: #2B2C34 !important; */

 /* VERDE-BANDEIRA*/ /*background-color: #006600 !important;*/

 /* PRATA */ /*background-image: radial-gradient(#BFBEC2, #808189,#808189) !important;*/

  box-shadow: none !important;

  height: 90px !important;

 /* overflow: hidden;*/

}

 nav .right {

        display: flex;

        flex-basis: baseline;

     /*   margin-top: 25px !important;*/

      }

        nav .right a {

          font-weight: bold !important;

          color: #FFF !important;

          border-bottom: 4px solid transparent;

          padding: 0 !important;

          margin: 0 15px;

          transition: all 0.5s; }



       nav .right a:hover {

        background-color: #F000 !important;

  border-bottom: 4px solid #FF0000;

       }



.contatosheader {/*margin-top: 10px !important;*/}

      .contatosheader a {color: inherit !important;}

      .contatosheader span {color: #FFF !important;}

      .contatosheader a:nth-of-type(2) {margin-left:15px !important;}



.wpp a {

  color: #FFF !important;

}



.wpp span {

  color: #FFF !important;

}


.breadcrumb{
    font-size:12px !important;
    margin-left:12px;
    color:#FFF !important;
    font-family: verdana;
    font-style: italic;
}

#bread{
    height:60px !important;
    background-color:#333;
}


 /*.wpp a {

        background-color: #34af23 !important;

    color: white !important;

    max-width: 150px;

    line-height: 15px;

    border-radius: 2em;

    padding: .5em 0;

    padding: 1% !important;

    

    text-transform: none;

      }



      @media screen and (max-width: 425px) {

        .wpp a {

          padding: 3% !important;

        }

      }



@media (min-width: 768px) and (max-width:1024px){

  .contatos-menu{

    display: none;

  }



}*/







@media screen and (max-width: 425px) {

  .right {

  overflow: hidden;

}

}



@media screen and (max-width: 516px){

  nav .right{

    margin-top: 50px !important;

    position: relative !important;

    clear: both !important;

    top: 0px !important;

    right: 0px !important;

    float: none !important;

    margin-bottom: 20px;



    width: 100% !important;

    align-items: center;

    /*background: #333;*/



  }



  



  nav .btn-large{

    background-color: #34af23 !important;

        color: white !important;

        max-width: 100% !important;

        line-height: 1em !important;

        border-radius: 5em !important;

        width: 100vw;

        padding: 1em .5em !important;

        height: auto !important;

        text-transform: none !important;

  }



  .head{

    clear: both;

  }

}



@media screen and (max-width: 425px) {

  nav .right {

    display: flex;  

    flex-direction: column;

  }

  nav .contatos-menu {

    margin-top: 50px !important;

  }

}

nav li,

nav a{

  color: #4B4B4D !important;

 /* color: #fff !important;*/

}



nav .center{

  display: flex;

  justify-content: center;

  align-items: flex-end;

  height: 90px;

}



@media screen and (min-width:1014px) and (max-width: 1080px) {

  nav img {

    width: 210px !important;

  }

}



nav img{

  width: 300px;

  height: 90px;

  object-fit: contain;

  padding: 5px !important;

 /*  filter: brightness(500%);*/

}



@media screen and (min-width: 1024px) {

  nav img {

   margin-left: 36px !important;

  }

}



@media screen and (width: 1024px) {

 /* nav li:nth-of-type(1) {

    display: none !important;

  }*/

}



nav .right{

  position: absolute;

  top: 20px;

  right: 40px;

  display: block;

  text-align: right !important;

  float: right !important;

  display: flex;

  align-items: center;

  margin-top:10px !important;



}



nav .btn-large{

  background-color: #34af23 !important;

  color: white !important;

  max-width: 150px;

  line-height: 1em;

  border-radius: 2em;

  padding: .5em 0;

  padding: 3% !important;

 /* height: auto !important;*/

  text-transform: none;

}



nav .right li{

  float: none !important;

  line-height: 1.25em;

  text-align: right;

}



nav .right svg{

  color: #026FA7;

}



nav .btn-large svg{

  color: #fff;

}





nav .center a{

  border-bottom: 4px solid transparent;

  padding: 0 !important;

  margin: 0 15px;

  transition: all 0.5s;

}



nav .center a:hover{

  background-color: #F00 !important;

  border-bottom: 4px solid #FF0000;

}



.dropdown-content a{

  line-height: 2.5em !important;

  text-align: left !important;

}



/*-------- Head --------*/



.head{

  background-image: url(../images/conserto-portao.png);

  background-size: cover;

  min-height: calc(100vh - 90px);

  margin-bottom: 0 !important;

  display: flex;

  align-items: center;

  justify-content: center;



}



.head div{

  width: 100%;

  padding: 5%;

  max-width: 1200px;

}



.head h2{

  margin-top:-80px;

  font-size: 3em;

  font-weight: bold;

  color: white;

  text-shadow: 2px 2px #2b2b2b;

  margin-bottom: 0;

}



.head p{

  font-size: 1.5em;

 /* font-family: 'caviardreams';*/

  color: white;

  text-shadow: 2px 2px #2b2b2b;

  margin-top: 0;

}



.head .btn{

  background-color: #EC3143 !important;

  border-radius: 1em;

  height: 3rem;

  line-height: 3rem;

  text-transform: none !important;

}

.head-contato .btn{

  background-color: #EC3143 !important;

  border-radius: 1em;

  height: 3rem;

  line-height: 3rem;

  text-transform: none !important;

}



/*-------- Areas --------*/



.areas{

  padding: 5%;

  margin-bottom: 0 !important;

}



.areas h2{

  font-size: 2.5em;

  font-weight: bold;

  color: #606062;

  display: flex;

  justify-content: center;

  align-items: center;

}



.areas h2 .left{

  width: 0; 

  height: 0; 

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent; 

  border-left: 8px solid #538C71;

  margin: 0 .5em;

}



.areas h2 .right{

  width: 0; 

  height: 0; 

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent; 

  border-right: 8px solid #538C71;

  margin: 0 .5em;

}



.areas h3{

  font-size: 1.25em;

  line-height: 1.25em;

  color: #606062;

  margin: 0;

}



.areas .col{

  margin-top: 4em;

  position: relative;

  padding: 20px !important;

  transition: all 0.5s;

  height: 300px;

}



.areas h4{

  font-size: 1.25em;

  font-weight: bold;

  color: #006600;

  max-width: 250px;

  margin: 0 auto;

  min-height: 50px;

  transition: all 0.5s;

}



.areas .limit{

  font-size: 1em;

  line-height: 1.25em;

  color: #606062;

  transition: all 0.5s;

}



.areas .action{

  width: auto;

  color: #026FA7;

  text-decoration: underline !important;

  transition: all 0.5s;

}



.areas .col:hover{

  background-color: #538C71;

}



.areas .col:hover h4{

  color: #fff;

}



.areas .col:hover .limit{

  color: #fff;

}



.areas .col:hover a:not(.btn){

  color: #fff;

}



.areas .btn{

  background-color: #EC3143 !important;

  border-radius: 1em;

  height: 3rem;

  line-height: 3rem;

  text-transform: none !important;

}



.servico{

  margin-bottom: 0 !important;

}



.servico .m5,

.servico .m7{

  padding: 5% !important;

}



.servico .btn-large{

  background-color: #34af23 !important;

  margin-top: 2em;

  width: 100%;

  text-transform: none;

  border-radius: 3em;

}



.servico .formulario{

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  background-color: #eee;

}



.servico h2{

  font-size: 3em;

  font-weight: bold;

  color: #A92724;

  text-shadow: 1px 1px #2b2b2b;

  text-transform: uppercase;

  text-align: center;

  max-width: 500px;

  margin: 0 auto;

}



.servico form{

  background-color: #EC3143;

  padding: 2em;

  border-radius: 2em;

}



.servico h3{

  text-align: center;

  font-size: 1.5em;

  font-weight: bold;

  color: #fff;

  margin-top: 0;

}



.servico input{

  background-color: #eee !important;

  border: none !important;

  margin-bottom: .2em !important;

}



.servico input::placeholder{

  color: #2b2b2b;

}



.servico .btn{

  background-color: #53bd8d !important;

  width: 100%;

  height: 3rem;

}



.servico h4{

  font-size: 2em;

  font-weight: bold;

  color: #D1253B;

}



.servico p{

  font-size: 1.2em;

  line-height: 1.4em;

  color: #666;

}

.servico strong {
 
}


.servico .m12{

  padding: 0 !important;

  min-height: 50vh !important;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #D1253B;

}



.servico iframe{

  width: 100%;

  height: 100vh;

  margin-bottom: 0px;

}



.servico h5{

  font-size: 2.5em;

  text-transform: uppercase;

  font-weight: bold;

  color: white;

  margin-bottom: 0;

}



.servico .m6 p{

  color: white;

  font-size: 1.25em;

  margin: 0;

}



.servico .container{

  padding: 5% !important;

}



/*-------- Sobre --------*/



.sobre{

  padding: 5%;

  margin-bottom: 0 !important;

  background-color: #D1253B;

  border-top: 8px solid #373435;

}



.sobre h2{

  font-size: 2em;

  font-weight: bold;

  color: white;

  text-shadow: 2px 2px #2b2b2b;

  text-align: center;

}



.sobre h3{

  color: white;

  font-family: 'caviardreams';

  font-size: 2.5em;

}



@media(max-width: 401px){

    .sobre h3{

      font-size: 2em;

    }

}



.sobre .btn{

  background-color: #3CB82A !important;

  height: 3rem;

  line-height: 3rem;

  border-radius: 2em;

  text-transform: none !important;

}



.sobre p{

  font-size: 1em;

  color: white;

  line-height: 1.25em;

}



.sobre .col{

  margin-top: 2em;

}



.header{

  margin-bottom: 0 !important;

}



.header img{

  width: 100%;

  height: 300px;

  object-fit: cover;

  margin-bottom: -6px;

}



.empresa{

  padding: 5%;

  margin-bottom: 0 !important;

}



.empresa h2{

  font-size: 2em;

  font-weight: bold;

  color: #B02123;

}



.empresa p{

  font-size: 1.2em;

  line-height: 1.4em;

  color: #666;

}



.empresa .fundo{

  background-color: #026FA7;

  float: left;

  padding: 2em;

  border-radius: 2em;

}



.empresa .fundo .col{

  display: flex;

  margin-top: 1em;

}



.empresa h3{

  font-size: 1.5em;

  color: currentColor;

  margin: 0;

}



.empresa svg{

  color: white;

  background-color: #53bd8d;

  width: 50px !important;

  height: 50px;

  padding: 12px;

  border-radius: 50%;

  margin-right: 1em;

}



.empresa .fundo p{

  font-size: 1.1em;

  line-height: 1.25em;

  color: currentColor;

  margin: 0;

}



.empresa strong{

  color: currentColor;

  font-size: 1.25em;

  line-height: 2em;

}



.empresa a{

  color: white;

  transition: all 0.5s;

}



.empresa a:hover{

  color: #53bd8d;

}



/*-------- Time --------*/



.time{

  padding: 5%;

  margin-bottom: 0 !important;

}



.time h2{

  font-size: 2em;

  font-weight: bold;

  color: #606062;

}



.time .col{

  margin-top: 2em;

}



.time img{

  width: 250px;

  height: 250px;

  object-fit: cover;

  object-position: top;

  border: 2px solid #373435;

  border-radius: 50%;

}



.time h3{

  font-size: 1.5em;

  font-weight: bold;

  color: #373435;

  border-bottom:  2px solid #373435;

}



.time svg{

  font-size: 1.5em;

  color: #606062;

  margin: 0 .2em;

}



/*-------- Depoimentos --------*/



.depo{

  margin-bottom: 0 !important;

  padding: 5%;

/*  background-color: #69696A;*/

  background-color: #D1253B;

}



.depo .content{

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.depo h2{

  font-size: 2em;

  font-weight: bold;

  color: white;

}



.depo .item{

  width: 100%;

  height: auto;

  float: left;

  margin: 0.5rem;

  padding: 1em;

  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);

  border-bottom: 8px solid #B52E2B;

  transition: all 0.5s;

  background-color: white;

}



.depo .item:hover{

  background-color: #B52E2B;

}



.depo .item:hover p{

  color: white;

}



.depo .item:hover h3{

  color: white;

}



@media(min-width: 601px){

  .depo .item{

    width: calc(100% / 2 - 1rem);

  }

}



@media(min-width: 993px){

  .depo .item{

    width: calc(100% / 4 - 1rem);

  }

}



.depo p{

  font-size: 1em;

  line-height: 1.25em;

  color: #666;

  font-family: 'bahnschrift';

  transition: all 0.5s;

}



.depo h3{

  font-size: 1.25em;

  line-height: 1em;

  margin: 0;

  transition: all 0.5s;

}



.depo h3 span{

  font-size: .8em;

}



.depo img{

  width: 70px;

  height: 70px;

  object-fit: cover;

  object-position: top;

  border-radius: 50%;

}



.depo .item{

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  min-height: 400px;

}



.depo .item .fundo div{

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  width: 100%;

  text-align: center;

  justify-content: center;

}



/*-------- Blog --------*/



.recentes{

  padding: 5%;

  margin-bottom: 0 !important;

}



.recentes h2{

  text-align: center;

  font-size: 2em;

  font-weight: bold;

  color: #4B4B4D;

}



.recentes img{

  width: 100%;

  height: 200px;

  object-fit: cover;

  margin-bottom: -6px;

}



.recentes .box{

  padding: 2em 1em;

}



.recentes h3{

  font-size: 1.5em;

  font-weight: bold;

  margin: 0;

  text-transform: uppercase;

  white-space: nowrap;

  width: 100%;                   

  overflow: hidden;

  text-overflow: ellipsis;

  color: white;

}



.recentes .limit{

  font-size: 1em;

  line-height: 1.25em;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  color: white;

}



.recentes span{

  position: absolute;

  top: 20px;

  left: 40px;

  color: white;

  padding: .3em 1em;

}



.recentes .col{

  position: relative;

  margin-top: 2em;

}



.recentes .col:nth-of-type(odd) span{

  background-color: #026FA7;

}



.recentes .col:nth-of-type(odd) .box{

  background-color: #3B3232;    
  min-height: 240px;

}

.blog{
    height:200px;
}


.recentes .col:nth-of-type(even) span{

  background-color: #3B3232;

}



.recentes .col:nth-of-type(even) .box{

  background-color: #026FA7;

}



/*----Acontece------------*/

.blog{

  margin-bottom: 0px !important;

  background-color: #EEE;

}



.blog img{

  width: 100%;

  height: 200px;

  object-fit: cover;

  margin-bottom: -6px;

}



.blog .box{

  padding: 2em 1em;

}



.blog h3{

  font-size: 1.5em;

  font-weight: bold;

  margin: 0;

  text-transform: uppercase;

  white-space: nowrap;

  width: 100%;                   

  overflow: hidden;

  text-overflow: ellipsis;

  color: white;

}



.blog .limit{

  font-size: 1em;

  line-height: 1.25em;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  color: white;

}



.blog span{

  position: absolute;

  top: 20px;

  left: 40px;

  color: white;

  padding: .3em 1em;

}



.blog .col{

  position: relative;

  margin-top: 2em;

}



.blog .col:nth-of-type(odd) span{

  background-color: #026FA7;

}



.blog .col:nth-of-type(odd) .box{

  background-color: #3B3232;
  min-height: 20px;

}



.blog .col:nth-of-type(even) span{

  background-color: #3B3232;

}



.blog .col:nth-of-type(even) .box{

  background-color: #026FA7;

}



.artigo{

  margin-bottom: 0px !important;

  background-color: #FFF;

  border-top: 5em solid #666666;

}



.artigo .container{

  padding: 5% !important;

}



.artigo .ling h1{

  font-size: 3em;

  font-weight: bold;

}



.artigo .ling h2{

  font-size: 1.25em;

  color: #a6a6a6;

}



.artigo .ling{

  margin: 2em 0;

  margin-bottom: 8em !important;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

}



.artigo .container{

  margin-top: 4em !important;

}



.artigo img{

  width: 100%;

  height: 400px;

  object-fit: cover;

}



.artigo .container h1, .artigo .container h2, .artigo .container h3{

  font-size: 2em;

  font-weight: bold;

}



.artigo .container p{

  font-size: 1.25em;

  color: #404040;

}



.artigo .col:nth-of-type(3) h1{

  font-size: 2em;

  font-weight: bold;

  margin-bottom: 0;

}



.artigo .col:nth-of-type(3) hr{

  border: none;

  background-color: #455161;

  height: .3em;

  width: 2em;

  float: left;

}



/*-------- Formulario --------*/



.form-2{

  margin-bottom: 0 !important;

}



.form-2 .m6:nth-of-type(1){

  padding: 5% !important;

  background-color: #455161;

  min-height: 500px !important;

}



.form-2 .m6:nth-of-type(2){

  padding: 5% !important;

  background-size: cover;

  background-image: url(../images/bandeira.png);

  background-position: right;

  position: relative;

  min-height: 500px !important;

}



.form-2 .fundo{

  background-color: rgba(69, 81, 97, .5);

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}



.form-2 .m6{

  display: flex;

  align-items: center;

  justify-content: center;

}



.form-2 h2{

  font-size: 2em;

  font-weight: bold;

  color: white;

  margin-top: 0;

}



.form-2 input, .form-2 textarea{

  background-color: #E6E7E8 !important;

  border: none !important;

}



.form-2 input::placeholder, .form-2 textarea::placeholder{

  color: #A9ABAE;

}



.form-2 form{

  margin: 0 auto;

  margin-top: 3em;

  max-width: 700px;

}



.form-2 .btn-large{

  background-color: #EC3143 !important;

  text-transform: none !important;

}



.form-2 p{

  color: white;

  font-weight: bold;

  font-size: 1.25em;

  line-height: 1.25em;

  position: relative;

}



.form-2 a{

  color: white;

}



/*-------- Formulario --------*/



.form{

  padding: 5%;

  margin-bottom: 0 !important;

  background-size: cover;

  background-image: url(../images/fundo-1.png);

}



.form h2{

  font-size: 2.5em;

  font-weight: bold;

  color: white;

  margin-top: 0;

  text-transform: uppercase;

} 



.form h2 span {

  font-size: 0.9em !important;

}



.form input, .form textarea{

  background-color: #E6E7E8 !important;

  border: none !important;

}



.form input::placeholder, .form textarea::placeholder{

  color: #A9ABAE;

}



.form form{

  margin: 0 auto;

  margin-top: 3em;

  max-width: 700px;

}



.form .btn{

  background-color: #FD0002 !important;

  text-transform: none !important;

}



.form p{

  color: white;

  font-weight: bold;

  font-size: 1.25em;

  line-height: 1.25em;

}



.form a{

  color: white;

}



.map{

  margin-bottom: 0 !important;

}



.map .col{

  padding: 0 !important;

}



.map iframe{

  width: 100%;

  height: 300px;

  margin-bottom: 0;

}



/*-------- Orçamento --------*/



.contato{

  padding: 0 5%;

  margin-bottom: 0 !important;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

}



.contato h2{

  text-align: center;

  font-size: 2em;

  color: #fff;

  font-weight: bold;

  margin: 0 auto;

  max-width: 700px;

  width: 100%;

  background-color: #538C71;

  padding-top: 2em;

}



.contato p span{

  color: yellow;

}



.contato p{

  text-align: center;

  font-size: 1.25em;

  color: #fff !important;

  font-weight: bold;

  margin: 0 auto;

  max-width: 700px;

  width: 100%;

  background-color: #538C71;

  padding-bottom: 1em;

  border-radius: 0 0 2em 2em;

}



.contato input, .contato textarea{

  background-color: #E6E7E8 !important;

  border: none !important;

  border-radius: .5em !important;

}



.contato input::placeholder, .contato textarea::placeholder{

  color: #727376;

  padding-left: .5em;

  font-family: 'arial';

}



.contato .btn{

  background-color: #EC3143 !important;

  border-radius: 2em !important;

  height: 3rem !important;

  padding: 0 4em;

  font-family: 'bahnschrift';

}



.contato .btn-large{

  background-color: #34af23 !important;

  margin-top: 2em;

  text-transform: none;

  text-align: center;

  color: #fff;

  font-weight: bold;

  max-width: 700px;

  width: 100%;

  font-size: 1.5em;

  line-height: 1.25em !important;

  box-shadow: none !important;

  padding-top: 1em;

  padding-bottom: 1em !important;

  height: auto !important;

  border-radius: 2em 2em 0 0;

}



@media  screen and (max-width: 1000px) {

  .contato .btn{

    

    font-size: .8em;

  }

}



.contato .botao{

  font-size: 1em !important;

  width: initial !important;

  height: initial !important;

  line-height: initial !important;

  border-radius: 0 !important;

  margin-right: 0 !important;

  float: none !important;

  top: 0 !important;

}



.contato h3{

  font-size: 1.25em;

  color: #404040;

}



.contato img{

  width: 90px;

  height: 90px;

  object-fit: cover;

  object-position: top;

  border-radius: 50%;

  border: 2px solid #666;

  float: left;

  margin: .5em;

}



.contato .dona p{

  font-size: 1em;

  line-height: 1.25em;

  color: #666;

  margin-top: 2em;

  font-family: 'roboto';

  font-weight: normal;

}



.contato .dona{

  border: 2px solid #666;

  border-radius: 2em;

  padding: .5em 2em;

  display: flex;

  flex-direction: row-reverse;

}



.contato .col{

  margin-top: 2em;

}



.contato .top{

  width: 100%;

}



/*-------- PASSO A PASSO ----------*/

.passo-a-passo {

  display: flex;

  flex-direction: column;

  flex-basis: flex-start;

  flex-wrap: space-between;

  margin-top: 50px !important;

  margin-bottom: 50px !important;



}



.passo-a-passo h3{

  font-size: 2em;

  text-align: center; 

  font-weight: bold;

  color: #606062;

   font-family: 'caviardreams';



}



.passo-a-passo h4 {

  font-size: 1.2em;

  font-weight: bold;

  text-align: center;

  color: #606062;

    font-family: 'caviardreams';

}





/*.item-passo {

  cursor: pointer;

}*/

.item-passo:hover {

  background-color: #538C71;

  border-radius: 10px !important;

   transition: all 0.5s;

}



.item-passo:hover h4 {

  color: #fff;

}



.item-passo:hover:nth-of-type(2) {

  background-color: #B02123 !important;

}



.item-passo:hover:nth-of-type(4) {

  background-color: #B02123 !important;

}



.item-passo:hover:nth-of-type(6) {

  background-color: #B02123 !important;

}



.item-passo:hover:nth-of-type(8) {

  background-color: #B02123 !important;

}



.item-passo:hover:nth-of-type(10) {

  background-color: #B02123 !important;

}



.item-passo:hover:nth-of-type(12) {

  background-color: #B02123 !important;

}







.item-passo {

  height: 200px !important;

  margin-top: 16px !important;

  padding: 2% 2% !important;

}



.item-passo img {

  border-radius: 10px !important;

  width: 200px !important;

  height: 114px !important;

}





/* DICAS PARA VIVER EM PORTUGAL */

.dicas {

  display: flex;

  flex-direction: column;

  flex-basis: flex-start;

  flex-wrap: space-between;

/*  margin-top: 50px !important;*/

  /*margin-bottom: 50px !important;*/

  padding: 2% 0;

}



.dicas h3 {

  font-size: 2.2em;

  text-align: center;

  font-weight: bold;

  color: #fff;

   font-family: 'caviardreams';

  text-transform: uppercase;

}



.dicas p {

  font-size: 1em;

  font-weight: bold;

  text-align: center;

  color: #fff;

    font-family: 'caviardreams';

}



.item-dicas {

  cursor: pointer;

}



.item-dicas:hover {

  background-color: #538C71;

  border-radius: 10px !important;

   transition: all 0.5s;

}



.item-dicas:hover p {

  color: #fff;

}



.item-dicas:hover:nth-of-type(2) {

  background-color: #B02123 !important;

}



.item-dicas:hover:nth-of-type(4) {

  background-color: #B02123 !important;

}





.item-dicas {

  height: 250px !important;

  margin-top: 16px !important;

  padding: 2% 2% !important;

}



.item-dicas img {

  border-radius: 10px !important;

  width: 200px !important;

  height: 114px !important;

}



/*-------- Footer --------*/



.footer{

  padding: 5%;

  margin-bottom: 0 !important;

  background-color: #2B2C34;

  border-bottom: 4px solid #373435;

}



.footer h2{

  font-size: 1.25em;

  font-weight: bold;

  color: white;

}



.footer a,

.footer p{

  color: white;

}



.footer img{

  width: 100%;

  height: 90px;

  object-fit: contain;

  /*filter: brightness(1000%);*/

  margin-top: 2em;

}



.footer svg{

  font-size: 1.5em;

  margin-right: .2em;

}



.copy{

  padding: 1em;

  margin-bottom: 0 !important;

  background-color: #2B2C34;

}



.copy h2{

  font-size: 1em;

  margin: 0;

  color: #fff;

}

.imgmaz {

  width: 120px;



}



/*======= REDES SOCIAIS e CONTATO ==========*/



.fa-facebook-f:hover {

  color: #4064AC !important;

}



.fa-whatsapp:hover {

  color: #3CB82A !important;

}



.fa-phone:hover {

  color: #00A7E7;

}



.fa-envelope:hover {

  color: #E5CD86;

}



.fa-map-marker-alt:hover{

  color: #F00;

}



.fa-instagram:hover {

color: #C83C6D;

}





/*-------- TIPOGRAFIA --------*/



@font-face{

  font-family: 'bahnschrift';

  src: url(../fonts/bahnschrift.ttf);

}



@font-face{

  font-family: 'caviardreams';

  src: url(../fonts/caviardreams.ttf);

}



@font-face{

  font-family: 'mistral';

  src: url(../fonts/mistral.ttf);

}



address{

  font-style: normal;

}



strong{

  font-weight: bold !important;

}



figcaption{

  display: none !important;

}



figure{

  margin: 0 !important;

}



fieldset {

  border: none !important;

  margin: 0 !important;

  padding: 0 !important;

}



input, textarea{

  width: calc(100% - 1em) !important;

  padding-left: 1em !important;

}