/*Reset params*/
*{
   margin: 0;
   text-decoration: none;
   padding: 0;
   font-family: "Montserrat", sans-serif; 
   border: none;

}

label{
    font-size: 1vw;
}

a:link, a:visited{
    text-decoration: none;
    color: #ffffff;
}

.service-link{
    transition: font-weight 0.3s;
}

.service-link:hover{
    font-weight: 400;
}


/*Body*/

body{
    width: 100vw; 
    background-color: #ffffff;

}


#container-navmenu{
   
    display: flex; 
    flex-direction: row; 
    justify-content:center;
    align-items: center;
    font-weight: 300;
    font-size: 1.3vw;   
    color:#ffffff;
    margin: auto;
    width: 70%;
    height: 5vw;

 
}

#logo-empresa-barTop{
    width: 70%;
}

#nav-menu{ 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: rgba(0, 52, 89,1);
}

#main-menu{   
    display: none;
    float: left;
}

#main-menu li{
    display: inline-block;
    padding: 0 5px;
    color: white;
    transition: color 1s;
}

#main-menu li:hover{
    cursor: pointer;
    color: #F2994A;
}

#menu-sanduiche{
    position: absolute;
    top: 7vh;
    left: 0;
    width: 100vw;  
    height: 100vh;
    display: none; 
    opacity: 1;
    background-color: rgba(0, 52, 89,1);
    padding-top: 10vh;
}

#menu-sanduiche li{
    display: block;
    font-size: 4vh;
    justify-content: center;
    text-align: center; 
    margin-right: 4vh; 


}

.menu-sanduiche:hover{
    cursor:pointer;
}

#pag-principal{
    width: 100vw;
    height:45vw;
    background: url("bg-capa.png") no-repeat #fff;
}

#slogan{
    margin: 0 0 0 -10%;
    padding-top: 15vw;
    opacity: 0;
    font-size: 3vw;
    color: #ffffff;
    line-height: 4vw;
    transition: opacity 1s, margin-left 1s;
}

#slogan span{
    font-weight: 600;
}

#btn-saibaMais{  
    opacity: 0;
    margin: 10px 0 0 -10%;   
    text-align: center;   
    width: 20%;
    height: 15%;
    background-color: rgba(0,0,0,0);
    border: 1px solid rgb(255, 255, 255, 0.5);
    border-radius: 2px;
    transition: border 0.5s, background-color 0.5s, opacity 0.5s, margin-left 1s;
}



#btn-saibaMais:hover{
    background-color: #F2994A;
    border: none;
    cursor: pointer;

}

#btn-saibaMais h1:hover{
    font-weight: 800;

}

#btn-saibaMais h1{ 
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 1.5vw;
    font-weight: 100;
    line-height: 3vw;
    transition: font-weight 0.2s;
}

.title-pag{
    font-weight: 800;
    font-size: 1.9vw;
    color: #000000;
    opacity: 1;
}

.tracinho{
    width: 0%; 
    height:0.4vw;  
    color:black; 
    background-color: black;
    opacity: 1;
}

.tracinho-servicos{
    width: 0%; 
    height:0.4vw;  
    color:white; 
    background-color: white;
    opacity: 1;
}

.animaTracinho{
    width: 5%;
    transition: width 1s;
}

#logo-empresa{
    margin: 0 -10% 0 0;
    position: absolute;
    top: 15vw; 
    right: 15%;
    opacity: 0;
    transition: opacity 1s, margin-right 1s;
}

.container-topicos{
    width: 70%;
    margin: 0% auto; 
    padding: 7% 0;   
}

#container-sobre{
    width: 70%;
    margin: 0% auto; 
    padding: 7% 0; 
}

#container-prop-valores{
    width: 70%;
    margin: 0% auto; 
    padding: 7% 0;
}



.container-topic-servico{
    width: 70%; 
    margin: 0 auto; 
    padding: 7% 0 1% 0;

}

.container-topic-servico h1{
    font-weight: 800;
    font-size: 2vw;
    color: #fff; 
    opacity: 1;
}


#missao-valores{
    clear: both;
    background-color: #E0E1DD;
}


.img-sobre-missao-valores{
    float: left; 
    margin-bottom: 7%;
    margin-top: 15%; 
    opacity: 0;
    width: 30vw;
}


.formatparagraph{
    float: left; 
    width: 50%; 
    margin-left: 5%;
    margin-top: 15%; 
    opacity: 0;
    font-size: 1.5vw; 
    text-align:justify;    
}

.revelaTexto{
    margin-top: 0%;
    opacity: 1;
    transition: margin-top 1s ease-in-out, opacity 1s;
}

#servicos{
    position: relative;
    overflow: hidden; 
    height:40vw;
}

.container-carrossel{
    margin: 0 auto;
}


.bg-service{
    position: absolute;
    top: 0;
    margin: auto;
    display: block;
    z-index: -2;
    width: 100%;
    filter: blur(5px);
    transition: opacity 1s;

}
.container-radios{
    display: flex;
    justify-content: center;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 43%;
    margin: 0 auto;
    width: 10vw;
    height: 1vw;
}
.container-radios > input[type=radio]{
    display: none;
}

.container-radios > label{
    margin: 5px 2px;
    width: 5vw;
    height: 0.2vw;
    background-color: rgb(109, 109, 109);

}

.container-radios > label:hover{
    cursor: pointer;
}


.container-radios > input:checked + label{
    transition: 0.3s;
    background-color: white;

}

.container-fotos{
    transition: 1s ease-in-out;
}

.title-service{
    width: 35vw;
    font-size: 1.3vw;
    font-weight: 500;
    color: #fff;
}
.container-desc{

    display: flex;
    transition: opacity 1s;
    flex-direction: column;
    align-items: flex-end;
    width: 70%;
    margin: -5% auto;
  
    
}
.desc-service{
  
    width: 35vw;
    text-align: left;
    color: #fff; 
    font-weight: 100;
    font-size: 1.3vw;
    line-height: 2.5vw;   

}


#clientes{
    height: 100%;
    background: url('bg-nossos-clientes.png') no-repeat #EEEEEE;
}

.container-clientes{
    position: absolute;
    margin-top: 1vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    transition: margin-left 0.5s ease-in-out, opacity 1s;
  
}

#container-btn-clientes{

    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 10vw;
    height: 20px;
    position: absolute;
    top: 95%;
    left: 47%

}

.btn-clientes{
  width: 10px;
  height: 10px;
  border-radius: 20px;
  border: 1px solid  #003459;
  margin: 0 5px;
}

.btn-clientes:hover{
    cursor: pointer;
}

#btn-cliente3{
    background-color: #003459;
}
.container-secao-clientes{ 
    width: 70%;
    height: 45vw;
    margin: 0 auto; 
    padding: 6vw 0; 
    overflow: hidden;
    position: relative;
     
}

.card-cliente{
    width: 10vw;
    height: 11vw;
    margin: 1.5vw;
    background-color: #2660A4;
}

.foto-cliente{
    width: 100%;
}

.card-parceiro{
    text-align: center;
    margin: 1%;
    line-height: 10vw;
    width: 18vw;
    height: 13vw;
    background-color:  #2660A4;
}

.fundo-img-parceiro{
    width: 18vw;
    height: 12vw;
    background-color:  #fff;
}


.container-foto-cliente{
    display: flex;
    align-items: center;
    width: 10vw;
    height: 10vw;
    background-color: white;
    overflow: hidden;
}


.container-secao-parceiros{

    width: 70%; 
    margin: 0 auto; 
    padding: 7% 0 0 0;
}
#container-parceiros{
    margin-top: 5%;
    justify-content: space-around;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#parceiros{
    height: 45vw;
}

.parceiro{
    transition: box-shadow 0.5s;
  
}

.parceiro:hover{
    box-shadow: #848484 2px 2px 15px;  
    cursor: pointer;  
 }

 .container-fale-conosco{
    width: 70%; 
    margin: 0 auto; 
    padding: 7% 0 2% 0;
 }

#fale-conosco{
    background-color: #F3F7FA;
    min-height: 45vw;
}

form{
    width: 70%; 
    margin: 0 auto;
}


.input-format{
    display: block;
    border: 1px solid #000000;
    border-radius: 0.2vw;
    padding: 5px;
    margin: 0.5%;
    width:61vw;
    height: 2vw;
    font-size: 1vw;
}

input[type='checkbox']{
    display: inline-block;
    width: 1vw;
    height: 1vw;
}




.input-assunto{
    width: 61vw;
}


.input-message{
    width: 61vw;
    height: 10vw;
}

#txt-politica{
    cursor: pointer;
}

#politica-privacidade{
    margin: 10px 0 10px 5px ; 
    display: none; 
    text-align: justify;
    font-size: 0.7vw;
}


.btn-enviar{
    background-color: #000000;
    color: #ffffff;
    font-weight: 300;
    margin: 0.5vw;
    padding: 0.5vw 10vw;

    font-size: 1.3vw;
}
#localizacao{
    background-color: #fffdf3;
}

#container-localizacao{
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;

}

#contato-voucher{
    font-size: 1.5vw;
    font-weight: 600;
    margin-right: 1vw;
  
}

#endereco-voucher{
    font-size: 1.3vw;
    font-weight: 400;
}

footer{
    background-color: #003459;
    width: 100%;
    height: 14vw;
}
#container-rodape{ 
    width: 70%;
    margin:  0 auto;
    padding: 1vw 2vw;

}
#logo-rodape{
    width: 10vw;
    float: left;
}
.hr-footer{
    width: 70%;
    height: 0.2px;  
    margin: auto;
    color:#848484; 
    background-color: #848484; 
    opacity: 1;
}
.font-formt-footer{
    float: left;
    font-size: 1vw;
    line-height: 1.2vw;
    font-weight: 300;
    color: rgb(255,255,255);
    margin-left: 2vw;
}
.paragraph-right{
    font-size: 1vw;
    float: right;
    color: white;
    margin-top: 5vw;
    margin-left: 20px;
    text-align: left;
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
  


    #main-menu{
        display: none;
    }


    }
    #pag-principal{
        width: 100%;
        height:100vh;
        background: url("bg-capa.png") no-repeat #fff;        
    }

    #mapa-google{
    width: 300px;
    height: 150px;
    }

    #contato-voucher{
        display: none;
    }

    #container-navmenu{
        height: 7vh;
    }
    #logo-empresa-barTop{
        width: 20vw;
    }

    #logo-empresa{
        display: none;
    }

    #slogan{
        margin: 0 0 0 -10%;
        padding-top: 70vw;    
        font-size: 8vw;     
        line-height: 10vw;       
    }

    #btn-saibaMais{  
        opacity: 0;
        width: 50vw;
        height: 10vw;    
        border-radius: 1vw;   
    }

    #btn-saibaMais h1{ 
        font-size: 6vw;
        line-height: 10vw;
    }
    .container-topicos{
        width: 80%;
        margin: 0% auto; 
        padding: 7% 0;      
   
    }

    #container-sobre{
        width: 70%;
        margin: 0% auto; 
        padding: 7% 0;
        height: 100vh; 
    }
    
    #container-prop-valores{
        width: 70%;
        margin: 0% auto; 
        padding: 7% 0;
    }

    
    #missao-valores{
        height: 100vh;
    }

    #img-sobre-a-voucher{
        display: none;
    }

    .title-pag{
        margin-top: 6vh;
        font-weight: 800;
        font-size: 5vw;    
    }

    .formatparagraph{     
        width: 100%; 
        margin: 0 auto;  
        font-size: 4vw; 
        text-align:justify;    
    }

    #img-missao-valores{
        display: none;
    }

    #servicos{
       
        height:100vh;
    }

    .bg-service{
        width: 200vh;
    }

    #bg-service-1, #bg-service-2, #bg-service-3, #bg-service-4, #bg-service-5{
       transform: translateX(-700px);
    }

    .title-service{     
        width: 80vw;
        font-size: 5vw;
        font-weight: 500;
        color: #fff;
    }

    .container-desc{
        display: flex;
        transition: opacity 1s;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100vw;
        margin: 0% auto;   
       
        
    }
    .desc-service{      
        width: 80vw;
        text-align: left;
        color: #fff; 
        font-weight: 100;
        font-size: 5vw;
        line-height: 8vw;     
    }

    .container-topic-servico{
       
        width: 80%; 
        margin: 0 auto; 
        padding: 7% 0 1% 0;
    }

    .container-topic-servico h1{
        margin-top: 6vh;
        font-weight: 800;
        font-size: 5vw;
        color: #fff; 
        opacity: 1;
    }

    .container-radios{
        bottom: 20px;
        left: 35%;
        width: 30vw;
        height: 4vw;
    }

    .container-radios > label{
        margin: 5px 2px;
        width: 10vw;
        height: 0.8vw;    
    }

    #clientes{
        height: 110vh;
        background-position-x: -1000px;
    }
    
    #container-clientes{
        margin-top: 10vw;
    
    }
    .container-secao-clientes{
        width: 80%;
        height: 110vh;
        margin: 0 auto; 
        padding: 5vw 0;
    }

    .container-clientes{
        position: absolute;
        margin-top: 1vw;
        display: flex;    
        flex-wrap: wrap;      
        width: 100%;
        height: 80vh;
        transition: margin-left 0.5s ease-in-out, opacity 1s;
      
    }
    
    #container-btn-clientes{    
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100px;
        height: 20px;
        position: absolute;
        top: 95%;
        left: 35%
    
    }
    
    .btn-clientes{
      width: 10px;
      height: 10px;
      border-radius: 20px;
      border: 1px solid  #003459;
      margin: 0 5px;
    }
    
    .card-cliente{
        width: 25vw;
        height: 26vw;
        margin: 1vh;
    }
    
    .foto-cliente{
        width: 100%;
    }

    .container-foto-cliente{
        width: 25vw;
        height: 25vw;
     
    }
   
    .card-parceiro{
        margin: 1vh 0;
        line-height: 26vw;
        width: 30vw;
        height: 32vw;
    }
    
    .fundo-img-parceiro{
        width: 30vw;
        height: 30vw;
        background-color:  #fff;
    }

    .container-secao-parceiros{

        width: 80%; 
        margin: 0 auto; 
        padding: 7% 0 0 0;
    }
    #container-parceiros{
        margin-top: 5%;
        justify-content: space-around;     
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    #parceiros{
        height: 100vh;
    }

    
 .container-fale-conosco{
    width: 80%; 
    margin: 0 auto; 
    padding: 7% 0 0 0;
 }

 form{
    width: 80%;
    margin-top: 4vh;
    margin-bottom: 2vh;
 }

#fale-conosco{
    background-color: #F3F7FA;
    height: 100vh;
}


.input-format{
    display: block;
    border: 1px solid #000000;
    border-radius: 0.5vw;
    padding: 10px;
    margin: 0.8vh 0;
    width:80vw;
    height: 10vw;
    font-size: 3vw;
}



input[type='checkbox']{
    display: inline-block;
    width: 3vw;
    height: 3vw;
}

label{
    font-size: 1vh;
}


.input-assunto{
    width: 80vw;
}


.input-message{
    width: 80vw;
    height: 30vw;
}

#txt-politica{
    cursor: pointer;
}

.btn-enviar{
    font-weight: 300;
    margin-top: 1vh;
    padding: 0.5vw 34vw;
    font-size: 4vw;
}
#localizacao{
    height: 100vh;
    background-color: #fffdf3;
}

#container-localizacao{
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;

}



footer{

    background-color: #003459;
    width: 100%;
    height: 70vh;
}
#container-rodape{
    display: flex; 
    flex-direction: column;
    justify-content: center;
    width: 80%;
    margin:  0 auto;
    padding: 5vw 2vw;

}
#logo-rodape{
    margin: auto;
    width: 20vh; 
    margin-bottom: 2vh; 
}
.font-formt-footer{
    font-size: 2vh;
    line-height: 3vh;
}

.paragraph-right{
    font-size: 2vh;
    line-height: 3vh;
}

#politica-privacidade{
    font-size: 0.7vh;
}
   




/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
   
    .material-icons.menu-sanduiche{
        font-size: 5vw;
    }

    #menu-sanduiche{
        display: none;
    }

   

    #pag-principal{
        width: 100vw;
        height:100vh;
        background: url("bg-capa.png") no-repeat #fff;        
    }

    #mapa-google{
    width: 600px;
    height: 400px;
    }

    #contato-voucher{
        display: none;
    }

    #container-navmenu{
        height: 10vh;
    }
    #logo-empresa-barTop{
        width: 20vw;
    }

    #logo-empresa{
        display: none;
    }

    #slogan{
        margin: 0 0 0 -10%;
        padding-top: 50vw;    
        font-size: 8vw;     
        line-height: 10vw;       
    }

    #btn-saibaMais{  
        width: 50vw;
        height: 10vw;    
        border-radius: 1vw;   
    }

    #btn-saibaMais h1{ 
        font-size: 6vw;
        line-height: 10vw;
    }
    .container-topicos{
        width: 80%;
        margin: 0% auto; 
        padding: 7% 0;      
   
    }

    #container-sobre{
        width: 70%;
        margin: 0% auto; 
        padding: 7% 0;
        height: 110vh; 
    }
    
    #container-prop-valores{
        width: 70%;
        margin: 0% auto; 
        padding: 7% 0;
    }

    
    #missao-valores{
        height: 100vh;
    }

    #img-sobre-a-voucher{
        display: none;
    }

    .title-pag{
        margin-top: 6vh;
        font-weight: 800;
        font-size: 5vw;    
    }

    .formatparagraph{     
        width: 100%; 
        margin: 0 auto;  
        font-size: 4vw; 
        text-align:justify;    
    }

    #img-missao-valores{
        display: none;
    }

    #servicos{
       
        height:100vh;
    }

    .bg-service{
        width: 200vh;
    }

    #bg-service-1, #bg-service-2, #bg-service-3, #bg-service-4, #bg-service-5{
       transform: translateX(-700px);
    }

    .title-service{     
        width: 80vw;
        font-size: 5vw;
        font-weight: 500;
        color: #fff;
    }

    .container-desc{
        display: flex;
        transition: opacity 1s;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100vw;
        margin: 0% auto;   
       
        
    }
    .desc-service{      
        width: 80vw;
        text-align: left;
        color: #fff; 
        font-weight: 100;
        font-size: 4vw;
        line-height: 6vw;     
    }

    .container-topic-servico{
       
        width: 80%; 
        margin: 0 auto; 
        padding: 7% 0 1% 0;
    }

    .container-topic-servico h1{
        margin-top: 6vh;
        font-weight: 800;
        font-size: 5vw;
        color: #fff; 
        opacity: 1;
    }

    .container-radios{
        bottom: 20px;
        left: 35%;
        width: 30vw;
        height: 4vw;
    }

    .container-radios > label{
        margin: 5px 2px;
        width: 10vw;
        height: 0.8vw;    
    }

    #clientes{
        height: 140vh;
        background-position-x: -1000px;
    }
    
    #container-clientes{
        margin-top: 10vw;
    
    }
    .container-secao-clientes{
        width: 80%;
        height: 140vh;
        margin: 0 auto; 
        padding: 5vw 0;
    }

    .container-clientes{
        position: absolute;
        margin-top: 1vw;
        display: flex;    
        flex-wrap: wrap;      
        width: 100%;
        height: 80vh;
        transition: margin-left 0.5s ease-in-out, opacity 1s;
      
    }
    
    #container-btn-clientes{    
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100px;
        height: 20px;
        position: absolute;
        top: 95%;
        left: 43%
    
    }
    
    .btn-clientes{
      width: 10px;
      height: 10px;
      border-radius: 20px;
      border: 1px solid  #003459;
      margin: 0 5px;
    }
    
    .card-cliente{
        width: 25vw;
        height: 26vw;
        margin: 1vh;
    }
    
    .foto-cliente{
        width: 100%;
    }

    .container-foto-cliente{
        width: 25vw;
        height: 25vw;
     
    }
   
    .card-parceiro{
        margin: 1vh 0;
        line-height: 26vw;
        width: 30vw;
        height: 32vw;
    }
    
    .fundo-img-parceiro{
        width: 30vw;
        height: 30vw;
        background-color:  #fff;
    }

    .container-secao-parceiros{

        width: 80%; 
        margin: 0 auto; 
        padding: 7% 0 0 0;
    }
    #container-parceiros{
        margin-top: 5%;
        justify-content: space-around;     
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    #parceiros{
        height: 100vh;
    }

    
 .container-fale-conosco{
    width: 80%; 
    margin: 0 auto; 
    padding: 7% 0 0 0;
 }

 form{
    width: 80%;
    margin-top: 4vh;
    margin-bottom: 2vh;
 }

#fale-conosco{
    background-color: #F3F7FA;
    height: 100vh;
}


.input-format{
    display: block;
    border: 1px solid #000000;
    border-radius: 0.5vw;
    padding: 10px;
    margin: 0.8vh 0;
    width:80vw;
    height: 10vw;
    font-size: 3vw;
}



input[type='checkbox']{
    display: inline-block;
    width: 3vw;
    height: 3vw;
}

label{
    font-size: 1.5vh;
}


.input-assunto{
    width: 80vw;
}


.input-message{
    width: 80vw;
    height: 30vw;
}

#txt-politica{
    cursor: pointer;
}

.btn-enviar{
    font-weight: 300;
    margin-top: 1vh;
    padding: 0.5vw 34vw;
    font-size: 4vw;
}
#localizacao{
    height: 100vh;
    background-color: #fffdf3;
}

#container-localizacao{
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;

}



footer{

    background-color: #003459;
    width: 100%;
    height: 70vh;
}
#container-rodape{
    display: flex; 
    flex-direction: column;
    justify-content: center;
    width: 80%;
    margin:  0 auto;
    padding: 5vw 2vw;

}
#logo-rodape{
    margin: auto;
    width: 20vh; 
    margin-bottom: 2vh; 
}
.font-formt-footer{
    font-size: 2vh;
    line-height: 3vh;
}

.paragraph-right{
    font-size: 2vh;
    line-height: 3vh;
}

#politica-privacidade{
    font-size: 0.7vh;
 
}
}

/* Large devices (laptops/desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {

    .material-icons.menu-sanduiche{
        display: none;
    }
     
   .menu-sanduiche{
    display: none;
   }

   #mapa-google{
    width: 600px;
    height: 400px;
    }

  

    #container-navmenu{
        width: 80%;
        height: 7vw;
    }
    #logo-empresa-barTop{
        width: 10vw;
    }

    #logo-empresa{
        
        display: block;
    }

     #menu-sanduiche{
        display: none;
     }
     
     #main-menu{   
         display: block;
         float: left;
     }
     
     #main-menu li{
         display: inline-block;
         padding: 0 5px;
         color: white;
         transition: color 1s;
     }
     
     #main-menu li:hover{
         cursor: pointer;
         color: #F2994A;
     }
    
     
     #pag-principal{
         width: 100vw;
         height: 100vw;
         background: url("bg-capa.png") no-repeat #fff;

     }
     
     #slogan{
         margin: 0 0 0 -20%;
         padding-top: 300px;
         opacity: 0;
         font-size: 3vw;
         color: #ffffff;
         line-height: 4vw;
         transition: opacity 1s, margin-left 1s;
     }
     
     #slogan span{
         font-weight: 600;
     }

     #btn-saibaMais{  
        opacity: 0;
        margin: 10px 0 0 -20%;   
        text-align: center;   
        width: 20%;
        height: 15%;
        background-color: rgba(0,0,0,0);
        border: 1px solid rgb(255, 255, 255, 0.5);
        border-radius: 2px;
        transition: border 0.5s, background-color 0.5s, opacity 0.5s, margin-left 1s;
    }
    
    
    
    #btn-saibaMais:hover{
        background-color: #F2994A;
        border: none;
        cursor: pointer;
    
    }
    
    #btn-saibaMais h1:hover{
        font-weight: 800;
    
    }
    
    #btn-saibaMais h1{ 
        margin: 0;
        padding: 0;
        color: #ffffff;
        font-size: 1.5vw;
        font-weight: 100;
        line-height: 3vw;
        transition: font-weight 0.2s;
    }


     
     .title-pag{
         font-weight: 800;
         font-size: 1.9vw;
         color: #000000;
         opacity: 1;
     }
     
     .tracinho{
         width: 0%; 
         height:0.4vw;  
         color:black; 
         background-color: black;
         opacity: 1;
     }
     
     .tracinho-servicos{
         width: 0%; 
         height:0.4vw;  
         color:white; 
         background-color: white;
         opacity: 1;
     }
     
     .animaTracinho{
         width: 5%;
         transition: width 1s;
     }
     
     #logo-empresa{
         margin: 0 -10% 0 0;
         position: absolute;
         top: 15vw; 
         right: 15%;
         opacity: 0;
         padding-top: 150px;
         transition: opacity 1s, margin-right 1s;
     }
     
     .container-topicos{
         width: 70%;
         margin: 0% auto; 
         padding: 7% 0;   
     }
     
     #container-sobre{
         width: 70%;
         margin: 0% auto; 
         padding: 7% 0; 
     }
     
     #container-prop-valores{
         width: 70%;
         margin: 0% auto; 
         padding: 7% 0;
     }
     
     
     
     .container-topic-servico{
         width: 70%; 
         margin: 0 auto; 
         padding: 7% 0 1% 0;
     
     }
     
     .container-topic-servico h1{
         font-weight: 800;
         font-size: 2vw;
         color: #fff; 
         opacity: 1;
     }
     
     
    #img-sobre-a-voucher{
        display: block;
    }
    #img-missao-valores{
        display: block;
    }
     #missao-valores{
         clear: both;
         background-color: #E0E1DD;
     }
     
     
     .img-sobre-missao-valores{
    
         float: left; 
         margin-bottom: 7%;
         margin-top: 15%; 
         opacity: 0;
         width: 30vw;
     }
     
     
     .formatparagraph{
         float: left; 
         width: 50%; 
         margin-left: 5%;
         margin-top: 15%; 
         opacity: 0;
         font-size: 1.5vw; 
         text-align:justify;    
     }
     
     .revelaTexto{
         margin-top: 0%;
         opacity: 1;
         transition: margin-top 1s ease-in-out, opacity 1s;
     }
     
     #servicos{
         position: relative;
         overflow: hidden; 
         height: 50vw;
     }

     #bg-service-1, #bg-service-2, #bg-service-3, #bg-service-4, #bg-service-5{
        transform: translateX(0px);
     }
     
     .container-carrossel{
         margin: 0 auto;
     }
     
     
     .bg-service{
         position: absolute;
         top: 0;
         margin: auto;
         display: block;
         z-index: -2;
         width: 100%;
         filter: blur(5px);
         transition: opacity 1s;
     
     }
     .container-radios{
         display: flex;
         justify-content: center;
         text-align: center;
         position: absolute;
         bottom: 20px;
         left: 43%;
         margin: 0 auto;
         width: 10vw;
         height: 1vw;
     }
     .container-radios > input[type=radio]{
         display: none;
     }
     
     .container-radios > label{
         margin: 5px 2px;
         width: 5vw;
         height: 0.2vw;
         background-color: rgb(109, 109, 109);
     
     }
     
     .container-radios > label:hover{
         cursor: pointer;
     }
     
     
     .container-radios > input:checked + label{
         transition: 0.3s;
         background-color: white;
     
     }
     
     .container-fotos{
         transition: 1s ease-in-out;
     }
     
     .title-service{
         width: 35vw;
         font-size: 1.3vw;
         font-weight: 500;
         color: #fff;
     }
     .container-desc{
     
         display: flex;
         transition: opacity 1s;
         flex-direction: column;
         align-items: flex-end;
         width: 70%;
         margin: -5% auto;
       
         
     }
     .desc-service{
       
         width: 35vw;
         text-align: left;
         color: #fff; 
         font-weight: 100;
         font-size: 1.3vw;
         line-height: 2.5vw;   
     
     }
     
     
     #clientes{
        height: 60vw;
         background: url('bg-nossos-clientes.png') no-repeat #EEEEEE;
     }
     
     .container-clientes{
         position: absolute;
         margin-top: 1vw;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: center;
         width: 100%;
         height: 40vw;
         transition: margin-left 0.5s ease-in-out, opacity 1s;
        
       
     }
     
     #container-btn-clientes{
     
         display: flex;
         flex-direction: row;
         justify-content: center;
         width: 10vw;
         height: 20px;
         position: absolute;
         top: 95%;
         left: 47%
     
     }
     
     .btn-clientes{
       width: 15px;
       height: 15px;
       border-radius: 30px;
       border: 1px solid  #003459;
       margin: 0 5px;
     }
     
     .btn-clientes:hover{
         cursor: pointer;
     }
     
     #btn-cliente3{
         background-color: #003459;
     }
     .container-secao-clientes{ 
         width: 70%;
         height: 60vw;
         margin: 0 auto; 
         padding: 6vw 0; 
         overflow: hidden;
         position: relative;
      
  
          
     }
     
     .card-cliente{
         width: 10vw;
         height: 11vw;
         margin: 1.5vw;
         background-color: #2660A4;
     }
     
     .foto-cliente{
         width: 100%;
     }
     
     .card-parceiro{
         text-align: center;
         margin: 1%;
         line-height: 10vw;
         width: 18vw;
         height: 13vw;
         background-color:  #2660A4;
     }
     
     .fundo-img-parceiro{
         width: 18vw;
         height: 12vw;
         background-color:  #fff;
     }
     
     
     .container-foto-cliente{
         display: flex;
         align-items: center;
         width: 10vw;
         height: 10vw;
         background-color: white;
         overflow: hidden;
     }
     
     
     .container-secao-parceiros{
     
         width: 70%; 
         margin: 0 auto; 
         padding: 7% 0 0 0;
     }
     #container-parceiros{
         margin-top: 5%;
         justify-content: space-around;
         align-items: center;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
     }
     
     #parceiros{
         height: 60vw;
     }
     
     .parceiro{
         transition: box-shadow 0.5s;
       
     }
     
     .parceiro:hover{
         box-shadow: #848484 2px 2px 15px;  
         cursor: pointer;  
      }
     
      .container-fale-conosco{
         width: 70%; 
         margin: 0 auto; 
         padding: 7% 0 2% 0;
      }
     
     #fale-conosco{
         background-color: #F3F7FA;
         height: 60vw;
     }
     
     form{
         width: 70%; 
         margin: 0 auto;
     }
     
     
     .input-format{
         display: block;
         border: 1px solid #000000;
         border-radius: 0.2vw;
         padding: 5px;
         margin: 0.5%;
         width:61vw;
         height: 2vw;
         font-size: 1vw;
     }
     
     input[type='checkbox']{
         display: inline-block;
         width: 1vw;
         height: 1vw;
     }
     
     
     
     
     .input-assunto{
         width: 61vw;
     }
     
     
     .input-message{
         width: 61vw;
         height: 10vw;
     }
     
     #txt-politica{
         cursor: pointer;
     }
     
     #politica-privacidade{
         margin: 10px 0 10px 5px ; 
         display: none; 
         text-align: justify;
         font-size: 0.7vw;
     }
 
     
     .btn-enviar{
         background-color: #000000;
         color: #ffffff;
         font-weight: 300;
         margin: 0.5vw;
         padding: 0.5vw 10vw;
     
         font-size: 1.3vw;
     }
     #localizacao{
        display: block;
        height: 100%;
        background-color: #fffdf3;
  
     }
     
     #container-localizacao{
         margin-top: 60px;
         display: flex;
         flex-direction: row;
         justify-content: center;
     
     }
     
 
     
     footer{

        display: flex;
        flex-direction: column;
         background-color: #003459;
         width: 100%;
         height: 200px;
     }
     #container-rodape{ 
        display: block;    
         width: 80%;
         margin:  0 auto;
         padding: 2vw;
         height: 150px;
       
     
     }
     #logo-rodape{
         width: 10vw;
         float: left;
       
        
     }
     .hr-footer{
         width: 80%;
         height: 0.2px;  
         margin: 0 auto;
         color:#848484; 
         background-color: #848484; 
         opacity: 1;
     }
     .font-formt-footer{
         float: left;       
         font-size: 1vw;
         line-height: 1.2vw;
         font-weight: 300;
         color: rgb(255,255,255);
         margin-left: 2vw;

     }
     .paragraph-right{
      
         font-size: 1vw;
         float: right;
         color: white;
         margin-top: 5vw;
         margin-left: 20px;
         text-align: left;

     }

}
/* Extra large devices (large laptops and desktops, 1336px and up) */
@media only screen and (min-width: 1336px) {
    #pag-principal{
        width: 100vw;
        height: 110vh;
        background: url("bg-capa.png") no-repeat #fff; 
    
    }

    #clientes{
        height: 100%;
        background:  #EEEEEE;
    }

    #container-navmenu{
        width: 70%;
        height: 5vw;
    }
    #logo-empresa-barTop{
        width: 7vw;
    }

    #logo-empresa{
        margin-top: -10vw;        
        display: block;
    }

    #main-menu li{
        display: inline-block;
        padding: 0 5px;
        color: white;
        transition: color 1s;
    }
 
    
    #slogan{
        margin: -5vw 0 0 -20%;
        padding-top: 300px;
        opacity: 0;
        font-size: 3vw;
        color: #ffffff;
        line-height: 4vw;
        transition: opacity 1s, margin-left 1s;
    }
    
    #slogan span{
        font-weight: 600;
    }

    #btn-saibaMais{  
       opacity: 0;
       margin: 10px 0 0 -20%;   
       text-align: center;   
       width: 20%;
       height: 15%;
       background-color: rgba(0,0,0,0);
       border: 1px solid rgb(255, 255, 255, 0.5);
       border-radius: 2px;
       transition: border 0.5s, background-color 0.5s, opacity 0.5s, margin-left 1s;
   }
   
   
   
   #btn-saibaMais:hover{
       background-color: #F2994A;
       border: none;
       cursor: pointer;
   
   }
   
   #btn-saibaMais h1:hover{
       font-weight: 800;
   
   }
   
   #btn-saibaMais h1{ 
       margin: 0;
       padding: 0;
       color: #ffffff;
       font-size: 1.5vw;
       font-weight: 100;
       line-height: 3vw;
       transition: font-weight 0.2s;
   }

   .title-pag{
    font-weight: 800;
    font-size: 1.9vw;
    color: #000000;
    opacity: 1;
}





#container-sobre{
    width: 70%;
    margin: 0% auto; 
    height: 100vh;
}

#container-prop-valores{
    width: 70%;
    margin: 0% auto; 
    height: 100vh;
}



.container-topic-servico{
    width: 70%; 
    margin: 0 auto; 
    padding: 7% 0 1% 0;


}

.container-topic-servico h1{
    font-weight: 800;
    font-size: 2vw;
    color: #fff; 
    opacity: 1;

}


#img-sobre-a-voucher{
   display: block;
}
#img-missao-valores{
   display: block;
  
}
#missao-valores{
    height: 115vh;
    clear: both;
    background-color: #E0E1DD; 
}


.img-sobre-missao-valores{

    float: left; 
    margin-bottom: 7%;
    margin-top: 15%; 
    opacity: 0;
    width: 30vw;
}


.formatparagraph{
    float: left; 
    width: 50%; 
    margin-left: 5%;
    margin-top: 15%; 
    opacity: 0;
    font-size: 1.5vw; 
    text-align:justify;    
}

.revelaTexto{
    margin-top: 0%;
    opacity: 1;
    transition: margin-top 1s ease-in-out, opacity 1s;
}

#servicos{
    width: 100vw;
    position: relative;
    overflow: hidden; 
    height: 45vw;
 
}

#bg-service-1, #bg-service-2, #bg-service-3, #bg-service-4, #bg-service-5{
   transform: translateX(-0px);
}

.container-carrossel{
    margin: 0 auto;
}


.bg-service{
    position: absolute;
    top: 0;
    margin: auto;
    display: block;
    z-index: -2;
    width: 100%;
    filter: blur(5px);
    transition: opacity 1s;


}
.container-radios{
    display: flex;
    justify-content: center;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 45%;
    margin: 0 auto;
    width: 10vw;
    height: 1vw;
}
.container-radios > input[type=radio]{
    display: none;
}

.container-radios > label{
    margin: 5px 2px;
    width: 5vw;
    height: 0.2vw;
    background-color: rgb(109, 109, 109);

}

.container-radios > label:hover{
    cursor: pointer;
}


.container-radios > input:checked + label{
    transition: 0.3s;
    background-color: white;

}

.container-fotos{
    transition: 1s ease-in-out;
}

.title-service{
    width: 35vw;
    font-size: 1.3vw;
    font-weight: 500;
    color: #fff;
}
.container-desc{

    display: flex;
    transition: opacity 1s;
    flex-direction: column;
    align-items: flex-end;
    width: 70%;
    margin: -5% auto;
    
}
.desc-service{
  
    width: 35vw;
    text-align: left;
    color: #fff; 
    font-weight: 100;
    font-size: 1.3vw;
    line-height: 2.5vw; 
    
}


#clientes{
    height: 45vw;
    background: url('bg-nossos-clientes.png') no-repeat #EEEEEE;
}

.container-clientes{
    position: absolute;
    margin-top: 1vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 30vw;
    transition: margin-left 0.5s ease-in-out, opacity 1s;
   
  
}

#container-btn-clientes{

    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 10vw;
    height: 20px;
    position: absolute;
    top: 95%;
    left: 42%

}

.btn-clientes{
  width: 10px;
  height: 10px;
  border-radius: 20px;
  border: 1px solid  #003459;
  margin: 0 5px;
}

.btn-clientes:hover{
    cursor: pointer;
}

#btn-cliente3{
    background-color: #003459;
}
.container-secao-clientes{ 
    width: 70%;
    height: 45vw;
    margin: 0 auto; 
    padding: 4vw 0; 
    overflow: hidden;
    position: relative;
     
}

.card-cliente{
    width: 10vw;
    height: 11vw;
    margin: 1.5vw;
    background-color: #2660A4;
}

.foto-cliente{
    width: 100%;
}

.card-parceiro{
    text-align: center;
    margin: 1%;
    line-height: 10vw;
    width: 18vw;
    height: 13vw;
    background-color:  #2660A4;
}

.fundo-img-parceiro{
    width: 18vw;
    height: 12vw;
    background-color:  #fff;
}


.container-foto-cliente{
    display: flex;
    align-items: center;
    width: 10vw;
    height: 10vw;
    background-color: white;
    overflow: hidden;
}


.container-secao-parceiros{

    width: 70%; 
    margin: 0 auto; 
    padding: 7% 0 0 0;
}
#container-parceiros{
    margin-top: 5%;
    justify-content: space-around;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#parceiros{
    height: 60vw;
}

.parceiro{
    transition: box-shadow 0.5s;
  
}

.parceiro:hover{
    box-shadow: #848484 2px 2px 15px;  
    cursor: pointer;  
 }

 .container-fale-conosco{
    width: 70%; 
    margin: 0 auto; 
    padding: 7% 0 2% 0;
 }

#fale-conosco{
    background-color: #F3F7FA;
    height: 60vw;
   
}

form{
    width: 70%; 
    margin: 0 auto;
}



.input-format{
    display: block;
    border: 1px solid #000000;
    border-radius: 0.2vw;
    padding: 5px;
    margin: 0.5%;
    width:61vw;
    height: 2vw;
    font-size: 1vw;
}

input[type='checkbox']{
    display: inline-block;
    width: 1vw;
    height: 1vw;
}
label{
    font-size: 1vw;
}

.input-assunto{
    width: 61vw;
}


.input-message{
    width: 61vw;
    height: 10vw;
}

#txt-politica{
    cursor: pointer;
}

#politica-privacidade{
    margin: 10px 0 10px 5px ; 
    display: none; 
    text-align: justify;
    font-size: 0.7vw;
}


.btn-enviar{
    background-color: #000000;
    color: #ffffff;
    font-weight: 300;
    margin: 0.5vw;
    padding: 0.5vw 10vw;

    font-size: 1.3vw;
}
#localizacao{
   display: block;
   height: 100%;
   background-color: #fffdf3;

}

#contato-voucher{
    display: block;
}

#container-localizacao{
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;

}



footer{

   display: flex;
   flex-direction: column;
    background-color: #003459;
    width: 100%;
    height: 250px;
}
#container-rodape{ 
   display: block;    
    width: 80%;
    margin:  0 auto;
    padding: 2vw;
    height: 200px;
  

}
#logo-rodape{
    width: 10vw;
    float: left;
  
   
}
.hr-footer{
    width: 80%;
    height: 0.2px;  
    margin: 0 auto;
    color:#848484; 
    background-color: #848484; 
    opacity: 1;
}
.font-formt-footer{
    float: left;       
    font-size: 1vw;
    line-height: 1.2vw;
    font-weight: 300;
    color: rgb(255,255,255);
    margin-left: 2vw;

}
.paragraph-right{
 
    font-size: 1vw;
    float: right;
    color: white;
    margin-top: 5vw;
    margin-left: 20px;
    text-align: left;

}

   

}

/* Extra large devices (large laptops, desktops, and tvs 1920px and up) */
@media only screen and (min-width: 1920px) {
    #pag-principal{
        width: 100vw;
        height:100vh;
        background: url("bg-capa-6k-full.jpg") no-repeat #fff;        
    }

    #slogan{
        margin: 0 0 0 -20%;
        padding-top: 15vw;
        opacity: 0;
        font-size: 3vw;
        color: #ffffff;
        line-height: 4vw;
        transition: opacity 1s, margin-left 1s;
    }
    


    #logo-empresa{
        padding-top: 10vw;        
        display: block;
    }

    #servicos{
        height: 45vw;
    }
    .container-topic-servico{
        padding-top: 5%;
    }

    .container-radios{
        top: 92%;
    }


    #clientes{
        height: 100%;
        background:  #EEEEEE;
    }
    .container-secao-clientes{
        height: 45vw;
    }
    .container-clientes{
        height: 55%;
    }

    #mapa-google{
        width: 30vw;
        height: 20vw;
    }

    footer{
        width: 100vw;
        height: 20vw;
    }

    #container-rodape{
        width: 70vw;
        height: 12vw; 
    }

    .btn-clientes{
        width: 1vw;
        height: 1vw;
        margin: 0 0.5vw;
        border-radius: 2vw;
    }

    #container-btn-clientes{  
  
       width: 10vw;
       height: 100%;
        top: 95%;
        left: 43%;

    
    }

}

/* Extra small devices (phones, 600px and down) LANDSCAPE*/
@media only screen and (max-height: 600px){
    #pag-principal{
        height: 100vh;
    }

    #nav-menu{
        height: 13vh;
    }
   

    #logo-empresa-barTop{
        display: block;
        width: 10vw;
        padding-top: 5vh;
    }

    .material-icons.menu-sanduiche{
        font-size: 5vh;
        padding-top: 5vh ;
    }

    #menu-sanduiche{
        display: none;

    }

    #logo-empresa{
        display: block;
    }

    #slogan{
        margin: 0 0 0 -20%;
        padding-top: 30vh;
        opacity: 0;
        font-size: 3vw;
        color: #ffffff;
        line-height: 4vw;
        transition: opacity 1s, margin-left 1s;
    }

    #btn-saibaMais{  
        width: 35vh;
        height: 8vh;    
        border-radius: 1vw;   
    }

    #btn-saibaMais h1{ 
        font-size: 4vh;
        line-height: 8vh;
    }

    .title-pag{
        font-weight: 800;
        font-size: 1.9vw;
        color: #000000;
        opacity: 1;
    }
    
    
    
    
    
    #container-sobre{
        width: 70%;
        margin: 0% auto; 
        height: 100vh;
    }
    
    #container-prop-valores{
        width: 70%;
        margin: 0% auto; 
        height: 100vh;
    }
    
    
    
    .container-topic-servico{
        width: 70%; 
        margin: 0 auto; 
        padding: 7% 0 1% 0;
    
    
    }
    
    .container-topic-servico h1{
        font-weight: 800;
        font-size: 2vw;
        color: #fff; 
        opacity: 1;
    
    }
    
    
    #img-sobre-a-voucher{
       display: block;
    }
    #img-missao-valores{
       display: block;
      
    }
    #missao-valores{
        height: 115vh;
        clear: both;
        background-color: #E0E1DD; 
    }
    
    
    .img-sobre-missao-valores{
    
        float: left; 
        margin-bottom: 7%;
        margin-top: 15%; 
        opacity: 0;
        width: 30vw;
    }
    
    
    .formatparagraph{
        float: left; 
        width: 50%; 
        margin-left: 5%;
        margin-top: 15%; 
        opacity: 0;
        font-size: 1.5vw; 
        text-align:justify;    
    }
    
    .revelaTexto{
        margin-top: 0%;
        opacity: 1;
        transition: margin-top 1s ease-in-out, opacity 1s;
    }
    
    #servicos{
        width: 100vw;
        position: relative;
        overflow: hidden; 
        height: 100vh;
     
    }
    
    #bg-service-1, #bg-service-2, #bg-service-3, #bg-service-4, #bg-service-5{
       transform: translateX(-0px);
    }
    
    .container-carrossel{
        margin: 0 auto;
    }
    
    
    .bg-service{
        position: absolute;
        top: 0;
        margin: auto;
        display: block;
        z-index: -2;
        width: 100%;
        filter: blur(5px);
        transition: opacity 1s;
    
    
    }
    .container-radios{
        display: flex;
        justify-content: center;
        text-align: center;
        position: absolute;
        bottom: 20px;
        left: 45%;
        margin: 0 auto;
        width: 10vw;
        height: 1vw;
    }
    .container-radios > input[type=radio]{
        display: none;
    }
    
    .container-radios > label{
        margin: 5px 2px;
        width: 5vw;
        height: 0.2vw;
        background-color: rgb(109, 109, 109);
    
    }
    
    .container-radios > label:hover{
        cursor: pointer;
    }
    
    
    .container-radios > input:checked + label{
        transition: 0.3s;
        background-color: white;
    
    }
    
    .container-fotos{
        transition: 1s ease-in-out;
    }
    
    .title-service{
        width: 35vw;
        font-size: 1.3vw;
        font-weight: 500;
        color: #fff;
    }
    .container-desc{
    
        display: flex;
        transition: opacity 1s;
        flex-direction: column;
        align-items: flex-end;
        width: 70%;
        margin: -5% auto;
        
    }
    .desc-service{
      
        width: 35vw;
        text-align: left;
        color: #fff; 
        font-weight: 100;
        font-size: 1.3vw;
        line-height: 2.5vw; 
        
    }
    
    
    #clientes{
        height: 100vh;
        background: url('bg-nossos-clientes.png') no-repeat #EEEEEE;
    }
    
    .container-clientes{
        position: absolute;
        margin-top: 1vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        height: 30vw;
        transition: margin-left 0.5s ease-in-out, opacity 1s;
       
      
    }
    
    #container-btn-clientes{
    
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 10vw;
        height: 20px;
        position: absolute;
        top: 95%;
        left: 42%
    
    }
    
    .btn-clientes{
      width: 10px;
      height: 10px;
      border-radius: 20px;
      border: 1px solid  #003459;
      margin: 0 5px;
    }
    
    .btn-clientes:hover{
        cursor: pointer;
    }
    
    #btn-cliente3{
        background-color: #003459;
    }
    .container-secao-clientes{ 
        width: 70%;
        height: 100vh;
        margin: 0 auto; 
        padding: 10vh 0; 
        overflow: hidden;
        position: relative;
         
    }
    
    .card-cliente{
        width: 10vw;
        height: 11vw;
        margin: 1.5vw;
        background-color: #2660A4;
    }
    
    .foto-cliente{
        width: 100%;
    }
    
    .card-parceiro{
        text-align: center;
        margin: 1%;
        line-height: 10vw;
        width: 18vw;
        height: 13vw;
        background-color:  #2660A4;
    }
    
    .fundo-img-parceiro{
        width: 18vw;
        height: 12vw;
        background-color:  #fff;
    }
    
    
    .container-foto-cliente{
        display: flex;
        align-items: center;
        width: 10vw;
        height: 10vw;
        background-color: white;
        overflow: hidden;
    }
    
    
    .container-secao-parceiros{
    
        width: 70%; 
        margin: 0 auto; 
        padding: 7% 0 0 0;
    }
    #container-parceiros{
        margin-top: 5%;
        justify-content: space-around;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    #parceiros{
        height: 60vw;
    }
    
    .parceiro{
        transition: box-shadow 0.5s;
      
    }
    
    .parceiro:hover{
        box-shadow: #848484 2px 2px 15px;  
        cursor: pointer;  
     }
    
     .container-fale-conosco{
        width: 70%; 
        margin: 0 auto; 
        padding: 10vh 0 0 0;
   
     }
    
    #fale-conosco{
        background-color: #F3F7FA;
        height: 60vw;

       
    }
    
    form{
    
        width: 70%; 
        margin: 0 auto;
    }
    
    
    
    .input-format{
        display: block;
        border: 1px solid #000000;
        border-radius: 0.2vw;
        padding: 5px;
        margin: 0.5%;
        width:61vw;
        height: 2vw;
        font-size: 1vw;
    }
    
    input[type='checkbox']{
        display: inline-block;
        width: 1vw;
        height: 1vw;
    }
    label{
        font-size: 1vw;
    }
    
    .input-assunto{
        width: 61vw;
    }
    
    
    .input-message{
        width: 61vw;
        height: 10vw;
    }
    
    #txt-politica{
        cursor: pointer;
    }
    
    #politica-privacidade{
        margin: 10px 0 10px 5px ; 
        display: none; 
        text-align: justify;
        font-size: 0.7vw;
    }
    
    
    .btn-enviar{
        background-color: #000000;
        color: #ffffff;
        font-weight: 300;
        margin: 0.5vw;
        padding: 0.5vw 10vw;
    
        font-size: 1.3vw;
    }
    #localizacao{
       display: block;
       height: 100%;
       background-color: #fffdf3;
    
    }
    
    #contato-voucher{
        display: block;

    }

    #mapa-google{
        width: 200px;
        height: 150px;
    }
    
    #container-localizacao{
        display: flex;
        flex-direction: row;
        justify-content: center;    
    }
    
    
    
    footer{
    
       display: flex;
       flex-direction: column;
        background-color: #003459;
        width: 100%;
        height: 50vh;
    }
    #container-rodape{ 
       display: block;    
        width: 80%;
        margin:  0 auto;
        padding: 2vw;
        height: 40vh;
      
    
    }
    #logo-rodape{
        width: 10vw;
        float: left;
      
       
    }
    .hr-footer{
        width: 80%;
        height: 0.2px;  
        margin: 0 auto;
        color:#848484; 
        background-color: #848484; 
        opacity: 1;
    }
    .font-formt-footer{
        float: left;       
        font-size: 1vw;
        line-height: 1.2vw;
        font-weight: 300;
        color: rgb(255,255,255);
        margin-left: 2vw;
    
    }
    .paragraph-right{
     
        font-size: 1vw;
        float: right;
        color: white;
        margin-top: 5vw;
        margin-left: 20px;
        text-align: left;
    
    }
    
       

}