/* @import url("prumo-text.css"); */

.owl-carousel .owl-nav {
    overflow: hidden;
    height: 50px;
    background: transparent;
    position: relative;
    width: 115px;
}


  .owl-carousel .item {
      text-align: center;
  }
.owl-carousel .nav-btn {
    height: 50px;
    position: absolute;
    width: 50px;
    cursor: pointer;
    top: 0 !important;
}
  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
  }



  .owl-carousel .owl-stage-outer {

    margin-bottom: 30px;
}


    /* arrows*/


  .owl-carousel .prev-slide{
      background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47 47' style='enable-background:new 0 0 47 47%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3Bstroke:%23787932%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cg%3E%3Cline class='st0' x1='31.4' y1='23.5' x2='16.2' y2='23.5'/%3E%3Cpolyline class='st0' points='22.2 30.1 15.6 23.5 22.2 16.9 '/%3E%3C/g%3E%3C/svg%3E") #FFF;

      left: 0;
      border: 1px solid #787932;
         border-radius: 50%;
         height: 48px;
         width: 48px;
  }


  .owl-carousel .prev-slide:hover{
     	background:	url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47 47' style='enable-background:new 0 0 47 47%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3Bstroke:%23FFFFFF%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cg%3E%3Cline class='st0' x1='31.4' y1='23.5' x2='16.2' y2='23.5'/%3E%3Cpolyline class='st0' points='22.2 30.1 15.6 23.5 22.2 16.9 '/%3E%3C/g%3E%3C/svg%3E") #787932;
        border: 1px solid #787932;
  }

     .owl-carousel .next-slide{
    	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47 47' style='enable-background:new 0 0 47 47%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3Bstroke:%23787932%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cg%3E%3Cline class='st0' x1='15.6' y1='23.5' x2='30.8' y2='23.5'/%3E%3Cpolyline class='st0' points='24.8 16.9 31.4 23.5 24.8 30.1 '/%3E%3C/g%3E%3C/svg%3E") #fff;
         border: 1px solid #787932;
         border-radius: 50%;
         height: 48px;
         width: 48px;
    }

       .owl-carousel .next-slide:hover{
    	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47 47' style='enable-background:new 0 0 47 47%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3Bstroke:%23FFFFFF%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cg%3E%3Cline class='st0' x1='15.6' y1='23.5' x2='30.8' y2='23.5'/%3E%3Cpolyline class='st0' points='24.8 16.9 31.4 23.5 24.8 30.1 '/%3E%3C/g%3E%3C/svg%3E") #787932;
        border: 1px solid #787932;

    }


    /* arrows*/

  span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
  }
  span.img-text:hover {
    color: #2caae1;
  }

.owl-theme .owl-dots .owl-dot span {
    width: 40px;
    height: 3px;
    margin: 5px 7px;
    background: #bababa;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

    .owl-theme .owl-dots .owl-dot.active span {
    background: #143318 !important;
}


    .owl-theme .owl-dots .owl-dot:hover span {
    background: #939393;
}


.owl-theme .owl-nav [class*='owl-'] {

    margin: 0;

}
 .owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;

}
 .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    top: -35px;
     width: 70%;
     float: right;
     background: transparent;
     right: 15%;
}
   .desc {
   position: absolute;
   padding: 8%;
   z-index: 9;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color:#fff;

   }

   .hero-img{
      position: relative;
   }


   .hero-img:before {
       background: rgba(0, 0, 0, 0.38);
       content: '';
       position: absolute;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
   }

   .btn-gradient-bg {
       color: #fff;
       display: inline-block;
       padding: 11px 33px;
       background: linear-gradient(to right, #f05874 0%, #fc6a2a 100%);
       border-radius: 30px;
   }
   .delay-1 {
   animation-delay: .2s;
   }
   .delay-2 {
   animation-delay: .4s;
   }
   .delay-3 {
   animation-delay: .6s;
   }
   .delay-4 {
   animation-delay: .8s;
   }



   .slider-counter {
       z-index: 99;
       bottom: 1%;
       position: absolute;
       text-align: center;
       right: 4%;
       font-size: 120px;
       color:rgba(242, 242, 242, 0.7);
       font-weight: 700;
   }



   .hero_carousel .owl-nav button.owl-prev,.hero_carousel .owl-nav button.owl-next{

      position: absolute;
      top: 0;
      right: 50%;
      color: #000;
   }

   .hero_carousel .owl-nav button.owl-prev{
      left: 0;
       height: 50px;
    width: 50px;
   }

   .hero_carousel .owl-nav button.owl-next{
      right: 0;
       height: 50px;
    width: 50px;
   }

  .hero_carousel i.owl-direction {
       margin: 0 13px;
       font-size: 3em;
       padding: 0;
       color: #607D8B;
   }

   .hero_carousel .owl-nav button.owl-next,.hero_carousel .owl-nav button.owl-prev{
       outline: 0;

       }

.tag{
   display: inline-block;
}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}



.owl-carousel .item {position: relative;}

.owl-caption h2 {font-family: 'Prumo Text Book';
font-size: 1.375rem;
line-height: 1.5;
}
.owl-caption p {font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; ;color: var(--yellow);text-transform: uppercase}
/* Definir la animación para el elemento .owl-caption */
.owl-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5%;
text-align: center;
/* background: rgba(0, 0, 0, 0.8); */
color: #fff;
opacity: 0;
transform: translateY(90px);
transition: opacity .8s ease, transform .8s ease;
}

.owl-item.active .owl-caption {
opacity: 1;
transform: translateY(-20px);
}

.owl-caption .quote {background: url(../img/quote.svg) center center ; display: inline-block; width: 28px; height: 22px;;}



@media (max-width: 1200px){
    .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        top: -35px;
        width: 75%;
        float: right;
        background: transparent;
        right: 2%;
    }
   }


   @media only screen and (min-width: 576px) and (max-width: 768px) {
    .owl-carousel .owl-nav {
        margin-left: 30px;
    }
   }


   @media (max-width: 767px){
    .slider-counter {
        font-size: 80px;
        font-weight: 600;
        bottom: 0

    }
}
@media (max-width: 576px){
    .slider-counter {
        font-size: 30px;
        font-weight: 500;
        bottom: 0

    }
    .owl-caption h2 {
     font-size: 1.25rem;
     line-height: 1.3;
     margin-bottom: 0.2rem;
 }
 .owl-item.active .owl-caption {
    opacity: 1;
    transform: translateY(10px);
}
.owl-theme .owl-dots .owl-dot span {
    width: 30px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    top: -115px;
    width: 90%;
    float: none;

    right: 0;
    left: 0;
    margin: 0 auto;
}

.owl-carousel .owl-nav {

    margin: 75px auto 15px auto;
}
}

@media (max-width: 320px){

.owl-caption h2 {
    font-size: 1rem;
    line-height: 1.2;
}
.owl-caption p {
    font-size: 0.75rem;
}
.owl-theme .owl-dots {

    width: 100%;
}
.owl-theme .owl-dots .owl-dot span {
    width: 20px;
}

}