@font-face {
   font-family: 'OldHardbour';
   src: url(fonts/OldHarbourAnchor-Regular.woff2);
}


.fs-7{
   font-size: 0.85rem;
}

body {
   background-color: #000;
   color:#FFF;
   font-family: Arial, Helvetica, sans-serif;
}
h1,h2,h3{
   font-family: 'OldHardbour';
}

.fondo-main {
   background: url(../images/desierto.webp) ;
   background-repeat: no-repeat;
   background-position: top;
   background-size: 180%;
}
@media (min-width:800px) {
   .fondo-main{
      background-position: center;
      background-size: 85%;
   }
}

hr.style2 {
border-top: 3px double #8c8b8b;
}

.bump {
animation: .7s bump forwards infinite;
}

@keyframes bump {
0%   {transform:translate(0px);}
33%  {transform:translate(0, 4px);}
66%  {transform:translate(0, -4px);}
100% {transform:translate(0px);}
}/* CSS Document */
/* CSS Document */


.frame {

border: 3px solid #ccc;

margin: auto;
padding: 8px 8px;
} 


.shadow { text-shadow: #000 1px 0 10px;}

/*# sourceMappingURL=bootstrap.min.css.map */


/* animacion */

.contenido-ani { margin-bottom: 0px; padding-bottom: 15px;  }

.carousel
{width: auto;
height: 30vh;
position: relative;
overflow: hidden;}

.carousel-img
{width: 100%;
height: 100%;
position: absolute;
background-size:cover;
animation: slider 30800ms ease-in-out forwards infinite;}

.carousel h4 
{ font-size: 35px;}


.slider1{
background: url(../images/animacion/01.jpg);
left: 0}
.slider2{
background: url(../images/animacion/02.jpg);
left: 100%}
.slider3{
background: url(../images/animacion/03.jpg);
left: 200%}


.text-justify{
   text-align: justify;
}

@keyframes slider{
0%
{transform: translateX(0)}
20%
{ transform: translateX(0)}
25%
{transform: translateX(-100%)}
55%
{transform: translateX(-100%)}
60%
{transform: translateX(-200%)}
80%
{transform: translatex(-200%)}
}

.shadow-up{
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    top: -5px;
    background: linear-gradient(180deg, rgba(0,0,0,1) 56%, rgba(0,212,255,0) 100%);
   }


.shadow-down{
   width: 100%;
   height: 80px;
   position: absolute;
   left: 0;
   bottom: -5px;
   background: linear-gradient(0deg, rgba(0,0,0,1) 56%, rgba(0,212,255,0) 100%);

}


.bg-black{
   background-color: #000;
}

.shadow-text{
   text-shadow: rgb(0, 0, 0) 0 0 7px;
}
.bg-glass{

/* From https://css.glass */
background: rgba(4, 4, 4, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2.8px);
-webkit-backdrop-filter: blur(2.8px);
border: 1px solid rgba(4, 4, 4, 0.3);
}

.bg-glass-1{
background: linear-gradient(145deg, rgba(0,0,0,1) 19%, rgba(125,0,0,1) 100%);
border-radius: 16px;
}

.bg-glass-2{
   background: linear-gradient(145deg, rgba(0,0,0,1) 19%, rgb(125, 56, 0) 100%);
   border-radius: 16px;
   }

.bg-glass-3{
   background: linear-gradient(145deg, rgba(0,0,0,1) 19%, rgb(151, 109, 2) 100%);
   border-radius: 16px;
   }

.bg-glass-4{
   background: linear-gradient(145deg, rgba(0,0,0,1) 19%, rgb(59, 93, 0) 100%);
   border-radius: 16px;
   }

.about-us{
   background: linear-gradient(170deg, rgba(0,0,0,1) 19%, rgb(125, 56, 0) 100%);
   border-radius: 16px;
}


.swiper-pagination{
   z-index: 0;
}
.swiper-pagination-bullet{
   height: 20px;
   width: 20px;
   background-color: #af5500;
}