.flagmenu { position: relative }
.flagmenu .trig { position: relative; z-index: 1; width: 50%; max-width: 430px; padding: 16px 32px; margin: -25px auto 20px; color: #fff; font-size: 14px; cursor: pointer; background: #151f34; border: 1px solid #303b4f; border-radius: 25px; text-transform: capitalize }
.flagmenu .trig:after { content: ""; position: absolute; width: 12px; height: 12px; right: 33px; top: 19px; display: block; background: url(/es/style/icons/language-picker-arrow.png) no-repeat; background-size: contain; transition: .3s }
.flagmenu>ul { position: absolute; bottom: 100%; left: 10px; right: 10px; max-width: 460px; margin: 0 auto -10px; padding: 2% 2% 4%; list-style: none; background: #fff; border-radius: 10px; transform: scaleY(0); transform-origin: bottom; transition: 0.2s linear; opacity: 0 }
.flagmenu.opened { z-index: 2; }
.flagmenu.opened>ul { transform: scaleY(1); opacity: 1 }
.flagmenu.opened .trig:after { transform: rotate(180deg) }
.flagmenu>ul>li.has-sub { position: relative }
.flagmenu>ul>li.has-sub.opened { background: #f4f5f9; border-radius: 10px }
.flagmenu>ul>li.has-sub:before,
.flagmenu>ul>li.has-sub:after { content: ""; position: absolute; top: 12px; right: 20px; display: block; width: 3px; height: 10px; background: #151f34; border-radius: 3px; transform: rotate(45deg) }
.flagmenu>ul>li.has-sub:after { right: 25px; transform: rotate(-45deg) }
.flagmenu>ul>li.has-sub.opened:before { right: 25px }
.flagmenu>ul>li.has-sub.opened:after { right: 20px }
.flagmenu>ul>li>a { display: block; padding: 10px; color: #8a98ab }
.flagmenu>ul>li>a:hover { text-decoration: underline }
.flagmenu>ul>li.has-sub>a { margin-right: 70px }
.flagmenu>ul>li.has-sub.opened>a { font-weight: 700; color: #151f34 }
.flagmenu>ul>li>ul { overflow: hidden; max-height: 0; padding: 0 10px; list-style: none; transition: .5s linear }
.flagmenu>ul>li.has-sub.opened>ul { max-height: 700px; padding: 0 10px 10px }
.flagmenu>ul>li>ul li { float: left; width: 50% }
.flagmenu>ul>li>ul li a { display: block; position: relative; height: 28px; line-height: 24px; padding: 2px 5px 2px 40px }
.flagmenu>ul>li>ul li a:before { content: ""; position: absolute; left: 5px; top: 0; bottom: 0; display: block; width: 24px; height: 16px; margin: auto; background-size: contain }
.flagmenu>ul>li>ul li a span { display: inline-block; line-height: 1; vertical-align: middle }
@media(min-width:400px) {
	.flagmenu>ul>li>ul li { width: 33.33% }
	.flagmenu>ul>li>ul li a { padding-left: 35px }
	.flagmenu>ul>li>ul { padding: 0 5px }
	.flagmenu>ul>li.has-sub.opened>ul { padding: 0 5px 5px }
}
@media(min-width:768px) {
	.flagmenu>ul { bottom: auto; top: 50%; max-width: 472px; max-height: 270px; overflow: auto; margin: 0 auto -10px; padding: 30px 1px 10px 20px; transform-origin: top }
	.flagmenu>ul::-webkit-scrollbar { width: 24px }
	.flagmenu>ul::-webkit-scrollbar-thumb { background: #eef0f5; border: 10px solid #fff; border-radius: 12px }
}
@media(min-width:1024px) {
	.flagmenu .trig { margin-bottom: 0 }
}

footer { display: block; padding: 20px 10px 0; margin: 0 auto; background: #151f34; box-shadow: 0 420px 0 #061222 inset }
footer .top { max-width: 1340px; padding: 10px; margin: 0 auto; background: rgb(255 255 255 / 5%); border-radius: 20px; border: 1px solid #656c76 }
footer .top:after,
footer .footmenu:after { content: ""; display: block; clear: both }
footer .numbers { margin: 0 0 20px; padding: 0; list-style: none; text-align: center }
footer .numbers:after { content: ""; display: block; clear: both }
footer .numbers li { float: left; width: 50%; text-align: left }
footer .numbers li a { display: block; padding: 15px 25px 20px; font-size: 10px; letter-spacing: 1px; color: #8a98ab; text-transform: uppercase }
footer .numbers li a:before { content: ""; float: left; width: 42px; height: 42px; margin-right: 10px; background-color: #061222; background-repeat: no-repeat; background-position: center; background-size: 50% 50%; border-radius: 50% }
footer .numbers li a.dice:before { background-image: url(/es/style/icons/dual-dice.svg) }
footer .numbers li a.slots:before { background-image: url(/es/style/icons/dual-slots.svg) }
footer .numbers li a.blackjack:before { background-image: url(/es/style/icons/dual-blackjack.svg) }
footer .numbers li a.roulette:before { background-image: url(/es/style/icons/dual-roulette.svg) }
footer .numbers li a.live:before { background-image: url(/es/style/icons/dual-live.svg) }
footer .numbers li a.gears:before { background-image: url(/es/style/icons/dual-gears.svg) }
footer .numbers li a.payment:before { background-image: url(/es/style/icons/dual-payment.svg) }
footer .numbers li a strong { display: block; margin-bottom: 9px; font-size: 37px; line-height: 1.1; color: #fff; letter-spacing: 0 }
footer .numbers li a:hover { color: #0f89d6 }
footer .numbers li a:hover:before { background-color: #12334f }
footer .footmenu { margin: 10px 15px; padding: 20px; font-size: 14px }
footer .footmenu.last { padding-bottom: 25px }
footer .footmenu:not(:last-child) { border-bottom: 1px solid #172232; box-shadow: 0 1px 0 #313a4e }
footer .footmenu.first { background: url(/es/style/bg/usa-map.png) no-repeat 0 center }
footer .footmenu .title { margin-bottom: 5px; font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase }
footer .footmenu .title.usa:before { content: ""; float: left; width: 38px; height: 44px; margin: -16px 16px -16px 0; background: url(/es/style/bg/usa-flag.png) }
footer .footmenu ul { padding: 1px 0 0; margin: 0; list-style: none }
footer .footmenu ul li { margin-top: 24px }
footer .footmenu ul a { color: #8a98ab }
footer .footmenu .links { margin: 10px -5px 0 }
footer .footmenu .links a,
footer .footmenu .links span { display: inline-block; width: 20px; height: 20px; margin: 5px; text-indent: -9999px; background-repeat: no-repeat; background-size: contain; opacity: .7 }
footer .footmenu .links a:hover { opacity: 1 }
footer .footmenu .links a.soc { width: 20px; height: 18px; background-image: url(/es/style/bg/soc.png); background-size: unset }
footer .footmenu .links a.soc.twitter { background-position: 0 0 }
footer .footmenu .links a.soc.youtube { background-position: -21px 0 }
footer .footmenu .links a.soc.instagram { background-position: 0 -19px }
footer .footmenu .links a.soc.linkedin { background-position: -21px -19px }
footer .footmenu .footer-logo.gc { background-image: url(/es/style/icons/ukgc.png); width: 96px; height: 28px }
footer .footmenu .footer-logo.bga { background-image: url(/es/style/icons/bga.png); width: 76px; height: 26px }
footer .footmenu .footer-logo.spillemyndigheden { background-image: url(/es/style/icons/dga-footer.png); width: 26px; height: 26px }
footer .footmenu .footer-logo.eightteen { background-image: url(/es/style/icons/18+.png); width: 25px; height: 25px }
footer .footmenu .footer-logo.gamstop { background-image: url(/es/style/icons/gamstop.png); width: 36px; height: 26px }
footer .footmenu .footer-logo.auto-prohibicion { background-image: url(/es/style/icons/auto-prohibicion.png); width: 25px; height: 25px; margin-left: 2px; margin-right: -2px }
footer .footmenu .footer-logo.dgoj { background-image: url(/es/style/icons/dgoj.png); width: 76px; height: 22px }
footer .footmenu .footer-logo.coljuegos { background-image: url(/es/style/icons/coljuegos.png); width: 88px; height: 16px }
footer .footmenu .footer-logo.dgjs { background-image: url(/es/style/icons/juegosysorteos.png); width: 128px; height: 23px }
footer .footmenu .footer-logo.juego-autorizado { background-image: url(/es/style/icons/juego-autorizado.png); width: 120px; height: 17px }
footer .footmenu .footer-logo.juega-con-reponsabilidad { background-image: url(/es/style/icons/juega-con-reponsabilidad.png); width: 155px; height: 40px }
footer .footmenu .footer-logo.sin-diversion { background-image: url(/es/style/icons/sin-diversion-no-hay-juego.png); width: 140px; height: 35px }
footer .legal { padding: 15px; margin: 0 -10px; font-size: 10px; line-height: 1.4; text-align: center; color: #7a8798; background: #061222 }
footer .legal1 { font-size: 12px; line-height: 1.36; padding-top: 10px; color: #dbdbdb }
footer .legal1 a { font-weight: bolder; color: #fff; padding: 0 5px; font-size: 13px; color: #fff }
footer .legal1 a:hover { text-decoration: underline; color: #fff }
footer .legal1 .jugarbien { position: relative; display: inline-block; width: 86px; height: 25px; top: -1px; margin: 0 5px; vertical-align: middle; font-size: 0; background: url(/es/style/icons/jugarbien.png) no-repeat 0 0 / 100% 100% }
footer .legal1 .juego-seguro { position: relative; display: inline-block; width: 109px; height: 19px; top: -1px; margin: 0 5px; vertical-align: middle; font-size: 0; background: url(/es/style/icons/juego-seguro.png) no-repeat 0 0 / 100% 100% }
footer .legal2:before { display: block; content: 'Este sitio web de comparación independiente ayuda a los usuarios a encontrar los productos de juegos de azar que mejor se adapten a sus necesidades. Nosotros ofrecemos servicios de publicidad de alta calidad y en nuestras reseñas promovemos únicamente marcas de operadores consolidados y con licencias de las autoridades reguladoras correspondientes. Por favor, ten en cuenta que a pesar de que intentamos facilitarte información actualizada, no podemos comparar todos los operadores en el mercado.'; font-size: 11px; line-height: 1.36; margin: 15px 0 }
footer .legal2:after { display: inline; content: ' NO CUMPLE NI PROPORCIONA CUALQUIER FORMA DE SOPORTE AL CLIENTE PARA CUALQUIER PROBLEMA QUE PUEDA APARECER EN ESTE SITIO.'; margin: 15px 0 }
footer .legal3 { color: #525a66 }
footer .legal3 .seo-title { padding-left: 8px; margin-left: 10px; box-shadow: -4px 0 0 -3px #525a66 }
footer .legal3:before { display: block; content: 'Por favor, juega con responsabilidad. Debe ser mayor de 18 años para usar este sitio web. 18+'; color: #7a8798; margin: 20px 0 }
@media(max-width:599px) {
	footer .numbers li+li+li { box-shadow: 0 -26px 0 -25px #404956 }
	footer .numbers li:nth-child(odd):not(:last-child) { box-shadow: 21px 0 0 -20px #404956, 0 -26px 0 -25px #404956 }
	footer .numbers li:first-child:not(:last-child) { box-shadow: 21px 0 0 -20px #404956 }
	footer .footmenu.mid ul:not(:last-child) { float: left; width: 50% }
	footer .footmenu.mid ul:last-child { clear: left }
}
@media(min-width:600px) {
	footer .footmenu.mid ul { float: left; width: 50% }
}
@media(min-width:600px) and (max-width:767px) {
	footer { box-shadow: 0 320px 0 #061222 inset }
	footer .numbers li { width: 33% }
	footer .numbers li+li+li+li { box-shadow: 0 -26px 0 -25px #404956 }
	footer .numbers li:nth-child(3n+1):not(:last-child),
	footer .numbers li:nth-child(3n+2):not(:last-child) { box-shadow: 21px 0 0 -20px #404956, 0 -26px 0 -25px #404956 }
	footer .numbers li:first-child:not(:last-child),
	footer .numbers li:nth-child(2):not(:last-child) { box-shadow: 21px 0 0 -20px #404956 }
}
@media(min-width:768px) {
	footer { box-shadow: 0 240px 0 #061222 inset }
	footer .numbers li { float: none; display: inline-block; width: 150px }
	footer .legal { padding: 20px }
	footer .legal2:before,
	footer .legal2:after { margin: 35px 0 }
	footer .footmenu.first,
	footer .footmenu.mid { float: left; border: none; box-shadow: none }
	footer .footmenu.first { box-shadow: 21px 0 0 -20px #172232, 22px 0 0 -20px #313a4e; background-size: contain; background-position: center }
	footer .footmenu.mid { width: 400px }
	footer .footmenu.mid~div { border: none; box-shadow: none }
}
@media(min-width:768px) and (max-width:1023px) {
	footer .footmenu.mid~div { float: left }
	footer .footmenu.mid+div { clear: left }
}
@media(min-width:1024px) {
	footer { box-shadow: 0 130px 0 #061222 inset }
	footer .numbers li { width: 130px }
	footer .numbers li a { padding-left: 10px; padding-right: 10px }
	footer .footmenu.first { padding: 20px 3% }
	footer .footmenu.mid { padding: 15px 2%; box-shadow: 21px 0 0 -20px #172232, 22px 0 0 -20px #313a4e }
	footer .footmenu.last { float: none; overflow: hidden }
	footer .legal { max-width: 1300px; margin-left: auto; margin-right: auto; background: none }
	footer .legal2 { margin-top: 20px }
	footer .legal2:before,
	footer .legal1 { font-size: 12px; line-height: 1.33 }
	footer .legal1 { padding-top: 20px; margin-bottom: 20px }
	footer .legal1:before { margin: 30px 0 }
	footer .legal2,
	footer .legal3 { font-size: 11px; line-height: 1.36 }
}
@media(min-width:1200px) {
	footer { padding-top: 30px; box-shadow: 0 140px 0 #061222 inset }
	footer .numbers li { width: 150px }
	footer .numbers li a { padding-left: 20px; padding-right: 20px }
	footer .footmenu.first { padding: 20px 6%; background-size: unset }
	footer .footmenu.mid { padding: 20px 4%; margin-right: 2% }
}