@font-face {
font-family: 'Agency FB';
src: url('../fonts/AgencyFB-Reg.woff2') format('woff2'),
url('../fonts/AgencyFB-Reg.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*
@font-face {
font-family: 'Starkiller';
src:url('../fonts/Starkiller.ttf.woff') format('woff'),
url('../fonts/Starkiller.ttf.svg#Starkiller') format('svg'),
url('../fonts/Starkiller.ttf.eot'),
url('../fonts/Starkiller.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Norwester';
src:url('../fonts/Norwester.ttf.woff') format('woff'),
url('../fonts/Norwester.ttf.svg#Norwester') format('svg'),
url('../fonts/Norwester.ttf.eot'),
url('../fonts/Norwester.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Heading-Pro-Trial-Heavy-Italic';
src:url('../fonts/Heading-Pro-Trial-Heavy-Italic.ttf.woff') format('woff'),
url('../fonts/Heading-Pro-Trial-Heavy-Italic.ttf.svg#Heading-Pro-Trial-Heavy-Italic') format('svg'),
url('../fonts/Heading-Pro-Trial-Heavy-Italic.ttf.eot'),
url('../fonts/Heading-Pro-Trial-Heavy-Italic.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Plane Crash';
src: url('../fonts/PlaneCrash.woff2') format('woff2'),
url('../fonts/PlaneCrash.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'THEWELL';
src:url('../fonts/THEWELL.ttf.woff') format('woff'),
url('../fonts/THEWELL.ttf.svg#THEWELL') format('svg'),
url('../fonts/THEWELL.ttf.eot'),
url('../fonts/THEWELL.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
*/
body{
font-family: 'Open Sans', sans-serif;
}
/*MENÚ DE NAVEGACIÓN*/
nav{
background-color: #000000 !important;
/*border-bottom: 5px solid #f0c029;*/
/*border-image: linear-gradient(90deg, rgba(147,100,32,1) 0%, rgba(201,144,63,1) 16%, rgba(229,185,86,1) 34%, rgba(246,204,70,1) 54%, rgba(186,135,43,1) 71%, rgba(214,178,59,1) 86%, rgba(117,76,20,1) 100%) 10;*/
}
.navbar-toggler {
background-color: #d8a932;
}
.textomenu ul li a{
/*font-family: 'Sriracha', cursive;*/
/*font-family: 'Tajawal', sans-serif;*/
font-family: 'MuseoModerno', cursive;
font-weight: 500;
color:#fff !important;
font-size: 17px;
}
.titulomenu {
/*font-family: 'THEWELL';*/
/*font-family: 'Lobster Two', cursive;*/
color: #000 !important;
font-weight:bold;
}
.bordecolor {
border: 4px solid #f0c029 !important;
/*box-shadow: -8px 2px 63px -23px rgba(0,0,0,0.85);
-webkit-box-shadow: -8px 2px 63px -23px rgba(0,0,0,0.85);
-moz-box-shadow: -8px 2px 63px -23px rgba(0,0,0,0.85);*/
}
.bordecolor-3 {
border: 1px solid #5c5c5c !important;
border-radius: 5px;
}
w-90 {
width: 90% !important;
}
w-10 {
width: 10% !important;
}
w-30 {
width: 30% !important;
}
w-50 {
width: 50% !important;
}
/*SLIDESHOW PRINCIPAL*/
.pd-parallax{
position: relative;
opacity; 0.65;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 200px;
margin: 0;
padding: 0;
}
.carousel-1{
background-image:url('../img/CarouselFULL_1.jpeg');
}
.carousel-2{
background-image:url('../img/CarouselFULL_2.jpeg');
}
.carousel-3{
background-image:url('../img/CarouselFULL_3.jpeg');
}
/*
.carousel-4{
background-image:url('../img/Carousel4.jpg');
}
.carousel-5{
background-image:url('../img/Carousel5.jpg');
}
.carousel-6{
background-image:url('../img/Carousel6.jpg');
}
.carousel-7{
background-image:url('../img/Carousel7.jpg');
}
.carousel-8{
background-image:url('../img/Carousel8.jpg');
}
*/
/*boton comprar*/
/*Slider-item posicion del botón*/
.slider-item{
padding-top:180px;
}
.divBtnComprar {
background: rgba(0,235,63,1);
background: linear-gradient(274deg, rgba(0,141,38,1) 0%, rgba(0,170,46,1) 16%, rgba(0,235,63,1) 51%, rgba(0,170,46,1) 81%, rgba(0,141,38,1) 100%);
border:3px solid #000000;
line-height:1.7;
border-radius:15px;
font-family: 'MuseoModerno', cursive;
font-weight: 700;
font-size: 35px;
}
.divBtnComprar-2 {
background: linear-gradient(90deg, rgba(147,100,32,1) 0%, rgba(201,144,63,1) 16%, rgba(229,185,86,1) 34%, rgba(246,204,70,1) 54%, rgba(186,135,43,1) 71%, rgba(214,178,59,1) 86%, rgb(181 128 52) 100%);
border:2px solid #000000;
line-height:1.7;
border-radius:15px 0px;
font-family: 'Ubuntu', sans-serif;
font-weight: 700;
font-size: 37px;
}
.botonredondeado1 {
background: rgb(22,181,20);
background: radial-gradient(circle, rgba(22,181,20,1) 0%, rgba(8,99,10,1) 100%);
border:4px solid #fff;
line-height:3;
font-size:15px;
font-weight:bold;
border-radius:50px;
}
.botonredondeado2 {
background: rgb(255 128 174);
background: radial-gradient(circle, rgb(255 128 174) 0%, rgb(255 60 147) 100%);
border:4px solid #fff;
line-height:3;
font-size:15px;
font-weight:bold;
border-radius:50px;
}
.divInfoCarousel{
position: absolute;
right: 0%;
top: 12%;
left: 0%;
z-index: 10;
}
.divInfoCarousel-2{
position: absolute;
right: 1%;
top: 10%;
left: 1%;
z-index: 10;
}
.textshadow{
text-shadow: 1px 3px 5px rgba(0,0,0,0.34);
font-family: 'Norwester', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'MuseoModerno', cursive;
line-height: 100%;
font-weight:200;
letter-spacing: 2px;
}
.fs-16{
font-size:16px !important;
}
.fs-17{
font-size:17px !important;
}
.fs-18{
font-size:18px !important;
}
/* COLORES DEL TEXTO */
.txt-color-1{
color:#e2b554 !important; /*Azul*/
}
.txt-color-2{
background: linear-gradient(90deg, rgba(147,100,32,1) 0%, rgba(201,144,63,1) 16%, rgba(229,185,86,1) 34%, rgba(246,204,70,1) 54%, rgba(186,135,43,1) 71%, rgba(214,178,59,1) 86%, rgba(117,76,20,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.txt-color-3{
background-image: url("../img/oro.jpg");
background-size: cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.txt-color-4{
color:#fff !important; /*Blanco*/
}
.txt-color-5{
color:#000 !important; /*Negro*/
}
.txt-color-6{
color:#ff0d00 !important; /*Rojo*/
}
.txt-color-7{
color:#34be12 !important; /*Verde limón*/
}
.txt-color-8{
color:#FF0000 !important; /*Rojo*/
}
.title-shadow-1{
color: #ff1504 !important;
text-shadow: #680000 1px 1px 4px; /*Titulo shadow rojo con sombra rojo oscuro*/
}
.title-shadow-2{
color: #ff1504 !important;
text-shadow: #000000 1px 1px 8px; /*Titulo shadow rojo con sombra negra*/
}
.title-font{
/*font-family: 'Plane Crash', sans-serif;*/
font-family: 'Fugaz One', cursive !important;
font-weight: 700 !important;
text-shadow: rgb(255 255 255) 1px 0px 0px, rgb(255 255 255) 0.540302px 0.841471px 0px, rgb(255 255 255) -0.416147px 0.909297px 0px, rgb(255 255 255) -0.989992px 0.14112px 0px, rgb(255 255 255) -0.653644px -0.756802px 0px, rgb(255 255 255) 0.283662px -0.958924px 0px, rgb(255 255 255) 0.96017px -0.279415px 0px;
}
.fw-100{
font-weight:100;
}
.fw-200{
font-weight:200;
}
.fw-300{
font-weight:300;
}
.fw-400{
font-weight:400;
}
.fw-500{
font-weight:500;
}
.fw-600{
font-weight:600;
}
.fw-700{
font-weight:700;
}
.fw-normal{
font-weight:normal !important;
}
.precioportunidades {
font-size: 20px !important;
}
/*BACKGROUND-COLOR-OPACITY*/
.backcolor{
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
pointer-events: none;
}
.backcolor-1{
background: #ff0000;
background: linear-gradient(270deg,#930000 0,#d10000 10%,#ff0000 50%,#d10000 90%,#970000 100%);
}
.backcolor-2{
background: rgb(0,141,38);
background: linear-gradient(274deg, rgba(0,141,38,1) 0%, rgba(0,170,46,1) 16%, rgba(0,235,63,1) 51%, rgba(0,170,46,1) 81%, rgba(0,141,38,1) 100%);
/*background-color: #5B0000;
background: linear-gradient(62deg,#00ff0d 0,#00ff0d 15%,#ffffff 50%,#ff0000 85%,#ff0000 100%);*/
}
.backcolor-3{
background-color: #000; /*Negro*/
}
.backcolor-4{
background-color: #fff; /*Blanco*/
}
.opacity-09{
opacity:0.9;
}
.opacity-08{
opacity:0.8;
}
.opacity-07{
opacity:0.7;
}
.opacity-06{
opacity:0.6;
}
.opacity-05{
opacity:0.5;
}
.opacity-04{
opacity:0.4;
}
.opacity-03{
opacity:0.3;
}
.opacity-02{
opacity:0.2;
}
.preguntas{
visibility: visible;
animation-name: fadeInUp;
}
.Boleto{
margin-right:3px;
margin-bottom:5px;
cursor:pointer;
width: 45px;
height: 25px;
display: inline-flex;
border: solid 1px #000000;
border-radius:30%;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 500;
color: #08061c;
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important;
}
.Disponible {
background-color: #ffffff;
}
.Ocupado {
background-color: #000000;
color:#000000;
}
.boletospanSel{
margin-right:3px;
margin-bottom:5px;
cursor:pointer;
width: 50px;
height: 30px;
display: inline-flex;
border: solid 1px #efc44d;
border-radius:17%;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 700;
color: #08061c;
font-size:17px !important;
}
.oportunidadSpanSel{
background: #80ffa3;
margin-right:3px;
margin-bottom:5px;
cursor:pointer;
width: 50px;
height: 30px;
display: inline-flex;
border: solid 1px #000000;
border-radius:17%;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 500;
color: #08061c;
font-size:17px !important;
}
.numSeleccionado {
background-color: #000000;
}
.boletoEjemploDisponible{
margin-right:3px;
margin-bottom:5px;
cursor:pointer;
width: 45px;
height: 29px;
display: inline-flex;
border: solid 1px #000000;
border-radius:32%;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 500;
color: #08061c;
background-color: #ffffff;
}
.boletoEjemploOcupado{
margin-right:3px;
margin-bottom:5px;
cursor:pointer;
width: 45px;
height: 29px;
display: inline-flex;
border: solid 1px #000000;
border-radius:32%;
justify-content: center;
align-items: center;
text-align: center;
font-weight: 500;
color: #000000;
background-color: #000000;
}
/*FOOTER*/
.fa-whatsapp-square {
/*color: #00d700;*/
color: #000000;
}
.fa-facebook-square {
/*color: #1828ea;*/
color: #000000;
}
.fa-facebook-messenger {
/*background: -webkit-linear-gradient(#f74a8f, #bb35df, #5a58f7, #0487f7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
font-size: 3.8em;
color: #000000;
}
.fa-instagram-square {
color: #000000;
/*
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
*/
}
.fa-tiktok {
color: #000000;
/*
color: #ffffff;
font-size: 2.7em;
*/
}
#formInfoPersona {
border-radius: 4px !important;
color: #fff;
font-weight: 600;
/*background: rgb(0,0,0);*/
}
/*Boleto Digital*/
#content_div_one_photo {
height: 650px;;
width: 360px;
}
#padre {
position: relative;
display: inline-block;
}
.texto {
position: absolute;
font-size: 20px;
/*font-weight: bold;*/
/*font-family: 'Agency FB'; font-weight: normal; font-style: normal;*/
font-weight: 500;
left: 8px;
color: #000 !important;
/*
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*/
}
.nombre{
top: 146px;
}
.apellido{
top: 180px;
}
.ciudad{
top: 242px;
}
.estado{
top: 242px;
}
.telefono{
top: 297px;
}
.fechahora{
top: 345px;
}
.pagadosi{
left: 71px !important;
top: 282px;
}
.numeros {
position: absolute;
font-size: 28px;
font-family: 'Oswald', sans-serif;
font-weight: 500;
color: #000 !important;
/*
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*/
}
.numboleto{
top: 16px;
left: 156px;
color: #ff0000 !important;
font-weight: 700 !important;
}
.oportunidad2{
top: 16px;
left: 238px;
}
.oportunidad3{
top: 36px;
left: 156px;
}
.oportunidad4{
top: 36px;
left: 238px;
}
.oportunidad5{
top: 149px;
}
.btn-verificar{
background-color:#4ee019;
color:#fff;
font-weight:bold;
}
/*Botón Whatsapp FLOTANTE*/
.float-whatsapp-button{
position:fixed;
width:60px;
height:60px;
bottom:46px;
right:10px;
background-color:#00d700;
color:#FFF;
border-radius:30px;
text-align:center;
font-size:33px;
box-shadow: 2px 2px 3px #000;
z-index:100;
/*border: 3px solid #000000;*/
}
.float-whatsapp-button2{
position:fixed;
width:60px;
height:60px;
bottom:75px;
right:10px;
background-color:#f82783;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:12px;
font-size: 1.2em;
}
.colorbtn{
background: linear-gradient(270deg,#930000 0,#d10000 10%,#ff0000 50%,#d10000 90%,#970000 100%);
color: #fff !important;
border: 2px solid #ffffff !important;
}
/* Small devices (landscape phones, 200px and up) */
@media (min-width: 200px) {
.nav-img-logo{
height:90px !important;
}
.textomenu ul li a{
padding-left: 10px;
}
.titulomenu {
font-size: 14px !important;
}
.subtitulomenu {
font-size: 12px !important;
margin-top:-25px;
}
/*.collapse{
padding-top: 50px;
}
*/
.logomenu {
margin-left:-10px;
}
}
/* Small devices (landscape phones, 360px and up) */
@media (min-width: 360px) {
.nav-img-logo{
height:110px !important;
}
.textomenu ul li a{
padding-left: 10px;
}
.titulomenu {
font-size: 17px !important;
}
.subtitulomenu {
font-size: 15px !important;
margin-top:-25px;
}
/*.collapse{
padding-top: 50px;
}
*/
.logomenu {
margin-left:-10px;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.nav-img-logo{
height:130px !important;
}
.textomenu ul li a{
padding-left: 10px;
}
.titulomenu {
font-size: 30px !important;
}
.subtitulomenu {
font-size: 26px !important;
margin-top:-30px;
}
/*.collapse{
padding-top: 50px;
}
*/
.logomenu {
margin-left:20px;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.nav-img-logo{
height:145px !important;
}
.textomenu ul li a{
padding-left: 0px;
}
.titulomenu {
font-size: 25px !important;
}
.subtitulomenu {
font-size: 22px !important;
margin-top:-30px;
}
/*.collapse{
padding-top: 0px;
}
*/
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.nav-img-logo{
height:160px !important;
}
.textomenu ul li a{
padding-left: 0px;
}
.titulomenu {
font-size: 25px !important;
}
.subtitulomenu {
font-size: 22px !important;
margin-top:-30px;
}
/*.collapse{
padding-top: 0px;
}
*/
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.nav-img-logo{
height:180px !important;
}
.textomenu ul li a{
padding-left: 0px;
}
.titulomenu {
font-size: 22px !important;
}
.subtitulomenu {
font-size: 20px !important;
margin-top:-30px;
}
/*.collapse{
padding-top: 0px;
}
*/
}
.nav-img-logo{
position:relative;
top:80px;
margin-top:-80px;
border-radius: 23% !important;
}
.botonmenu {
margin-left:-10px;
border:none !important;
}
.card {
border: none !important;
}
/* SLIDER DE GANADORES */
.cat {
background-color: #0073e4 !important;
color: #ffffff !important;
}
.owl-carousel .owl-dots .owl-dot.active {
background: #0073e4 !important;
}
/* Estilos para el scroll en motores Webkit y blink (Chrome, Safari, Opera... )*/
.scrollboletodi::-webkit-scrollbar {
-webkit-appearance: none;
}
.scrollboletodi::-webkit-scrollbar:vertical {
width:8px;
}
.scrollboletodi::-webkit-scrollbar-button:increment,.container::-webkit-scrollbar-button {
display: none;
}
.scrollboletodi::-webkit-scrollbar:horizontal {
height: 8px;
}
.scrollboletodi::-webkit-scrollbar-thumb {
background-color: #ff0003;
border-radius: 20px;
border: 1px solid #ffffff;
}
.scrollboletodi::-webkit-scrollbar-track {
border-radius: 10px;
}
.swal2-styled.swal2-confirm {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #00e63e !important;
color: #000 !important;
font-size: 1em;
}
