html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
iframe {
border: none;
}
@font-face {
font-family: 'Icons';
src: url("../fonts/Icons/Icons.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Icons", "Helvetica", "Arial", sans-serif;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-blackjack:before {
content: "\e900";
color: #337848;
}
.icon-buscar:before {
content: "\e901";
color: #fff;
}
.icon-cerrar:before {
content: "\e902";
color: #fff;
}
.icon-cita:before {
content: "\e903";
color: #1c5b35;
}
.icon-dados:before {
content: "\e904";
color: #337848;
}
.icon-descargar:before {
content: "\e905";
color: #fff;
}
.icon-ejemplo:before {
content: "\e906";
color: #337848;
}
.icon-estrella:before {
content: "\e907";
color: #eabb2e;
}
.icon-estrella-gris:before {
content: "\e907";
color: rgb(140, 139, 137);
}
.icon-estrella-verde:before {
content: "\e908";
color: #337848;
}
.icon-euro:before {
content: "\e909";
}
.icon-faq:before {
content: "\e90a";
color: #eabb2e;
}
.icon-ficha-casino:before {
content: "\e90b";
color: #1c5b35;
}
.icon-ficha-poker:before {
content: "\e90c";
color: #337848;
}
.icon-flecha-abajo:before {
content: "\e90d";
color: #eabb2e;
}
.icon-flecha-abajo-blanco:before {
content: "\e90d";
}
.icon-flecha-arriba:before {
content: "\e90e";
color: #eabb2e;
}
.icon-flecha-dcha:before {
content: "\e90f";
}
.icon-flecha-ingreso:before {
content: "\e910";
}
.icon-flecha-retirada:before {
content: "\e911";
}
.icon-info:before {
content: "\e912";
color: #fff;
}
.icon-info-negro:before {
content: "\e912";
color: #000;
}
.icon-no:before {
content: "\e913";
color: #b74351;
}
.icon-poker:before {
content: "\e914";
color: #337848;
}
.icon-ruleta:before {
content: "\e915";
color: #337848;
}
.icon-tick:before {
content: "\e916";
color: #337848;
}
.icon-tick-circulo:before {
content: "\e917";
color: #337848;
}
.icon-top-anchor:before {
content: "\e918";
}
.icon-tragaperras:before {
content: "\e919";
color: #337848;
}
.icon-w-estrella .path1:before {
content: "\e91a";
color: rgb(140, 139, 137);
}
.icon-w-estrella .path2:before {
content: "\e91b";
margin-left: -1em;
color: rgb(234, 187, 46);
}
.icon-bingo:before {
content: "\e946";
color: #337848;
}
.icon-jackpot:before {
content: "\e955";
color: #337848;
}
.icon-poker-2:before {
content: "\e956";
color: #337848;
}
.icon-videobingo:before {
content: "\e957";
color: #337848;
}
.icon-crupier:before {
content: "\e954";
color: #337848;
}
.icon-ruleta-en-vivo:before {
content: "\e944";
color: #337848;
}
.icon-juego-casino-crupier:before {
content: "\e945";
color: #337848;
}
.icon-ruleta-americana:before {
content: "\e942";
color: #337848;
}
.icon-ruleta-europea:before {
content: "\e940";
color: #337848;
}
.icon-apuestas-deportivas .path1:before {
content: "\e91c";
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path2:before {
content: "\e91d";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path3:before {
content: "\e91e";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path4:before {
content: "\e91f";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path5:before {
content: "\e920";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path6:before {
content: "\e921";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path7:before {
content: "\e922";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path8:before {
content: "\e923";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path9:before {
content: "\e924";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path10:before {
content: "\e925";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path11:before {
content: "\e926";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path12:before {
content: "\e927";
margin-left: -1em;
color: rgb(69, 90, 100);
}
.icon-apuestas-deportivas .path13:before {
content: "\e928";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path14:before {
content: "\e929";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path15:before {
content: "\e92a";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-apuestas-deportivas .path16:before {
content: "\e92b";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path17:before {
content: "\e92c";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path18:before {
content: "\e92d";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path19:before {
content: "\e92e";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path20:before {
content: "\e92f";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path21:before {
content: "\e930";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path22:before {
content: "\e931";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path23:before {
content: "\e932";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path24:before {
content: "\e933";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path25:before {
content: "\e934";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path26:before {
content: "\e935";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path27:before {
content: "\e936";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path28:before {
content: "\e937";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path29:before {
content: "\e938";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path30:before {
content: "\e939";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path31:before {
content: "\e93a";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path32:before {
content: "\e93b";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path33:before {
content: "\e93c";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-apuestas-deportivas .path34:before {
content: "\e93d";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-blackjack-americano:before {
content: "\e93e";
color: #337848;
}
.icon-blackjack-europeo:before {
content: "\e93f";
color: #337848;
}
.icon-punto-banca:before {
content: "\e941";
color: #337848;
}
.icon-ruleta-automatica:before {
content: "\e943";
color: #337848;
}
.icon-ruleta-relampago:before {
content: "\e947";
color: #337848;
}
.icon-videopoker .path1:before {
content: "\e948";
color: rgb(51, 120, 72);
}
.icon-videopoker .path2:before {
content: "\e949";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path3:before {
content: "\e94a";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path4:before {
content: "\e94b";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path5:before {
content: "\e94c";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path6:before {
content: "\e94d";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path7:before {
content: "\e94e";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-videopoker .path8:before {
content: "\e94f";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path9:before {
content: "\e950";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path10:before {
content: "\e951";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path11:before {
content: "\e952";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-videopoker .path12:before {
content: "\e953";
margin-left: -1em;
color: rgb(51, 120, 72);
}
.icon-esports::before {
content: url('../imagenes/iconos/juegos/apuestas-esports.svg');
color: #337848;
height: 40px;
width:40px;
display:inline-block;
}
.icon-sala-mesas-juego::before {
content: url('../imagenes/iconos/servicios/juegos-mesa-casino.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-sala-poker::before {
content: url('../imagenes/iconos/servicios/sala-poker.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-aparcacoches::before {
content: url('../imagenes/iconos/servicios/aparcacoches.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-guardarropa::before {
content: url('../imagenes/iconos/servicios/guardarropa.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-barra::before {
content: url('../imagenes/iconos/servicios/barra.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-restaurante::before {
content: url('../imagenes/iconos/servicios/restaurante.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-wifi::before {
content: url('../imagenes/iconos/servicios/wifi.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-eventos::before {
content: url('../imagenes/iconos/servicios/eventos.svg');
height: 30px;
width:30px;
display:inline-block;
}
.icon-hotel::before {
content: url('../imagenes/iconos/servicios/hotel.svg');
height: 30px;
width:30px;
display:inline-block;
}
/*!
* Bootstrap Grid v4.0.0 (https://getbootstrap.com)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
*/
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 480px) {
.container {
max-width: 480px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1400px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11, .col-ss-12, .col-ss,
.col-ss-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 480px) {
.col-ss {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-ss-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-ss-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-ss-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-ss-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-ss-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-ss-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-ss-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-ss-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-ss-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-ss-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-ss-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-ss-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-ss-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-ss-first {
order: -1;
}
.order-ss-last {
order: 13;
}
.order-ss-0 {
order: 0;
}
.order-ss-1 {
order: 1;
}
.order-ss-2 {
order: 2;
}
.order-ss-3 {
order: 3;
}
.order-ss-4 {
order: 4;
}
.order-ss-5 {
order: 5;
}
.order-ss-6 {
order: 6;
}
.order-ss-7 {
order: 7;
}
.order-ss-8 {
order: 8;
}
.order-ss-9 {
order: 9;
}
.order-ss-10 {
order: 10;
}
.order-ss-11 {
order: 11;
}
.order-ss-12 {
order: 12;
}
.offset-ss-0 {
margin-left: 0;
}
.offset-ss-1 {
margin-left: 8.33333%;
}
.offset-ss-2 {
margin-left: 16.66667%;
}
.offset-ss-3 {
margin-left: 25%;
}
.offset-ss-4 {
margin-left: 33.33333%;
}
.offset-ss-5 {
margin-left: 41.66667%;
}
.offset-ss-6 {
margin-left: 50%;
}
.offset-ss-7 {
margin-left: 58.33333%;
}
.offset-ss-8 {
margin-left: 66.66667%;
}
.offset-ss-9 {
margin-left: 75%;
}
.offset-ss-10 {
margin-left: 83.33333%;
}
.offset-ss-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1024px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1280px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1400px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 480px) {
.d-ss-none {
display: none !important;
}
.d-ss-inline {
display: inline !important;
}
.d-ss-inline-block {
display: inline-block !important;
}
.d-ss-block {
display: block !important;
}
.d-ss-table {
display: table !important;
}
.d-ss-table-row {
display: table-row !important;
}
.d-ss-table-cell {
display: table-cell !important;
}
.d-ss-flex {
display: flex !important;
}
.d-ss-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1024px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1280px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1400px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 480px) {
.flex-ss-row {
flex-direction: row !important;
}
.flex-ss-column {
flex-direction: column !important;
}
.flex-ss-row-reverse {
flex-direction: row-reverse !important;
}
.flex-ss-column-reverse {
flex-direction: column-reverse !important;
}
.flex-ss-wrap {
flex-wrap: wrap !important;
}
.flex-ss-nowrap {
flex-wrap: nowrap !important;
}
.flex-ss-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-ss-start {
justify-content: flex-start !important;
}
.justify-content-ss-end {
justify-content: flex-end !important;
}
.justify-content-ss-center {
justify-content: center !important;
}
.justify-content-ss-between {
justify-content: space-between !important;
}
.justify-content-ss-around {
justify-content: space-around !important;
}
.align-items-ss-start {
align-items: flex-start !important;
}
.align-items-ss-end {
align-items: flex-end !important;
}
.align-items-ss-center {
align-items: center !important;
}
.align-items-ss-baseline {
align-items: baseline !important;
}
.align-items-ss-stretch {
align-items: stretch !important;
}
.align-content-ss-start {
align-content: flex-start !important;
}
.align-content-ss-end {
align-content: flex-end !important;
}
.align-content-ss-center {
align-content: center !important;
}
.align-content-ss-between {
align-content: space-between !important;
}
.align-content-ss-around {
align-content: space-around !important;
}
.align-content-ss-stretch {
align-content: stretch !important;
}
.align-self-ss-auto {
align-self: auto !important;
}
.align-self-ss-start {
align-self: flex-start !important;
}
.align-self-ss-end {
align-self: flex-end !important;
}
.align-self-ss-center {
align-self: center !important;
}
.align-self-ss-baseline {
align-self: baseline !important;
}
.align-self-ss-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1024px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1280px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1400px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
/* popover */
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 350px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem;
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: 0.5rem 0.5rem 0;
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px;
border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem;
}
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0;
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
left: 1px;
border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem;
}
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 0.5rem 0.5rem 0.5rem;
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: 0;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: 1px;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem;
}
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem;
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
right: 1px;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.show {
opacity: 1;
}
tr.collapse.show {
display: table-row;
}
tbody.collapse.show {
display: table-row-group;
}
/* spacing */
.lh-12 {
line-height:1.2;
}
.w-8 {
width:80%;
}
.w-7 {
width:70%;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mt-05 {
margin-top: 5px !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 10px !important;
}
.mt-1,
.my-1 {
margin-top: 10px !important;
}
.mr-1,
.mx-1 {
margin-right: 10px !important;
}
.mb-1,
.my-1 {
margin-bottom: 10px !important;
}
.ml-1,
.mx-1 {
margin-left: 10px !important;
}
.m-2 {
margin: 20px !important;
}
.mt-2,
.my-2 {
margin-top: 20px !important;
}
.mr-2,
.mx-2 {
margin-right: 20px !important;
}
.mb-2,
.my-2 {
margin-bottom: 20px !important;
}
.ml-2,
.mx-2 {
margin-left: 20px !important;
}
.mt-25 {
margin-top: 25px !important;
}
.m-3 {
margin: 30px !important;
}
.mt-3,
.my-3 {
margin-top: 30px !important;
}
.mr-3,
.mx-3 {
margin-right: 30px !important;
}
.mb-3,
.my-3 {
margin-bottom: 30px !important;
}
.ml-3,
.mx-3 {
margin-left: 30px !important;
}
.m-4 {
margin: 40px !important;
}
.mt-4,
.my-4 {
margin-top: 40px !important;
}
.mr-4,
.mx-4 {
margin-right: 40px !important;
}
.mb-4,
.my-4 {
margin-bottom: 40px !important;
}
.ml-4,
.mx-4 {
margin-left: 40px !important;
}
.m-5 {
margin: 50px !important;
}
.mt-5,
.my-5 {
margin-top: 50px !important;
}
.mr-5,
.mx-5 {
margin-right: 50px !important;
}
.mb-5,
.my-5 {
margin-bottom: 50px !important;
}
.ml-5,
.mx-5 {
margin-left: 50px !important;
}
.m-6 {
margin: 60px !important;
}
.mt-6,
.my-6 {
margin-top: 60px !important;
}
.mr-6,
.mx-6 {
margin-right: 60px !important;
}
.mb-6,
.my-6 {
margin-bottom: 60px !important;
}
.ml-6,
.mx-6 {
margin-left: 60px !important;
}
.m-7 {
margin: 70px !important;
}
.mt-07 {
margin-top: 7px !important;
}
.mt-07-autox {
margin-top: 7px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.mt-7,
.my-7 {
margin-top: 70px !important;
}
.mr-7,
.mx-7 {
margin-right: 70px !important;
}
.mb-7,
.my-7 {
margin-bottom: 70px !important;
}
.ml-7,
.mx-7 {
margin-left: 70px !important;
}
.m-8 {
margin: 80px !important;
}
.mt-8,
.my-8 {
margin-top: 80px !important;
}
.mr-8,
.mx-8 {
margin-right: 80px !important;
}
.mb-08 {
margin-bottom: 8px !important;
}
.mb-8,
.my-8 {
margin-bottom: 80px !important;
}
.ml-8,
.mx-8 {
margin-left: 80px !important;
}
.p-0 {
padding: 0 !important;
}
.pl-05 {
padding-left:5px;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 10px !important;
}
.p-15 {
padding: 15px !important;
}
.pt-18{
padding-top: 18px !important;
}
.pt-1,
.py-1 {
padding-top: 10px !important;
}
.pr-1,
.px-1 {
padding-right: 10px !important;
}
.pb-1,
.py-1 {
padding-bottom: 10px !important;
}
.pl-1,
.px-1 {
padding-left: 10px !important;
}
.p-2 {
padding: 20px !important;
}
.pt-2,
.py-2 {
padding-top: 20px !important;
}
.pr-2,
.px-2 {
padding-right: 20px !important;
}
.pb-2,
.py-2 {
padding-bottom: 20px !important;
}
.pl-2,
.px-2 {
padding-left: 20px !important;
}
.pl-25 {
padding-left: 25px !important;
}
.p-3 {
padding: 30px !important;
}
.pt-3,
.py-3 {
padding-top: 30px !important;
}
.pr-3,
.px-3 {
padding-right: 30px !important;
}
.pb-3,
.py-3 {
padding-bottom: 30px !important;
}
.pl-3,
.px-3 {
padding-left: 30px !important;
}
.pl-32 {
padding-left: 32px !important;
}
.p-4 {
padding: 40px !important;
}
.pt-4,
.py-4 {
padding-top: 40px !important;
}
.pr-4,
.px-4 {
padding-right: 40px !important;
}
.pb-4,
.py-4 {
padding-bottom: 40px !important;
}
.pl-4,
.px-4 {
padding-left: 40px !important;
}
.pb-05 {
padding-bottom:5px;
}
.p-5 {
padding: 50px !important;
}
.pt-5,
.py-5 {
padding-top: 50px !important;
}
.pr-5,
.px-5 {
padding-right: 50px !important;
}
.pb-5,
.py-5 {
padding-bottom: 50px !important;
}
.pl-5,
.px-5 {
padding-left: 50px !important;
}
.p-6 {
padding: 60px !important;
}
.pt-6,
.py-6 {
padding-top: 60px !important;
}
.pr-6,
.px-6 {
padding-right: 60px !important;
}
.pb-6,
.py-6 {
padding-bottom: 60px !important;
}
.pl-6,
.px-6 {
padding-left: 60px !important;
}
.p-7 {
padding: 70px !important;
}
.pt-7,
.py-7 {
padding-top: 70px !important;
}
.pr-7,
.px-7 {
padding-right: 70px !important;
}
.pb-7,
.py-7 {
padding-bottom: 70px !important;
}
.pl-7,
.px-7 {
padding-left: 70px !important;
}
.p-8 {
padding: 80px !important;
}
.pt-8,
.py-8 {
padding-top: 80px !important;
}
.pr-8,
.px-8 {
padding-right: 80px !important;
}
.pb-8,
.py-8 {
padding-bottom: 80px !important;
}
.pl-8,
.px-8 {
padding-left: 80px !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 480px) {
.m-ss-0 {
margin: 0 !important;
}
.mt-ss-0,
.my-ss-0 {
margin-top: 0 !important;
}
.mr-ss-0,
.mx-ss-0 {
margin-right: 0 !important;
}
.mb-ss-0,
.my-ss-0 {
margin-bottom: 0 !important;
}
.ml-ss-0,
.mx-ss-0 {
margin-left: 0 !important;
}
.m-ss-1 {
margin: 10px !important;
}
.mt-ss-1,
.my-ss-1 {
margin-top: 10px !important;
}
.mr-ss-1,
.mx-ss-1 {
margin-right: 10px !important;
}
.mb-ss-1,
.my-ss-1 {
margin-bottom: 10px !important;
}
.ml-ss-1,
.mx-ss-1 {
margin-left: 10px !important;
}
.m-ss-2 {
margin: 20px !important;
}
.mt-ss-2,
.my-ss-2 {
margin-top: 20px !important;
}
.mr-ss-2,
.mx-ss-2 {
margin-right: 20px !important;
}
.mb-ss-2,
.my-ss-2 {
margin-bottom: 20px !important;
}
.ml-ss-2,
.mx-ss-2 {
margin-left: 20px !important;
}
.m-ss-3 {
margin: 30px !important;
}
.mt-ss-3,
.my-ss-3 {
margin-top: 30px !important;
}
.mr-ss-3,
.mx-ss-3 {
margin-right: 30px !important;
}
.mb-ss-3,
.my-ss-3 {
margin-bottom: 30px !important;
}
.ml-ss-3,
.mx-ss-3 {
margin-left: 30px !important;
}
.m-ss-4 {
margin: 40px !important;
}
.mt-ss-4,
.my-ss-4 {
margin-top: 40px !important;
}
.mr-ss-4,
.mx-ss-4 {
margin-right: 40px !important;
}
.mb-ss-4,
.my-ss-4 {
margin-bottom: 40px !important;
}
.ml-ss-4,
.mx-ss-4 {
margin-left: 40px !important;
}
.m-ss-5 {
margin: 50px !important;
}
.mt-ss-5,
.my-ss-5 {
margin-top: 50px !important;
}
.mr-ss-5,
.mx-ss-5 {
margin-right: 50px !important;
}
.mb-ss-5,
.my-ss-5 {
margin-bottom: 50px !important;
}
.ml-ss-5,
.mx-ss-5 {
margin-left: 50px !important;
}
.m-ss-6 {
margin: 60px !important;
}
.mt-ss-6,
.my-ss-6 {
margin-top: 60px !important;
}
.mr-ss-6,
.mx-ss-6 {
margin-right: 60px !important;
}
.mb-ss-6,
.my-ss-6 {
margin-bottom: 60px !important;
}
.ml-ss-6,
.mx-ss-6 {
margin-left: 60px !important;
}
.m-ss-7 {
margin: 70px !important;
}
.mt-ss-7,
.my-ss-7 {
margin-top: 70px !important;
}
.mr-ss-7,
.mx-ss-7 {
margin-right: 70px !important;
}
.mb-ss-7,
.my-ss-7 {
margin-bottom: 70px !important;
}
.ml-ss-7,
.mx-ss-7 {
margin-left: 70px !important;
}
.m-ss-8 {
margin: 80px !important;
}
.mt-ss-8,
.my-ss-8 {
margin-top: 80px !important;
}
.mr-ss-8,
.mx-ss-8 {
margin-right: 80px !important;
}
.mb-ss-8,
.my-ss-8 {
margin-bottom: 80px !important;
}
.ml-ss-8,
.mx-ss-8 {
margin-left: 80px !important;
}
.p-ss-0 {
padding: 0 !important;
}
.pt-ss-0,
.py-ss-0 {
padding-top: 0 !important;
}
.pr-ss-0,
.px-ss-0 {
padding-right: 0 !important;
}
.pb-ss-0,
.py-ss-0 {
padding-bottom: 0 !important;
}
.pl-ss-0,
.px-ss-0 {
padding-left: 0 !important;
}
.p-ss-1 {
padding: 10px !important;
}
.pt-ss-1,
.py-ss-1 {
padding-top: 10px !important;
}
.pr-ss-1,
.px-ss-1 {
padding-right: 10px !important;
}
.pb-ss-1,
.py-ss-1 {
padding-bottom: 10px !important;
}
.pl-ss-1,
.px-ss-1 {
padding-left: 10px !important;
}
.p-ss-2 {
padding: 20px !important;
}
.pt-ss-2,
.py-ss-2 {
padding-top: 20px !important;
}
.pr-ss-2,
.px-ss-2 {
padding-right: 20px !important;
}
.pb-ss-2,
.py-ss-2 {
padding-bottom: 20px !important;
}
.pl-ss-2,
.px-ss-2 {
padding-left: 20px !important;
}
.p-ss-3 {
padding: 30px !important;
}
.pt-ss-3,
.py-ss-3 {
padding-top: 30px !important;
}
.pr-ss-3,
.px-ss-3 {
padding-right: 30px !important;
}
.pb-ss-3,
.py-ss-3 {
padding-bottom: 30px !important;
}
.pl-ss-3,
.px-ss-3 {
padding-left: 30px !important;
}
.p-ss-4 {
padding: 40px !important;
}
.pt-ss-4,
.py-ss-4 {
padding-top: 40px !important;
}
.pr-ss-4,
.px-ss-4 {
padding-right: 40px !important;
}
.pb-ss-4,
.py-ss-4 {
padding-bottom: 40px !important;
}
.pl-ss-4,
.px-ss-4 {
padding-left: 40px !important;
}
.p-ss-5 {
padding: 50px !important;
}
.pt-ss-5,
.py-ss-5 {
padding-top: 50px !important;
}
.pr-ss-5,
.px-ss-5 {
padding-right: 50px !important;
}
.pb-ss-5,
.py-ss-5 {
padding-bottom: 50px !important;
}
.pl-ss-5,
.px-ss-5 {
padding-left: 50px !important;
}
.p-ss-6 {
padding: 60px !important;
}
.pt-ss-6,
.py-ss-6 {
padding-top: 60px !important;
}
.pr-ss-6,
.px-ss-6 {
padding-right: 60px !important;
}
.pb-ss-6,
.py-ss-6 {
padding-bottom: 60px !important;
}
.pl-ss-6,
.px-ss-6 {
padding-left: 60px !important;
}
.p-ss-7 {
padding: 70px !important;
}
.pt-ss-7,
.py-ss-7 {
padding-top: 70px !important;
}
.pr-ss-7,
.px-ss-7 {
padding-right: 70px !important;
}
.pb-ss-7,
.py-ss-7 {
padding-bottom: 70px !important;
}
.pl-ss-7,
.px-ss-7 {
padding-left: 70px !important;
}
.p-ss-8 {
padding: 80px !important;
}
.pt-ss-8,
.py-ss-8 {
padding-top: 80px !important;
}
.pr-ss-8,
.px-ss-8 {
padding-right: 80px !important;
}
.pb-ss-8,
.py-ss-8 {
padding-bottom: 80px !important;
}
.pl-ss-8,
.px-ss-8 {
padding-left: 80px !important;
}
.m-ss-auto {
margin: auto !important;
}
.mt-ss-auto,
.my-ss-auto {
margin-top: auto !important;
}
.mr-ss-auto,
.mx-ss-auto {
margin-right: auto !important;
}
.mb-ss-auto,
.my-ss-auto {
margin-bottom: auto !important;
}
.ml-ss-auto,
.mx-ss-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 10px !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 10px !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 10px !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 10px !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 10px !important;
}
.m-sm-2 {
margin: 20px !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 20px !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 20px !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 20px !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 20px !important;
}
.m-sm-3 {
margin: 30px !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 30px !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 30px !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 30px !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 30px !important;
}
.m-sm-4 {
margin: 40px !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 40px !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 40px !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 40px !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 40px !important;
}
.m-sm-5 {
margin: 50px !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 50px !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 50px !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 50px !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 50px !important;
}
.m-sm-6 {
margin: 60px !important;
}
.mt-sm-6,
.my-sm-6 {
margin-top: 60px !important;
}
.mr-sm-6,
.mx-sm-6 {
margin-right: 60px !important;
}
.mb-sm-6,
.my-sm-6 {
margin-bottom: 60px !important;
}
.ml-sm-6,
.mx-sm-6 {
margin-left: 60px !important;
}
.m-sm-7 {
margin: 70px !important;
}
.mt-sm-7,
.my-sm-7 {
margin-top: 70px !important;
}
.mr-sm-7,
.mx-sm-7 {
margin-right: 70px !important;
}
.mb-sm-7,
.my-sm-7 {
margin-bottom: 70px !important;
}
.ml-sm-7,
.mx-sm-7 {
margin-left: 70px !important;
}
.m-sm-8 {
margin: 80px !important;
}
.mt-sm-8,
.my-sm-8 {
margin-top: 80px !important;
}
.mr-sm-8,
.mx-sm-8 {
margin-right: 80px !important;
}
.mb-sm-8,
.my-sm-8 {
margin-bottom: 80px !important;
}
.ml-sm-8,
.mx-sm-8 {
margin-left: 80px !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 10px !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 10px !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 10px !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 10px !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 10px !important;
}
.p-sm-2 {
padding: 20px !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 20px !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 20px !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 20px !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 20px !important;
}
.p-sm-3 {
padding: 30px !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 30px !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 30px !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 30px !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 30px !important;
}
.p-sm-4 {
padding: 40px !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 40px !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 40px !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 40px !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 40px !important;
}
.p-sm-5 {
padding: 50px !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 50px !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 50px !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 50px !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 50px !important;
}
.p-sm-6 {
padding: 60px !important;
}
.pt-sm-6,
.py-sm-6 {
padding-top: 60px !important;
}
.pr-sm-6,
.px-sm-6 {
padding-right: 60px !important;
}
.pb-sm-6,
.py-sm-6 {
padding-bottom: 60px !important;
}
.pl-sm-6,
.px-sm-6 {
padding-left: 60px !important;
}
.p-sm-7 {
padding: 70px !important;
}
.pt-sm-7,
.py-sm-7 {
padding-top: 70px !important;
}
.pr-sm-7,
.px-sm-7 {
padding-right: 70px !important;
}
.pb-sm-7,
.py-sm-7 {
padding-bottom: 70px !important;
}
.pl-sm-7,
.px-sm-7 {
padding-left: 70px !important;
}
.p-sm-8 {
padding: 80px !important;
}
.pt-sm-8,
.py-sm-8 {
padding-top: 80px !important;
}
.pr-sm-8,
.px-sm-8 {
padding-right: 80px !important;
}
.pb-sm-8,
.py-sm-8 {
padding-bottom: 80px !important;
}
.pl-sm-8,
.px-sm-8 {
padding-left: 80px !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 1024px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 10px !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 10px !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 10px !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 10px !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 10px !important;
}
.m-md-2 {
margin: 20px !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 20px !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 20px !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 20px !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 20px !important;
}
.m-md-3 {
margin: 30px !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 30px !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 30px !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 30px !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 30px !important;
}
.m-md-4 {
margin: 40px !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 40px !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 40px !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 40px !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 40px !important;
}
.m-md-5 {
margin: 50px !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 50px !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 50px !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 50px !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 50px !important;
}
.m-md-6 {
margin: 60px !important;
}
.mt-md-6,
.my-md-6 {
margin-top: 60px !important;
}
.mr-md-6,
.mx-md-6 {
margin-right: 60px !important;
}
.mb-md-6,
.my-md-6 {
margin-bottom: 60px !important;
}
.ml-md-6,
.mx-md-6 {
margin-left: 60px !important;
}
.m-md-7 {
margin: 70px !important;
}
.mt-md-7,
.my-md-7 {
margin-top: 70px !important;
}
.mr-md-7,
.mx-md-7 {
margin-right: 70px !important;
}
.mb-md-7,
.my-md-7 {
margin-bottom: 70px !important;
}
.ml-md-7,
.mx-md-7 {
margin-left: 70px !important;
}
.m-md-8 {
margin: 80px !important;
}
.mt-md-8,
.my-md-8 {
margin-top: 80px !important;
}
.mr-md-8,
.mx-md-8 {
margin-right: 80px !important;
}
.mb-md-8,
.my-md-8 {
margin-bottom: 80px !important;
}
.ml-md-8,
.mx-md-8 {
margin-left: 80px !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 10px !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 10px !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 10px !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 10px !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 10px !important;
}
.p-md-2 {
padding: 20px !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 20px !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 20px !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 20px !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 20px !important;
}
.p-md-3 {
padding: 30px !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 30px !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 30px !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 30px !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 30px !important;
}
.p-md-4 {
padding: 40px !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 40px !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 40px !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 40px !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 40px !important;
}
.p-md-5 {
padding: 50px !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 50px !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 50px !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 50px !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 50px !important;
}
.p-md-6 {
padding: 60px !important;
}
.pt-md-6,
.py-md-6 {
padding-top: 60px !important;
}
.pr-md-6,
.px-md-6 {
padding-right: 60px !important;
}
.pb-md-6,
.py-md-6 {
padding-bottom: 60px !important;
}
.pl-md-6,
.px-md-6 {
padding-left: 60px !important;
}
.p-md-7 {
padding: 70px !important;
}
.pt-md-7,
.py-md-7 {
padding-top: 70px !important;
}
.pr-md-7,
.px-md-7 {
padding-right: 70px !important;
}
.pb-md-7,
.py-md-7 {
padding-bottom: 70px !important;
}
.pl-md-7,
.px-md-7 {
padding-left: 70px !important;
}
.p-md-8 {
padding: 80px !important;
}
.pt-md-8,
.py-md-8 {
padding-top: 80px !important;
}
.pr-md-8,
.px-md-8 {
padding-right: 80px !important;
}
.pb-md-8,
.py-md-8 {
padding-bottom: 80px !important;
}
.pl-md-8,
.px-md-8 {
padding-left: 80px !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 1280px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 10px !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 10px !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 10px !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 10px !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 10px !important;
}
.m-lg-2 {
margin: 20px !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 20px !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 20px !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 20px !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 20px !important;
}
.m-lg-3 {
margin: 30px !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 30px !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 30px !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 30px !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 30px !important;
}
.m-lg-4 {
margin: 40px !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 40px !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 40px !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 40px !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 40px !important;
}
.m-lg-5 {
margin: 50px !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 50px !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 50px !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 50px !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 50px !important;
}
.m-lg-6 {
margin: 60px !important;
}
.mt-lg-6,
.my-lg-6 {
margin-top: 60px !important;
}
.mr-lg-6,
.mx-lg-6 {
margin-right: 60px !important;
}
.mb-lg-6,
.my-lg-6 {
margin-bottom: 60px !important;
}
.ml-lg-6,
.mx-lg-6 {
margin-left: 60px !important;
}
.m-lg-7 {
margin: 70px !important;
}
.mt-lg-7,
.my-lg-7 {
margin-top: 70px !important;
}
.mr-lg-7,
.mx-lg-7 {
margin-right: 70px !important;
}
.mb-lg-7,
.my-lg-7 {
margin-bottom: 70px !important;
}
.ml-lg-7,
.mx-lg-7 {
margin-left: 70px !important;
}
.m-lg-8 {
margin: 80px !important;
}
.mt-lg-8,
.my-lg-8 {
margin-top: 80px !important;
}
.mr-lg-8,
.mx-lg-8 {
margin-right: 80px !important;
}
.mb-lg-8,
.my-lg-8 {
margin-bottom: 80px !important;
}
.ml-lg-8,
.mx-lg-8 {
margin-left: 80px !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 10px !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 10px !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 10px !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 10px !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 10px !important;
}
.p-lg-2 {
padding: 20px !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 20px !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 20px !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 20px !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 20px !important;
}
.p-lg-3 {
padding: 30px !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 30px !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 30px !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 30px !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 30px !important;
}
.p-lg-4 {
padding: 40px !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 40px !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 40px !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 40px !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 40px !important;
}
.p-lg-5 {
padding: 50px !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 50px !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 50px !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 50px !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 50px !important;
}
.p-lg-6 {
padding: 60px !important;
}
.pt-lg-6,
.py-lg-6 {
padding-top: 60px !important;
}
.pr-lg-6,
.px-lg-6 {
padding-right: 60px !important;
}
.pb-lg-6,
.py-lg-6 {
padding-bottom: 60px !important;
}
.pl-lg-6,
.px-lg-6 {
padding-left: 60px !important;
}
.p-lg-7 {
padding: 70px !important;
}
.pt-lg-7,
.py-lg-7 {
padding-top: 70px !important;
}
.pr-lg-7,
.px-lg-7 {
padding-right: 70px !important;
}
.pb-lg-7,
.py-lg-7 {
padding-bottom: 70px !important;
}
.pl-lg-7,
.px-lg-7 {
padding-left: 70px !important;
}
.p-lg-8 {
padding: 80px !important;
}
.pt-lg-8,
.py-lg-8 {
padding-top: 80px !important;
}
.pr-lg-8,
.px-lg-8 {
padding-right: 80px !important;
}
.pb-lg-8,
.py-lg-8 {
padding-bottom: 80px !important;
}
.pl-lg-8,
.px-lg-8 {
padding-left: 80px !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1400px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 10px !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 10px !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 10px !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 10px !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 10px !important;
}
.m-xl-2 {
margin: 20px !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 20px !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 20px !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 20px !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 20px !important;
}
.m-xl-3 {
margin: 30px !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 30px !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 30px !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 30px !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 30px !important;
}
.m-xl-4 {
margin: 40px !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 40px !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 40px !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 40px !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 40px !important;
}
.m-xl-5 {
margin: 50px !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 50px !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 50px !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 50px !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 50px !important;
}
.m-xl-6 {
margin: 60px !important;
}
.mt-xl-6,
.my-xl-6 {
margin-top: 60px !important;
}
.mr-xl-6,
.mx-xl-6 {
margin-right: 60px !important;
}
.mb-xl-6,
.my-xl-6 {
margin-bottom: 60px !important;
}
.ml-xl-6,
.mx-xl-6 {
margin-left: 60px !important;
}
.m-xl-7 {
margin: 70px !important;
}
.mt-xl-7,
.my-xl-7 {
margin-top: 70px !important;
}
.mr-xl-7,
.mx-xl-7 {
margin-right: 70px !important;
}
.mb-xl-7,
.my-xl-7 {
margin-bottom: 70px !important;
}
.ml-xl-7,
.mx-xl-7 {
margin-left: 70px !important;
}
.m-xl-8 {
margin: 80px !important;
}
.mt-xl-8,
.my-xl-8 {
margin-top: 80px !important;
}
.mr-xl-8,
.mx-xl-8 {
margin-right: 80px !important;
}
.mb-xl-8,
.my-xl-8 {
margin-bottom: 80px !important;
}
.ml-xl-8,
.mx-xl-8 {
margin-left: 80px !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 10px !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 10px !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 10px !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 10px !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 10px !important;
}
.p-xl-2 {
padding: 20px !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 20px !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 20px !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 20px !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 20px !important;
}
.p-xl-3 {
padding: 30px !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 30px !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 30px !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 30px !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 30px !important;
}
.p-xl-4 {
padding: 40px !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 40px !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 40px !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 40px !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 40px !important;
}
.p-xl-5 {
padding: 50px !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 50px !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 50px !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 50px !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 50px !important;
}
.p-xl-6 {
padding: 60px !important;
}
.pt-xl-6,
.py-xl-6 {
padding-top: 60px !important;
}
.pr-xl-6,
.px-xl-6 {
padding-right: 60px !important;
}
.pb-xl-6,
.py-xl-6 {
padding-bottom: 60px !important;
}
.pl-xl-6,
.px-xl-6 {
padding-left: 60px !important;
}
.p-xl-7 {
padding: 70px !important;
}
.pt-xl-7,
.py-xl-7 {
padding-top: 70px !important;
}
.pr-xl-7,
.px-xl-7 {
padding-right: 70px !important;
}
.pb-xl-7,
.py-xl-7 {
padding-bottom: 70px !important;
}
.pl-xl-7,
.px-xl-7 {
padding-left: 70px !important;
}
.p-xl-8 {
padding: 80px !important;
}
.pt-xl-8,
.py-xl-8 {
padding-top: 80px !important;
}
.pr-xl-8,
.px-xl-8 {
padding-right: 80px !important;
}
.pb-xl-8,
.py-xl-8 {
padding-bottom: 80px !important;
}
.pl-xl-8,
.px-xl-8 {
padding-left: 80px !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.h-100 {
height:100%
}
/*! normalize.css v3.0.3
* MIT License
* github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
background: #FFFFFF;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
video {
width: 100%;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
cursor: pointer;
}
a:active,
a:hover {
outline: 0;
}
b,
strong {
font-weight: bold;
}
mark {
background: #ff0;
color: #2E2E2E;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
figcaption {
margin: 2px 0 0;
}
picture {
line-height: 0;
display: block;
}
hr {
box-sizing: content-box;
height: 0;
}
.hr-main {
box-sizing: content-box;
height: 0;
color: #4b3800;
margin-bottom:20px;
}
.hr-noticia {
box-sizing: content-box;
height: 0;
color: #000000;
opacity: 0.1;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
resize: none;
outline: none;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: not-allowed;
background-color: #cccccc !important;
color: #666666 !important;
}
form input[type="submit"]:disabled:hover {
opacity: 1;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
button:active, button:focus,
input:active,
input:focus,
textarea:active,
textarea:focus {
outline: 0;
}
button {
background: transparent;
border: none;
resize: none;
cursor: pointer;
}
img {
height: auto;
width: 100%;
}
img,
iframe {
max-width: 100%;
}
[role="button"] {
cursor: pointer;
}
.sprite {
display: inline-block;
vertical-align: middle;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/*! Casino.es
* Copyright 2021
*/
/* cosas generales */
@font-face {
font-family: "NotoSans";
src: url("../fonts/NotoSans/NotoSans-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "NotoSans";
src: url("../fonts/NotoSans/NotoSans-Bold.woff") format("woff");
font-weight: 600;
font-style: normal;
}
html {
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "NotoSans", "Helvetica", "Arial", sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color:#626262;
position: relative;
width: 100%;
overflow-x: hidden;
min-height: 100vh;
background: #FFFFFF;
direction: ltr;
}
@media (min-width: 768px) {
main {
min-height: 650px;
}
}
.main-wrapper {
background: rgba(46, 46, 46, 0.8);
width: 100%;
max-width: 1350px;
margin: 0 auto;
padding: 20px 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (min-width: 768px) {
.main-wrapper {
padding: 20px 30px;
}
}
.main-aside {
width: 100%;
}
@media (min-width: 1024px) {
.main-aside {
width: 300px;
margin-top: 0;
}
}
.main-aside .section-header {
margin-bottom: 10px;
}
.main-aside > *,
.main-aside .sticky > * {
margin-bottom: 30px;
}
@media (min-width: 1024px) {
.sticky {
position: sticky;
position: -webkit-sticky;
top: 20px;
}
}
.main-container {
width: 100%;
}
@media (min-width: 1024px) {
.main-container {
width: calc((100% - 300px) - 30px);
}
}
.main-container--fullwidth {
width: 100%;
}
.container {
max-width: 1240px;
padding: 0 15px;
}
@media (min-width: 768px) {
.container {
padding: 0 30px;
}
}
@media (max-width: 1023.98px) {
.hidden-sm-down {
display: none;
}
}
@media (max-width: 1399.98px) {
.hidden-lg-down {
display: none;
}
}
@media (min-width: 768px) {
.hidden-sm-up {
display: none;
}
}
@media (min-width: 1024px) {
.hidden-md-up {
display: none;
}
}
@media (min-width: 1280px) {
.hidden-lg-up {
display: none;
}
}
.overflow-hidden {
width: 100%;
overflow: hidden;
}
a {
text-decoration: none;
color: #1C5B35;
}
a:hover, a:active, a:focus {
outline: 0;
text-decoration: none;
}
h3 a, h2 a {
text-decoration: none;
color: #000000;
}
h3 a:hover, h2 a:hover {
text-decoration: none;
color: #1C5B35;
}
h1 {
font-size: 28px;
}
.titulo-video {
color:#FFF;
}
.hero h1 {
font-size: 38px;
padding-top:10px;
padding-bottom:10px;
}
@media (min-width: 768px) {
h1 {
font-size: 45px;
}
.hero h1 {
font-size: 62px;
color: #FFFFFF;
}
}
h2 {
font-size: 24px;
}
@media (min-width: 768px) {
h2 {
font-size: 32px;
line-height: 44px;
}
}
h3 {
font-size: 21px;
}
@media (min-width: 768px) {
h3 {
font-size: 30px;
}
}
h4 {
font-size: 18px;
}
@media (min-width: 768px) {
h4 {
font-size: 24px;
}
}
h5 {
font-size: 18px;
}
@media (min-width: 768px) {
h5 {
font-size: 20px;
}
}
h6 {
font-size: 16px;
}
@media (min-width: 768px) {
h6 {
font-size: 18px;
}
}
h1, h2, h3, h4, h5, h6 {
display: block;
font-weight: 700;
color: #4b3800;
line-height: 1.1;
margin: 30px 0 10px 0;
}
h1{
margin-top: 0;
}
@media (max-width: 768px) {
h1.titulo-articulo, h1.titulo, h1.noticias {
margin-top:20px;
}
h1.nombre-slot {
font-size:28px;
margin-top:20px;
padding-bottom:0px;
}
}
a h1, a h2, a h3, a h4, a h5, a h6 {
color: inherit;
}
.fz-24 {
font-size:24px !important;
}
.fz-14 {
font-size:14px !important;
}
.fz-12 {
font-size:12px !important;
}
.bg-tapete h1, .bg-tapete h2, .bg-tapete h3, .bg-tapete h4, .bg-tapete h5, .bg-tapete h6 {
margin-top:10px;
}
.bg-color-gris h1, .bg-color-gris h2, .bg-color-gris h3, .bg-color-gris h4, .bg-color-gris h5, .bg-color-gris h6, .bg-color-verde-oscuro h2 {
color: #000;
margin-top:10px;
}
.bg-color-blanco h1, .bg-color-blanco h2, .bg-color-blanco h3, .bg-color-blanco h4, .bg-color-blanco h5, .bg-color-blanco h6 {
color: #000;
margin-top:10px;
}
.bg-sw {
background:#222222;
}
.bg-blanco {
background:#FFFFFF;
}
.bg-verde, .hero {
color: #FFFFFF;
}
.bg-verde h1, .bg-verde h2, .bg-verde h3, .bg-verde h4, .bg-verde h5, .bg-verde h6, .bg-verde p {
color: #FFFFFF !important;
}
.bg-verde a {
color: #FFFFFF !important;
text-decoration: underline;
}
.bg-verde a:hover, .bg-verde a:active, .bg-verde a:focus, .bg-tapete a:hover, .bg-tapete a:active, .bg-tapete a:focus {
outline: 0;
text-decoration: none;
}
ul,
ol {
margin: 0 0 20px;
list-style: none;
padding: 0;
}
.ol-default {
padding-left: 5px;
counter-reset: item;
margin-bottom: 20px;
}
.ol-default > li {
position: relative;
list-style-type: none;
counter-increment: item;
margin-bottom: 20px;
}
.ol-default > li::before {
display: inline-block;
width: 25px;
padding-right: 10px;
text-align: right;
content: counter(item,decimal) ".";
font-size: 16px;
font-weight: 600;
color: #337848;
}
.ol-default .ul-default li {
text-indent: 0;
}
.ul-default .ol-default, .ol-default .ol-default {
margin-top: 10px;
}
.ul-default {
padding-left: 25px;
margin-bottom: 20px;
}
/*
.ul-default li:before {
font-family: "Icons";
content: "\e90b";
color: #1c5b35;
display: inline-block;
padding-right:5px;
}
*/
.ul-default li, .ul-slots li, .ul-flechas li {
position:relative;
padding-left:25px;
margin-bottom: 20px;
}
.ul-default li:before {
font-family: "Icons";
content: "\e90b";
color: #1c5b35;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
.ul-flechas li:before {
font-family: "Icons";
content: "\e910";
color: #1c5b35;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
.ul-slots {
margin-left:20px;
}
.ul-slots li:before {
content: '';
display: inline-block;
height: 1.2em;
width: 1.2em;
position:absolute;
top:0px;
left:0px;
background-image: url("../imagenes/iconos/icono-cerezas.svg");
background-size: contain;
background-repeat: no-repeat;
margin-right:0.5em;
}
.ul-default .ul-default, .ol-default .ul-default {
margin-top: 10px;
}
.ul-pros li, .ul-cons li {
position:relative;
padding-left:25px;
}
.ul-puntos-fuertes li {
position:relative;
padding-left:25px;
font-size:14px;
line-height:30px;
}
.ul-pros li:before, .ul-puntos-fuertes li:before {
font-family: "Icons";
content: "\e916";
color: #337848;
font-size:14px;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
.ul-cons li:before {
font-family: "Icons";
content: "\e913";
color: #b74351;
font-size:11px;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
.border-top-dt {
border-top: 1px solid rgb(0,0,0, 0.15);
padding:20px;
}
.border-y-dt {
border-top: 1px solid rgb(0,0,0, 0.15);
border-bottom: 1px solid rgb(0,0,0, 0.15);
padding:20px;
}
dt {
margin-bottom:10px;
}
dd {
position:relative;
padding-left:10px;
}
dd:before {
content: '';
display: inline-block;
height:35px;
width:35px;
position:absolute;
top:6px;
left:-35px;
background-image: url("../imagenes/iconos/definicion-termino.svg");
background-size: contain;
background-repeat: no-repeat;
margin-right:0.5em;
}
.comportamiento-riesgo {
position:relative;
padding-left:45px;
padding-top:10px;
}
.comportamiento-riesgo:before {
content: '';
display: inline-block;
height:35px;
width:35px;
position:absolute;
top:8px;
left:0px;
background-image: url("../imagenes/iconos/definicion-conducta-riesgo.svg");
background-size: contain;
background-repeat: no-repeat;
margin-right:0.5em;
}
.comparativa-metodos-pago-box {
border-left: 1px solid rgba(46, 46, 46, 0.1);
border-right: 1px solid rgba(46, 46, 46, 0.1);
border-bottom: 1px solid rgba(46, 46, 46, 0.1);
background: #F2F2F2;
margin-right:0;
margin-left: 0;
}
.otros-metodos-pago {
display:block;
margin-bottom:5px;
font-weight:bold;
}
.table-wrap {
overflow: auto;
}
table {
width: auto;
min-width: 100%;
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
margin-top:30px;
margin-bottom:30px;
}
table p {
margin:0;
}
table a:hover, table a:active, table a:focus {
text-decoration: underline;
}
table td,
table th {
padding: 12px 15px;
line-height: 1.25;
vertical-align: top;
}
@media (min-width: 768px) {
table td,
table th {
padding: 14px 15px;
}
}
table td:last-of-type,
table th:last-of-type {
border: 0;
}
table caption {
padding: 10px;
font-weight: 700;
text-align: center;
}
table.amarilla, table.verde, table.tiraje-tercera-carta {
text-align:center;
}
table.comparativa-metodos-pago {
text-align:left;
}
table.comparativa-metodos-pago td.logo {
width:50%;
}
table.tiraje-tercera-carta {
border:1px solid rgba(46, 46, 46, 0.1);
}
table.tiraje-tercera-carta th, table.tiraje-tercera-carta td {
border-right: 1px solid rgba(46, 46, 46, 0.1);
}
table.amarilla thead {
font-weight: 400;
color: #000000;
background: #EABB2E;
}
table.verde thead, table.comparativa-metodos-pago thead {
font-weight: 400;
color: #FFFFFF;
background: #1C5B35;
}
table.verde td, table.verde th, table.amarilla td, table.amarilla th, table.comparativa-metodos-pago td, table.comparativa-metodos-pago th {
vertical-align:middle;
}
table.verde, table.comparativa-metodos-pago {
margin-top:10px;
margin-bottom:5px;
}
table thead th {
font-weight: 600;
}
table.apuestas-finales {
text-align:center;
}
table.estrategia-videopoker td:first-of-type,
table.estrategia-videopoker th:first-of-type {
text-align:left;
}
table.pagos td:first-of-type,
table.pagos th:first-of-type {
text-align:left;
}
table.pagos {
margin-bottom:10px;
}
table.comparativa-metodos-pago td img {
width:100%;
border-radius:5px;
margin-bottom:5px;
}
@media (min-width: 768px) {
table.comparativa-metodos-pago td img{
width:40%;
margin-left:10px;
margin-bottom:0;
}
}
table.apuestas-finales td:first-of-type,
table.apuestas-finales th:first-of-type {
border-right: 1px solid rgba(46, 46, 46, 0.1);
text-align:left;
}
table.apuestas-finales td, table.apuestas-finales th {
vertical-align:middle;
}
table.tipos-apuestas, table.reparto-tercera-carta {
border: 1px solid rgba(46, 46, 46, 0.1);
}
table.tipos-apuestas td, table.reparto-tercera-carta td, table.tipos-apuestas th, table.reparto-tercera-carta th {
vertical-align:middle;
}
table.tipos-apuestas td, table.reparto-tercera-carta td, table.reparto-tercera-carta th {
border-right: 1px solid rgba(46, 46, 46, 0.1);
}
table.tipos-apuestas td:last-of-type, table.reparto-tercera-carta td:last-of-type {
border-right: 0;
}
table.reparto-tercera-carta thead:first-of-type tr:first-of-type {
background:#1C5B35;
color:#FFF;
text-align:center;
}
table.reparto-tercera-carta {
margin-bottom:5px !important;
}
table.tipos-apuestas th, table.reparto-tercera-carta th {
border-bottom: 1px solid rgba(46, 46, 46, 0.1);
}
table.tipos-juegos td, table.tipos-juegos th {
vertical-align:middle;
}
table.tipos-juegos td {
border-right: 1px solid rgba(46, 46, 46, 0.1);
}
table.tipos-juegos td:last-of-type {
border-right: 0;
}
table.tipos-juegos td:first-of-type {
border-right: 1px solid rgba(46, 46, 46, 0.1);
text-align:left;
}
table.info-casino {
margin-top:10px;
border-radius:5px;
border-collapse: collapse;
border-spacing: 0;
}
table.info-casino tbody tr:nth-of-type(2n) {
background: #FFF;
}
table.info-casino tbody tr {
border-right: 1px solid rgba(46, 46, 46, 0.1);
}
table.info-casino tbody tr td:first-of-type {
background:#1C5B35;
color:#FFF;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
width:20%;
vertical-align:middle;
}
table.info-casino tbody tr:first-of-type td:first-of-type {
border-top-left-radius: 5px;
}
table.info-casino tbody tr:first-of-type td:last-of-type {
border-top: 1px solid rgba(46, 46, 46, 0.1);
border-top-right-radius:5px;
}
table.info-casino tbody tr:last-of-type td:first-of-type {
border-bottom-left-radius: 5px;
}
table.info-casino tbody tr:last-of-type td:last-of-type {
border-bottom: 1px solid rgba(46, 46, 46, 0.1);
border-bottom-right-radius:5px;
}
@media (min-width: 768px) {
table .table-th {
font-size: 17px;
}
}
table tbody tr {
background: #FFFFFF;
border-bottom: 1px solid rgba(46, 46, 46, 0.1);
}
table tbody tr:nth-of-type(even) {
background: rgba(46, 46, 46, 0.03);
}
table.comparativa-metodos-pago tbody tr:nth-of-type(even) {
background: #FFFFFF;
}
table tfoot {
color: #2E2E2E;
background: #2E2E2E;
}
table img {
width: auto;
vertical-align: middle;
}
p {
margin: 0 0 12px;
}
p.small {
font-size: 12px;
line-height: 1.4;
}
p.color-white a {
color: #FFFFFF;
}
p a, .l-underline {
text-decoration: underline;
}
a.no-td {
text-decoration: none !important;
}
a.si-td {
text-decoration: underline;
}
.blockquote {
padding-left: 51px;
margin-bottom:20px !important;
margin-top:40px !important;
position: relative;
margin: 0;
}
@media (min-width: 768px) {
.blockquote {
padding-left: 62px;
}
}
.blockquote::before {
font-family: "Icons", "Helvetica", "Arial", sans-serif;
position: absolute;
font-size: 26px;
content: "\e903";
color: #1C5B35;
top: -5px;
left: 0;
}
@media (min-width: 768px) {
.blockquote::before {
font-size: 35px;
}
}
.blockquote-cita {
margin-bottom: 5px;
font-style: italic;
}
.blockquote-personaje {
color: rgba(46, 46, 46, 0.4);
}
.nowrap {
white-space: nowrap;
}
.over-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.over-text-multiline, .article--play .article__summary {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
max-height: 100%;
}
.text-underline {
text-decoration: underline;
}
.text-underline-inherit {
text-decoration: inherit;
}
.font-size-10 {
font-size: 10px;
}
.font-size-11 {
font-size: 11px;
}
.font-size-12 {
font-size: 12px;
}
.font-size-13 {
font-size: 13px;
}
.font-size-14 {
font-size: 14px;
}
.font-size-15 {
font-size: 15px;
}
.font-size-16 {
font-size: 16px;
}
.font-size-17 {
font-size: 17px;
}
.font-size-18 {
font-size: 18px;
}
.font-size-19 {
font-size: 19px;
}
.font-size-20 {
font-size: 20px;
}
.font-size-21 {
font-size: 21px;
}
.font-size-22 {
font-size: 22px;
}
.font-size-23 {
font-size: 23px;
}
.font-size-24 {
font-size: 24px !important;
}
.font-size-25 {
font-size: 25px;
}
.font-size-26 {
font-size: 26px;
}
.font-size-27 {
font-size: 27px;
}
.font-size-28 {
font-size: 28px;
}
.font-size-29 {
font-size: 29px;
}
.font-size-30 {
font-size: 30px;
}
[class*="font-size-"] p {
font-size: inherit;
}
.font-w-300 {
font-weight: 300;
}
.font-w-400 {
font-weight: 400;
}
.font-w-500 {
font-weight: 500;
}
.font-w-600 {
font-weight: 600;
}
.font-w-700 {
font-weight: 700;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-justify::after {
content: '';
display: inline-block;
width: 100%;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
[class^="bg-color-"],
[class*=" bg-color-"] {
padding-top: 1px;
padding-bottom: 1px;
}
.bg-color-verde {
background: #337848;
}
.bg-color-verde-oscuro {
background: #1C5B35 !important;
}
.bg-color-verde-oscuro h5 {
color:#FFFFFF;
}
.bg-color-verde-muy-oscuro {
background: #12341D;
}
.bg-color-rojo {
background: #B60C05;
}
.bg-color-amarillo {
background: #EABB2E;
}
.bg-color-amarillo-oscuro {
background: #CCA01B;
}
.bg-color-blanco {
background: #FFFFFF;
}
.bg-color-negro {
background: #000000;
}
.bg-color-gris {
background: #F2F2F2;
}
.color-verde {
color: #337848 !important;
}
.color-verde-oscuro {
color: #1C5B35 !important;
}
.color-verde-muy-oscuro {
color: #12341D !important;
}
.color-rojo {
color: #B60C05 !important;
}
.color-amarillo {
color: #EABB2E !important;
}
.color-amarillo-oscuro {
color: #CCA01B !important;
}
.color-blanco {
color: #FFFFFF !important;
}
.color-negro {
color: #000000 !important;
}
.color-gris {
color: #626262 !important;
}
.color-texto-gris {
color: #626262 !important;
}
.color-texto-noticias {
color: #313131 !important;
}
.color-texto-verde {
color: #337848 !important;
}
.menu-principal {
background: url("../imagenes/bg/bg-menu.png") repeat-x center bottom;
width: 100%;
height: 60px;
position: relative;
z-index: 1000;
}
@media (min-width: 768px) {
.menu-principal {
height: 75px;
}
}
.menu-principal,
.menu-principal a {
color: #FFFFFF;
}
.menu-principal a {
transition: 0.3s;
}
.menu-principal .container {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
position: fixed;
width: 100%;
left: 0;
top: 0;
background: #12311a;
z-index: 9999;
}
@media (min-width: 768px) {
.menu-principal .container {
position: relative;
background: transparent;
height: 100%;
}
}
.menu-principal .logo {
width: 120px;
height: 60px;
margin-top:15px;
margin-right:40px;
}
@media (min-width: 768px) {
.menu-principal .logo {
width: 170px;
display: block;
margin-top:0px;
margin-right: 20px;
}
}
@media (min-width: 1024px) {
.menu-principal .logo {
margin-right: 40px;
height: 75px;
margin-top:15px;
}
}
.menu-principal .logo__img {
width: 100%;
}
.menu-principal .logo a {
display: block;
line-height: 0;
}
.menu-principal .navbar-toggler,
.menu-principal .abrir-busqueda,
.menu-principal .cerrar-busqueda {
width: 45px;
height: 45px;
line-height: 45px;
display: block;
text-align: center;
}
@media (min-width: 768px) {
.menu-principal .navbar-toggler,
.menu-principal .abrir-busqueda,
.menu-principal .cerrar-busqueda {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.menu-principal__nav {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.menu-principal__nav {
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
.menu-principal__nav-item, .menu-principal__nav-item-active, menu-juegos__nav-item {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
.menu-principal__nav-item, menu-juegos__nav-item {
border: 0;
}
}
.menu-principal__nav-item:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
.menu-principal__nav-item:last-child {
border: 0;
}
}
.menu-principal__nav-link {
font-size: 16px;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content:normal;
width: 100%;
cursor: pointer;
padding: 13px 15px;
}
/* para poner la flechita de juegos de casino al final*/
.menu-principal__nav-link__toggler i {
margin-left:auto;
}
.menu-principal__nav .icon-flecha-abajo-blanco.open {
transform: rotate(180deg);
}
@media (min-width: 768px) {
.menu-principal__nav-link {
font-size: 14px;
padding: 13px 10px;
}
}
@media (min-width: 1024px) {
.menu-principal__nav-link {
justify-content:space-between;
font-size: 14px;
height: 78px;
padding:10px;
}
}
@media (min-width: 1280px) {
.menu-principal__nav-link {
padding: 20px 10px;
}
}
.menu-principal__nav-link:hover {
color: #F1AE3C;
}
@media (min-width: 1024px) {
.menu-principal__nav-link.active {
color: #F1AE3C;
}
}
.menu-principal__nav-link i {
font-size: 11px;
}
.menu-principal__menu {
transition: 0.3s;
}
@media (max-width: 1023.98px) {
.menu-principal__menu {
display: flex;
flex-direction: column;
position: fixed;
width: 100%;
background: #12311a;
z-index: 20;
top: 60px;
left: 100%;
bottom: 0;
overflow: auto;
}
.menu-principal__menu.show {
left: 0;
}
}
@media (min-width: 768px) {
.menu-principal__menu {
top: 78px;
}
}
@media (min-width: 1024px) {
.menu-principal__menu {
top: 0;
position: relative;
width: calc(100% - 170px);
height: 78px;
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 1280px) {
.menu-principal__menu {
width: calc(100% - 230px);
}
}
.menu-principal .submenu {
height: auto;
max-height: 0px;
overflow: hidden;
transition: max-height 0.5s;
display: block;
}
@media (min-width: 1024px) {
.menu-principal .submenu {
position: absolute;
margin-left: -20px;
display: none;
max-height: none;
background: #FFFFFF;
padding: 10px 30px;
border: 1px solid rgba(46, 46, 46, 0.1);
transition: none;
}
}
.submenu__item a img, .menu-principal__nav-item a img, .menu-principal__nav-link img{
height:30px;
width:30px;
margin-right:10px;
}
.menu-principal .submenu__list {
margin: 0;
}
.menu-principal .submenu__section {
padding: 10px 0;
background: rgba(255, 255, 255, 0.2);
margin-bottom: 1px;
}
.menu-principal .submenu__section:last-child {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.menu-principal .submenu__section {
padding: 0;
margin-left: 0;
margin-right: 20px;
}
.menu-principal .submenu__section:last-child {
margin-right: 0;
}
}
.menu-principal .submenu__title {
padding: 5px 15px 5px 30px;
margin-bottom: 0;
font-weight: 400;
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 768px) {
.menu-principal .submenu__title {
padding-left: 50px;
}
}
@media (min-width: 1024px) {
.menu-principal .submenu__title {
color: #2E2E2E;
padding: 0 0 12px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(46, 46, 46, 0.1);
}
}
.menu-principal .submenu__link {
padding: 5px 15px 5px 50px;
font-size: 16px;
font-weight: 600;
}
/* barra amarilla */
.active {
position:relative;
}
.active::after {
content:"";
width:100%;
height:3px;
position:absolute;
left:0;
bottom:0;
background-color: #EABB2E;
transition:width 200ms ease-in;
}
.active .menu-principal__nav-link {
color: #EABB2E;
}
@media (min-width: 768px) {
.menu-principal .submenu__link {
padding-left: 70px;
font-size: 14px;
}
}
@media (min-width: 1024px) {
.menu-principal .submenu__link {
color: #1C5B35;
padding: 5px 0;
height: auto;
}
.menu-principal .submenu__link:hover {
text-decoration: underline;
opacity: 1;
}
}
@media (min-width: 1024px) {
.menu-principal .submenu--fullwidth {
border: 0;
margin-left: 0;
left: 0;
right: 0;
padding: 30px 10px 40px;
overflow: visible;
}
.menu-principal .submenu--fullwidth::before {
content: "";
width: 400vw;
top: 0;
bottom: 0;
position: absolute;
background: #FFFFFF;
z-index: -2;
left: -100vw;
box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.2);
}
}
@media (min-width: 1280px) {
.menu-principal .submenu--fullwidth {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1024px) {
.menu-principal .submenu--fullwidth .submenu__container {
display: flex;
}
}
.menu-principal .submenu--fullwidth .submenu__section {
flex: 1;
}
@media (min-width: 1024px) {
.menu-principal__herramientas {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 120px;
justify-content: flex-end;
}
}
.menu-principal .abrir-busqueda,
.menu-principal .cerrar-busqueda {
margin-left: 20px;
display: none;
}
@media (min-width: 1024px) {
.menu-principal .abrir-busqueda.show,
.menu-principal .cerrar-busqueda.show {
display: block;
}
}
.menu-principal .cerrar-busqueda {
font-size: 16px;
}
@media (max-width: 1023.98px) {
.menu-principal .form-busqueda {
order: -1;
}
}
@media (min-width: 1024px) {
.menu-principal .form-busqueda {
position: absolute;
top: 0;
left: 100%;
right: 50px;
bottom: 0;
width: 0;
opacity: 0;
transition: width .3s ease-in-out, left .3s ease-in-out, opacity .1s ease-in-out;
overflow: hidden;
}
.menu-principal .form-busqueda.show {
opacity: 1;
left: 0;
z-index: 2;
width: calc(100% - 60px);
}
}
/* search menu */
.form-busqueda__group {
padding: 8px 15px 13px;
position: relative;
background: #12311A;
/*background: #CCA01B;*/
}
@media (min-width: 768px) {
.form-busqueda__group {
padding: 10px 30px;
display: flex;
align-items: center;
height: 76px;
}
}
@media (min-width: 1024px) {
.form-busqueda__group {
padding: 10px 20px;
background: #12341D;
}
}
.form-busqueda__submit {
color: #FFFFFF;
width: 40px;
height: 20px;
position: absolute;
right: 30px;
top: calc(50% - 14px);
}
@media (min-width: 768px) {
.form-busqueda__submit {
right: 40px;
top: calc(50% - 12px);
}
}
@media (min-width: 1024px) {
.form-busqueda__submit {
right: auto;
left: 10px;
}
}
.form-busquedaform__submit:hover {
opacity: .8;
}
.busqueda-input {
width: 100%;
border-radius: 0;
border: 0;
border-bottom: 2px solid #FFFFFF;
background: transparent;
color: #FFFFFF;
font-size: 18px;
padding: 8px 0;
width: calc(100% - 40px);
margin-left: 40px;
}
@media (max-width: 1023.98px) {
.busqueda-input {
background: rgba(255, 255, 255, 0.2);
border-bottom: 0;
padding: 12px 20px;
border-radius: 10px;
width: 100%;
margin-left: 0;
padding-right: 55px;
}
}
.busqueda-input::-webkit-input-placeholder {
color: #FFFFFF;
}
@media (max-width: 1023.98px) {
.busqueda-input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
}
.busqueda-input:-moz-placeholder {
color: #FFFFFF;
}
@media (max-width: 1023.98px) {
.busqueda-input:-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
}
.busqueda-input::-moz-placeholder {
color: #FFFFFF;
}
@media (max-width: 1023.98px) {
.busqueda-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
}
.busqueda-input:-ms-input-placeholder {
color: #FFFFFF;
}
@media (max-width: 1023.98px) {
.busqueda-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
}
/* fin search menu */
.menu-principal .navbar-toggler {
margin-left: 20px;
}
@media (min-width: 1024px) {
.menu-principal .navbar-toggler {
display: none;
}
}
.device-desktop .menu-principal__nav-item:hover .submenu {
display: block;
}
.device-touch .menu-principal .submenu.show {
max-height: 1000px;
}
@media (min-width: 1024px) {
.device-touch .menu-principal .submenu.show {
display: block;
}
}
@media (max-width: 1023.98px) {
.device-desktop .menu-principal .submenu.show {
max-height: 1000px;
}
}
.body-overlay {
overflow: hidden;
}
.body-overlay::after {
content: "";
background: #2E2E2E;
position: fixed;
top: 0;
bottom: 0;
width: 100vw;
height: 100vh;
left: 0;
right: 0;
z-index: 99;
display: none;
}
@media (max-width: 1023.98px) {
.body-overlay::after {
display: block;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs-wrapper {
border-bottom: 2px solid rgba(46, 46, 46, 0.1);
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.nav-tabs-wrapper {
width: 100%;
margin: 0;
}
}
.nav-tabs {
display: inline-flex;
white-space: nowrap;
overflow: auto;
width: auto;
margin-bottom: -2px;
max-width: 100%;
padding: 0 15px;
}
.nav-link {
padding-bottom: 5px;
margin-right: 20px;
font-weight: 600;
color: #1C5B35;
}
@media (min-width: 768px) {
.nav-link {
margin-right: 40px;
}
}
.nav-link:last-child {
margin-right: 0;
}
.nav-link:hover, .nav-link:focus, .nav-link:active {
color: #1C5B35;
}
.nav-link.active {
border-bottom: 2px solid #1C5B35;
}
.navbar-toggler {
width: 40px;
height: 30px;
position: relative;
margin: 0;
padding: 8px 10px;
border: 0;
}
@media (min-width: 768px) {
.navbar-toggler {
padding: 8px 13px;
}
}
.navbar-toggler .icon-bar {
display: block;
width: 24px;
height: 2px;
border-radius: 1px;
background: #FFFFFF;
transition: transform 0.3s;
}
@media (min-width: 1024px) {
.navbar-toggler .icon-bar {
width: 18px;
transition: none;
}
}
.navbar-toggler .icon-bar:last-child {
width: 18px;
margin-left: 6px;
}
.navbar-toggler .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 1024px) {
.navbar-toggler .icon-bar + .icon-bar {
margin-top: 3px;
}
}
.navbar-toggler.closer .icon-bar {
position: absolute;
top: 50%;
right: 10px;
margin: 0px 0 0;
}
@media (min-width: 768px) {
.navbar-toggler.closer .icon-bar {
right: 12px;
}
}
.navbar-toggler.closer .icon-bar:nth-of-type(1) {
transform: rotateZ(45deg);
width: 26px;
}
.navbar-toggler.closer .icon-bar:nth-of-type(2) {
transform: rotateZ(-45deg);
right: 11px;
}
@media (min-width: 768px) {
.navbar-toggler.closer .icon-bar:nth-of-type(2) {
right: 13px;
}
}
.navbar-toggler.closer .icon-bar:nth-of-type(3) {
display: none;
}
.breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: baseline;
display: none;
padding: 12px 0 18px;
}
@media (min-width: 768px) {
.breadcrumbs {
display: block;
}
}
.breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin: 0;
}
.breadcrumbs__item {
margin-right: 10px;
font-size: 15px;
}
.breadcrumbs__item::after {
content: "\003e";
color: #1C5B35;
margin-left: 5px;
}
.breadcrumbs__item:last-of-type::after {
display: none;
}
.breadcrumbs__link {
color: #1C5B35;
text-decoration: underline;
}
.breadcrumbs__link:active, .breadcrumbs__link:focus, .breadcrumbs__link:hover {
color: #1C5B35;
}
.breadcrumbs__link--active {
color: #2E2E2E;
cursor: default;
pointer-events: none;
text-decoration: none;
}
.bg-oscuro {
background:#222222;
}
.bg-verde .breadcrumbs__item::after,
.bg-verde .breadcrumbs__link,
.bg-verde .breadcrumbs__item::after,
.bg-verde .breadcrumbs__link {
color: #FFFFFF;
}
.bg-verde .breadcrumbs__link--active,
.bg-verde .breadcrumbs__link--active {
color: #EABB2E;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
form input[type="submit"],
form input[type="reset"] {
text-transform: uppercase;
display: block;
width: auto;
margin: 20px auto 0;
min-width: 200px;
transition: .3s ease-in-out;
border: 0;
border-radius: 4px;
font-weight: 600;
}
form button[type="reset"],
form input[type="reset"] {
color: rgba(46, 46, 46, 0.5);
background: rgba(46, 46, 46, 0.1);
font-size: 20px;
}
form input {
font-size: 20px;
}
.form-group {
margin: 0 0 20px;
}
.form-group label {
display: inline-block;
margin: 0 0 5px;
font-size: 16px;
font-weight: 400;
color: rgba(46, 46, 46, 0.5);
}
.form-group label a {
color: #1C5B35;
text-decoration: underline;
}
.form-group label a:active, .form-group label a:focus, .form-group label a:hover {
text-decoration: none;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group textarea,
.form-group select {
display: block;
width: 100%;
margin: 0 0 5px;
padding: 5px 12px;
border: 1px solid rgba(46, 46, 46, 0.25);
font-weight: 400;
line-height: 22px;
color: #2E2E2E;
transition: .3s ease-in-out;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #FFFFFF;
}
.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="tel"]:focus,
.form-group input[type="password"]:focus,
.form-group input[type="number"]:focus,
.form-group textarea:focus,
.form-group select:focus {
border-color: #2E2E2E;
}
.form-group input[type="text"]::-webkit-input-placeholder, .form-group input[type="email"]::-webkit-input-placeholder, .form-group input[type="tel"]::-webkit-input-placeholder, .form-group input[type="password"]::-webkit-input-placeholder, .form-group input[type="number"]::-webkit-input-placeholder, .form-group textarea::-webkit-input-placeholder, .form-group select::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.form-group input[type="text"]:-moz-placeholder, .form-group input[type="email"]:-moz-placeholder, .form-group input[type="tel"]:-moz-placeholder, .form-group input[type="password"]:-moz-placeholder, .form-group input[type="number"]:-moz-placeholder, .form-group textarea:-moz-placeholder, .form-group select:-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.form-group input[type="text"]::-moz-placeholder, .form-group input[type="email"]::-moz-placeholder, .form-group input[type="tel"]::-moz-placeholder, .form-group input[type="password"]::-moz-placeholder, .form-group input[type="number"]::-moz-placeholder, .form-group textarea::-moz-placeholder, .form-group select::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.form-group input[type="text"]:-ms-input-placeholder, .form-group input[type="email"]:-ms-input-placeholder, .form-group input[type="tel"]:-ms-input-placeholder, .form-group input[type="password"]:-ms-input-placeholder, .form-group input[type="number"]:-ms-input-placeholder, .form-group textarea:-ms-input-placeholder, .form-group select:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.form-group select,
.form-group textarea,
.form-group input {
font-size: 16px;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="password"],
.form-group input[type="number"],
.form-group select {
height: 50px;
}
.form-group select::-ms-expand {
display: none;
}
.form-group select {
position: relative;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
appearance: none;
padding: 5px 40px 5px 12px;
background-image: linear-gradient(45deg, transparent 50%, #ccc 50%), linear-gradient(135deg, #ccc 50%, transparent 50%);
background-position: calc(100% - 19px) 20px, calc(100% - 14px) 20px;
background-size: 7px 6px, 5px 6px;
background-repeat: no-repeat;
}
.form-group select:focus {
background-image: linear-gradient(45deg, transparent 50%, #2E2E2E 50%), linear-gradient(135deg, #2E2E2E 50%, transparent 50%);
}
.form-group textarea {
min-height: 110px;
padding: 13px 12px;
resize: vertical;
}
.form-group--error input[type="text"],
.form-group--error input[type="email"],
.form-group--error input[type="tel"],
.form-group--error input[type="password"],
.form-group--error input[type="number"],
.form-group--error textarea,
.form-group--error select {
border-color: #1C5B35;
color: #1C5B35;
}
.form-group--error .error-message {
display: block;
}
.error-message {
display: none;
color: #9D2010;
font-size: 12px;
}
.fieldset-checkbox__label {
margin-bottom: 20px;
display: block;
}
.checkbox {
position: relative;
}
.checkbox input {
position: absolute;
opacity: 0;
}
.checkbox input:checked ~ label {
color: #555;
}
.checkbox input:checked ~ label::before {
display: block;
}
.checkbox input:checked ~ .check {
border-color: #2E2E2E;
}
.newsletter .checkbox input:checked ~ .check, .newsletter-fullwidth .checkbox input:checked ~ .check, .newsletter-aside .checkbox input:checked ~ .check {
border-color: #FFF;
}
.checkbox label {
display: inline-block;
position: relative;
padding-left: 30px;
line-height: 22px;
color: rgba(46, 46, 46, 0.7);
margin-bottom: 10px;
cursor: pointer;
z-index: 8;
}
.newsletter .checkbox label, .newsletter-fullwidth .checkbox label, .newsletter-aside .checkbox label {
color:#FFF !important;
opacity:0.7;
}
.newsletter .form-group label a, .newsletter-fullwidth .form-group label a, .newsletter-aside .form-group label a {
color:#FFF !important;
opacity:0.9;
}
.checkbox label::before {
content: '';
position: absolute;
z-index: 1;
display: none;
top: 5px;
left: 7px;
width: 7px;
height: 11px;
border-left: 2px solid #2E2E2E;
border-top: 2px solid #2E2E2E;
transform: rotate(-135deg);
}
.checkbox--legal label {
font-size: 13px;
line-height: 1.3;
margin-bottom: 0;
vertical-align: top;
padding-top: 6px;
}
.checkbox .check {
transition: border 0.25s linear;
top: 3px;
right: auto;
bottom: auto;
left: 0;
position: absolute;
display: block;
border-radius: 4px;
border: 1px solid rgba(46, 46, 46, 0.25);
background-color: #FFFFFF;
height: 20px;
width: 20px;
z-index: 6;
}
.radio {
position: relative;
}
.radio .helper {
position: absolute;
top: -5px;
left: -4px;
cursor: pointer;
display: block;
font-size: 1rem;
user-select: none;
color: #2E2E2E;
}
@media (min-width: 768px) {
.radio .helper {
top: -3px;
}
}
.radio .helper::before, .radio .helper::after {
position: absolute;
top: 0;
left: 0;
transition: transform 0.28s ease;
border-radius: 50%;
content: '';
margin: 12px 7px;
width: 19px;
height: 19px;
border: 1px solid #ACACAC;
}
.radio .helper::after {
transform: scale(0);
background-color: #1C5B35;;
border-color: #1C5B35;;
}
.radio label {
padding: 3px 0 0 20px;
color: #2E2E2E;
font-weight: 600;
font-size: 16px;
padding: 4px 0 0 35px;
}
@media (min-width: 768px) {
.radio label {
font-size: 20px;
padding: 4px 0 0 35px;
}
}
.radio label:hover .helper {
color: #1C5B35;
}
.radio input {
position: absolute;
opacity: 0;
top: 9px;
left: 3px;
z-index: 2;
width: 19px;
height: 19px;
}
.radio input:checked ~ .helper::after {
transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
color: #1C5B35;
border-color: #1C5B35;
}
.radio input:checked ~ label {
color: #1C5B35;
}
.boton {
display: inline-block;
width: auto;
max-width: 100%;
padding: 12px 27px;
text-align: center;
text-decoration: none;
font-size: 26px;
font-weight: 600;
line-height: 1;
border: 0;
border-radius: 5px;
transition: 0.3s ease-out;
color: #FFFFFF;
background: #1C5B35;
}
.boton-verde {
display: inline-block;
width: auto;
max-width: 100%;
padding: 12px 27px;
text-align: center;
text-decoration: none;
font-size: 26px;
font-weight: 600;
line-height: 1;
border: 0;
border-radius: 5px;
transition: 0.3s ease-out;
color: #FFFFFF;
background: #14b043;
}
.boton-verde:hover {
background: #17cb4d;
}
form input[type="submit"],
form input[type="reset"] {
display: block;
width: auto;
max-width: 100%;
padding: 12px 27px;
text-align: center;
text-decoration: none;
font-size: 26px;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
border: 0;
border-radius: 5px;
transition: 0.3s ease-out;
color: #FFFFFF;
background: #1C5B35;
}
.newsletter form input[type="submit"], .newsletter form input[type="reset"], .newsletter-aside form input[type="submit"], .newsletter-aside form input[type="reset"] {
text-transform: none !important;
width:100%;
margin-top:30px;
margin-bottom:10px;
font-size:20px;
}
.boton:active, form input[type="submit"]:active,
form input[type="reset"]:active, .boton:focus, form input[type="submit"]:focus,
form input[type="reset"]:focus, .boton:hover, form input[type="submit"]:hover,
form input[type="reset"]:hover {
background: #337848;
}
.boton-blanco {
display: inline-block;
width: auto;
max-width: 100%;
padding: 12px 30px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1;
transition: 0.3s ease-out;
color: #1C5B35;
background: #FFFFFF;
border: 1px solid #1C5B35;
border-radius: 5px;
}
.boton-blanco:focus, .boton-blanco:active, .boton-blanco:hover, .boton-blanco.active {
background: #337848;
color:#FFFFFF;
}
.boton-transparente, .boton-transparente-gris {
display: inline-block;
width: auto;
max-width: 100%;
padding: 20px 40px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1;
transition: 0.3s ease-out;
color: #FFFFFF;
background: none;
border: 1px solid #FFFFFF;
border-radius: 5px;
}
.boton-transparente-gris {
border: 1px solid #898989;
color: #898989;
}
.boton-transparente-gris:focus, .boton-transparente-gris:active, .boton-transparente-gris:hover, .boton-transparente-gris.active {
border: 1px solid #1C5B35;
color: #1C5B35;
}
.boton-transparente:focus, .boton-transparente:active, .boton-transparente:hover, .boton-transparente.active {
border: 1px solid #EABB2E;
background: #EABB2E;
color: #12341D;
}
.boton-amarillo {
display: inline-block;
width: auto;
max-width: 100%;
padding: 20px 40px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1;
transition: 0.3s ease-out;
border: 1px solid #EABB2E;
background: #EABB2E;
color: #12341D;
border-radius: 5px;
}
.boton-amarillo:focus, .boton-amarillo:active, .boton-amarillo:hover, .boton-amarillo.active {
border: 1px solid #17cb4d;
background: #17cb4d;
color: #FFF;
}
form input.active[type="submit"],
form input.active[type="reset"], form input[type="submit"]:active,
form input[type="reset"]:active, form input[type="submit"]:focus,
form input[type="reset"]:focus, form input[type="submit"]:hover,
form input[type="reset"]:hover {
background: #337848;
}
.portada-newsletter img {
margin-bottom:10px;
width:40%;
}
.portada-newsletter p {
color:#FFF;
width:75%;
opacity:0.75;
}
.portada-newsletter-aside img {
margin-bottom:10px;
width:80%;
}
.portada-newsletter-aside h3 {
margin-top:0;
color:#FFFFFF;
}
.newsletter p {
color:#FFF;
padding-bottom:20px;
}
.newsletter-fullwidth p {
color:#FFF;
padding-bottom:20px;
text-align:center;
}
.newsletter-aside p {
color:#FFF;
padding-bottom:20px;
padding-bottom:8px;
padding-top:10px;
}
.newsletter h3 {
color:#FFF;
}
.newsletter-fullwidth h3{
color:#FFF;
text-align:center;
}
.newsletter-fullwidth {
padding-top: 10px;
padding-bottom:30px;
}
@media (min-width: 768px) {
.newsletter-fullwidth {
padding: 10px 15px 25px;
}
}
.newsletter-fullwidth form {
position: relative;
width: 100%;
max-width: 990px;
margin: 0 auto;
}
.newletter-fullwidth .form-group--checkbox {
margin-bottom:0px;
}
@media (min-width: 768px) {
.newsletter-fullwidth form {
display: flex;
padding-bottom: 26px;
align-items: flex-start;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.newsletter-fullwidth form .form-group--input {
width: calc((72% - 40px) / 2);
}
}
@media (min-width: 768px) {
.newsletter-fullwidth form .form-group--checkbox {
position: absolute;
left: 250px;
bottom: -10px;
}
}
@media (min-width: 768px) {
.newsletter-fullwidth form button,
.newsletter-fullwidth form input[type="submit"],
.newsletter-fullwidth form input[type="reset"] {
font-size: 16px;
margin: 0;
width: 28%;
}
}
.newsletter-fullwidth form button,
.newsletter-fullwidth form input[type="submit"],
.newsletter-fullwidth form input[type="reset"] {
font-size: 20px;
text-transform:none !important;
}
.juego-responsable {
display: flex;
align-items: center;
flex-direction: column;
}
.info-juego-responsable {
font-size: 11px;
line-height:1;
padding: 0;
text-align: left;
margin-top: 9px;
color: #000;
opacity:0.7;
}
.info-juego-responsable-adv-hero {
font-size: 11px;
line-height:1;
padding: 0;
text-align: center;
margin-top: 9px;
color: #FFF;
opacity:0.7;
display:block;
}
.info-juego-responsable-tabla-casinos {
font-size: 11px;
line-height:1;
padding: 0;
margin-top: 9px;
margin-bottom:8px;
color: #FFF;
opacity:0.7;
display:block;
text-align:center;
}
.info-juego-responsable-tabla-casinos-home {
font-size: 11px;
line-height:1;
padding: 0;
margin-top: 9px;
color: #000;
opacity:0.7;
display:block;
text-align:center;
}
.info-juego-responsable-tabla {
font-size: 11px;
line-height:1;
padding: 0;
text-align: center;
margin-top: 9px;
color: #2E2E2E;
}
@media (min-width: 1025px) {
.info-juego-responsable-tabla {
text-align:left;
}
.info-juego-responsable-tabla-casinos, .info-juego-responsable-tabla-casinos-home {
text-align:right;
}
}
.hero-juegos-casino, .hero-casino, .hero-casinos-online, .hero-bonos-casino, .hero-metodos-pago-casino, .hero-info {
background: #12341D;
background-size: 102% auto;
}
.hero-slot {
background:#0a112b;
}
@media (min-width: 1025px) {
.hero-juegos-casino, .hero-info {
background: #12341D;
background: url("../imagenes/hero/hero-casino.jpg") no-repeat center bottom;
background-size: 102% auto;
padding: 1px 0 20px 0;
height:520px;
}
.hero-casino {
background: #12341D;
background: url("../imagenes/hero/hero-casino.jpg") no-repeat center bottom;
background-size: 102% auto;
padding: 1px 0 20px 0;
/*height:320px; sin tabla */
height:585px;
}
.hero-metodos-pago-casino {
background: #12341D;
background: url("../imagenes/hero/hero-casino.jpg") no-repeat center bottom;
background-size: 102% auto;
padding: 1px 0 20px 0;
/*height:320px; sin tabla */
height:520px;
}
.hero-casinos-online {
background: #12341D;
background: url("../imagenes/hero/hero-casino.jpg") no-repeat center bottom;
background-size: 102% auto;
padding: 1px 0 20px 0;
/*height:320px; sin tabla */
height:520px;
}
.hero-metodo-pago {
height:450px;
}
.hero-bonos-casino {
background: #12341D;
background: url("../imagenes/hero/hero-casino.jpg") no-repeat center bottom;
background-size: 102% auto;
padding: 1px 0 20px 0;
height:520px;
/*height:530px; */
}
.hero-slot {
height:520px;
}
}
.img-logo-sw, .img-seccion-hero {
width: auto;
display: block;
padding-top:18px;
}
.img-hero-slot {
width: auto;
display: block;
border-radius:10px;
padding-top:0px;
margin-top:18px;
}
.img-slot {
border-radius:5px;
height:100%;
}
.caracteristicas-destacadas {
border-right:2px solid #EABB2E;
}
.img-catalogo-juegos-sw {
height:100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
@media (min-width: 768px) {
.img-catalogo-juegos-sw {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
}
}
.img-juego-casino, .img-casinos-online {
width: auto;
display: block;
}
@media (min-width: 768px) {
.img-juego-casino, .img-logo-sw, .img-seccion-hero {
max-width:50%;
margin:auto auto;
}
.img-casinos-online {
max-width:50%;
margin:auto auto;
}
}
@media (min-width: 1024px) {
.img-juego-casino, .img-logo-sw, .img-seccion-hero {
max-width:100%;
margin:auto auto;
}
.img-casinos-online {
max-width:100%;
margin:auto auto;
}
}
.hero-img {
height:auto;
width: auto;
max-height:40px;
}
.hero-img-jb {
height:50px;
width: auto;
display: block;
}
.hero-casino p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
p.slogan {
font-weight: 600;
font-size: 20px;
line-height: 29px;
}
p.compromiso-juego-responsable {
font-weight: 400;
font-size: 13px;
line-height: 18px;
text-align:center;
margin:10px;
}
@media (min-width: 1024px) {
p.compromiso-juego-responsable {
display:inline;
text-align:left;
line-height: 13px;
padding:0;
margin:0;
}
}
.promo-hero {
text-align:center;
}
@media (min-width: 724px) {
.promo-hero {
text-align:center;
}
}
@media (min-width: 1024px) and (orientation : portrait) {
.promo-hero {
text-align:right;
padding-right:23px;
}
}
.hero-promo-img {
width:300px;
height:250px;
margin-top:5px;
}
.box-tabla-casinos {
background:#FFFFFF;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
padding:10px;
margin-top:0px;
}
/*
@media (min-width: 1024px) {
margin: 0 -15px 0 -15px;
}
*/
.br-5 {
border-radius:5px;
}
.tabla-casinos {
background:#FFFFFF;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
padding-top:10px;
padding-bottom:10px;
margin-left:40px;
margin-right:40px;
margin-bottom:20px;
}
.tabla-casinos-verde {
background:#1C5B35;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 5px;
padding-top:10px;
padding-bottom:20px;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
}
.tabla-casinos-verde h2 {
color:#FFFFFF;
margin-top:0;
}
.casinos-recomendados-bg {
background-size: cover;
background-position: center center;
}
.casino-detalles-juego-responsable {
font-size: 11px;
line-height:1;
padding: 0 0 8px 0;
color: #2E2E2E;
display:block;
text-align:center;
margin-top:0;
}
.casino-iconos-juegos-wrap {
margin-left:-5px;
}
.casino-iconos-juegos {
max-width:80%;
margin:0 auto;
padding-bottom:10px;
padding-top:15px;
}
@media (min-width: 1024px) {
.casino-info {
padding:20px 0;
}
.casino-info-puntuacion {
padding: 10px 0 20px 0;
}
.casino-iconos-juegos {
max-width:60%;
padding-top:0px;
}
.casino-iconos-juegos-wrap {
margin-left:-15px;
}
}
.casinos-recomendados-juego {
padding-top: 15px;
padding-bottom: 15px;
}
.box-tabla-casinos h2 {
/* margin-top:5px; */
}
@media (max-width: 768px) {
.box-tabla-casinos h2 {
text-align:center;
}
.casinos-recomendados {
margin:0;
padding:20px 0 10px 0;
}
.tabla-casinos {
margin-left:30px;
margin-right:30px;
}
}
@media (max-width: 667px) {
.box-tabla-casinos h2 {
text-align:center;
}
.casinos-recomendados {
margin:0;
padding:20px 0 10px 0;
}
.tabla-casinos {
margin-left:10px;
margin-right:10px;
}
}
@media (min-width: 1025px) {
.box-tabla-casinos {
margin:-75px 0 0 0;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
padding:10px 30px 20px 30px;
}
}
.box-tabla-casinos h2 {
font-weight: 700;
font-size: 32px;
line-height: 44px;
/*margin-bottom:20px;*/
color:#000000;
}
.casino-online {
margin: 15px 0px;
border-radius: 5px;
border: 2px solid #F0F0F0;
background: #FFFFFF;
position: relative;
}
.casino-destacado {
margin-top:0;
border: 3px solid #ffcb3f;
}
.cartel-casino-destacado {
background:#ffcb3f;
color:#000000;
font-weight:700;
display:block;
width:100%;
}
@media (min-width: 764px) {
.casino-online {
padding-bottom:20px;
}
}
@media (min-width: 1024px) {
.casino-online {
margin: 5px 0px;
padding-bottom:0px;
}
.valoracion-casino {
max-width:15%;
}
}
.casino-detalles{
padding-left:30px;
text-align:center;
}
@media (min-width: 1024px) {
.casino-detalles{
padding-left:30px;
text-align:left;
}
}
.nombre-casino {
font-weight: 600;
font-size: 24px;
line-height: 26px;
color:#000000;
margin-top:20px;
}
.promo-casino {
font-weight: 600;
font-size: 22px;
line-height: 26px;
color:#000000;
margin-top:20px;
margin-bottom:0px;
}
.caja-resumen-nombre-casino {
font-weight: 600;
color:#000000;
font-size:36px;
line-height:40px
}
.descripcion-casino {
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: #626262;
}
@media (max-width: 768px) {
.descripcion-casino {
margin-bottom:3px;
}
}
.caja-resumen-descripcion-casino {
font-weight: 600;
font-size: 24px;
line-height: 20px;
color: #626262;
}
.caja-resumen-promo-casino {
font-weight: 600;
font-size: 24px;
line-height: 25px;
color: #000;
}
@media (min-width: 1024px) {
.nombre-casino, .descripcion-casino {
margin:0 0 7px 0;
}
.promo-casino {
margin:0 0 7px 0;
}
}
.analisis {
margin-bottom:20px;
font-size:12px;
}
@media (min-width: 1024px) {
.analisis {
margin-bottom:0;
}
}
.leer-resena {
margin-bottom:20px;
font-size:12px;
}
.leer-resena:hover {
text-decoration:underline;
}
@media (min-width: 1024px) {
.leer-resena {
margin-bottom:0;
}
}
.terminos-condiciones-texto {
color: #000;
opacity: 0.7;
font-size: 11px;
margin:0;
padding:0;
}
.terminos-condiciones-icon {
margin-left: 4px;
width: 12px;
height: 12px;
margin-top: 0px;
}
@media (max-width: 768px) {
.terminos-condiciones-icon {
margin-top: 0px;
}
}
.detalles-bono_box {
max-width:70%;
}
.caracteristica-bono {
align-items: top !important;
}
@media (max-width: 768px) {
.caracteristica-bono {
align-items: center !important;
}
.detalles-bono_box {
max-width:100%;
}
}
.detalle-tyc_icon, .detalle_icon {
margin-right: 10px;
width: 20px;
height: 20px;
margin-top: 2px;
}
.detalle-tyc_texto a {
color:#212529 !important;
}
.mt-08 {
margin-top:8px;
}
.p-05 {
padding:5px;
}
.dellate-icon-proveedor {
height:25px;
width:auto;
padding-left:5px;
}
.detalle-tyc_texto, .detalle_texto {
font-size:14px;
line-height:15px;
}
.icon-cerrar-black:before {
color:#3a3a3a !important;
}
.casino-detalles a:hover, .casino-info a:hover {
text-decoration:underline;
}
.casino-juegos {
max-width:70%;
margin: 15px auto 10px auto;
}
@media (min-width: 1024px) {
.casino-juegos {
max-width:100%;
margin:0;
}
.casino-juegos-fit {
max-width:100%;
margin:0;
padding-right:10px;
padding-left:10px;
}
}
@media (min-width: 768px) {
.casino-juegos {
max-width:40%;
margin-top:10px;
}
}
.filtro-metodo-pago, .filtro-juego-casino {
font-size:14px;
}
@media (min-width: 1025px) {
.filtro-metodo-pago, .filtro-juego-casino {
font-size:15px;
}
}
.metodo-pago-disponible {
margin-bottom:0;
padding:0 4px 0 3px;
}
.metodo-pago-disponible img {
margin:0;
padding:0;
}
.intro-filtro-metodos-pago {
margin-top:5px;
padding-bottom:10px;
text-align:center;
}
.intro-filtro-proveedores-software {
margin-top:5px;
padding-bottom:10px;
text-align:center;
}
@media (min-width: 1024px) {
.intro-filtro-proveedores-software {
text-align:left;
}
}
p.casino-puntuacion {
font-weight: bold;
font-size: 18px;
line-height: 24px;
color: #626262;
}
p.casino-comentario {
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 13px;
color: #898989;
margin:0px;
}
.lista_mp {
margin-top:7px;
padding-left:7px;
}
.lista_mp_text {
display:block;
font-size:12px;
}
.lista_mp_item {
margin-bottom:0;
padding:0;
padding-right:7px;
}
.mp_img {
margin:0;
padding:0;
}
.mp-disponible {
outline: 2px solid #14b043;
outline-offset: -2px;
}
.lista_pr {
margin-top:7px;
padding-left:7px;
}
.lista_pr_item {
margin-bottom:0;
padding:0;
padding-right:7px;
}
.pr-disponible {
outline: 2px solid #14b043;
outline-offset: -2px;
}
.juegos-gratis h2 {
font-weight: 700;
font-size: 32px;
line-height: 44px;
margin-bottom:20px;
color:#000000;
}
.juego-casino-demo img {
border-radius: 5px;
}
.juego-casino-demo figcaption {
padding-top:5px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color:#626262;
}
.ultimos-juegos h2, .juegos-populares h2 {
font-weight: 700;
font-size: 32px;
line-height: 44px;
margin-bottom:20px;
margin-top:10px;
color:#FFFFFF;
}
.ultimos-juegos img, .juegos-populares img {
border-radius: 5px;
}
.ultimos-juegos figcaption {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color:#FFFFFF;
}
.juego-novedad, .juego-popular {
position:relative;
}
.juego-novedad-info, .juego-popular-info {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #FFFFFF;
}
.juego-novedad-play {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.juego-novedad:hover .juego-novedad-img {
opacity: 0.3;
}
.juego-novedad:hover .juego-novedad-play {
opacity: 1;
}
.btn-juego-novedad {
display: inline-block;
width: auto;
max-width: 100%;
padding: 15px 40px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1;
border-radius: 5px;
/*border:1px solid #FFFFFF;*/
background-color: #EABB2E;
color: #12341D;
font-size: 16px;
cursor:pointer;
}
.imagen {
margin:10px 0;
}
@media (min-width: 1024px) {
.imagen {
margin:0;
}
}
.como-jugar-juego, .proveedor-destacado {
background: #FFFFFF;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
border-radius: 5px;
margin:10px;
padding:15px;
text-align:center;
}
.descripcion-factor, .descripcion-caracteristica {
background: #FFFFFF;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
border-radius: 5px;
margin:10px 10px 10px 50px;
padding:15px;
text-align:left;
}
.descripcion-factor p, .descripcion-factor h6, .descripcion-caracteristica p, .descripcion-caracteristica h6 {
padding-left:0px !important;
}
@media (min-width: 1024px) {
.como-jugar-juego, .proveedor-destacado {
text-align:left;
}
}
.como-jugar-juego p, .proveedor-destacado p {
font-weight: normal;
font-size: 14px;
line-height: 22px;
}
.como-jugar-juego h4 {
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 28px;
}
.icono-juego {
width: 110px;
height: 110px;
max-width:100%;
border-radius: 100px;
background: #1C5B35;
display: flex;
align-items: center;
justify-content: center;
margin: auto auto;
}
.icono-juego img {
width:60px;
height:auto;
object-fit:cover;
}
.box-img-proveedor {
border-bottom:1px solid #ddd;padding-bottom:10px;
}
.info-proveedor {
margin-bottom:0px;
margin-top:10px;
}
@media (min-width: 1024px) {
.box-img-proveedor {
border-right:1px solid #ddd;padding-right:20px;
border-bottom:none;
padding-bottom:0;
}
.info-proveedor {
margin-bottom:0px;
margin-top:0px;
}
}
.metodo-pago {
text-align:left;
background:#FFFFFF;
}
.metodo-pago img, .articulo-relacionado img, .slot-popular img {
border-radius:5px;
}
.metodo-pago, .articulo-relacionado, .slot-popular {
padding:10px;
border-radius:5px;
text-align:left;
background:#FFFFFF;
}
.metodo-pago h3, .articulo-relacionado h3 {
color: #000000;
font-weight: 700;
font-size: 18px;
line-height: 28px;
margin-top:10px;
}
.slot-popular h3 {
color: #000000;
font-weight: 700;
font-size: 18px;
line-height: 28px;
margin-top:0px;
margin-left:10px
}
.metodo-pago p, .articulo-relacionado p, .slot-popular p {
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
a.articulo-relacionado-img:active, a.articulo-relacionado-img:focus, a.articulo-relacionado-img:hover {
opacity: .7;
}
a.articulo-juego-casino-img:active, a.articulo-juego-casino-img:focus, a.articulo-juego-casino-img:hover {
opacity: .7;
}
a.juego-img:active, a.juego-img:focus, a.juego-img:hover {
opacity: .7;
}
a.noticia-img:active, a.noticia-img:focus, a.noticia-img:hover {
opacity: .7;
}
a.articulo-img:active, a.articulo-img:focus, a.articulo-img:hover {
opacity: .7;
}
a.articulo-slot:active img, a.articulo-slot:focus img, a.articulo-slot:hover img {
opacity: .7;
}
a.articulo-slot:hover p {
opacity: .7;
}
a.articulo-slot:hover h3 {
opacity: 1 !important;
color: #1C5B35;
}
a.thumb-juego:active, a.thumb-juego:focus, a.thumb-juego:hover {
opacity: .7;
}
.video-tutorial {
position:relative;
display:block;
}
.video-tutorial-play {
transition: .5s ease;
display:block;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.video-tutorial:hover .video-tutorial-thumb {
opacity: 0.3;
}
.video-tutorial:hover .video-tutorial-play {
opacity: 1;
}
.btn-video-tutorial {
display: inline-block;
width: auto;
max-width: 100%;
padding: 15px 40px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1;
border-radius: 5px;
background-color: #EABB2E;
color: #12341D;
font-size: 16px;
cursor:pointer;
}
.promo-vertical, .promo-horizontal {
border: 2px solid #EABB2E;
box-sizing: border-box;
border-radius: 10px;
padding-bottom:20px;
}
.pv-logo, .ph-logo, .ph-logo-2 {
background: #EEEEEE;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.pv-logo , .ph-logo, .ph-logo-2 {
padding:20px;
}
@media (min-width: 768px) {
.ph-logo img {
width:40%;
}
.ph-logo-2 img {
width:30%;
}
.ph-logo {
padding:15px 0;
}
.pv-logo {
padding:20px 168px;
}
}
.bono_tipo {
font-size:18px;
font-weight:600;
line-height:30px;
color:#626262;
}
.bono_texto {
font-size:36px;
font-weight:700;
line-height:35px;
color:#000;
letter-spacing:-0.72px;
}
.pv-nombre {
padding-top:15px;
font-weight: 600;
font-size: 24px;
line-height: 26px;
color:#000000;
}
@media (min-width: 1024px) {
.pv-nombre {
padding-top:15px;
}
}
@media (min-width: 768px) {
.pv-nombre {
padding-top:25px;
}
}
.pv-descripcion {
padding-bottom:15px;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: #626262;
}
.collapse {
display: none;
}
.collapse.show {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
.accordion {
background:#1C5B35;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
border-radius: 7px;
color:#FFFFFF;
font-weight: normal;
font-size: 14px;
line-height: 25px;
margin-bottom:10px;
}
.accordion__respuesta a{
color:#FFF;
}
.accordion .accordion__respuesta a:after{
content:"";
}
.accordion a:after {
font-family: 'Icons';
font-style: normal;
font-size: 1rem;
content: "\e90e";
color: #eabb2e;
float: right;
margin-top: auto;
font-weight:900;
}
.accordion a.collapsed:after {
content: "\e90d";
}
.accordion__boton {
color:#FFFFFF;
border-radius: 5px;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
font-size:16px;
font-weight:500;
}
.accordion__boton.collapsed {
background:#FFFFFF;
color:#000000;
}
.accordion__pregunta {
display: flex;
align-items: center;
}
.accordion__respuesta {
padding: 0 20px 20px 20px;
}
.promo {
margin: 30px 20px;
border-radius: 5px;
border: 2px solid #EABB2E;
background: #FFFFFF;
position: relative;
}
.promo-nmt {
margin: 0px 20px 30px 20px;
border-radius: 5px;
border: 2px solid #EABB2E;
background: #FFFFFF;
position: relative;
text-align:center;
}
@media (min-width: 1024px) {
.promo-nmt {
margin: 0px 50px 30px 50px;
}
}
.promo-nmt-aw {
margin: 0px 20px 30px 20px;
border-radius: 5px;
border: 2px solid #EABB2E;
background: #FFFFFF;
position: relative;
text-align:center;
}
.promo-nmt-main {
margin: 0px 0px 30px 0px;
border-radius: 5px;
border: 2px solid #EABB2E;
background: #FFFFFF;
position: relative;
text-align:center;
}
.pa-logo{
padding:10px;
}
.border-logo {
border-radius:5px;
}
@media (min-width: 768px) {
.promo {
margin: 30px 50px;
}
}
.promo-logo {
background: #EEEEEE;
border-radius: 5px;
padding:20px 29px 15px 29px;
}
@media (max-width: 768px) {
.promo-logo {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.pa-logo {
padding: 20px 29px 15px 29px;
}
}
.promo-logo-img {
border-radius: 5px;
}
.pv-logo-img, .ph-logo-img {
border-radius: 5px;
}
@media (max-width: 768px) and (orientation : portrait) {
.promo-logo-img {
padding: 0px;
max-width:90%;
}
.pv-logo-img, .ph-logo-img {
padding: 0px;
max-width:70%;
}
}
@media (min-width: 768px) and (orientation : portrait) {
.promo-logo-img {
padding: 0px;
max-width:30%;
}
.pv-logo-img {
padding: 0px;
max-width:80%;
}
.ph-logo-img {
padding: 0px;
max-width:80%;
}
}
@media (min-width: 1024px) {
.promo-logo-img {
margin-top:5px;
}
.promo-logo {
border-top-right-radius:0;
border-bottom-right-radius:0;
padding:20px 29px;
}
}
.promo-detalles {
text-align:center;
}
.promo-logo-nombre {
padding:30px 29px 0px 29px;
font-weight: 600;
font-size: 24px;
line-height: 26px;
color:#000000;
}
.promo-descripcion {
padding:0px 29px 0px 29px;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: #626262;
}
.promo-juego-responsable, .promo-juego-responsable-v {
padding:25px 29px 16px 29px;
}
.promo-juego-responsable-v {
margin-bottom:10px;
}
.aviso-juego-responsable {
text-align:center;
margin-top:20px;
}
.aviso-juego-responsable-tabla {
text-align:center;
margin-top:10px;
}
@media (min-width: 1024px) {
.aviso-juego-responsable, .aviso-juego-responsable-tabla {
text-align:left;
}
}
.info-juego-responsable-bg-verde {
color:#FFF;
font-size:11px;
margin-bottom:0;
opacity:0.7;
}
@media (min-width: 1024px) {
.info-juego-responsable-bg-verde {
margin-left:50px;
}
}
.info-juego-responsable-bg-blanco {
color:#000;
opacity:0.7;
font-size:11px;
margin-bottom:0;
}
.info-juego-responsable-bg-verde-aw, .info-juego-responsable-bg-verde-main {
color:#FFF;
opacity:0.7;
font-size:11px;
margin-bottom:0;
}
@media (min-width: 1024px) {
.info-juego-responsable-bg-verde-aw, .info-juego-responsable-bg-verde-main, .info-juego-responsable-bg-blanco {
margin-left:2px;
}
}
.leer-analisis {
font-size: 11px;
line-height: 1;
padding: 0;
padding-bottom: 0px;
text-align: left;
margin-top: 9px;
color: #1C5B35;
}
.leer-analisis:hover {
text-decoration: underline;
}
@media (min-width: 1024px) {
.promo-detalles {
text-align:left;
}
.promo-logo-nombre {
padding:0 0 0 20px;
}
.promo-descripcion {
padding:0 0 0 20px;
}
.promo-juego-responsable {
padding:0;
/*margin-bottom:20px;*/
}
.promo-juego-responsable-v {
padding:0;
margin-bottom:20px;
}
}
.casino-img:hover {
opacity: .9;
}
.promo-2 {
display:flex;
justify-content:center;
margin:0 15px;
}
.row-df {
display:flex;
}
.bg-eee {
background:#eee;
}
.h100-center {
height:100%;
display:flex;
flex-direction: column;
justify-content: center;
}
.promo-2-descripcion {
text-align: center;
display: inline-block;
line-height: 0;
}
.articulo-juego-casino figure figcaption {
font-size: 12px;
font-weight: 500;
line-height: 22px;
color: #898989;
padding: 6px 0 0;
}
.articulo-juego-casino figcaption {
margin: 2px 0 0;
}
.articulo-juego-casino img {
border-radius:3px;
}
.articulo-juego-casino h2, .articulo-destacado-blanco h2 {
font-weight: 700;
font-size: 24px;
line-height: 33px;
color: #000000;
margin:10px 0;
}
@media (max-width: 768px) {
.articulo-destacado, .articulo-destacado-blanco {
padding-bottom:20px;
}
}
.articulo-destacado h2, .guias-juego h2 {
font-weight: 700;
font-size: 24px;
line-height: 33px;
color: #FFFFFF;
margin:10px 0;
}
.articulo-juego-casino p, .articulo-destacado-blanco p {
font-size: 16px;
line-height: 24px;
color: #626262;
}
.articulo-tecnico {
padding:10px 20px;
}
.articulo-tecnico p {
font-size: 16px;
line-height: 24px;
color: #626262;
}
.articulo-destacado p, .guias-juego p {
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
.articulo-destacado a {
color: #FFFFFF !important;
text-decoration: underline;
}
.articulo-destacado a:hover {
color: #FFFFFF !important;
text-decoration: none;
}
.mas-info-casino {
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
padding-right:15px;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;
}
.proveedor-sw-casino, .juego-casino-en-vivo, .casino-presencial {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
background:#FFFFFF;
border-radius:3px;
padding-bottom:5px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}
.simbolos-slot {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
background:#FFFFFF;
border-radius:3px;
padding-bottom:0px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}
.funcionalidad-slot {
background:#FFFFFF;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
border-radius: 3px;
}
.ultima-noticia, .proveedor-sw-casino {
background:#FFFFFF;
border-radius:3px;
padding-bottom:5px;
}
.ultima-noticia figure figcaption, .proveedor-sw-casino figure figcaption{
font-size: 12px;
font-weight: 500;
line-height: 22px;
color: #898989;
padding: 6px 0 0 10px;
}
.ultima-noticia figcaption, .proveedor-sw-casino figcaption{
margin: 2px 0 0;
}
.ultima-noticia img, .proveedor-sw-casino img, .juego-casino-en-vivo img, .casino-presencial img {
border-top-right-radius:3px;
border-top-left-radius:3px;
}
.juego-casino-en-vivo h3 {
font-size:28px;
margin-top:15px;
margin-bottom:10px;
padding-left:15px;
padding-right:15px;
}
.casino-presencial h3 {
font-size:22px;
margin-top:15px;
margin-bottom:10px;
padding-left:15px;
padding-right:15px;
}
.juego-casino-en-vivo p, .casino-presencial p {
padding-left:15px;
padding-right:15px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.ultima-noticia h3, .proveedor-sw-casino h3 {
color: #000000;
font-weight: 700;
font-size: 16px;
line-height: 22px;
padding-left:10px;
padding-right:10px;
letter-spacing: -0.36px;
margin-bottom:0;
margin-top:8px;
}
.ultima-noticia p, .proveedor-sw-casino p {
font-weight: 400;
font-size: 14px;
line-height: 22px;
padding:5px 10px;
}
.casino-presencial ul {
margin:0px 15px;
}
.titulo-datos-casino-presencial {
font-weight:bold;
font-size:14px;
}
.datos-casino-presencial {
display: flex;
align-items:center;
width:100%;
font-size:14px;
justify-content:start;
padding:0px;
height:55px;
text-align:left;
font-weight:normal;
line-height:19px;
}
.juegos-casino-presencial {
display: flex;
align-items:center;
width:100%;
font-size:14px;
justify-content:start;
padding:0px;
height:75px;
text-align:left;
font-weight:normal;
line-height:19px;
}
.icono-dato {
height:30px;
width:30px;
margin-right:10px;
}
.img-articulo {
padding-top:10px;
}
@media (min-width: 769px) {
.img-articulo {
width:100%;
padding:30px 0 20px 0;
}
}
.informacion-adicional {
padding-top:15px;
padding-bottom:0px;
}
.informacion-adicional-promos {
padding-top:12px;
padding-bottom:0px;
}
.detalles-info-adicional {
padding-bottom:20px;
}
.sello-resena-independiente {
margin-top:10px;
}
@media (min-width: 1024px) {
.informacion-adicional {
padding-top:30px;
padding-bottom:20px;
}
.detalles-info-adicional {
padding-top:20px;
padding-bottom:20px;
}
.sello-resena-independiente {
margin-top:80px;
}
}
.bg-tapete {
background: #12341D;
background-size: 102% auto;
}
.bg-newsletter {
background: #12341D;
background: url("../imagenes/bg/bg-newsletter.jpg") no-repeat center center;
background-size: cover;
}
.bg-newsletter-full-width {
background: #12341D;
background: url("../imagenes/bg/bg-newsletter-full-width.jpg") no-repeat center center;
background-size: cover;
}
.bg-newsletter-full-width-r {
background: #12341D;
background: url("../imagenes/bg/bg-newsletter-full-width-ruleta.jpg") no-repeat center center;
background-size: cover;
}
.bg-tapete-aside {
background: #12341D;
background: url("../imagenes/bg/bg-tapete.jpg") no-repeat center center;
background-size: cover;
}
@media (min-width: 1024px) {
.bg-tapete {
background: #12341D;
background: url("../imagenes/bg/bg-tapete.jpg") no-repeat center bottom;
background-size: 102% auto;
}
}
.como-jugar h2 {
font-weight: 700;
font-size: 24px;
line-height: 33px;
color:#FFFFFF;
}
.como-jugar p {
color:#FFFFFF;
}
.como-jugar a {
text-decoration: underline;
color:#FFFFFF;
padding-bottom:10px;
}
.primera-vez-casino {
background: #FFFFFF;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
border-radius: 5px;
padding:15px;
margin-bottom:15px;
}
.primera-vez-casino h6 {
margin-top: 0 !important;
}
.como-jugar-img {
width:160px;
}
.img-icono, .img-icono-galardones {
width:100%;
}
.img-icono-atencion-cliente, .img-primera-vez-casino {
width:80%;
}
@media (max-width: 768px) {
.como-jugar-img, .img-icono, .img-icono-atencion-cliente, .img-icono-galardones, .img-primera-vez-casino {
margin-top:15px;
}
.img-icono-galardones, .img-icono-atencion-cliente, .img-primera-vez-casino {
width:50%;
}
}
@media (min-width: 1280px) {
.tipos-juegos {
padding-bottom:20px;
}
}
.tipo-apuestas h2 {
color: #000000;
font-weight: 700;
font-size: 32px;
line-height: 43px;
}
.tipo-apuestas h3 {
color: #000000;
font-weight: 700;
font-size: 18px;
line-height: 28px;
}
.tipo-apuestas p {
color:#626262;
}
.apuesta p {
color:#626262;
font-weight: 400;
font-size: 14px;
line-height: 22px;
padding-left:27px;
}
.apuesta h3 {
margin-bottom:5px;
}
.tipos-juegos h2 {
color: #000000;
font-weight: 700;
font-size: 32px;
line-height: 44px;
}
.tipos-juegos p {
color:#626262;
}
.tipo-juego {
margin-bottom:20px;
padding-bottom:10px;
text-align:center;
background:#FFFFFF;
}
@media (min-width: 1280px) {
.tipo-juego {
margin-bottom:0;
}
}
.tipo-juego img {
border-top-right-radius:5px;
border-top-left-radius:5px;
height:100%
}
.img-simbolo-slot {
padding:10px 10px 0 10px;
}
.descripcion-funcionalidad-slot {
padding:10px 20px 20px 20px;
}
.tipo-juego-descripcion {
padding:10px 20px 0px 20px;
text-align:left;
}
.descripcion-simbolo-slot {
padding:0px 20px 20px 20px;
}
.tipo-juego h3 {
color: #000000;
font-weight: 700;
font-size: 18px;
line-height: 28px;
margin-top:0;
}
.tipo-juego p {
color: #626262;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.tipo-juego-img-box {
background:#337848;
padding:20px;
border-top-right-radius:5px;
border-top-left-radius:5px;
}
.tipo-juego-img-box img{
width:50%;
}
.descargar-guia {
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 5px;
margin:5px;
position:relative;
}
a.descargar-guia-link {
text-decoration:none !important;
}
a.descargar-guia-link:hover {
opacity: .7;
}
.descargar-guia::before {
width:25px;
height:35px;
background-image: url('../imagenes/iconos/icono-pdf.svg');
background-size: 25px 35px;
position:absolute;
display:block;
content: "";
top:22%;
left:-10px;
}
.nombre-guia {
font-weight: 700;
font-size: 16px;
line-height: 20px;
padding-left:15px;
margin-bottom:0px;
margin-top:10px;
}
.datos-guia {
font-weight: 400;
font-size: 11px;
line-height: 21px;
padding-left:15px;
opacity:0.5;
}
.img-cabecera {
width:100%;
padding-bottom:20px;
}
figure {
display: table;
}
figcaption {
display: table-caption;
caption-side: bottom;
}
figure figcaption {
font-size: 14px;
line-height: 1.375;
color:#898989;
padding: 6px 0 0;
}
figure.portada-noticia {
margin-bottom:15px;
}
figure.ilustracion {
margin-top:30px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
}
.ilustracion img {
width:auto;
display:block;
margin:0 auto;
}
.ilustracion figcaption, .img-float-right figcaption, .img-peq-float-right figcaption, .img-peq-float-left figcaption, .aclaracion {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color:#898989;
text-align:center;
}
.img-20 {
display: block;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width: auto;
max-width:20%;
}
.img-30 {
display: block;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width: auto;
max-width:30%;
}
.img-50 {
display: block;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width: auto;
max-width:50%;
}
.img-70 {
display: block;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width: auto;
max-width:70%;
}
.img-80 {
display: block;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width: auto;
max-width:80%;
}
figure.slot-img {
margin-top:30px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
width: 80%;
max-width:80%;
}
.slot-img img {
width:auto;
display:block;
margin:0 auto;
}
.slot-img figcaption {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color:#898989;
text-align:center;
}
@media (max-width: 768px) {
figure.slot-img {
width:100%;
max-width:100%;
}
.img-20, .img-30, .img-50, .img-70, .img-80 {
width:100%;
max-width:100%;
}
}
figure.img-float-right {
float:right;
max-width:50%;
margin-bottom:20px;
margin-left:20px;
}
figure.img-peq-float-right {
float:right;
max-width:35%;
margin-bottom:20px;
margin-left:20px;
}
figure.img-peq-float-left {
float:left;
margin-bottom:20px;
margin-right:20px;
}
.video {
margin-top:25px;
margin-bottom:25px;
}
.video-descripcion {
font-weight: 400;
font-size: 14px;
line-height: 22px;
color:#898989;
text-align:center;
padding-top:5px;
width:90%;
margin:0 auto;
}
.contenedor-video {
position: relative;
padding-bottom: 56.25%; /*panorámico*/
padding-top: 25px;
height: 0;
}
.contenedor-video iframe {
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 100%;
}
.contenedor-video-entrevista {
position: relative;
padding-bottom: 56.25%; /*panorámico*/
height: 0;
}
.contenedor-video-entrevista iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-responsive {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.enfasis {
text-align:center;
font-weight: 700;
font-size: 20px;
line-height: 33px;
}
.clear {
clear:both;
}
.img-peq-float-right::after, .img-float-right::after, .img-peq-float-left::after {
content:"";
clear:both;
}
.ejemplo, .recuerda {
position:relative;
background: #EFFBF3;
color: #337848;
border: 1px solid #337848;
box-sizing: border-box;
border-radius: 5px;
padding:20px;
margin-top:30px;
margin-bottom:30px;
}
.ejemplo .ul-default, .recuerda .ul-default {
padding-left:0;
}
@media (min-width: 768px) {
.ejemplo .ul-default, .recuerda .ul-default {
padding-left:25px;
}
}
.ejemplo + h2, .recuerda + h2 {
margin-top:50px;
}
.vocabulario, .leyenda, .notas {
position:relative;
background: rgba(137, 137, 137, 0.1);
color: #626262;
border: 1px solid #898989;
box-sizing: border-box;
border-radius: 5px;
padding:20px;
margin-top:20px;
margin-bottom:20px;
}
.ejemplo p, .vocabulario p, .leyenda p, .recuerda p, .notas p {
margin-top:20px !important;
}
ejemplo ul, .vocabulario ul, .leyenda ul, .recuerda ul, .notas ul {
padding-left:0px !important;
margin-bottom:0px !important;
margin-top:20px !important;
}
.vocabulario ul li, .leyenda ul li, .notas ul li {
margin-bottom:10px;
}
.ejemplo h5, .vocabulario h5, .recuerda h5 {
color: #337848;
text-transform: uppercase;
padding-left:35px;
margin-top:10px;
}
.leyenda h5, .notas h5 {
color: #337848;
text-transform: uppercase;
padding-left:0px;
margin-top:10px;
}
.notas a, .ul-flechas li a, .ul-default li a {
text-decoration:underline;
}
.notas a:hover, .ul-flechas li a:hover, .ul-default li a:hover {
text-decoration:none;
}
.ejemplo h5:before {
font-family: "Icons";
content: "\e906";
display: inline-block;
padding-right:10px;
font-size:25px;
line-height:1.1;
position:absolute;
top:27px;
left:20px;
}
.vocabulario h5:before {
font-family: "Icons";
content: "\e916";
display: inline-block;
padding-right:10px;
font-size:25px;
line-height:1.1;
position:absolute;
top:27px;
left:20px;
}
.recuerda h5:before {
font-family: "Icons";
content: "\e917";
display: inline-block;
padding-right:10px;
font-size:25px;
line-height:1.1;
position:absolute;
top:27px;
left:20px;
}
.consejo, .info {
position:relative;
background: #EFFBF3;
color: #337848;
border: 3px solid #eabb2e;
box-sizing: border-box;
border-radius: 5px;
padding:20px;
margin-top:30px;
margin-bottom:30px;
}
.consejo h5, .info h5 {
color: #337848;
padding-left:50px;
padding-bottom:20px;
padding-top:5px;
}
.consejo h5:before {
content: '';
display: inline-block;
height: 1.8em;
width: 1.8em;
position: absolute;
top: 27px;
left: 20px;
background-image: url("../imagenes/iconos/consejo.svg");
background-size: contain;
background-repeat: no-repeat;
}
.info h5:before {
content: '';
display: inline-block;
height: 1.8em;
width: 1.8em;
position: absolute;
top: 27px;
left: 20px;
background-image: url("../imagenes/iconos/info.svg");
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 1280px) {
.ejemplo h5:before, .vocabulario h5:before {
top:30px;
}
}
h1.noticias {
font-size:32px;
color:#000;
}
.img-noticia {
border-radius:3px;
}
.autor-ultima-noticia {
font-style: normal;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 16px !important;
letter-spacing: -0.24px;
color:#898989;
margin-bottom:0px;
}
.autor-noticia {
font-style: normal;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 16px !important;
letter-spacing: -0.24px;
color:#898989;
}
h3.titulo-noticia {
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 27px;
color:#000;
margin-top:0;
}
.leer-mas {
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.32px;
text-decoration: underline;
color:#1C5B35;
}
.noticia h1 {
margin-bottom: 15px;
display: block;
font-weight: 600;
color: #2E2E2E;
line-height: 1.1;
font-size: 45px;
}
.noticia h2 {
color: #505050 !important;
font-size:22px;
}
h1.titular {
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 44px;
letter-spacing: -1px;
}
.info-noticia {
border-top: 1px solid rgba(46, 46, 46, 0.2);
border-bottom: 1px solid rgba(46, 46, 46, 0.2);
padding: 15px 0;
font-size: 14px;
color: rgba(46, 46, 46, 0.4);
margin-bottom: 26px;
}
.noticias-relacionadas {
font-style: normal;
font-size: 32px;
line-height: 28px;
letter-spacing: -0.36px;
color: #000000;
}
.resumen-noticia {
font-size: 16px;
font-weight: 600;
margin-top:12px;
}
.entradilla-noticia {
font-size: 16px;
font-weight: 600;
color:#337848;
}
.img-noticia-relacionada {
border-radius:3px;
}
h3.titulo-noticia-relacionada {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.36px;
color:#000;
margin-top:10px;
margin-bottom:8px;
}
.adv {
display: flex;
justify-content: center;
}
.contenedor_adv {
text-align: center;
display: inline-block;
line-height: 0;
}
.paginacion {
display: flex;
align-items: baseline;
color: #1C5B35;
font-size: 14px;
line-height: 7px;
font-weight: 600;
border-top: 1px solid rgba(46, 46, 46, 0.1);
padding-top: 20px;
justify-content: center;
}
@media (min-width: 768px) {
.paginacion {
justify-content: space-between;
}
}
.paginacion__info {
width: 100%;
display: none;
justify-content: space-between;
align-items: baseline;
}
@media (min-width: 768px) {
.paginacion__info {
display: flex;
width: auto;
}
.paginacion__info .paginacion__item {
display: none;
}
}
.paginacion__info .paginacion__item:last-of-type {
border-left: 1px solid rgba(46, 46, 46, 0.2);
}
.paginacion__lista {
margin: 0;
display: flex;
align-items: baseline;
justify-content: center;
flex-wrap: wrap;
}
.paginacion__item {
position: relative;
border-right: 1px solid rgba(46, 46, 46, 0.2);
margin-bottom: 20px;
}
.actual {
color: rgba(46, 46, 46, 0.4) !important;
}
.paginacion__item:last-of-type {
border-right: 0;
}
.paginacion a,
.paginacion span {
color: #1C5B35;
padding: 5px 12px;
display: block;
}
.paginacion a:active, .paginacion a:focus, .paginacion a:hover {
opacity: .7;
}
.paginacion .actual span {
color: rgba(46, 46, 46, 0.4);
}
.paso-jugar-casino-online, .paso-ingreso-casino-online, .paso-retirada-casino-online {
position:relative;
width: 100%;
margin: 0 auto 20px 0;
}
@media (min-width: 768px) {
.paso-jugar-casino-online, .paso-ingreso-casino-online, .paso-retirada-casino-online {
max-width: 373px;
display: block;
margin: 0 auto 10px 0;
}
.paso-jugar-casino-online::after, .paso-ingreso-casino-online::after, .paso-retirada-casino-online::after {
font-family: "Icons";
content: "\e90f";
opacity:0.5;
position:absolute;
right: -25px;
top: 70px;
font-size: 38px;
}
.paso-jugar-casino-online:last-of-type::after, .paso-ingreso-casino-online:last-of-type::after, .paso-retirada-casino-online:last-of-type::after {
content: "";
}
}
.paso-jugar-casino-online img, .paso-ingreso-casino-online img, .paso-retirada-casino-online img {
display: block;
height: 188px;
width:auto;
margin: 0 auto;
opacity:0.9;
}
.paso-descripcion {
margin-top: 10px;
font-size: 14px;
line-height: 1.4;
padding-left: 50px;
position: relative;
height: auto;
min-height: 35px;
}
.paso-descripcion::before {
content: attr(data-step);
width: 35px;
height: 35px;
border-radius: 100px;
background: #1C5B35;
color: #FFF;
display: block;
text-align: center;
line-height: 35px;
font-weight: 400;
font-size:16px;
position: absolute;
top: 0;
left: 0;
}
.texto_box {
border: 1px solid rgba(137, 137, 137, 0.3);
background-color:#fff
border-radius:3px;
margin-left:0;
margin-right:0;
margin-bottom:10px;
padding-top:13px;
padding-bottom:13px;
font-size:16px;
}
.texto_box h4 {
font-size: 18px;
line-height:22px;
}
.consideracion-eleccion-casino-online, .principio-juego-responsable {
border: 1px solid rgba(137, 137, 137, 0.3);
border-radius:3px;
margin-left:0;
margin-right:0;
margin-bottom:10px;
padding-top:13px;
padding-bottom:13px;
}
.consideracion-eleccion-casino-online h6, .principio-juego-responsable h6 {
line-height:22px;
}
.consideracion-eleccion-casino-online img, .principio-juego-responsable img {
height:50px;
width:auto;
}
.consideracion-eleccion-casino-online p, .principio-juego-responsable p {
font-size:14px;
}
.eleccion-casino-online, .tipo-slot, .paso-jugar-slot, .proteccion-menores, .herramienta-juego-responsable {
border: 1px solid rgba(137, 137, 137, 0.3);
border-radius:5px;
padding-top:20px;
}
.paso {
border: 1px solid rgba(137, 137, 137, 0.3);
border-radius:5px;
padding-top:20px;
background-color:#fff;
}
.eleccion-casino-online img, .tipo-slot img, .paso-jugar-slot img, .proteccion-menores img, .herramienta-juego-responsable img, .paso img {
height:80px;
width:auto;
}
.eleccion-casino-online p, .tipo-slot p, .paso-jugar-slot p, .proteccion-menores p, .herramienta-juego-responsable p, .paso p {
color: #626262;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.descripcion-factor-eleccion, .descripcion-tipo-slot, .descripcion-paso, .descripcion-herramienta {
padding: 10px 20px 10px 20px;
}
.descripcion-factor-eleccion h3, .descripcion-tipo-slot h3, .descripcion-paso h3, .descripcion-herramienta h3 {
font-size:18px;
line-height:28px;
margin-top:0px;
}
.nombre-casino-peq {
font-weight: 600;
color: #000000;
font-size:28px;
line-height:40px;
}
.descripcion-casino-peq {
font-size:20px;
font-weight: 600;
line-height: 20px;
color: #626262;
}
@media (min-width: 1024px) {
.caja-resumen-casino-wrap {
padding-left:0px;
padding-right:0px;
}
}
.caja-resumen-casino {
border: 2px solid #EABB2E;
border-radius:5px;
padding:0 0 20px 0;
}
.caja-resumen-casino-juegos {
margin:0;
padding:0 20px;
}
.caja-resumen-casino-juegos ul li {
margin-bottom:10px;
font-size:14px;
color:#337848;
}
.caja-resumen-icono-juego {
display:inline-block;
vertical-align:middle;
margin-right:10px;
font-size:25px;
}
.caja-resumen-destacable {
margin:0 30px;
border-top: 1px solid rgb(0,0,0, 0.15);
}
.icon-caracteristicas-destacadas {
font-size:14px;
margin-right:2px;
}
.barra-caracteristicas {
background: linear-gradient(to right, #337848, #1C5B35);
}
.caracteristica-destacada, .caracteristica-valoracion {
padding: 20px 0;
height:124px;
background: #1C5B35;
color: #fff;
position:relative;
}
.caracteristica-valoracion {
background: #337848;
padding-top:30px;
}
@media (min-width: 768px) {
.caracteristica-valoracion:after {
content: '';
border-left: 30px solid #337848;
border-top: 62px solid transparent;
border-bottom: 62px solid transparent;
position: absolute;
top: 0;
left: 100%;
z-index: 20;
}
.caracteristica-destacada:after {
content: '';
height: 80%;
width: 1px;
position: absolute;
right: 0;
top: 10%;
background-color: #FFF;
opacity:0.5;
}
.caracteristica-destacada:last-of-type:after {
width: 0px;
}
}
.marca-casino {
background:#337848;
color:#FFF;
border-radius:5px;
margin:0;
padding:10px 20px 10px 0;
}
.marca-casino h1 {
color:#FFF;
font-size:32px;
font-weight:700;
margin:0;
}
.marca-casino img {
border-radius:5px;
margin:7px 0 0;
}
.marca-logo-casino {
border-top-left-radius:2px;
border-top-right-radius:2px;
margin:0;
padding:11px 0px 11px 0;
}
.box-img-marca-logo {
max-width:50%;
margin:0 auto;
}
.fecha-actualizacion-analisis {
font-style: normal;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 22px !important;
margin-top:3px;
color: #898989;
}
.valoracion-analisis-casino {
color:#FFF;
font-size:28px;
font-weight:700;
}
.conclusion-valoracion {
font-size:14px;
color:#FFF;
margin:0;
}
.nombre-caracteristica {
font-size:15px;
line-height:24px;
color:#FFF;
margin:0;
}
.info-caracteristica {
color:#FFF;
font-size:16px;
line-height:13px;
font-weight:700;
margin:0;
}
.estrellas {
font-size: 18px;
padding:8px 0px 10px 0;
margin:0;
}
.titulo-juegos-disponibles, .titulo-metodos-pago-populares, .titulo-dispositivos {
font-size:16px;
line-height:24px;
}
.lista-juegos-disponibles li {
margin-bottom:15px;
font-size:16px;
font-weight:700;
}
.icon-juego-disponible {
display:inline-block;
vertical-align:middle;
margin-right:10px;
font-size:40px;
}
.resumen-casino {
border:1px solid #898989;
border-radius:5px;
background:#FFF;
padding:12px 0 7px 0;
margin:0;
}
.resumen-casino img {
border-radius:5px;
}
.resumen-casino-descripcion {
padding-left:0px;
text-align:left;
}
.titulo-pros {
color:#337848 !important;
font-size:18px;
line-height:28px;
font-weight:700;
margin-top:0;
}
.titulo-cons {
color:#B60C05 !important;
font-size:18px;
line-height:28px;
font-weight:700;
margin-top:0;
}
.ul-pros li, .ul-cons li{
border-bottom: 1px solid rgb(0,0,0, 0.15);
color:#626262;
font-size:16px;
line-height:40px;
}
.ul-pros li:first-of-type, .ul-cons li:first-of-type {
border-top: 1px solid rgb(0,0,0, 0.15);
}
.icon-caja-atencion-cliente, .icon-dato-empresa, .icon-dato {
width:18px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.icon-caja-casino-vivo {
width:30px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.box-datos-casino, .box-datos-empresa, .box-datos-adicionales {
border:1px solid #898989;
border-radius:5px;
padding:20px 20px 8px;
color:#626262;
margin-left:15px;
margin-right:15px;
margin-top:20px;
margin-bottom:5px;
}
.box-casino-en-vivo {
background:#fff;
opacity:0.9;
border:1px solid #898989;
border-radius:5px;
padding:20px 20px 8px;
color:#626262;
margin-left:15px;
margin-right:15px;
margin-top:60px;
margin-bottom:5px;
}
.url-empresa {
color:#626262;
text-decoration:none;
}
.fuente-datos {
font-size:12px;
color:#666;
text-align:right;
line-height:15px;
}
@media (min-width: 1024px) {
.fuente-datos {
margin-left:0px;
}
}
@media (min-width: 1024px) {
.box-datos-casino, .box-datos-empresa, .box-casino-en-vivo, .box-datos-adicionales {
margin:0;
}
}
.box-datos-casino h4, .box-datos-empresa h4, .box-casino-en-vivo h4, .box-datos-adicionales h4 {
font-size:18px;
line-height:28px;
margin:0;
color:#000;
}
.juego-casino-vivo {
font-size:14px;
line-height:24px;
margin:0;
color:#000 !important;
}
.nombre-dato {
font-size:13px;
line-height:24px;
margin:0;
}
.info-dato {
font-size:16px;
line-height:24px;
font-weight:700;
}
.disponible-juego-casino-vivo {
font-size:16px;
line-height:24px;
font-weight:700;
color:#000 !important;
padding-left:35px;
}
.ul-caracteristicas-destacadas {
display: inline-block;
list-style-position: inside;
}
.ul-caracteristicas-destacadas li {
position:relative;
font-size:14px;
line-height:28px;
}
.ul-pros li, .ul-cons li {
position:relative;
padding-left:25px;
}
.ul-puntos-fuertes li {
position:relative;
padding-left:25px;
font-size:14px;
line-height:30px;
}
.ul-pros li:before, .ul-puntos-fuertes li:before {
font-family: "Icons";
content: "\e916";
color: #337848;
font-size:14px;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
.ul-cons li:before {
font-family: "Icons";
content: "\e913";
color: #b74351;
font-size:11px;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
.ingreso-retirada li{
position:relative;
padding-left:25px;
margin-bottom: 15px;
}
li.ingreso:before {
font-family: "Icons";
content: "\e910";
font-size:14px;
color:#000;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
li.retirada:before {
font-family: "Icons";
content: "\e911";
font-size:14px;
color:#000;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
li.cantidad:before {
font-family: "Icons";
content: "\e909";
font-size:14px;
color:#000;
display: inline-block;
position:absolute;
top:0px;
left:0px;
}
@media (min-width: 1024px) {
.dispositivos-soportados {
margin-top:32px;
}
}
.resumen-metodos-pago-casino, .dispositivos-soportados, .juegos-casino-vivo {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
}
.box-resumen-metodos-pago-casino, .box-dispositivos-soportados {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: left;
}
.box-juegos-casino-vivo, .box-logos {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: center;
}
.juego-casino-vivo-item, .juego-casino-vivo-proveedor, .box-logos_item {
margin: 2px 4px;
}
.juego-casino-vivo-item img {
width:100px;
}
.juego-casino-vivo-proveedor img, .box-logos_item img {
width:150px;
}
.box-logos_item a:active, .box-logos_item a:focus, .box-logos_item a:hover {
display:block;
opacity: .7;
}
.metodos-pago-casino-item {
margin: 0 15px 30px;
}
.dispositivo-item {
margin: 10px 15px 10px 0;
}
.dispositivo-item-titulo {
margin: 10px 15px 10px 0;
}
@media (max-width: 768px) {
.dispositivo-item-titulo {
width:100%;
margin:0 15px 0 0;
}
h4.titulo-dispositivos{
margin-top:0px !important;
}
.box-dispositivos-soportados {
padding-bottom:20px;
}
}
.dispositivo-item img {
width:35px;
}
@media (min-width: 1280px) {
.metodos-pago-casino-item {
margin: 15px 15px 10px 0;
}
}
.metodos-pago-casino-item:last-child {
margin-right: 0;
}
.metodos-pago-casino-item img {
height: auto;
width: 70px;
}
@media (min-width: 768px) {
.nueva-linea:before {
content: '\a';
white-space: pre;
}
}
.bg-casino-en-vivo, .bg-box-casinos-en-vivo {
background: #12341D;
background: url("../imagenes/bg/bg-casino-en-vivo.jpg") no-repeat center bottom;
background-size: auto;
background-size: cover;
}
.bg-casino-en-vivo-2 {
background: url("../imagenes/bg/bg-casino-en-vivo.jpg") no-repeat center bottom #000000;
background-size: 102% auto;
}
.bg-casino-en-vivo-2 p {
padding-bottom:70px;
}
@media (min-width: 1024px) {
.bg-casino-en-vivo-2 p {
padding-bottom:0px;
}
}
.bg-casino-en-vivo-2 h2, .bg-casino-en-vivo-2 p {
color:#FFF;
}
.bg-casino-en-vivo h2, .bg-casino-en-vivo p {
color:#FFF;
}
.bg-promociones, .bg-jugar-presencial {
background: linear-gradient(to right, #337848, #1C5B35);
}
.bg-promociones h2, .bg-promociones p, .bg-jugar-presencial h2, .bg-jugar-presencial p {
color:#FFF;
}
.paso-obtener-promocion, .paso-jugar-offline {
border:1px solid #898989;
border-radius:5px;
padding-top:20px;
text-align: center;
background: #FFFFFF
}
.paso-jugar-offline h3 {
color:#000;
}
.paso-obtener-promocion img, .paso-jugar-offline img {
height:67px;
width:auto;
}
.descripcion-paso-promo, .descripcion-paso {
padding: 10px 20px 20px 20px;
}
.descripcion-paso-promo p, .descripcion-paso p{
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #626262;
}
.descripcion-paso-promo h3 {
font-size:18px;
line-height:28px;
color:#000;
margin-top:0;
}
.bg-metodos-pago-casino {
background: linear-gradient(to right, #337848, #1C5B35);
}
.bg-metodos-pago-casino h2{
color:#FFF;
}
.metodo-pago-casino, .slot-popular-detalles {
padding:0 10px;
font-size:14px;
line-height:18px;
color:#626262;
}
.metodo-pago-casino-separador {
border-top:1px solid #DCDCDC;
margin-bottom:15px;
}
.metodo-pago-casino-separador-final, .separador {
border-top:1px solid #DCDCDC;
margin-bottom:8px;
}
.separador-caracteristicas {
border-top:1px solid #DCDCDC;
margin-bottom:10px;
}
.separador-caracteristicas-final {
border-top:1px solid #DCDCDC;
margin-bottom:0px;
}
.caracteristica-destacada-slot {
float:left;
width:60%;
line-height:1;
margin-bottom:10px;
}
.box-valoracion-slot {
padding:22px 10px;
background:#eee;
margin-bottom:18px;
text-align:center;
border-radius:5px;
}
.valoracion-slot {
color:#337848;
font-weight:bold
}
.firma-valoracion {
font-size:14px;
margin-top:15px;
margin-bottom:0;
}
.valoracion-tipo {
margin-bottom:0;
font-size:24px;
}
.valoracion-slot-puntuacion {
padding-top:15px;
font-size:32px
;display:block;
}
.info-caracteristica-destacada {
float:right;
text-align:left;
width:40%;
line-height:1;
margin-bottom:10px;
}
.slot-popular-puntuacion {
padding:10px;
background:#eee;
margin-bottom:10px;
text-align:center;
border-radius:5px;
}
.slot-popular-puntuacion p {
margin-bottom:0;
color:#337848;
font-weight:bold;
}
.slot-popular-caracteristica {
float:left;
width:60%;
line-height:1;
margin-bottom:8px;
font-weight:bold !important;
}
.slot-popular-dato {
float:right;
text-align:left;
width:40%;
line-height:1;
margin-bottom:8px;
}
.estrella-puntuacion {
margin-left:8px;
margin-right:3px;
}
.detalles-casino-mini {
display:none;
}
.detalles-casino-mini {
display:block;
position: fixed;
/*z-index: 9999;*/
z-index: 1050;
background: #FFFFFF;
justify-content: space-between;
top: -500px;
bottom: auto;
height: 110px;
padding: 8px 20px;
width: 100%;
background: #1C5B35 !important;
}
.detalles-casino-fixed {
position: fixed;
/*z-index: 9999;*/
z-index: 1050;
justify-content: space-between;
top: 0px;
bottom: auto;
padding: 8px 20px;
height: 110px;
width: 100%;
background: #1C5B35 !important;
}
.detalles-casino-mini .info-juego-responsable {
margin-bottom:8px;
margin-top:5px;
}
.detalles-casino-nombre {
color:#FFF;
font-size:28px;
font-weight:700;
margin-bottom:5px;
}
.detalles-casino-slogan, .detalles-casino-promo {
color:#EABB2E;
font-size:24px;
font-weight:700;
margin-bottom:0;
}
.detalles-casino-boton {
font-size:26px;
margin-left:25px;
}
.info-mini .terminos-condiciones-texto {
color:#fff;
opacity:.7;
}
.info-mini img {
opacity:.7;
}
@media (max-width: 768px) {
.detalles-casino-fixed {
height: 80px;
padding: 5px 0px;
}
.info-mini {
padding-left:0px;
padding-right:0px;
}
.info-mini .terminos-condiciones-texto {
font-size:8px;
}
.boton-verde {
padding: 8px 20px;
text-align:center;
}
.detalles-casino-boton {
font-size:12px !important;
margin-left:0 !important;
}
.info-juego-responsable {
text-align:center !important;
margin-bottom:5px;
}
.detalles-casino-nombre {
font-size:14px !important;
margin-bottom:5px;
line-height:14px;
}
.detalles-casino-slogan {
font-size:12px !important;
line-height:14px;
}
.detalles-casino-promo {
font-size:14px !important;
line-height:14px;
}
}
ol.factores-analizados, ol.tipos-metodos-pago, ol.caracteristicas-casinos-presenciales {
counter-reset: section;
margin-top: 0;
margin-bottom: 1rem;
margin-left:2rem;
}
ol.factores-analizados > li, ol.tipos-metodos-pago > li, ol.caracteristicas-casinos-presenciales > li {
background-image: linear-gradient(180deg, #ddd 0%, #ddd 100%);
background-repeat: no-repeat;
background-size: 2px 100%;
background-position: 1rem center;
display: block;
min-height: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 3rem;
margin-bottom: 0;
position: relative;
}
ol.factores-analizados li h6, ol.factores-analizados li p, ol.factores-analizados li h3, ol.tipos-metodos-pago li h3, ol.tipos-metodos-pago li p, ol.caracteristicas-casinos-presenciales li p, ol.caracteristicas-casinos-presenciales li p {
padding-left:50px;
}
ol.factores-analizados li, ol.tipos-metodos-pago li, ol.caracteristicas-casinos-presenciales li {
font-size:14px;
}
ol.factores-analizados > li::before, ol.tipos-metodos-pago > li::before, ol.caracteristicas-casinos-presenciales > li::before {
font-weight: bold;
border-radius: 50%;
color: white;
display: block;
left: -1.5rem;
position: absolute;
text-align: center;
width: 5rem;
height: 5rem;
}
ol.factores-analizados > li.juegos-disponibles::before {
content: url("/imagenes/casinos-online/bg-juegos-disponibles.svg");
}
ol.factores-analizados > li.casino-en-vivo::before {
content: url("/imagenes/casinos-online/bg-casino-en-vivo.svg");
}
ol.factores-analizados > li.bonos-promociones::before {
content: url("/imagenes/casinos-online/bg-bonos-promociones.svg");
}
ol.factores-analizados > li.metodos-pago::before {
content: url("/imagenes/casinos-online/bg-metodos-pago.svg");
}
ol.factores-analizados > li.atencion-cliente::before {
content: url("/imagenes/casinos-online/bg-atencion-cliente.svg");
}
ol.factores-analizados > li.seguridad::before {
content: url("/imagenes/casinos-online/bg-seguridad.svg");
}
ol.factores-analizados > li.dispositivos::before {
content: url("/imagenes/casinos-online/bg-dispositivos.svg");
}
ol.factores-analizados > li.usabilidad::before {
content: url("/imagenes/casinos-online/bg-usabilidad.svg");
}
ol.factores-analizados > li.club-vip::before {
content: url("/imagenes/casinos-online/bg-club-vip.svg");
}
ol.factores-analizados > li.compromiso-juego-responsable::before {
content: url("/imagenes/casinos-online/bg-compromiso-juego-responsable.svg");
}
ol.factores-analizados > li.jugabilidad::before {
content: url("/imagenes/software/jugabilidad.svg");
}
ol.factores-analizados > li.graficos::before {
content: url("/imagenes/software/graficos.svg");
}
ol.factores-analizados > li.efectos-sonido::before {
content: url("/imagenes/software/efectos-sonido.svg");
}
ol.factores-analizados > li.dispositivos::before {
content: url("/imagenes/software/dispositivos.svg");
}
ol.factores-analizados > li.seguridad::before {
content: url("/imagenes/software/seguridad.svg");
}
ol.factores-analizados > li.bonus::before {
content: url("/imagenes/software/bonus.svg");
}
ol.factores-analizados > li.rtp::before {
content: url("/imagenes/software/rtp.svg");
}
ol.factores-analizados > li.botes::before {
content: url("/imagenes/software/botes.svg");
}
ol.tipos-metodos-pago > li.tarjeta-credito-debito::before {
content: url("/imagenes/metodos-pago/tarjeta-credito-debito.svg");
}
ol.tipos-metodos-pago > li.monedero-electronico::before {
content: url("/imagenes/metodos-pago/monedero-electronico.svg");
}
ol.tipos-metodos-pago > li.banca-online::before {
content: url("/imagenes/metodos-pago/banca-online.svg");
}
ol.tipos-metodos-pago > li.tarjeta-prepago::before {
content: url("/imagenes/metodos-pago/tarjeta-prepago.svg");
}
ol.tipos-metodos-pago > li.app-pago-movil::before {
content: url("/imagenes/metodos-pago/app-pago-movil.svg");
}
ol.tipos-metodos-pago > li.criptomoneda::before {
content: url("/imagenes/metodos-pago/criptomoneda.svg");
}
ol.caracteristicas-casinos-presenciales > li.vestimenta::before {
content: url("/imagenes/presenciales/bg-codigo-vestimenta.svg");
}
ol.caracteristicas-casinos-presenciales > li.compra-fichas::before {
content: url("/imagenes/presenciales/bg-compra-fichas.svg");
}
ol.caracteristicas-casinos-presenciales > li.entrada::before {
content: url("/imagenes/presenciales/bg-entrada.svg");
}
ol.caracteristicas-casinos-presenciales > li.horario::before {
content: url("/imagenes/presenciales/bg-horario.svg");
}
ol.caracteristicas-casinos-presenciales > li.juegos::before {
content: url("/imagenes/presenciales/bg-juegos.svg");
}
.info-contacto {
border: 1px solid #1C5B35;
}
.info-contacto td, .info-contacto th{
border-right: 1px solid #1C5B35;
}
.info-contacto tr {
border-bottom: 1px solid #1C5B35;
}
.info-contacto tbody tr:nth-of-type(2n) {
background: #FFF;
}
.info-contacto tr td:first-child {
background: #F2F2F2;
}
.info-casino-juego-seguro {
background:#222222;
border-radius:5px;
padding:0px;
margin-bottom:12px;
}
@media (max-width: 768px) {
.info-casino-juego-seguro {
padding-top:10px;
padding-bottom:10px;
}
}
.info-casino-juego-seguro-logos-wrap, .proveedores-juegos-casino-logos-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
}
.info-casino-juego-seguro-logos, .proveedores-juegos-casino-logos {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: center;
margin-top:5px;
}
.juego-seguro-logos-item, .logo-proveedor-juegos-casino {
margin: 10px 15px;
}
.juego-seguro-logos-item img {
height: 50px;
}
.logo-proveedor-juegos-casino img {
width:100px;
}
.caja-bonos-hero {
border: 2px dashed rgb(255, 255, 255, 0.6);
border-radius:5px;
padding:0;
}
.caja-bonos-hero-titulo {
padding:10px 0 10px;
background:none;
margin:0;
}
.normativa {
font-size:14px;
line-height:30px;
color:#FFF;
opacity:0.6;
margin-bottom:0;
}
.bonos-bienvenida-hero {
font-size:24px;
line-height:33px;
color:#FFF;
font-weight:bold;
padding-bottom:12px;
border-bottom: 1px solid rgb(255, 255, 255, 0.6);
margin-bottom:5px;
}
.bonos-bienvenida-texto {
padding:0 20px 0px 20px;
margin-bottom:0;
}
.bonos-bienvenida-logos {
padding: 0 20px;
}
.legislacion-vigente {
border: 2px solid #EABB2E;
padding:20px;
margin-bottom:30px;
margin-top:30px;
background:#FFF;
border-radius:5px;
text-align:center;
}
.legislacion-vigente-logo {
margin-bottom:10px;
height:70px;
}
.caja-tipo-bono {
margin:0;
border-radius:5px;
padding:20px;
}
.tipo-bono {
margin-top:10px;
line-height:1;
margin-bottom:15px;
}
.galeria a {
margin-bottom: 10px;
}
.galeria__img-peq {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.galeria__img-peq > a {
width: calc((100% - 40px) / 5);
margin-right: 10px;
}
.galeria__img-peq > a:nth-of-type(5n+5) {
margin-right: 0;
}
.resultado-casino:hover {
outline: 4px solid #EABB2E;
outline-offset: -4px;
}
.resultado-casino {
background: #FFFFFF;
border-radius: 3px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}
.resultado-mapa {
background: #fff;
opacity: 0.7;
border: 1px solid #898989;
border-radius: 5px;
padding: 20px 20px 8px;
color: #626262;
margin-bottom:10px;
}
.resultado-mapa:hover {
opacity: 0.5;
cursor:pointer;
}
.bg-verde p.info-casino-presencial {
color:#000 !important;
}
.juego-poker-box {
outline: 1px solid #fff;
outline-offset:-15px;
font-size:14px;
text-align:center
}
.juego-poker-box-bg {
height:100%;
background:#000;
}
.juego-poker-box-h3 {
font-size:18px;
color:#fff;
margin-top:15px;
}
.juego-casino-box {
outline: 1px solid #000;
outline-offset:-15px;
font-size:14px;
text-align:center;
}
.juego-casino-box-bg {
height:100%;
background:#fff;
}
.bg-poker, .bg-entrevista {
background:#191919;
color:#FFF;
}
.bg-verde-entrevista {
background:#1C5B35;
color:#FFF;
}
.bg-poker h2 {
color:#FFF;
}
.casino-presencial h3 {
font-size:22px;
}
.bg-entrevista h2, .bg-verde-entrevista h2 {
margin-top:0px;
margin-bottom:0;
color:#fff;
}
.bg-entrevista a, .bg-verde-entrevista a {
color:#fff !important;
}
.video-box {
border:1px solid #fff;
background:#000;
margin-top:20px;
}
.subtitulo-entrevista {
color:#fff;
margin-top:30px;
display:block;
font-weight:bold;
}
.cargo-personalidad {
color:#fff;
margin-bottom:20px;
margin-top:5px;
display:block;
color:rgb(255, 255, 255, 0.75);
font-size:14px;
}
.br-0 {
border-radius:0;
}
.ma-15 {
margin:15px 15px 15px 15px;
}
.fs-18 {
font-size:18px
}
.hero-casino-presencial {
position:relative;
height:450px;
}
.hero-casino-presencial-text {
position:absolute;
bottom:0px;
}
.lista-caracteristicas-casino {
margin-bottom:0px;
}
.lista-caracteristicas-casino_item {
padding-top: 10px;
padding-bottom: 10px;
color: #C19B76;
border-bottom: 1px solid #C19B76;
}
@media (min-width: 768px) {
.lista-caracteristicas-casino_item:last-child {
border-bottom: 0;
}
}
@media (max-width: 768px) {
.first-item {
border-top: 1px solid #C19B76;
}
}
.google-maps {
position: relative;
padding-bottom: 50%;
// This is the aspect ratio height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.row-same-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row-same-height > [class*='col-'] {
display: flex;
flex-direction: column;
padding: 15px 15px;
}
.bono-casino-online__top {
margin: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 2px solid #F0F0F0;
border-left:2px solid #F0F0F0;
border-right:2px solid #F0F0F0;
background-color:#1C5B35;
position: relative;
}
.bono-casino-online__bottom {
margin: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom: 2px solid #F0F0F0;
border-left:2px solid #F0F0F0;
border-right:2px solid #F0F0F0;
background-color:#f5f5f5;
position: relative;
padding-bottom:20px;
}
.bono-casino-online__middle {
margin: 0px;
background-color:#f5f5f5;
position: relative;
background-color:#898989;
border-left:2px solid #F0F0F0;
border-right:2px solid #F0F0F0;
}
.promo-logo_tb {
background:transparent !important;
border-radius: 5px;
padding: 20px 10px 15px 10px;
}
.casino-detalles_tb {
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
.promo-juego-responsable_tb {
padding:16px 29px 16px 29px;
}
@media (min-width: 1024px) {
.promo-juego-responsable_tb {
padding: 0;
}
}
@media (max-width: 768px) {
.promo-logo_tb {
padding-bottom:0px;
}
}
@media (min-width: 1024px) {
.promo-logo_tb {
padding-top:12px;
padding-bottom:12px;
padding-left:18px;
}
.casino-detalles_tb {
padding-left:8px;
text-align:left;
}
}
.filtros_tb {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap:16px;
}
.bono-tipo_tb {
margin-bottom:2px;
color:#fff;opacity:.6;
font-weight:600;
font-size:14px;
}
.bono-descripcion_tb {
font-weight:700;
font-size:24px;
color:#fff;
margin-bottom:5px;
margin-top:5px;
}
.amarillo_tb {
color:#eabb2e !important;
}
.blanco_tb {
color:#fff !important;
}
.op_tb {
opacity:.7;
}
.bono-boton_tb {
font-weight:700;
font-size:20px;
padding:15px 40px;
}
.bono-barra_tb {
height:32px;
}
.bono-barra-texto_tb {
font-size:12px;
font-weight:700;
color:#fff;
opacity:1;
line-height:13px;
}
.info_tb {
font-size:16px;
font-weight:700;
color:#000;
margin-top:20px;
}
.info-detalles_tb {
color:#626262;
font-weight:400;
font-size:14px;
line-height:22px;
}
.info-detalles-verde_tb {
color:#337848;
font-weight:400 !important;
font-size:14px !important;
line-height:20px;
}
.caja-resumen-casino_tb {
border: 1px solid rgb(137,137,137, 0.3);
border-radius: 5px;
background: #fff;
padding: 0;
}
.caja-resumen-nombre_tb {
font-weight:700;
font-size:21px;
color:#000;
margin-bottom:5px;
}
.caja-resumen-boton_tb {
font-size:18px;
}
@media (max-width: 768px) {
.caja-resumen-boton_tb {
font-size:26px;
}
}
.ruleta-vivo-casino-online__top {
margin: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 2px solid #F0F0F0;
border-left:2px solid #F0F0F0;
border-right:2px solid #F0F0F0;
background-color:#fff;
position: relative;
}
.ruleta-vivo-casino-online__bottom {
margin: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom: 2px solid #F0F0F0;
border-left:2px solid #F0F0F0;
border-right:2px solid #F0F0F0;
background-color:#f5f5f5;
position: relative;
padding-bottom:20px;
}
.ruleta-vivo-casino-online__middle {
margin: 0px; ;
position: relative;
background-color:#898989;
border-left:2px solid #898989;
border-right:2px solid #898989;
}
.ruleta-vivo-logo-casino {
background:transparent !important;
padding-left:10px;
padding-right:10px;
}
.text-rv {
font-weight:700;
font-size:14px;
color:#337848;
}
.thumb-juego-ruleta {
max-width:110px;
}
.juegos-ruleta_wrap {
gap:10px;
}
.proveedores-ruleta-vivo_wrap {
gap:10px;
}
.proveedores-ruleta-vivo_wrap img {
max-height:22px;
width:auto;
}
@media (max-width: 768px) {
.promo-juego-responsable-rv {
padding-top:16px !important;
}
.ruleta-vivo-logo-casino {
padding-bottom:0px;
}
.thumb-juego-ruleta {
max-width:100px;
}
.juegos-ruleta_wrap {
gap:5px;
padding-right:5px;
padding-bottom:10px;
}
}
@media (min-width: 1024px) {
.ruleta-vivo-logo-casino {
padding-top:12px;
padding-bottom:12px;
padding-left:18px;
}
}
.juego-ruleta-vivo {
padding: 10px 10px 5px 10px;
border-radius: 5px;
text-align: left;
background: #FFFFFF;
border:1px solid #888;
}
.juego-ruleta-vivo h3 {
color: #000000;
font-weight: 700;
font-size: 18px;
line-height: 28px;
margin-top: 0;
}
.juego-ruleta-vivo-descripcion {
padding: 0 10px;
font-size: 14px;
line-height: 18px;
color: #626262;
}
.juego-ruleta-vivo-descripcion p {
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.caracteristicas-ruleta-vivo li {
position: relative;
padding-left: 25px;
margin-bottom: 15px;
}
li.flecha-drcha::before {
font-family: "Icons";
content: "\e910";
font-size: 14px;
color: #000;
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
}
.caracteristica-separador {
border-top: 1px solid #DCDCDC;
margin-bottom: 15px;
}
table.comparativa-ruleta-vivo {
margin-top: 10px;
margin-bottom: 5px;
text-align:center;
}
table.comparativa-ruleta-vivo thead {
font-size:14px;
font-weight: 400;
color: #FFFFFF;
background: #1C5B35;
}
table.comparativa-ruleta-vivo th,
table.comparativa-ruleta-vivo td {
vertical-align: middle;
}
.bg-buscador {
background: linear-gradient(to right, #337848, #1C5B35);
padding-bottom:80px;
}
.info-filtro-caracteristicas {
margin-top: 5px;
padding-bottom: 10px;
text-align:left;
}
ul.tipos-ruleta-vivo {
margin-top: 0;
margin-bottom: 1rem;
margin-left:2rem;
}
ul.tipos-ruleta-vivo > li::before {
font-weight: bold;
border-radius: 50%;
color: white;
display: block;
left: -1.5rem;
position: absolute;
text-align: center;
width: 5rem;
height: 5rem;
}
ul.tipos-ruleta-vivo > li {
background-image: linear-gradient(180deg, #ddd 0%, #ddd 100%);
background-repeat: no-repeat;
background-size: 2px 100%;
background-position: 1rem center;
display: block;
min-height: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 3rem;
margin-bottom: 0;
position: relative;
}
ul.tipos-ruleta-vivo > li::before {
font-weight: bold;
border-radius: 50%;
color: white;
display: block;
left: -1.5rem;
position: absolute;
text-align: center;
width: 5rem;
height: 5rem;
}
.clasificacion-ruleta-vivo {
margin-left:50px;
}
.juego-casino-en-vivo h4 {
padding-left:15px;
padding-right:15px;
}
@media (max-width: 768px) {
.clasificacion-ruleta-vivo {
margin-left:0px;
}
.clasificacion-ruleta-vivo h3 {
margin-left:15px;
}
ul.tipos-ruleta-vivo {
margin-left:1rem;
}
ul.tipos-ruleta-vivo > li::before {
width: 3rem;
height: 3rem;
}
ul.tipos-ruleta-vivo > li {
padding-left: 1rem;
background-position: 0rem center;
}
}
ul.tipos-ruleta-vivo > li.crupier::before {
content: url("/imagenes/casinos-online/bg-casino-en-vivo.svg");
}
ul.tipos-ruleta-vivo > li.lanzamiento::before {
content: url("/imagenes/casinos-online/bg-juegos-disponibles.svg");
}
ul.tipos-ruleta-vivo > li.multiplicadores::before {
content: url("/imagenes/casinos-online/bg-multiplicador.svg");
}
ul.tipos-ruleta-vivo > li.retransmision::before {
content: url("/imagenes/casinos-online/bg-retransmision.svg");
}
ul.tipos-ruleta-vivo > li.ritmo-juego::before {
content: url("/imagenes/casinos-online/bg-ritmo.svg");
}
ul.tipos-ruleta-vivo > li.funciones-crupier::before {
content: url("/imagenes/casinos-online/bg-crupier.svg");
}
.comparativa-juegos tbody tr:nth-of-type(2n) {
background: #FFF;
}
.comparativa-juegos td, .comparativa-juegos th{
border-right: 1px solid #1C5B35;
vertical-align: middle;
}
.comparativa-juegos tr {
border-bottom: 1px solid #1C5B35;
}
.comparativa-juegos tr th {
border-top: 1px solid #1C5B35;
background: #F2F2F2;
}
.comparativa-juegos tr th:first-child {
border-top: 0;
background: #FFF;
}
.comparativa-juegos tr td:first-child {
background: #F2F2F2;
border-left: 1px solid #1C5B35;
}
.comparativa-juegos tr td:last-child, .comparativa-juegos tr th:last-child {
border-right: 1px solid #1C5B35;
}
footer a {
text-decoration: none !important;
}
footer a:hover {
text-decoration: underline !important;
}
.pie {
width: 100%;
padding: 40px 0 35px;
text-align: center;
font-weight: 400;
font-size: 13px;
line-height: 22px;
}
@media (min-width: 1280px) {
.pie {
padding: 30px 0 24px;
text-align: left;
}
}
@media (min-width: 1280px) {
.pie__top {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
padding-bottom: 5px;
}
}
.pie__top p {
margin-bottom: 30px;
}
@media (min-width: 1280px) {
.pie__top p {
margin-bottom: 0;
width: 470px;
}
}
.pie__juego-responsable {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: center;
}
.pie__middle {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
width: 60%;
justify-content: left;
color:#FFFFFF;
opacity:0.5;
margin:20px 0;
}
.pie__juego-responsable-item {
transition: 0.3s;
margin: 0 15px 30px;
opacity:0.5;
}
@media (min-width: 1280px) {
.pie__juego-responsable-item {
margin: 10px 15px;
}
}
.pie__juego-responsable-item:last-child {
margin-right: 0;
}
.pie__juego-responsable-item img {
width: auto;
}
.pie a.pie__juego-responsable-item:active, .pie a.pie__juego-responsable-item:focus, .pie a.pie__juego-responsable-item:hover {
opacity: .8;
}
.pie hr {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin: 0 0 25px;
opacity: .8;
}
@media (min-width: 1280px) {
.pie hr {
margin-top: 25px;
margin-bottom: 15px;
}
}
.pie__bottom {
display: flex;
align-items: center;
color: #FFFFFF;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 1280px) {
.pie__bottom {
flex-direction: row;
align-items: baseline;
}
}
.pie__info {
display: flex;
order: 3;
}
.pie__info p {
opacity:0.5;
}
@media (min-width: 1280px) {
.pie__info {
order: -1;
margin-bottom: 0;
}
}
.pie__info p {
margin-bottom: 0;
}
.pie__idioma {
margin-left: 10px;
}
.pie__idioma img {
width: 23px;
height: 23px;
border: 1px solid #fff;
border-radius: 100px;
opacity:1 !important;
}
@media (min-width: 1280px) {
.pie .social-links {
margin-bottom: 0;
margin-right: 35px;
}
}
@media (min-width: 1400px) {
.pie .social-links {
margin-right: 0;
}
}
.pie .social-links a {
line-height: 0;
display: block;
}
@media (min-width: 1280px) {
.pie__legal {
margin-right: 35px;
}
}
.pie__menu {
margin-bottom: 20px;
display: block;
}
@media (min-width: 768px) {
.pie__menu {
display: flex;
}
}
@media (min-width: 1280px) {
.pie__menu {
margin-bottom: 0;
}
}
.pie__menu-item {
margin-bottom: 8px;
}
@media (min-width: 768px) {
.pie__menu-item {
margin-right: 15px;
margin-bottom: 0;
padding-right: 15px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
}
.pie__menu-item:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0;
}
.pie__menu-link {
color: #FFFFFF;
opacity:0.5;
}
.pie__menu-link:active, .pie__menu-link:focus, .pie__menu-link:hover {
color: rgba(255, 255, 255, 0.8);
}
.top-anchor {
width: 50px;
height: 50px;
background: rgba(30, 30, 30, 0.5);
border-radius: 50px;
color: #FFFFFF;
line-height: 50px;
text-align: center;
font-size:15px;
display: block;
transition: .5s ease-in-out;
position: fixed;
bottom: 20px;
right: 15px;
z-index: 10;
margin-bottom: -70px;
}
@media (min-width: 1024px) {
.top-anchor {
right: 20px;
}
}
.top-anchor.show {
margin-bottom: 0;
opacity: 1;
}
.top-anchor:hover, .top-anchor:focus, .top-anchor:active {
color: #EABB2E;
background: #2E2E2E;
}
@media (min-width: 1024px) {
.hero-col-1 {
width: calc(100% - 320px);
}
}
@media (min-width: 1024px) {
.hero-col-2 {
width: 300px;
margin-left: 20px;
}
}
@media (min-width: 1024px) {
.hero-logos {
width: 100%;
}
}
.logos-juego-responsable-hero {
margin-top: 0px;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
justify-content: center;
}
@media (min-width: 768px) {
.logos-juego-responsable-hero {
flex-wrap: nowrap;
}
}
@media (min-width: 1024px) {
.logos-juego-responsable-hero {
justify-content: space-between;
}
}
.logos-juego-responsable-hero-item {
transition: 0.3s;
margin: 0 10px 15px;
}
.logos-juego-responsable-hero-item img {
width: auto;
}
@media (min-width: 1024px) {
.texto-juego-responsable {
width:300px;
margin-right:150px;
}
}
.pointer {
cursor: pointer;
}