@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*======================================================================
  Pre Loader
========================================================================*/
#pre-loader { background-color:#fff; height:100%; width:100%; position:fixed; z-index:1; margin-top:0px; top:0px; left:0px; bottom:0px; overflow:hidden !important; right:0px; z-index:999999; }
#pre-loader img { text-align:center; left:0; position:absolute; right:0; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:99; margin:0 auto; }
 
body, html {
    height: 100%;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-weight:300;
        }

/*nav bar --------------------------------------------*/
.header-navigation {
position: fixed;
top: 0;
width: 100%;
height: 90px;
line-height: 90px;
background-color: #FFF;
text-align: center;
box-shadow: 0 14px 19px rgba(0,0,0,0.12), 0 10px 10px rgba(0,0,0,0.10);
z-index: 50;
}
.header-navigation-mob {
position: fixed;
top: 0;
width: 100%;
height: 70px;
line-height: 70px;
background-color: #fff;
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: #000;
text-decoration: none;
font-size: 17px;
margin: 5px;
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;

}
a:hover.link{
   color:#666; 
}
/* Slide transitions */

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

.slideDown {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: transform .5s ease-out;
}
/* fin nav-bar------------------------------------*/

/*footer ----------------------------------------*/
#to-top {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
  background-color:#666;
} 
/*fin footer ----------------------------------------*/

.bebas{
         font-family: "Bebas Neue", sans-serif;
         font-weight: 400;
         font-style: normal;
         }
.titulo1{
   font-family: "Playfair Display", serif;
   font-weight: 400;
}         

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

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
 #abierto{
display: none;
}
.nav-abierto{
display: none;
}
#mab{
display: none;
}
.pc{
display: none;
}
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
 #cerrado{
display: none;
}
.nav-cerrado{
display: none;
}
#mcr{
display: none;
}
.mobil{
display: none;
}
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
 #cerrado{
display: none;
}
.nav-cerrado{
display: none;
}
#mcr{
display: none;
}
.mobil{
display: none;
}
}

.rayado{
  border-bottom: 1px solid #000;
  display: inline-block; 
}

/*video*/
header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 /* background-color: rgb(35, 81, 45);
  opacity: 0.4;*/
  z-index: 10;
}