@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&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: 100px;
line-height: 60px;
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: 100px;
line-height: 60px;
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;
}

.texto2{
font-family: 'Merriweather', serif;
text-align: left;
font-size: 1.3em;
}
.titulo{
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-style: italic;
font-size: 2.3rem;

}
.fuente-mont{
  font-family: "Poetsen One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.merri{
  font-family: "Poetsen One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.btn-danger:hover{
background-color: #b41d07;
}
.sombra{
text-shadow: 2px 2px 3px #666;
}
.color-naranja{
color: #ff3c1f ;  
}
.color-azul{
background-color: #005eb8;
}
.color-rojo{
background-color: #ee2737;
}

.boton-estilo-banner{
background-color: #fb192f !important;
color: #FFF !important;
min-width: 300px;
}
.boton-estilo{
background-color: #fb192f !important;
color: #FFF !important;
}
.fondo-inicio{
 /* background-image: url(../img/portada.jpg);*/
 background-color: #eee;
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  height: 300px;
}
.fondo-industria{
  background-image: url(../img/fondo-industria.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  height: 500px;
}
#to-top {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 100 ;

}
.header-area {
  position: relative;
  height: 100vh;
  background-image: url(../img/header2.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repear;
  background-size: cover;
}
.banner {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  text-align: center;
  z-index: 1;
}

/*boton whastapp*/
.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:80px;
  right:15px;
/*  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;*/
  z-index:100;
}
.my-float{
  margin-top:30px;
}
/*fin boton ws*/


/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
.abierto{
display: none;
}

.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;
}

.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;
}
.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;
}
.fondo-contacto{
  background-image: url(../img/fondo-contacto.jpg);
  background-size: cover;
  background-position: center; 
  background-repeat: no-repeat;
  height: 300px;
}

}

.css-selector {
    background: linear-gradient(179deg, #005eb8, #ee2737, #005eb8, #ee2737);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 21s ease infinite;
    -moz-animation: AnimationName 21s ease infinite;
    animation: AnimationName 21s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@keyframes AnimationName {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}