*{
    padding: 0;
    margin: 0;
}
html{
scroll-behavior: smooth;
font-family: 'Roboto'; 
}

#cabecalho {
font-size: 20px;
display: inline-block;
width: 100%;
list-style: none;
}



#logo {
text-align: center;

}

header{
padding-top: 20px;
padding-bottom: 35px;
box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);



}
nav#menu {
text-align: center;
box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
margin-top: 70px;
padding-top: 10px;
padding-bottom: 10px;


}

nav#menu ul li { 
display: inline; 
margin: 15px; 
font-size: 13pt;

}

nav#menu a {
color: #333333;
text-decoration: none;
text-decoration: none;
}

nav#menu a:hover {
color:#45b0d8 ;
}
label[for="bt_menu"]{
border: 2px solid #45b0d8;
text-align: center;
font-size: 30px;
cursor: pointer;
width: 50px;
height: 50px;
color:#45b0d8;
margin-top: 50px;
}


header#cabecalho img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 18px;

}
#bt_menu {
display: none;
}


.menu{
margin-left: -100%;
transition: all .4s;
margin-top: 50px;
}


.menu ul li {
width: 100%;
float: none;
}

nav#menu {
position: absolute;
left: 0;
top: 60px;
display: block;
background-color: white;
width: 100%;
text-align: center;
}

label[for="bt_menu"]{
display: block;
margin-left: 80%;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 15px;
}
#bt_menu:checked ~ .menu {
margin-left: 0;
}

.frase {
background-color: #45b0d8;
color: white;
text-align: center;
padding: 20px;
margin-top: 20px;
}

.hidden{
text-align: center;
display:none;

}
#ma{
margin-top: 50px;
}

.conteudo{
display:none;
}

.elemento:hover .conteudo{
display: block;

}



.conjbt{
margin-bottom: 30px;
transition: 0.5s ease-in;

}

.bt {
background-color: white;
font-size: 9pt;
border: 1pt solid #45b0d8;

    border-radius:7px ;margin-top: 20px; 
    padding: 10px;
    cursor: pointer;
    color: #45b0d8;
    margin-bottom: -10px;
}

.bt:hover{
background-color: #f1f1f1;
}

.bti {
    background-color: white;
    font-size: 9pt;
    border: 1pt solid #45b0d8;
    text-decoration: none;
    
        border-radius:7px ;margin-top: 20px; 
        padding: 10px;
        cursor: pointer;
        color: #45b0d8;
        margin-bottom: -10px;
    }
    
    .bti:hover{
    background-color: #f1f1f1;
    }


.servicos{
    text-align: center;
    margin-top: 50px;
}

#menuserv{
    text-align: center;
    margin: 0 auto;
    transition: 0.3s ease-in;

}

.elemento {
margin: 10px 10px;
display: inline-block;
width: 200px;
vertical-align: top;
padding-top: 20px;
padding-bottom: 10px;
font-size: 12pt;
text-align: center;
color:#45b0d8;
border-radius:7px;
transition: 0.3s ease-in;




}

.elemento:hover{
box-shadow: 0 0 5px rgba(51, 51, 51, 0.6);
background-color: #f8f8f8;
transform: scale(1.1);

cursor: pointer;
}
.satisfacao {
text-align: center;
margin-top: 100px;
}

.satisfacao h2{
margin-bottom: 50px;
}



.watch-slider .slide {
transform: scale(0.6);
transition: 0.3s;
}
.watch-slider .slide.slick-center {
transform: scale(1.0);
}

#arrow-prev{
background-image: url(_images/arrow.svg);box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
;    border-radius:7px;margin-top: 20px;



}
#arrow-prev:hover{
background-color: #f1f1f1;
}

#arrow-next{
background-image: url(_images/next.svg);background-image: url(_images/next.svg);box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
;    border-radius:7px;margin-top: 20px; 
}

#arrow-next:hover{
background-color: #f1f1f1;
}

.arrow{
display: inline-block;
margin: 0 10px;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-size: 70% auto;
background-position: center;
cursor: pointer;
vertical-align: middle;
text-align: center;

}

.praticidade{
    text-align: center;
    margin: 0 auto;
    margin-top: 100px;

}

.praticidade li {
display: inline-block;
vertical-align: top;
width: 200px;
margin: 20px;
padding-bottom: 10px;
font-size: 11pt;
text-align: center;
transition: 0.5s ease-in;
color:#333333;

}

.praticidade figcaption{
font-weight: bold;
font-size: 14pt;
color: #45b0d8;
}

.avaliacoes{
text-align: center;
margin-top: 150px;

}
.avaliacoes ol{
    margin-top: 50px;
}

.avaliacoes li {
margin: 20px 10px;
display: inline-block;
vertical-align: top;
width: 300px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 11pt;
text-align: left;
transition: 0.2s;
box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
border-radius:7px;
padding: 20px;


}

.nome{
color: #45b0d8;
font-weight: bold;

}

.duvidas{
text-align: center;
margin-top: 150px;
margin: 100px auto;
}
.contato{
    margin-top: 50px;
    margin: 50px auto;
}

.form {display: flex; flex-direction:column; width: 50%;text-align: center; position: relative; margin: 0 auto; }
.form2 {display: flex; flex-direction:column; width: 50%;text-align: center; position: relative; margin: 0 auto; }


.field{padding:10px;margin-bottom:15px;border:1px solid white; border: 1px solid #45b0d8; 
border-radius:5px;}
textarea{height: 150px;}
.bottom{
font-size: 15pt;padding:10px;margin-bottom:15px;border:1px solid white;border-radius:5px;transition: 0.7s;border: 1px solid #45b0d8;
}
.bottom:hover {
color: white;
background-color: #45b0d8;
cursor: pointer;
}
.contatinho li {
margin: 20px 10px;
display: inline-block;
vertical-align: top;
width: 30%;
padding-bottom: 10px;
font-size: 11pt;

}


footer {
background-color: #f5f5f5;
margin-top: 150px;
padding-bottom: 50px;
margin-bottom: -70px;



}


footer ol li  {
display: inline-block;
padding: 50px 20px;
vertical-align: top;
width: 35%;
text-align: left;

}

footer ol li a {
display: block;
padding: 5px 0;
text-decoration: none;
color: #333333;

}
footer ol li a:hover {
    color: #45b0d8;
    
    }

footer ol li h3 {
color:#45b0d8 ;

}

.end  {
font-size: 8pt;
border-top: 1px solid #333333;
padding-top: 40px;
margin-left: 15%; margin-right: 15%;

}

.end p{
margin-top: 10px;

}

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

@media (max-width: 600px){
nav#menu ul li { 
display: block; 
}
nav#menu{
margin-top: 60px;
}
.form {width: 80%; margin: 0 auto;}
.form2 {width: 70%; }


.servicos ol{
    margin-left: -8%;

}


.elemento{
width: 200px;

}
.praticidade li{
    width: 70%;
}

.bti {
    background-color: white;
    font-size: 9pt;
    border: 1pt solid #45b0d8;
    text-decoration: none;
    
        border-radius:7px ;margin-top: 20px; 
        padding: 10px;
        cursor: pointer;
        color: #45b0d8;
        margin-bottom: -10px;
    }
    
    .bti:hover{
    background-color: #f1f1f1;
    }





footer ol li  {
    width: 40%;
    }

#rodape .field{padding:10px;margin-bottom:15px;border:1px solid white; border: 1px solid #45b0d8; 
border-radius:5px;width: 70%;}
#rodape .bt {
background-color: #45b0d8;
font-size: 9pt;
border: 1pt solid white;
border-radius:7px ;margin-top: 20px; 
padding: 7px;
cursor: pointer;
color: #45b0d8;
margin-top: -10px;
color: white;
}

#rodape .bt:hover{
background-color: white  ;
color:#45b0d8;
}











    }