html {
  margin: 0; 
  padding: 0;
  overflow-x: hidden; 
    
} 

body {
  background-color: white;
  color: black;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
} 
/* Barra de Navegacion - Menu Principal */

nav{
  background-color: transparent !important
} 

.navbar {
  -webkit-box-shadow: 0px 1px 0px 0px rgba(217,217,217,1);
  -moz-box-shadow: 0px 1px 0px 0px rgba(217,217,217,1);
  box-shadow: 0px 1px 0px 0px rgba(217,217,217,1);
  background-color: rgba(255,255,255,.8) !important;
  height: auto; 
 
}

.navbar-toggler {
    color: #64B5F6 !important;
    font-size: .9rem !important;
    font-weight: bolder;
    background: #fff !important;
    padding: .2rem .2rem;
    text-align: center
    
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z' /%3E%3C/svg%3E") !important;
  text-align: center;
 }


.dropdown-item {
  padding: .1rem 1rem !important;
  min-height: 1.8rem !important;
  font-size: .8rem !important;
}

ul {
  list-style-type:none; 
  line-height: 1rem; 
}

a {
  color: #fff;
  font-family: 'Gilroy', serif; 
  font-size: .7rem; 
  text-transform: none !important; 
  padding-right: .5rem !important; 
}

a:hover {
  color: #00695C;

}


.nav-link {
  color: #000000 !important; 
  text-transform: none; 
  font-weight: none !important; 
  font-size: .95rem !important;
  transition-duration: .4s; 
}

.nav-link:hover {
  background-color: rgba(109,110,113,1);
  color: white !important;
  border-radius: 25px; 
}

 .contacto {
  background-color: rgba(227,32,45,1);
  color: white !important;
  border-radius: 25px; 
}

.contacto:hover {
  background-color: rgba(109,110,113,1);
  color: white !important;
  border-radius: 25px; 
}

.icon-size {
    width: 24px; 
    height: 24px; 
    fill: #ffd149; 
    padding-right: .2rem; 
}

.img-sli-fluid {
    object-fit: cover; 
    height: 100%; 
    width: 100%;
}

.icono {
    width: 30px;
    height: 30px;
    background-color: red;
    border-radius: 50%;
    border: 2px solid red;
    padding: 2px;
    box-shadow: 3px 4px 8px #000;

}
.bmd_label_static {
  
}

/* Estilos para el Slider Principal */

.est_seccion{
    height: 6rem; 
    background-color: rgba(20,74,126, .1);
    border-top-right-radius: 100px; 
}

/*@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
*/

/* --------------------------------------
Modificacion FADE EFFECT CAROUSEL slider
---------------------------------------- */
.carousel-item {
    overflow: hidden;
    min-height: 370px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.corousel-altura {
    height: 100vh;
}
.corousel-altura2 {
    height: 100%;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .8s;
    transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    cursor: pointer;
    top: 90%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem; 
    color: #fff;
    text-align: center;
    opacity: 1; 
    background-color: transparent;
   
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}
.carousel-control-prev {
    left: .3rem; 
}

.carousel-control-next {
    right: .3rem;  
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 30px;
    background: transparent no-repeat center center;
    background-size: 100% 100%
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:48px;height:48px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M19,6.41L17.59,5L7,15.59V9H5V19H15V17H8.41L19,6.41Z' /%3E%3C/svg%3E")
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M5,6.41L6.41,5L17,15.59V9H19V19H9V17H15.59L5,6.41Z' /%3E%3C/svg%3E")
}
.carousel-indicators {
  position: absolute;
  bottom: 1.5rem;
  position: flex !important; 
  float: left !important;
  padding-left: 0;
  list-style: none;
  justify-content: center;

}

.carousel-indicators2 {
  top: .5rem;
}

.carousel-indicators li {
    transition: width 0.2s, height 0.2s, transform 0.2s;
    position: relative;
    width: 7px;
    height: 7px;
    background-color: #e3202d;
    border: 1px solid #e3202d;
    padding: 2px !important;
    text-indent: -999px;
    cursor: pointer;
    margin-top: 5px;
    border-radius: 50%
}

.carousel-indicators li:hover {
    transform: scale(2.5);
    background-color: #fff; 
}

.carousel-indicators .active {
    background-color: #fff;
}
/* Variable de la animacion para el CAROUSEL CAPTION */
.carousel-caption h3:first-child {
    animation-delay: 0s;
    animation-duration: .5s;
}
.carousel-caption h3:nth-child(2) {
    animation-delay: 0s;
}
.carousel-caption button {
    animation-delay: 0s;
    z-index: 1;
}
.carousel-caption {
    left: 2%;
    top: 20vh; 
}
.bounceInLeft  .bounceInRight {
  animation-duration: 0s;
}
.titulodelcaption {
    font-family: 'Nova Flat' !important;
    color: #FFFF8D;
    font-size: 2.2rem !important;
    font-weight: lighter !important;
    margin-top: -1.5rem  !important;
    text-shadow: 0 0 20px black;
}

.titulodelcaption2 {
    font-family: 'Open Sans Condensed' !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 2rem;
    font-size: 2rem ; 
    margin-top: 2rem  !important;
    border-bottom: 4px solid white; 
    border-left: 4px solid white;
    border-right: 4px solid white;
    padding: 0.3rem 0rem 0.3rem  0rem;    
    position: absolute;
    box-sizing: border-box;
    width: 10.5rem; 
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}


/*
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}*/

 .img-sli {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}


.img-sli-fluid2 {
   
    width: 95vw; 
   
}

.img-sli-fluid {
    object-fit: cover; 
    height: 100%;
    width: 100vw; 
}

.mini-basket__icon {
    display: block;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 19'%3E %3Cg fill='none' stroke='%2300174F' stroke-width='1.6'%3E %3Cpath d='M1.56 6.28L.86 17.3h14.4l-.7-11.02h-13z'/%3E %3Cpath d='M5.29 10.57l.5-8.46C6.68 1.37 7.42 1 8 1c.58 0 1.32.37 2.22 1.11l.49 8.46'/%3E %3C/g%3E %3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 2px;
}

.icon-size {
    width: 24px; 
    height: 24px; 
    fill: #ffd149; 
    padding-right: .2rem; 
}

/* Composicion de Tema  
   1.1 Tipo de Fuentes*/ 
  .f1 {font-family: Gilroy, sans serif}
  .f2 {font-family: Lato, sans serif}
  .f3 {font-family: Futura, sans serif}
  .f4 {font-family: Open Condensed, helvetica}

  /* 1.2 Composicion de Colores TEXTOS*/
  .c1{color: rgb(227,32,45) !important} /*Color Naranja */
  .c2{color: #000000} /* Color Negro */
  .c3{color: #ffd149} /* Color Secundario Base */
  .c4{color: #bdbdbd !important} /* Color GRis */
  .c5{color: #ffffff} /* Color Blanco */
  .c6{color: red} /* Color Blanco */

  /* 1.3 Tamaño de fuentes*/
  .s1 {font-size: .75rem; line-height: .9rem}
  .s2 {font-size: .85rem; line-height: .95rem}
  .s3 {font-size: .9rem  !important;  line-height: 1rem}
  .s4 {font-size: 1rem !important;   line-height: 1.2rem}
  .s5 {font-size: 2rem;   line-height: 2.2rem}

  /* 1.4 Densidad ajustada de fuente*/
  .fw1 {font-weight: 100}
  .fw2 {font-weight: 300}
  .fw3 {font-weight: 400  !important}
  .fw4 {font-weight: 500}
  .fw7 {font-weight: 700  !important}
  .fw8 {font-weight: 900}

  /* 1.5 Colores de Fondo*/
  .bc1 {background-color: #ead610} /* Color Primario base */
  .bc2 {background-color: #ff0000 !important}/* Color Prmario Dark */
  .bc3 {background-color: #ffff56} /* Color Primario Light */
  .bc4 {background-color: #082f49} /* Color Secundario base */
  .bc5 {background-color: #e0e0e0} /* Color Secundario Dark */
  .bc6 {background-color: #395875} /* Color Secundario Light */
  .bc7 {background-color: #ffa000 !important}  /* Color Secundario Light */
  .bc8 {background-color: #c5c5c5}  /* Color Secundario gris */

  .btn-custom {
    background-color: #304FFE !important; 
    color: #fff !important; 
    font-size: 1.3rem !important; 
    font-weight: lighter !important;
    text-transform: none;
    font-family: 'Poppins' !important; 
    margin-top: -3rem; 
}

  .titulos {
  font-size: 2.3rem;
  font-family: 'Gilroy', serif;
  background-color: rgba(255,255,255,.5);
  letter-spacing: -.1rem;
  z-index: 99999999;
  line-height: 2.5rem;
  max-width: 50vw;
  color: #484848; 
}

.subtitulos {
  font-size: 2rem;
  font-family: 'Yanone Kaffeesatz', serif;
  color: red;
  line-height: 2.1rem;
  text-align: right;
  overflow: hidden;
  max-width: 40vw;
 

}
 /* .titulos::first-letter {
    color: #fff; 
    line-height: 2rem; 
  }*/
/* Fin de Composicion de Tema  */
#slider, #slider2{
      -webkit-appearance: none;
      width: 100%; 
      height: 1px; 
      outline: none;border-radius: 3px; 
      color: black; 
      background: black;
      position: relative;
    }

    #slider::-webkit-slider-thumb, #slider2::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 48px; 
      height: 48px; 
      cursor: pointer;
      z-index: 3;
      position: relative;
    }

    #selector, #selector2 {
      height: 0px; 
      width: 48px;
      position: relative;
      bottom: 15px; 
      transform: translateX(50%);
      z-index: 2;
    }
    .SelectBtn{
      height: 0px;
      width: 0px; 
      border-radius: 50%
      bottom: 0;
    }

    #SelectValue, #SelectValue2{
      width: 48px; 
      height: 25px; 
      position: relative;
      top: -35px;
      background-color: #ffd200;
      border-radius: 4px; 
      text-align: center; 
      line-height: 22px; 
      font-size: 12px; 
      font-weight: bold;
      left: -45px; 
    }

    #SelectValue::after, #SelectValue2::after{
      content: ''; 
      border-top: 5px solid #ffd200; 
      border-left: 24px solid #fff; 
      border-right: 24px solid #fff;
      position: absolute;
      bottom: -4px; 
      left: 0;   
    }

    #ProgressBar, #ProgressBar2{
      width: 0%;
      height: 1px; 
      background-color: #ffd200;
      border-radius: 3px; 
      position: relative;
      top: -7px;
      left: 0px; 
    }

    .modal-open {
    padding-right: 5px !important;
}

.modal-content {
  border-radius: 30px 5px 30px 5px ; 
 
}

.form {
  background: #0F2942;
  padding: 5px;
  max-width: 99%!important;
  margin: 5px auto;
  border-radius: 5px;
  /*
   background: linear-gradient(to top ,rgba(255,255,255 ,.8)20%, rgba(255,255,2556 ,0) 70%), url(../img/rec/sli/s21.jpg);
   background-size: cover;*/
 box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);*/

}

.form-group {
  padding-left: 20px; 
}

body.modal-open {
  padding-right: 0 !important;
}

body .modal-open{overflow:hidden;padding-right:0 !important;}


/* --------------------------------------
Estilos para la ventana modal del Log
---------------------------------------- */
.modal.fade .modal-dialog {
  transition-duration: .1s;
}

.formularioactivacion {
    margin-top: .5rem !important;
    color: #1976D2 !important; 
    font-size: 1.1rem !important; 
    font-family: 'poppins';
}

.margen_modal {
    margin-left: -1rem; 
}

.entrena{
    width: 80px; 
    border: 5px solid black; 
    border-radius: 50%; 
    padding: .2rem;
}

.modal-title {
    line-height: .5rem !important;
    font-family: 'Gilroy', serif; 
    color: white;  
}

  .tab {
    font-family: 'Gilroy'. serif;
    color: white; 
  }

/* --------------------------------------
Estilos para el formulario de login
---------------------------------------- */

.form {
  background: #fafafa;
  padding: 5px;
  max-width: 99%!important;
  margin: 5px auto;
  border-radius: 15px;
  border: 1px dotted #ffd149; 
  /*
   background: linear-gradient(to top ,rgba(255,255,255 ,.8)20%, rgba(255,255,2556 ,0) 70%), url(../img/rec/sli/s21.jpg);
   background-size: cover;*/
 box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);*/

}

.form-group {
  padding-left: 20px;
  padding: 0 .5rem 0 .5rem !important;

}

.tab-group {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  color: red; 
}
.tab-group:after {
  content: "";
  display: table;
  clear: both;
}
.tab-group li a {
  display: block;
  text-decoration: none;
  padding: 5px;
  background: rgba(160, 179, 176, 0.50);
  color: white ;
  font-family: 'Gilroy' !important; 
  font-size: 1rem; 
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.tab-group li a:hover {
  background:  white;
  color: #ffffff;
}
.tab-group .active a {
  background: rgba(160, 179, 176, 0.30);
  color: #009688;
}

.tab-content > div:last-child {
  display: none;
}


.field-wrap {
  position: relative;
  margin-bottom: 20px;
}

.top-row:after {
  content: "";
  display: table;
  clear: both;
}
.top-row > div {
  float: left;
  width: 48%;
  margin-right: 4%;
}
.top-row > div:last-child {
  margin: 0;
}

.btn-sm {
  border-radius: 25px !important;
  font-size: 1.2rem; 
  font-family: 'Gilroy', serif; 
  text-transform: uppercase;
  padding: .5rem !important; 
}

small {
  font-size: .7rem; 
  color: white; 
}

input {
  color: #8e8e8e !important; 
  font-family: 'Gilroy', serif;
  
  
}

.interlineado2 {
  margin-top: -1.7rem; 
}



 .bmd-form-group label {  
  font-size: .95rem !important; 
  color: #E0F7FA !important; 
  font-family: 'Gilroy', serif;
  padding-left: .5rem !important; 
  margin-left: 1rem; 
  
 }


.no-gutter > [class*='col-'] {
    padding-right: 4px;
    padding-left: 4px;
}

.subtitulo_campos {
  color: white; 
  font-size: .8rem 
}

/* --------------------------------------
Estilos MEDIA QUERYS
---------------------------------------- */
@media only screen and (max-width: 768px) {
  .titulos {
    font-size: 2rem;
    letter-spacing: 0; 
    max-width: 100vw;
    line-height: 2.5rem;
  }
    
  .subtitulos {
    font-size: 1.5rem;
    line-height: 1.6rem;
    
    color: red 
  }

  .carousel-caption {
    text-align: center;
    top: 10%;  
  }

  
}