@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,700;1,300&display=swap');
/*nav bar*/
.top-nav{
width: 100%;
height: 30px;
line-height: 30px;
background-color: #36699B;
color: #FFF;
}
.header-navigation {
position: fixed;
top: 35;
width: 100%;
height: 120px;
line-height: 50px;
background-color: #FDFEFE;
text-align: center;
box-shadow: 0 14px 19px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
z-index: 50;
}
.header-navigation-mob {
position: fixed;
top: 0;
width: 100%;
height: 70px;
line-height: 70px;
background-color: #001F3D;
box-shadow: 0 14px 19px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
z-index: 50;
}
/*.link {
color: #B5B7BC;
text-decoration: none;
margin: 0 30px;
background-color: #36699B;

}*/
.link {
  box-shadow: inset 0 0 0 0 #36699B;
  color: #36699B;
 margin: 0 20px;
font-size:14px;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  text-decoration: none;
}
.link:hover {
  box-shadow: inset 100px 0 0 0 #36699B;
  color: white;
}
/* Slide transitions */

.slideUp {
-webkit-transform: translateY(-120px);
transform: translateY(-120px);
transition: transform .5s ease-out;
}

.slideDown {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: transform .5s ease-out;
}

.alto{
width: 200px;

}
.texto2{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-align: left;
font-size: 1.3em;
color: #666;
}
.titulo{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-style: italic;
font-size: 2.3rem;
text-align: left;
color: #000;
}
.fuente-mont{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-style: italic;

}
.merri{
font-family: 'Open Sans', sans-serif;
font-weight: 300;

}
.color-naranja{
color: #ff3c1f ;	
}
.btn-danger:hover{
background-color: #b41d07;
}
.sombra{
text-shadow: 2px 2px 3px #000;

}


.boton-estilo-banner{
background-color: #36699B !important;
color: #FFF !important;
min-width: 260px;
}
.boton-estilo{
background-color: #36699B !important;
color: #FFF !important;
}

.card-3{
  width: 100vh;
  display: table;
  height: 100vh;
}

.fondo-empresa{
  background-image: url(../img/fondo-empresa.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  background-position: 70% 10% ;
  height: 300px;
}
.fondo-marcas{
  background-image: url(../img/fondo-marcas.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  background-position: 70% 10% ;
  height: 300px;
}
.fondo-repuestos{
  background-image: url(../img/fondo-repuestos.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  background-position: 70% 10% ;
  height: 300px;
}

/*boton whastapp*/
.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:60px;
  right:30px;
  z-index:100;
}
.my-float{
  margin-top:16px;
}
/*fin boton ws*/

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
.abierto{
display: none;
}
.ab{
display: none;
}
.car-1{
background-image:url('../img/001.jpg');
background-size: cover;
background-position: 67% 10% ;
height: 90vh;

}
.car-2{
background-image:url('../img/002.jpg');
background-size: cover;
background-position: 58% 10% ;
height: 90vh;

}
.car-3{
background-image:url('../img/003.jpg');
background-size: cover;
background-position: 55% 10% ;
height: 90vh;

}
.carousel-caption{
background-color:rgb(0, 0, 0,0.4);
}

.fondo-contacto{
  background-image: url(../img/fondo-contacto.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  background-position: 70% 10% ;
  height: 300px;
}
}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
.abierto{
display: none;
}
.ab{
display: none;
}
.car-1{
background-image:url('../img/001.jpg');
background-size: cover;
background-position: 70% 10% ;
height: 90vh;

}
.car-2{
background-image:url('../img/002.jpg');
background-size: cover;
background-position: 58% 10% ;
height: 90vh;

}
.car-3{
background-image:url('../img/003.jpg');
background-size: cover;
background-position: 58% 10% ;
height: 90vh;

}
.carousel-caption{
background-color:rgb(255, 255, 255,0.7);
}
.fondo-contacto{
  background-image: url(../img/fondo-contacto.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  background-position: 70% 10% ;
  height: 300px;
}

}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
.cerrado{
display: none;
}
.cr{
display: none;
}
.carousel-caption{
margin-bottom: 10%;
}
.car-1{
background-image:url('../img/001.jpg');
background-size: cover;
height: 90vh;

}
.car-2{
background-image:url('../img/002.jpg');
background-size: cover;
height: 90vh;

}
.car-3{
background-image:url('../img/003.jpg');
background-size: cover;
height: 90vh;

}
.fondo-contacto{
  background-image: url(../img/fondo-contacto.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  height: 300px;
}
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
.cerrado{
display: none;
}
.cr{
display: none;
}
.carousel-caption{
margin-bottom: 10%;
}
.car-1{
background-image:url('../img/001.jpg');
background-size: cover;
height: 90vh;

}
.car-2{
background-image:url('../img/002.jpg');
background-size: cover;
height: 90vh;
}
.car-3{
background-image:url('../img/003.jpg');
background-size: cover;
height: 90vh;
}
.fondo-contacto{
  background-image: url(../img/fondo-contacto.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  height: 300px;
}

}