/*//////////////////////////////////*/
@font-face {
font-family: 'Albertus Medium';
font-style: normal;
font-weight: normal;
src: local('Albertus Medium'), url('Albertus Medium Regular.woff') format('woff');
}
.hidden{display: none!important;}
.enGrande{margin-top: -50px!important;}
.hoverBoton:hover{height: 62px!important;width: 62px!important;}
.hoverBoton2:hover{height: 62px!important;width: 62px!important;color:red!important;}
.hoverDiv:hover{background:yellow!important;}
.blanco{color: #fafafa!important;}
    
.brillando {animation: blinker 1s linear infinite;}
@keyframes blinker {
    25% { opacity: 0.7; }  
  	from { color:#ffffff }
   	to { color:#ba3e3e }
}
/*BOTONES PAGINACION*/
.page-item.active .page-link {
    z-index: 1;
    color: #fafafa!important;
    background-color: #7b9d0c!important;
    border-color: #7b9d0c!important;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #7b9d0c!important;
    background-color: #fff;
    border: 1px solid #dee2e6;
   /* line-height: 20px!important;*/
}
.centrar{
   margin-left: 10% !important;
}

#paginadorRuben,#paginadorRuben1{
    padding: 30px 10px 0 10px;
    margin-left: 5%!important;
    text-align: center!important;
    align-content: center!important;
    align-items: center!important;
}
/*
{
    padding: 30px 10px 0 10px;
    margin-left: 30%!important;
    margin-bottom: -30px;
    text-align: center!important;
    align-content: center!important;
    align-items: center!important;
}
*/

.shadow {
  -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
.grande{
    font-size: 40px!important; 
}
.mediano{
    font-size: 20px!important;
}
.pequeno{
    font-size: 15px!important;
}
.overflowTexto{
    
    overflow: auto!important;
}

.overflowTextoGrande{
    height: auto!important;
    width: auto!important;    
}
.agrandar{
    height: 171px!important;
}
.agrandarVideo{
    height: 333px!important;
}
.agrandarVideo2{
    height: 350px!important;
}
.agrandarVideoMas{
    height: 700px!important;
    margin-top: -25px;

}
.agrandarVideoMasMas{
    height: 685px!important;

}
.agrandarWidth{
    width: 150%!important;
}
body {
  font-family: 'Albertus Medium';
  overflow-x: hidden;
  background:  #72a8ba;
  background: transparent url('/MaterialTeCuento/fondo2.png') fixed 0px 0px / cover no-repeat!important;

}
a{
    font-weight: bold;
    color: #5b7114!important;
}
h2{
   color: #73a8ba!important;
   font-weight: 900;
   font-family: 'Albertus Medium';
}
/*
h2:hover{
   color: #73a8ba!important;
   font-weight: 900;
   font-family: 'Albertus Medium';
}
*/
.enPeq
.enPequeno{
                margin-top: 72px!important;
            }
.enPequenoAyuda{
    
      margin-left: 85%!important;    
}
.fa-play{ 

 
}  

.modal-backdrop{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: transparent url('/MaterialTeCuento/fondo2.png') fixed 0px 0px / cover!important;    
}

.container-fluid{
padding-right: 0px!important;
padding-left: 0px!important;
margin-right: auto;
margin-left: auto;
    
    
    
}
.ticketBolsa2 {
  position: relative;
  text-align: center!important;
  text-align-last: center;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0 0 0;
  padding: 3%;
  border-radius: 20px;
  border: 6px solid  #FBFBFB;
  background: #FBFBFB;
  /*box-shadow: 5px 5px 30px 0px #000000;*/
  -webkit-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  -moz-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  
  
  &:before,
  &:after {
    content: '';
   position: relative;
    left: 5px;
    height: 6px;
    width: 290px;
  }
  
  &:before{
    top: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -8px / 16px 16px repeat-x,
  }
  
  &:after {
    bottom: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -2px / 16px 16px repeat-x,
  }
}

.ticketBolsa2__content {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 6px solid #D8D8D8;
}

.ticketBolsa2__text {
  width: 100%!important;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #C6DEDE;
  transform: translate(-25px, 25px) rotate(-55deg) ;
}



.ticketBolsa {
  position: relative;
  text-align: left;

  color: #73a8ba;
  box-sizing: border-box;
  width: auto;
  height: 100%;
  margin: 0 0 0;
  padding: 3%;
  border-radius: 20px;
  border: 6px solid  #72a8ba;
  /*box-shadow: 5px 5px 30px 0px #000000;*/
  -webkit-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  -moz-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  
  
  &:before,
  &:after {
    content: '';
   position: relative;
    left: 5px;
    height: 6px;
    width: 290px;
  }
  
  &:before{
    top: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -8px / 16px 16px repeat-x,
  }
  
  &:after {
    bottom: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -2px / 16px 16px repeat-x,
  }
}
.ticket {
  position: relative;
  box-sizing: border-box;
  width: 100%!important;
  height: 350px;
  margin: 0 0 0;
  padding: 0%;
  border-radius: 20px;
  border: 6px solid  #72a8ba;
  background: #FBFBFB;
  /*box-shadow: 5px 5px 30px 0px #000000;*/
  -webkit-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  -moz-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  
  
  &:before,
  &:after {
    content: '';
   position: relative;
    left: 5px;
    height: 6px;
    width: 290px;
  }
  
  &:before{
    top: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -8px / 16px 16px repeat-x,
  }
  
  &:after {
    bottom: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -2px / 16px 16px repeat-x,
  }
}

.ticket__content {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 6px solid #D8D8D8;
}

.ticket__text {
  width: 100%!important;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #C6DEDE;
  transform: translate(-25px, 25px) rotate(-55deg) ;
}

.ticket1 {
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0 0 0;
  padding: 0%;
  border-radius: 20px;
  border: 6px solid  #72a8ba;
  background: #FBFBFB;
  /*box-shadow: 5px 5px 30px 0px #000000;*/
  -webkit-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
  
  
  &:before,
  &:after {
    content: '';
   position: relative;
    left: 5px;
    height: 6px;
    width: 290px;
  }
  
  &:before{
    top: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -8px / 16px 16px repeat-x,
  }
  
  &:after {
    bottom: -5px;
    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -2px / 16px 16px repeat-x,
  }
}

.ticket1__content {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 6px solid #D8D8D8;
}

.ticket1__text {
  width: 100%!important;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #C6DEDE;
  transform: translate(-25px, 25px) rotate(-55deg) ;
}
.iframeVideo{
    
    height: 580px!important;
    width: 120%!important;
}





/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    
  .prev, .next,.text {font-size: 11px}
   /*  #footerImage{height: auto!important;width: 250px!important;}*/
                body {
  font-family: 'Albertus Medium';
  overflow-x: hidden;
  background:  #72a8ba;
  background: transparent url('/MaterialTeCuento/fondo23.png') fixed 0px 0px / cover no-repeat!important;

}
    #paginadorRuben,{
    padding: 30px 10px 0 10px;
    margin-left: -25%!important;
    margin-bottom: -30px!important;
    text-align: center!important;
    align-content: center!important;
    align-items: center!important;
    border: 6px solid  #72a8ba!important;
}
#paginadorRuben1{
    padding: 30px 10px 0 10px;
    margin-left: 0%!important;
    margin-bottom: -30px;
    text-align: center!important;
    align-content: center!important;
    align-items: center!important;
}
  
    
}






        /*movil*/ 
        @media (max-width: 576px) {
            
       /*  #footerImage{height: auto!important;width: 250px!important;}*/
        .pequeno{font-size:18px!important;}
        .mediano{font-size:25px!important;}
        .enGrande{margin-top: 0px!important;}
        .hidden-small{display: none!important;}
        .enPequeno{margin-top: 78px!important;}
        .enPequenoAyuda{margin-left: 40%!important;}
        .agrandarWidth{width: 100%!important;}
            
            
            
            

            body {
  font-family: 'Albertus Medium';
  overflow-x: hidden;
  background:  #72a8ba;
  background: transparent url('/MaterialTeCuento/fondo23.png') fixed 0px 0px / cover no-repeat!important;

}
            
           .col-sm-3{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%}   
            
            
            .ticket {
                position: relative;
                box-sizing: border-box;
                width: auto!important;
                height: 285px;
                margin: 0 0 0;
                padding: 0%;
                border-radius: 20px;
                border: 6px solid  #72a8ba;
                background: #FBFBFB;
                /*box-shadow: 5px 5px 30px 0px #000000;*/
                -webkit-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
                -moz-box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
                box-shadow: 17px 18px 14px -3px rgba(0,0,0,0.5);
                &:before,
                &:after {
                    content: '';
                    position: relative;
                    left: 5px;
                    height: 6px;
                    width: 290px;
                }&:before{
                    top: -5px;
                    background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -8px / 16px 16px repeat-x,}
                &:after {
                bottom: -5px;
                background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%, #FBFBFB 100% ) -7px -2px / 16px 16px repeat-x,
                        }
                    }
        }

        .activeDot {
          filter: saturate(120%);
        }