@import url('https://fonts.googleapis.com/css2?family=Rampart+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400&display=swap');

.reglas {
    margin: 40px auto;
    font-size: 2.12rem;
    font-weight: bold;
    color: #000;
    text-align: center;
    letter-spacing: 5px;
    text-shadow: 5px 0px 7px rgb(0 0 0 / 80%),
                 -3px 0px 7px rgb(255 255 255 / 80%), 
                 0px 4px 7px rgb(255 255 255 / 80%);

}

.time-out {
    position:fixed;
    width:100px;
    height:40px;
    bottom:40px;
    right:40px;
    background-color:#000;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:25px;
    z-index:100;
    text-decoration: none;
  }


#preloader{
	position: fixed;
	width: 100%;
	background: rgba(255,255,255,.97);
	height: 100%;
	z-index: 99999999999;

}

#loader {
 	position: absolute;
 	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 175px;
	height: 175px;
	margin: auto;
}
#loader .dot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 87.5px;
	height: 100%;
	margin: auto;
}
#loader .dot:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 87.5px;
	height: 87.5px;
	border-radius: 100%;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}
#loader .dot:nth-child(7n+1) {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#loader .dot:nth-child(7n+1):before {
	background: #00ff80;
	-webkit-animation: load 0.8s linear 0.1s infinite;
	   -moz-animation: load 0.8s linear 0.1s infinite;
	    -ms-animation: load 0.8s linear 0.1s infinite;
	     -o-animation: load 0.8s linear 0.1s infinite;
	        animation: load 0.8s linear 0.1s infinite;
}
#loader .dot:nth-child(7n+2) {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
#loader .dot:nth-child(7n+2):before {
background: #00ffea;
	-webkit-animation: load 0.8s linear 0.2s infinite;
	   -moz-animation: load 0.8s linear 0.2s infinite;
	    -ms-animation: load 0.8s linear 0.2s infinite;
	     -o-animation: load 0.8s linear 0.2s infinite;
	        animation: load 0.8s linear 0.2s infinite;
}
#loader .dot:nth-child(7n+3) {
	-webkit-transform: rotate(135deg);
	   -moz-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	     -o-transform: rotate(135deg);
	        transform: rotate(135deg);
}
#loader .dot:nth-child(7n+3):before {
background: #00aaff;
	-webkit-animation: load 0.8s linear 0.3s infinite;
	   -moz-animation: load 0.8s linear 0.3s infinite;
	    -ms-animation: load 0.8s linear 0.3s infinite;
	     -o-animation: load 0.8s linear 0.3s infinite;
	        animation: load 0.8s linear 0.3s infinite;
}
#loader .dot:nth-child(7n+4) {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}
#loader .dot:nth-child(7n+4):before {
	background: #0040ff;
	-webkit-animation: load 0.8s linear 0.4s infinite;
	   -moz-animation: load 0.8s linear 0.4s infinite;
	    -ms-animation: load 0.8s linear 0.4s infinite;
	     -o-animation: load 0.8s linear 0.4s infinite;
	        animation: load 0.8s linear 0.4s infinite;
}
#loader .dot:nth-child(7n+5) {
	-webkit-transform: rotate(225deg);
	   -moz-transform: rotate(225deg);
	    -ms-transform: rotate(225deg);
	     -o-transform: rotate(225deg);
	        transform: rotate(225deg);
}
#loader .dot:nth-child(7n+5):before {
	background: #2a00ff;
	-webkit-animation: load 0.8s linear 0.5s infinite;
	   -moz-animation: load 0.8s linear 0.5s infinite;
	    -ms-animation: load 0.8s linear 0.5s infinite;
	     -o-animation: load 0.8s linear 0.5s infinite;
	        animation: load 0.8s linear 0.5s infinite;
}
#loader .dot:nth-child(7n+6) {
	-webkit-transform: rotate(270deg);
	   -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	     -o-transform: rotate(270deg);
	        transform: rotate(270deg);
}
#loader .dot:nth-child(7n+6):before {
	background: #9500ff;
	-webkit-animation: load 0.8s linear 0.6s infinite;
	   -moz-animation: load 0.8s linear 0.6s infinite;
	    -ms-animation: load 0.8s linear 0.6s infinite;
	     -o-animation: load 0.8s linear 0.6s infinite;
	        animation: load 0.8s linear 0.6s infinite;
}
#loader .dot:nth-child(7n+7) {
	-webkit-transform: rotate(315deg);
	   -moz-transform: rotate(315deg);
	    -ms-transform: rotate(315deg);
	     -o-transform: rotate(315deg);
	        transform: rotate(315deg);
}
#loader .dot:nth-child(7n+7):before {
	background: magenta;
	-webkit-animation: load 0.8s linear 0.7s infinite;
	   -moz-animation: load 0.8s linear 0.7s infinite;
	    -ms-animation: load 0.8s linear 0.7s infinite;
	     -o-animation: load 0.8s linear 0.7s infinite;
	        animation: load 0.8s linear 0.7s infinite;
}
#loader .dot:nth-child(7n+8) {
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	     -o-transform: rotate(360deg);
	        transform: rotate(360deg);
}
#loader .dot:nth-child(7n+8):before {
	background: #ff0095;
	-webkit-animation: load 0.8s linear 0.8s infinite;
	   -moz-animation: load 0.8s linear 0.8s infinite;
	    -ms-animation: load 0.8s linear 0.8s infinite;
	     -o-animation: load 0.8s linear 0.8s infinite;
	        animation: load 0.8s linear 0.8s infinite;
}
#loader .lading{
	background-image: url(../img/text.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: -40px;
	right: 0;
	bottom: -60px;
	height: 60px;
	width: 280px;
	background-position: 50% 50%;
}

@-webkit-keyframes load {
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes load  {
	100% {
		opacity: 0;
		-moz-transform: scale(1);
	}
}
@-ms-keyframes load {
	100% {
		opacity: 0;
		-ms-transform: scale(1);
	}
}
@-o-keyframes load {
	100% {
		opacity: 0;
		-o-transform: scale(1);
	}
}
@keyframes font-language-override  {
	100% {
		opacity: 0;
		transform: scale(1);
	}
}

* {
    font-family: 'Mochiy Pop One', sans-serif;
}

body {
    margin: 0;
}
.w-100 {
    height: 100vh;
}

.calender {
    width: 150px !important;
}

.footer_support {
    text-decoration:none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #FFF;
    font-size: 1rem;
  }

  .map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

.gente {
    width: 150px;
}

.carousel-logo { 
    width: 445px;
}

.swal-footer {
text-align: center;
}
.swal-button--cancel {
    background-color: #ff2600;
    color: #ffffff;
}
.swal-button--confirm {
    background-color: #198754;
    color: #ffffff;
}

.section-padding {
    padding: 120px 0;
}
  .table_th {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
  }

  .table_td {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
  }

.fondo {
    background-image: url('../img/fondo2.png'); 
    
}

.fondo2{
    background-image: url('../img/cumple3.png');
    background-size: cover;
    opacity: 1;
}

.fondo3 { 
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    animation: gradient 15s ease infinite;
}

.fondo4 {
    background-image: url('../img/fondo4.jpg');
}

.gradient-border {
    border: 5px solid;
    border-image: linear-gradient(45deg, purple, orange) 1;
  }

.fotos {
    width: 250px;
}
.fondo_gallery {
        background: linear-gradient(-90deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    animation: gradient 15s ease infinite;
}

.carousel-text {
    font-size: 25px !important;
}

.button1 {
	color: white;
	background-color: green;
	border: 5px solid transparent;
	transition: .2s ease;
	border-radius: 50px;
    font-size: 25px;
    text-decoration: none;
}

.button1:hover {
	color: #ffd000;
	background-color: rgb(0, 132, 255);
	transform: scale(1.1);
	border: 2px solid blue;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.boton_text {
    border-radius: 30px;
}

.blanco {
    color: #fff;
}


.carousel-item {
    height: 100vh;
    min-height: 300px;
}

.carousel-caption{
    bottom: 6.25rem !important;
    z-index: 2;
}

.carousel-caption h5 {
    font-family: 'Rampart One', cursive;
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    
}

.carousel-caption img { 
    margin-top: 25px;
    max-width: 100%;
    max-height: 100%;
}

.carousel-caption p {
    margin: auto;
    font-size: 18px;
    line-height: 1.9;
}

.carousel-inner::before {
content : '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.7);
z-index: 1;
}

.navbar-fondo {
    background-image: url('../img/fondo2.png');
}

.navbar-nav {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar-light .navbar-brand {
    color:rgb(255, 255, 255);
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}


.navbar-light .navbar-brand:focus, 
.navbar-light .navbar-brand:hover {
    color: rgb(255, 255, 255);
}

.navbar-light .navbar-nav .navbar-link {
    color: rgb(255, 255, 255);
}

.text_blanco { 
    color: #fff;
}
.iconos_blanco {
    color: #fff;
}

.oswald {
    font-family: 'Oswald', sans-serif;
    font-size: 1.125rem;
}

.oswald2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.425rem;
}

.oswald3 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.425em;
}
.oswald4 {
    font-family: 'Oswald', sans-serif;
    font-size: 3.05rem;
}





.border-top {
    border-top: 1px solid #000 !important; 
}

.border-left {
    border-left: 1px solid #000 !important; 
}

.border-bottom {
    border-bottom: 1px solid #000 !important; 
}

.blanco{ 
    color: #FFF;
}

.fondo_2{
    background-color: #444;
}

.texto_detalles {
    font-size: 1.4375rem;
    font-family: 'Mochiy Pop One', sans-serif;
}

.fondo-footer2 {
    background-image: url('../img/fondo3.png');
}

.fondo_footer {
    background: rgba(0,0,0,0.7);
}

.text-footer { 
    text-decoration: none;
    color: #000; 
    font-size: 1,3125em !important;

}

.text-footer :hover {
    color: #fff;
    
}




.negro {
    color: #000;
}

.alq { 
    width: 200px;
}

.fondorayas{
    background-image: url('../img/fondorayas.jpg');
}

.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:80px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    z-index:100;
}

.whatsapp-icon {
    margin-top: 13px;
  }

  a:hover {
    text-decoration: none;
    color: #000;
  }
  
  a:active {
    text-decoration: none;
   color: #000; 
  }

  .logo {
    width: 150px;
    max-width: 100%;
    max-height: 100%;
  }
  
.col-md-auto {
    width: 50% !important;
}
  .round {
    border-radius: 50%;
    background-color: #FFF;
  }

.fondo_confirmacion { 
background: #b3e2ff;
}

.gradient-border2 {
    border: 5px solid;
    border-image: linear-gradient(45deg, purple, orange) 1; 
     
}

.negrita { 
    font-weight: bold;
}

.fondo_login {
    background-color: #f2f2f2;
}

video {
    width: 50%;
    height: auto;
  }

.carousel-logo { display:inline-block; animation:float .2s ease-in-out infinite; }
  @keyframes float {
   0%,100%{ transform:none; }
   33%{ transform:translateY(-1px) rotate(-2deg); }
   66%{ transform:translateY(1px) rotate(2deg); }
 }
 body:hover .carousel-logo { animation:bounce .6s; }
 @keyframes bounce {
   0%,100%{ transform:translate(0); }
   25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
   50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
 }


.colortext {
    font-size:3.5rem !important;
    font:bold 1.6vw/1.6 'Signika', sans-serif;
    user-select:none;
   }

.login_text {
    font-size: 1.5rem !important;
    font: bold 1.6vw/1.6 'Signika', sans-serif;
    user-select: none;
    text-align: center;
}
  
   
   .colortext .loco { display:inline-block; animation:float .2s ease-in-out infinite; }
    @keyframes float {
     0%,100%{ transform:none; }
     33%{ transform:translateY(-1px) rotate(-2deg); }
     66%{ transform:translateY(1px) rotate(2deg); }
   }
   body:hover .loco { animation:bounce .6s; }
   @keyframes bounce {
     0%,100%{ transform:translate(0); }
     25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
     50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
   }
   
   .loco:nth-child(4n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
   .loco:nth-child(4n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
   .loco:nth-child(4n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
   .loco:nth-child(4n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }
   
   .colortext .loco:nth-child(2){ animation-delay:.05s; }
   .colortext .loco:nth-child(3){ animation-delay:.1s; }
   .colortext .loco:nth-child(4){ animation-delay:.15s; }
   .colortext .loco:nth-child(5){ animation-delay:.2s; }
   .colortext .loco:nth-child(6){ animation-delay:.25s; }
   .colortext .loco:nth-child(7){ animation-delay:.3s; }
   .colortext .loco:nth-child(8){ animation-delay:.35s; }
   .colortext .loco:nth-child(9){ animation-delay:.4s; }
   .colortext .loco:nth-child(10){ animation-delay:.45s; }
   .colortext .loco:nth-child(11){ animation-delay:.5s; }
   .colortext .loco:nth-child(12){ animation-delay:.55s; }
   .colortext .loco:nth-child(13){ animation-delay:.6s; }
   .colortext .loco:nth-child(14){ animation-delay:.65s; }
  
  
  
   .loading_center {
    background-image: url("../img/25.gif");
    background-repeat: no-repeat; 
    background-position: center; 
    position: absolute;
    width: 100%;
    height: 50%;
}

.verde {
    color: #198754 !important;
}

.rojo {
    color: #dc3545 !important;
}

  @media only screen and (max-width: 767px) {
    .buscar-flex {
        display: flex!important;
    }
    
    .buscar-content {
        justify-content: center!important;
    }

    .buscar {
        
        margin-bottom: 20px;
        
    }
    .navbar-nav {
        text-align: center;
    }
  
    .carousel-caption{
        bottom: 12.25rem !important;
        z-index: 2;
    }
    .carousel-caption h5 {
        font-size: 35px;
    }
    .carousel-caption a {
        padding: 10px 15px;
    }
    .carousel-caption img { 
        margin-top: 25px;
        max-width: 100%;
        max-height: 100%;
        width: 290px;
    }
    .carousel-logo {
        width: 300px;
        max-width: 100%;
        max-height: 100%;
      }
    .carousel-text {
        font-size: 1rem !important;
    }
    .section-padding {
        padding: 50px 0;
    }
    .colortext {
        font-size:1.6em !important;
        font:bold 1.6vw/1.6 'Signika', sans-serif;
        user-select:none;
       }

    .calender {
    width: 150px !important;
    }
    
    .gente {
        width: 150px !important;
    }
    video {
        width: 100%;
        height: auto;
      }
      .section-padding {
        padding: 150px 0;
    }
  }

  
  @media only screen and (min-width: 1025px) {
    .card-footer {
        width: 35rem;
    }
    .fotos {
        width: 250px !important;
    }
  }

  @media (min-width:600px)  { 
    .buscar-flex {
        display: flex!important;
    }
    
    .buscar-content {
        justify-content: center!important;
    }

    .buscar {
        
        margin-bottom: 20px;
        
    }
    .buscar {
        margin-bottom: 20px;
    }
    .card-footer {
        width: 22rem;
    }
    .fotos {
        width: 175px;
    }
   }