body {
margin: 0;
padding: 0;
color: #00345E;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
box-sizing: border-box;
}
*::selection{
color: #ffffff;
background-color: #00a5ce;
}
html {
scroll-behavior: smooth;
}
body {
width: auto;
height: auto;
/* font-size: 18px; */
font-family: 'Roboto', sans-serif;
}
section{
margin-top: 2em;
margin-bottom: 2em;
}
.banner-cotizar-whatsapp{
max-width: 360px;
min-width: 280px;
text-align: left;
background: #00a5ce;
color: #ffffff;
font-size: 20px;
padding: .5rem 0;
padding-left: 25px;
position: sticky;
top: 100px;
z-index: 9000;
}
.banner-cotizar-whatsapp a{
text-decoration: none;
color: #ffffff;
}
.banner-cotizar-whatsapp i{
font-size: 30px;
margin-right: 7px;
}
.banner-cotizar-whatsapp:hover,
.banner-cotizar-whatsapp:focus{
background: #46718c;
color: #fff;
transition: background-color .75s ease-out;
outline: 0;
cursor: pointer;
}
.banner-coberturas{
max-width: 360px;
min-width: 280px;
text-align: left;
background: #00345e;
color: #ffffff;
font-size: 20px;
padding: .5rem 0;
padding-left: 25px;
position: sticky;
top: 150px;
z-index: 9000;
}
.banner-coberturas a{
text-decoration: none;
color: #ffffff;
}
.banner-coberturas i{
font-size: 30px;
margin-right: 7px;
}
.banner-coberturas:hover,
.banner-coberturas:focus{
background: #46718c;
color: #fff;
transition: background-color .75s ease-out;
outline: 0;
cursor: pointer;
}
.call-to-action-soporte img:hover{
transform: scale(.8);
border-radius: 50%;
}
.navbar {
display: flex;
width: 100%;
height: 100px;
position: fixed;
justify-content: space-between;
align-items: center;
background: #ffffff;
color: #00345e;
z-index: 11000;
}
.logo img{
width: 210px;
height: auto;
top: 30px;
margin-left: 25%;
}
.logo img:hover{
transform: scale(.75);
cursor: pointer;
}
.navbar-links ul {
margin: 0px 10px;
padding: 0px;
display: flex;
}
.navbar-links ul li {
list-style: none;
}
.navbar-links ul li a {
text-decoration: none;
background-color: #ffffff;
color: #00345e;
padding: 20px;
display: block;
}
.navbar-links ul li a:hover {
background: #ffffff;
color: #00a5ce;
}
.togglebtn {
position: absolute;
top: 35px;
right: 22px;
display: none;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 20px;
}
.line {
height: 3px;
width: 100%;
background: #00345e;
border-radius: 10px;
}
@media only screen and (max-width: 1000px) {
.togglebtn {
display: flex;
}
.logo img{
width: 175px;
height: auto;
margin-top: 20px;
left: 15%;
}
.navbar-links {
display: none;
width: 100%;
}
.navbar {
flex-direction: column;
align-items: flex-start;
height: 100px;
}
.navbar-links ul {
width: 100%;
flex-direction: column;
}
.navbar-links ul li {
text-align: center;
}
.navbar-links ul li a {
padding: 16px;
}
.navbar-links.active {
display: flex;
}
}