/* GLOBALS AND CLASSES */
html,body,span,h1,h2,h3,h4,h5,h6,p,a,img,b,ul,li,form{margin:0;padding:0;border:0;font-size:100%;}
html{height:100%;}
body{font-family: "Open Sans", sans-serif; background: #fff; box-sizing: border-box;}
h1 {position: relative; font-size: 1.8em; color: #37474f; text-transform: uppercase;background: url('/images/layout/zigzag-teal-big.svg') repeat-x bottom left; background-size: 13px 12px; padding-right: 30px; padding-bottom: 12px; font-weight: 800; margin-top: -10px; display: inline-block;}
h1:after {position: absolute; bottom: 4px; left: 0; background: url('/images/layout/zigzag-teal.svg') repeat-x bottom left; background-size: 13px 12px; width: 100%; height: 10px; content: "";}
p {margin: 10px 0; font-size: 16px; line-height: 26px;}
h2 {position: relative; font-size: 1.5em; color: #37474f; text-transform: uppercase; font-weight: 700; display: inline-block; background: url('/images/layout/zigzag-teal.svg') repeat-x bottom left;padding-right: 20px; padding-bottom: 10px; background-size: 11px 12px;}
h3 {position: relative; font-size: 1.25em; text-transform: uppercase; font-weight: 600; display: inline-block; padding-right: 20px; padding-bottom: 10px; background-size: 11px 12px;margin-top:20px;color: #ff6d00;}
h2:after {content: ""; width: 100%; height: 10px; position: absolute; bottom: 3px; left: 0; background: url('/images/layout/zigzag-teal.svg') repeat-x bottom left;background-size: 11px 12px;}
.bg-color h2 {color: #fff; background: url('/images/layout/zigzag-white.svg') repeat-x bottom left;background-size: 11px 12px;}
.bg-color h2:after {content: ""; width: 100%; height: 10px; position: absolute; bottom: 3px; left: 0;background: url('/images/layout/zigzag-white.svg') repeat-x bottom left;background-size: 11px 12px;}
h5, .country {color: #fff; background: #009688; font-size: 21px; font-weight: 700; text-align: center; padding: 5px 0;}
.page {margin-top: 90px; }
.page.sub {margin-top: 140px;}
.page #breadcrumb {margin-bottom: 20px; font-size: 14px; color: #00695c;}
ol#breadcrumb{list-style: none; display: flex; align-items: center; padding: 0;}
ol#breadcrumb li{list-style: none; padding: 0 12px 0 18px; margin-left: 0;content: ""; background: url('/images/layout/triangle.png') no-repeat 0 center; background-size: 10px;}
ol#breadcrumb > li:before {content: ""; counter-increment: none;}
#breadcrumb span {color: #ff6d00; font-size: 16px;}
#breadcrumb li:first-child {padding-left: 0; background: none;}
#breadcrumb a {font-weight: 500; color: #ff6d00;}
#breadcrumb .teal {color: #009688;}
.top-m {margin-top: 30px;}
.bot-m {margin-bottom: 40px;}
p a {color: #ff6d00;}
p a:visited {color: #ffab00;}
.sitemap-list li a {color: #37474f;}
.sitemap-list li a:hover, .sitemap-list li a:visited:hover {color: #ff6d00;}
.sitemap-list li a:visited {color: #ffab00;}
.sitemap-list li {margin: 10px 0;}
.text {max-width: 1110px; margin: 10px auto; }
.text.min {min-height: 660px;}
.timer {min-width: 220px;}
.text p {font-size: 18px; line-height: 30px; }
.bnr {background: #ff9100; width: 80%; margin: 10px auto; height: 160px;}
.bg-color {background: url('/images/layout/triangle-bg.png') repeat-y; background-blend-mode: screen; background-size: 100%; padding: 1px 0;}
.bg-color .text {margin-top: 0; color: #fff;}
.text ul {line-height: 24px; margin-left: 40px;}
.text ul li {margin: 15px 0;}
.text ul li span {color: #00695c; margin-right: 10px; font-size: 14px;}
.bg-color .text ul li span {color: #fff;}
.map a span {text-transform: uppercase; color: #ff6d00; font-size: 24px; margin: 20px 0; display: block; margin: 1em 0; font-weight: bold;}
.map a:hover span {color: #ff9100;}
.map a {text-decoration: none;}
.map {margin: 20px 0;}
.map .col {width: 100%; display: flex; flex-wrap: wrap;}
.map .col ul {width: 48%;}
.col ul a {font-size: 21px; color: #009688;}
.col ul span {padding: 10px; color: #00695c;}
.col ul a:hover {color: #ff6d00; text-decoration: underline;}
.col ul li a {color: #000; text-decoration: underline; font-size: 16px;}
.col ul li {margin: 10px 0 10px 50px;}
.col ul {margin: 10px 0 10px 20px;}
.map li a{color: #000; text-decoration: underline; font-size: 16px;}
.map ul li {margin: 10px 0 10px 50px;}
.nopage {width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 300px; margin-bottom: 30px;}
.twocol {width: 30%; margin: auto; padding: 20px;}
.twocol ul{width: 100%; display: flex; flex-wrap: wrap; text-align: left;}
.twocol ul li {width: 50%; padding: 10px 0; font-size: 21px; }
.twocol ul li a{text-decoration: none;color: #ff6d00;}
.twocol ul li a:hover {color: #ffab00; text-decoration: underline;}
.twocol ul span {padding: 10px; color: #00695c;}
.nopage h1, .ie-page h1 {padding:0 30px 20px;}
.ie-page {width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 300px; margin-bottom: 30px; margin-top: -200px;}
[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.2s ease; opacity: 0;}
.adsbygoogle.mid {margin-bottom: 20px;}
.centered {margin:auto;text-align:center;}
.adsense{display:inline-block;}
.alert{margin: 20px auto; padding: 20px 10px; border: 3px solid #FF0000; border-radius: 20px; width: 50%; box-sizing: border-box; align-items: center; justify-content: space-between;}
p.heading {margin:0 0 -8px 0!important;font-weight:700;}
/*BUTTONS*/
.boton-juego {font-size: 21px; text-transform: uppercase; font-weight: 800; padding: 10px 22px; text-decoration: none; background: linear-gradient(130deg, rgba(255,234,0,1), rgba(255,214,0,1)); color: rgba(0,0,0,0.9); border: 1px solid #ffff00; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);text-shadow: -1px -1px 3px white; text-align: center;}
.boton-juego:hover {background: #ffd600;}
.boton {font-size: 18px; text-transform: uppercase; font-weight: 800; padding: 10px 25px; text-decoration: none; background: linear-gradient(#ff9100, #ff6d00); color: rgba(255,255,255,1); border: 1px solid #ffab00; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);text-shadow: 1px 1px 2px rgba(90,90,90,0.6);}
.boton-detalles {font-size: 18px; text-transform: uppercase; margin-top: 5px;margin-bottom: 5px; font-weight: 800; padding: 10px 25px; text-decoration: none; background: linear-gradient(#ff9100, #ff6d00); color: rgba(255,255,255,1); border: 1px solid #ffab00; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);text-shadow: 1px 1px 2px rgba(90,90,90,0.6); height: 24px; width:135.281px; text-align: center;}
.boton:hover {background: #ff6d00;}
.link {font-weight: 700; font-size: 18px; color: #fff; display: flex; justify-content: flex-end; margin: 10px 0; text-shadow: 1px 1px 2px #333; text-decoration: none;}
.link:hover {color: #ffc400;}
/*HEADER*/
.top-menu {display: flex; position: fixed; width: 100%; background-color: #00695c; justify-content: space-between; padding: 10px 0; z-index: 7; top: 0; align-items: center;}
.logo {width: 15%; margin-left: 2%;}
nav {display: flex; width: 48%; justify-content: space-around; margin-right: 1%; align-items: center;}
nav a {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: 600;}
nav a.compra {color: #ffc400;}
nav a.raspa {color: #ffc400;}
nav a:hover {color: #ffab00;}
nav span {color: #4db6ac;}
#menuOpen{display:flex;padding:10px;z-index:5; background: linear-gradient(#ff9100, #ff6d00); display: inline-block; height: 42px; position: absolute; top: 0;right: 10px; width: 60px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);}
#menuOpen:after {border-top: 20px solid #ff6d00; border-left: 40px solid transparent; border-right: 40px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 62px; filter: drop-shadow(0px 3px 2px rgba(0,0,0,0.2));}
.menuOpen .lines hr{width:40px;height:3px;background:#fff;display:block;border:none;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.menuOpen.open .lines hr{width:0;}
.menuOpen .lines hr:first-child{width:40px;top:25px;}
.menuOpen .lines hr:last-child{width:40px;top:55px;}
.menuOpen.open .lines hr:first-child{width:40px;transform:rotate(45deg) translate(3px, -7px);transform-origin:0% 50%;}
.menuOpen.open .lines hr:last-child{width:40px;transform:rotate(-45deg) translate(3px, 7px);transform-origin:0% 50%;}
.dropdown-menu{display:flex; background: #fff; color: #000; align-items: center; padding-top: 10px; flex-direction:column;width:100%;justify-content:flex-start;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:fixed;top:60px;transform:translate(0, -100%);box-shadow:0px 3px 16px rgba(10,10,10, 0.5);z-index:9;}
.dropdown-menu.open{transform:translate(0, 0);}
.dropdown-menu a:last-child {color: #ffc400;}
.dropdown-menu a{width:100%;border-bottom:1px solid #4db6ac; text-decoration: none; font-size: 20px; font-weight: 600; color: #37474f; position:relative; text-align: center; padding: 15px 0;}
.top-menu a {-webkit-transition: .1s all ease-in-out;transition: .1s all ease-in-out; text-decoration: none;}
.submenu {background-color: #ffc400; margin: 0; padding: 0px; position: fixed; top: 66px; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 6;}
.submenu-list{display: flex; justify-content: center; align-items: stretch; width: 100%;}
.submenu-list li{width: 12%;text-align: center; border-right: 2px solid white; padding: 10px 5px; display: flex; justify-content: center; align-items: center;}
.submenu-list li:last-child{border-right: none;}
.submenu a {color: #000; text-transform: none; font-size: 18px; text-align: center;}
.submenu span {color: #fff;}
.submenu a:hover {color: #fff;}
/*HOMEPAGE*/
.content-page {display: block; width: 80%; max-width: 1250px; margin: 30px auto 20px;}
.home-banner {background: #111; background-position: center; background-size: cover; height: 410px; margin: 20px 0;}
.boxes {display: flex; width: 100%; justify-content: space-between; align-items: center; margin: 20px 0; flex-wrap: wrap;}
.boxes-ras {display: flex; width: 100%; margin: 20px 0; flex-flow: row wrap;}
.boxes .caja {position: relative; display: flex; flex-direction: column; border-top: 4px solid #37474f; width: 31%; margin: 0 0 30px;}
.boxes .caja2 {position: relative; display: flex; flex-direction: column; border-top: 4px solid #37474f; width: 97%; margin: 0 0 30px;}
.boxes-ras .caja {position: relative; display: flex; flex-direction: column; border-top: 4px solid #37474f; width: 31%; margin: 0 10px 30px;}
.caja {position: relative;background-color: #fff; min-width: 310px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19); margin: 10px 0;}
.caja chispazo {position: relative;background-color: #fff; width: 100%; min-width: 310px; height: 100%; min-height: 270px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19); margin: 10px 0;}
.caja2 {position: relative;background-color: #fff; min-width: 310px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19); margin: 10px 0;}
.caja .loteria {color: #fff; padding: 2px 0 2px 20px; background: #111;}
.loteria p {font-size: 18px; font-weight: 600;}
.caja .bolsa {font-size: 24px; margin-left: 20px; padding: 15px 0; font-weight: 300;}
.caja .bolsa p{ color: #000;}
.bolsa b {font-size: 34px; font-weight: 700; line-height: 46px; color: #000;}
.fecha-link {display: flex; justify-content: space-between; align-items: center; margin: 0 20px 20px;}
.fecha-link.centre {justify-content:center;}
.caja .fecha-link p { color: #000;}
.tag {background: white; display: inline-block; height: 80px; margin-left: 20px; position: absolute; top: -6px; right: 15px; width: 160px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);}
.tag:after {border-top: 35px solid white; border-left: 80px solid transparent; border-right: 80px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 80px; width: 0; filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.1));}
.superior .loteria {background-color: #388E3C;}
.loteria-logo img {position: absolute; top: 5px; right: 42px; z-index: 2; width: 22%; min-width: 100px; filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.1)); }
.retro .loteria-logo img {min-width: 90px; right: 52px;}
.sena .loteria-logo img {min-width: 90px; right: 52px;}
.es .loteria-logo img {width: 20%; min-width: 80px; right: 54px;}
.zodiaco .loteria {background-color: #2196F3;}
.z-e .loteria {background-color: #1DE9B6;}
.diez .loteria {background-color: #acc617; }
.especial .loteria {background-color: #d60033; }
.mayor .loteria {background-color: #ffa10b; }
.retro .loteria {background-color: #c51162; }
.magno .loteria {background-color: #aa00ff; }
.gordo .loteria {background-color: #101047; }
.melate .loteria {background-color: #e91e63;}
.progol .loteria {background-color: #001ca5;}
.chispazo .loteria {background-color: #ffd600;}
.touch .loteria {background-color: #ff3d00;}
.gato .loteria {background-color: #9c27b0;}
.tris .loteria {background-color: #8bc34a;}
.nacional .loteria {background-color: #26c6da;}
.navidad .loteria {background-color: #ea1a15;}
.nino .loteria {background-color: #ff8f00;}
.quick-tres .loteria {background-color: #328a27;}
.quick-cuatro .loteria {background-color: #f3982f;}
.chile .loteria {background-color: #c0ad31;}
.sena .loteria {background-color: #009c37;}
.dark {background-color: #009688;}
.light {background-color: #4db6ac;}
.dark p {color: #fff; line-height: 24px;}
.tag-date p {line-height: 20px;}
.title p{font-size: 21px; font-weight: 600;}
.title b {font-weight: 700; color: #ff6d00; margin-left: 5px;}
.title {margin-top: 30px;}
.mega .loteria {background-color: #3b61dc;}
.power .loteria {background-color: #f70000;}
.otras {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 25px 0;}
.otras .caja {width: 36%; margin: 0 15px 30px;; position: relative; border-top: 4px solid #37474f;}
.otras .loteria-logo img {min-width: 65px; width: 17%; right: 55px;}
.otras.vivo .loteria-logo img {min-width: 65px; width: 21%; right: 42px; top: 7px;}
.resultados {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; margin: 10px 0;}
.resultados.usa {justify-content: center;}
.resultados.usa .caja {margin: 10px 15px;}
.resultados .caja { display: flex; width: 28%; min-width: 320px; padding: 20px 5px; justify-content: space-around; align-items: flex-end; position: relative; margin: 10px 0;}
.resultados .caja p {color: #000; }
.resultados .caja.melate {border-top: 20px solid #e91e63;}
.resultados .caja.magno {border-top: 20px solid #aa00ff;}
.resultados .caja.tris {border-top: 20px solid #8BC34A;}
.resultados .caja.retro {border-top: 20px solid #c51162;}
.resultados .caja.gato {border-top: 20px solid #9C27B0;}
.resultados .caja.progol {border-top: 20px solid #001ca5;}
.resultados .caja.diez {border-top: 20px solid #acc617;}
.resultados .caja.mayor {border-top: 20px solid #ffa10b;}
.resultados .caja.especial {border-top: 20px solid #d60033;}
.resultados .caja.superior {border-top: 20px solid #388E3C;}
.resultados .caja.zodiaco {border-top: 20px solid #2196F3;}
.resultados .caja.z-e {border-top: 20px solid #1DE9B6;}
.resultados .caja.gordo {border-top: 20px solid #101047;}
.resultados .caja.chispazo {border-top: 20px solid #FFD600;}
.resultados .caja.touch {border-top: 20px solid #FF3D00;}
.resultados .caja.nacional {border-top: 20px solid #26c6da;}
.resultados .caja.navidad {border-top: 20px solid #ea1a15;}
.resultados .caja.nino {border-top: 20px solid #FF8f00;}
.resultados .caja.mega {border-top: 20px solid #3b61dc;}
.resultados .caja.power {border-top: 20px solid #f70000;}
.loterias {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; margin: 10px 0;}
.loterias .caja { display: flex; width: 28%; min-width: 320px; padding: 20px 5px; justify-content: space-around; align-items: center; position: relative; margin: 10px 0;}
.loterias .caja p {color: #000; }
.loterias .caja.melate {border-top: 20px solid #e91e63;}
.loterias .caja.magno {border-top: 20px solid #aa00ff;}
.loterias .caja.tris {border-top: 20px solid #8BC34A;}
.loterias .caja.retro {border-top: 20px solid #c51162;}
.loterias .caja.gato {border-top: 20px solid #9C27B0;}
.loterias .caja.progol {border-top: 20px solid #001ca5;}
.loterias .caja.diez {border-top: 20px solid #acc617;}
.loterias .caja.mayor {border-top: 20px solid #ffa10b;}
.loterias .caja.especial {border-top: 20px solid #d60033;}
.loterias .caja.superior {border-top: 20px solid #388E3C;}
.loterias .caja.zodiaco {border-top: 20px solid #2196F3;}
.loterias.caja.z-e {border-top: 20px solid #1DE9B6;}
.loterias .caja.gordo {border-top: 20px solid #101047;}
.loterias .caja.chispazo {border-top: 20px solid #FFD600;}
.loterias .caja.touch {border-top: 20px solid #FF3D00;}
.loterias .caja.nacional {border-top: 20px solid #26c6da;}
.loterias .caja.navidad {border-top: 20px solid #ea1a15;}
.loterias .caja.nino {border-top: 20px solid #FF8f00;}
.loterias .caja.mega {border-top: 20px solid #3b61dc;}
.loterias .caja.power {border-top: 20px solid #f70000;}
.nacional .logo p, .navidad .logo p, .nino .logo p, .mega .logo p {margin: 10px 0 0;}
.caja.progol .logo img {margin-bottom: 10px;}
.caja .logo {width: 40%; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.caja .resultado {width: 50%; display: flex; flex-direction: column; align-items: flex-end;}
.caja .resultado p {text-align: right; font-size: 14px; line-height: 18px; padding: 0 0 0 20px;}
.caja .logo p {text-align: center; font-weight: 700; font-size: 21px; color: #111; width: 90%;}
.caja .logo img {width: 80%; max-height: 110px; height: 80%; filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.1));}
.tag-date {display: inline-block;height: 55px; top: -22px; width: 80px; background: linear-gradient(#666, #111); position: absolute; right: 20px;}
.caja .tag-date:after {top: 55px; border-top: 20px solid #111; border-left: 40px solid transparent; border-right: 40px solid transparent;content: ""; height: 0; left: 0; position: absolute; width: 0; filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.1));}
.caja .tag-date p {color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 300; text-align: center; margin-top: 8px;}
.caja .tag-date b {font-size: 32px; font-weight: 700; text-align: center;}
.caja .tag-date.year b {font-size: 28px;}
.caja .tag-date.year p {margin-top: 17px;}
.mas-info {display: flex; flex-wrap: wrap; width: 100%; justify-content: center; margin: 20px 0 10px;}
.tabla-links {background: #fff; border-top: 4px solid #37474f; min-width: 310px; width: 80%;box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);}
.botones {display: flex; flex-direction: column; width: 20%; justify-content: space-around; align-items: center;}
.botones .boton {display: flex; width: 100%; justify-content: center; text-align: center;}
.links {display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 10px 40px; text-align: left;}
.links.center {display: flex; flex-wrap: wrap; margin: 10px 40px; text-align: left;justify-content: center;}
.links li{font-weight: 700; width: 25%; padding: 3px 0; line-height: 26px;}
.links li:before{content: ">"; color: #ff6d00; font-size: 21px; font-weight: bold; vertical-align: top; padding-right: 5px;}
.links a {color: #000; text-decoration: none;}
.links a:hover {text-decoration: underline; color: #ff6d00;}
.container { display: block; width:100%; padding: 20px; background-color:transparent;position: relative;}
ul { list-style:none; padding:0;}
.slider { position: relative; width: 100%; height: 400px; background-color:transparent; margin: 0 auto; perspective: 600px;}
.slider li { width: 50%; height: 350px; background: black; position: absolute; top:50%; left:50%; opacity: .25; transform: translate(-50%,-50%) scale(.5); transition: transform .4s ease-in-out, opacity .4s ease-in-out; overflow:hidden;}
.slider li img { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 110%;}
.slide.center { transform: translate(-50%, -50%) scale(1); opacity: 1; z-index: 1;}
.slide.left { transform: translate(-100%, -50%) scale(.75);}
.slide.right { transform: translate(0, -50%) scale(.75);}
.slider li .new-title {height: auto; overflow: hidden; background: #fff; position: absolute; bottom: 0; width: 100%;}
.slider li .new-title span {color: #00695c; font-size: 18px; font-weight: 700; display: block; width: 95%; margin: 10px 20px 5px;}
.slider li .new-title p {font-size: 14px; width: 90%; margin: 5px 20px; line-height: 1.25em;}
.slider li .new-title a {margin: 0 auto 10px; position: relative; display: table; text-align: center; padding: 5px 10px;}
.sliderLinks {cursor: pointer; display: flex; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0);}
.sliderLinks li { width: 20px; height: 20px; border-radius: 50%; background-color: rgba(255,255,255, 0.6); margin: 0 5px;}
.sliderLinks li.active { background-color: #ff6d00;}
.sliderNav li { cursor: pointer; position: absolute; top:50%; transform:translate(0, -50%); padding: 20px; background-color: transparent; color:#ff6d00; font-size: 40px; text-shadow: 0 2px 3px #666;}
.sliderNav li:nth-child(1){left:0;}
.sliderNav li:nth-child(2){right:0;}
.adsense {position: relative; height: 60px; width: 428px; margin: 10px 0 10px; margin-left: 200px;}
.adsense-mob {position: relative; height: 300px; width: 250px; margin: 10px 0 10px;}
/*RESULTADOS*/
.result .loteria {height: 70px; display: flex; justify-content: flex-start; align-items: center; }
.loteria img {height: 85%; margin-right: 20px;}
.result .tag-date {top:-5px;}
.bolas, .bolas ul {display: flex; justify-content: center; align-items: center; height: 75px; margin: 10px 0; flex-wrap: wrap;}
.bolas li, .bolas li.extra, .bolas p {margin: 0 4px 2px; color: #000; list-style: none; padding: 0;}
.result .bolsa p, .result .bolsa b{color: #000;}
.result .bolsa b {margin-left: 5px; font-size: 28px; vertical-align: middle;}
.result .bolsa {display: flex; align-items: center; justify-content: center; margin: 5px 0; padding: 0; }
.result .bolsa p {font-size: 21px; margin: 0;}
.result .fecha-link {margin: 10px 15px;}
.fecha-link.big {justify-content: center; flex-wrap: wrap;}
.fecha-link .boton {padding: 8px 20px;}
.big .boton {padding: 15px 40px; margin: 10px; font-size: 21px; text-align: center;}
.result.more .melate .bolas, .result.more .tris .bolas, .result.more .chispazo .bolas, .result.more .gato .bolas {margin: 10px 0; height: auto;}
.result.more .melate .bolas ul, .result.more .tris .bolas ul, .result.more .chispazo .bolas ul {height: auto; margin: 0 auto;}
.result.more .melate b, .result.more .tris b, .result.more .chispazo b {margin: 5px auto 0;}
.result.more .caja.melate, .result.more .caja.tris, .result.more .caja.chispazo {height: auto;}
.result.more .center {margin: 10px auto 15px; display: flex; justify-content: center;}
.bolas img {height: 70px; margin-right: 10px;}
.melate .bolas p.title, .tris .bolas p.title, .chispazo .bolas p.title {background: transparent; width: 20%; margin-right: 10px; text-align: left;}
.tris .bolas p.title, .chispazo .bolas p.title {width: 25%}
.bolas li, .bolas li.extra {background: #fafafa;font-size: 21px; font-weight: 500; text-align: center;width: 40px; height: 40px; line-height: 40px;}
.multiplicador-si {width:46px!important; height:46px!important; background:none!important; color:#fff; border-radius:0!important; border:none!important;}
.multiplicador-si img {width:46px!important; height:46px!important;}
.multiplicador-no {width:46px!important; height:46px!important; background:none!important; color:#fff; border-radius:0!important; border:none!important;}
.multiplicador-no img {width:46px!important; height:46px!important;}
.melate .bolas li {border-radius: 50%; border: 3px solid #e91e63;}
.melate .bolas li.extra {background: #e91e63; color: #fff;}
.tris .bolas li{border-radius: 50%; border: 3px solid #8bc34a;}
.chispazo .bolas li {border-radius: 50%; border: 3px solid #ffd600;}
.retro .bolas li {border-radius: 50%; border: 3px solid #c51162;}
.retro .bolas li.extra {background: #c51162; color: #fff;}
.gato .bolas li {border-radius: 50%; border: 3px solid #9c27b0;}
.progol .bolas li { width: 35px; height: 35px; line-height: 35px; border: 3px solid #001ca5; margin: 0 2px 2px;}
.touch .bolas li{width: 35px; height: 35px; line-height: 35px; margin: 0 2px 2px;border: 3px solid #ff3d00; }
.touch .bolas li.extra {background: #ff3d00; color: #fff;}
.power .bolas li {border-radius: 50%; border: 3px solid #f70000;}
.power .bolas li.extra {background: #f70000; color: #fff;}
.mega .bolas li {border-radius: 50%; border: 3px solid #3b61dc;}
.mega .bolas li.extra {background: #3b61dc; color: #fff;}
.result .caja { justify-content: space-between; min-width: 320px; margin: 10px 5px;}
.result .caja.tall {height: 630px; justify-content: space-between; min-width: 320px; margin: 10px 5px;}
.result.sorteos .caja {height: auto;}
.sorteos .numero {display: flex; align-items: center; justify-content: center; margin: 15px auto 0;}
.sorteo.numero li.extra, .numero li.extra, .sorteo.numero li b, .numero li b {font-size: 45px; font-weight: bold;}
.zodiaco .numero li.extra, .zodiaco .numero li b {text-shadow: 2px 1px 1px #777; color: #2196f3;}
.z-e .numero li.extra, .z-e .numero li b {text-shadow: 2px 1px 1px #777; color: #1DE9B6;}
.mayor .numero li.extra, .mayor .numero li b {text-shadow: 2px 1px 1px #777; color: #ffa10b;}
.superior .numero li.extra, .superior .numero li b {text-shadow: 2px 1px 1px #777; color: #388e3c;}
.diez .numero li.extra, .diez .numero li b {text-shadow: 2px 1px 1px #777; color: #acc617;}
.especial .numero li.extra, .especial .numero li b {text-shadow: 2px 1px 1px #777; color: #d60033;}
.magno .numero li.extra, .magno .numero li b {text-shadow: 2px 1px 1px #777; color: #aa00ff;}
.gordo .numero li.extra, .gordo .numero li b {text-shadow: 2px 1px 1px #777; color: #101047;}
.nino .numero li.extra, .nino .numero li b, .nino .line.numero p.big b, .nino .rslt .line.numero p b{text-shadow: 2px 1px 1px #777; color: #ff8f00; font-weight: bold; }
.nacional .numero li.extra, .nacional .numero li b, .nacional .line.numero p.big b, .nacional .rslt .line.numero p b {text-shadow: 2px 1px 1px #777; color: #26c6da;}
.navidad .numero li.extra, .navidad .numero li b, .navidad .line.numero p.big b, .navidad .rslt .line.numero p b {text-shadow: 2px 1px 1px #777; color: #ea1a15;}
.sorteos .caja .tag-date p b{line-height: 21px;}
.ganadores .boton {margin-top: 20px;}
.center {display: block; margin: auto;}
.archivo {display: flex; flex-direction: column; margin: 20px 0; justify-content: center; align-items: center;}
.archivo .title {margin-top:0;}
.archivo .boton {margin-bottom: 20px;}
.bote {width: 30%;}
.years {display: flex; justify-content: center; align-items: center; margin: 30px 0;}
.years a {font-size: 21px; color: #ff6d00; margin: 0 20px; text-shadow: none;}
.years a.active {color: #4db6ac;}
.years span {color: #009688;}
.result .caja.nino, .result .caja.navidad, .result .caja.nacional {height: 220px; padding-bottom: 10px;}
.rslt .line {display: flex; width: 100%; justify-content: flex-start; align-items: center; margin: 10px 0; flex-wrap: wrap;}
.rslt .line p {margin-right: 20px; font-weight: 400; font-size: 21px; display: flex; align-items: center;}
.rslt .line.numero p b {margin: 0 4px; font-size: 40px;}
.rslt .line b {font-size: 21px; color: #009688; font-weight: bold; margin-right: 40px;}
.rslt .line p.sm {font-size: 24px; font-weight: 600;}
.more-rslt {width: 98%; display: flex;flex-direction: column; flex-wrap: wrap;}
.more-rslt .line {width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 10px auto;}
.more-rslt .line ul, .rslt .line ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.more-rslt .line ul {margin-left: 10px;}
.rslt .line ul li.sm {font-size: 28px;}
.more-rslt .line ul li, .rslt .line ul li {padding: 5px; font-size: 24px;}
.more-rslt .line ul li:after, .rslt .line ul li:after {content: "-"; padding-left: 10px;}
.more-rslt .line ul li:last-child:after, .rslt .line ul li:last-child:after {content: "";}
.desglose.boxes .caja.nino.full, .desglose.boxes .caja.navidad.full, .desglose.boxes .caja.nacional.full, .desglose.boxes .caja.gordo.full {flex-direction: column; align-items: flex-end; padding-top: 15px;}
.line.numero p.big b {font-size: 48px;}
.rslt .line.numero p b.sm {font-size: 35px; margin-left: 2px;}
.more-rslt .line b {font-size: 21px; font-weight: bold; color: #009688;}
.more-rslt .line p {font-size: 24px; font-weight: 400; color: #000; margin: 20px 10px;}
table.zodiaco .fstart {width: 100%;}
table.z-e .fstart {width: 100%;}
table td a span {font-weight: bold;}
.last-result .tris .bolas ul {margin: 0 0 10px; height: auto;}
.boxes .caja.zodiaco, .boxes .caja.mayor, .boxes .caja.superior, .boxes .caja.especial {min-width:unset; width:100%;}
.boxes.main-results .caja {min-width:320px!important; width:31%!important;}
.sorteo-numeros {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; margin:25px; color:#fff; text-shadow:0 2px 3px #0000006b;}
.sorteo-numeros.mayor-numeros {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.sorteo-numeros.superior-numeros, .sorteo-numeros.especial-numeros {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: unset;grid-column-gap: 0px;grid-row-gap: 0px;}
.sorteo-numeros.especial-numeros.gran-sorteo {display: grid; grid-template-columns: none;grid-template-rows: none;grid-column-gap: 0px;grid-row-gap: 0px;}
.sorteo-numeros.zodiaco-numeros .sorteo-box:first-child {background:#926f34; background:linear-gradient(to bottom right, #e0aa3e, #926f34);}
.sorteo-numeros.zodiaco-numeros .sorteo-box:nth-child(2) {background:#062ca1}
.sorteo-numeros.zodiaco-numeros .sorteo-box:nth-child(3) {background:#0d4fb7}
.sorteo-numeros.zodiaco-numeros .sorteo-box:nth-child(4) {background:#1466cb}
.sorteo-numeros.zodiaco-numeros .sorteo-box:nth-child(5) {background:#1a7edf}
.sorteo-numeros.mayor-numeros .sorteo-box:first-child {background:#926f34; background:linear-gradient(to bottom right, #e0aa3e, #926f34);}
.sorteo-numeros.mayor-numeros .sorteo-box:nth-child(2) {background:#ef5700; grid-area: 1 / 2 / 2 / 3;}
.sorteo-numeros.mayor-numeros .sorteo-box:nth-child(3) {background:#ef6d00; grid-area: 1 / 3 / 2 / 4;}
.sorteo-numeros.mayor-numeros .sorteo-box:nth-child(4) {background:#ef8200; grid-area: 2 / 1 / 3 / 4;}
.sorteo-numeros.mayor-numeros .sorteo-box:nth-child(5) {background:#ffa10b; grid-area: 3 / 1 / 4 / 4; color:#1f1f1f; text-shadow:none;}
.sorteo-numeros.superior-numeros .sorteo-box:first-child {background:#926f34; background:linear-gradient(to bottom right, #e0aa3e, #926f34); grid-area:1 / 1 / 3 / 3;}
.sorteo-numeros.superior-numeros .sorteo-box:nth-child(2) {background:#08590b; grid-area: 3 / 1 / 5 / 3;}
.sorteo-numeros.superior-numeros .sorteo-box:nth-child(3) {background:#137116; grid-area: 5 / 1 / 7 / 3;}
.sorteo-numeros.superior-numeros .sorteo-box:nth-child(4) {background:#268229; grid-area: 1 / 3 / 4 / 6;}
.sorteo-numeros.superior-numeros .sorteo-box:nth-child(5) {background:#36a139; grid-area: 4 / 3 / 7 / 6;}
.sorteo-numeros.especial-numeros .sorteo-box:first-child {background:#926f34; background:linear-gradient(to bottom right, #e0aa3e, #926f34); grid-area:1 / 1 / 3 / 3;}
.sorteo-numeros.especial-numeros .sorteo-box:nth-child(2) {background:#b00f2a; grid-area: 3 / 1 / 5 / 3;}
.sorteo-numeros.especial-numeros .sorteo-box:nth-child(3) {background:#d60033; grid-area: 5 / 1 / 7 / 3;}
.sorteo-numeros.especial-numeros .sorteo-box:nth-child(4) {background:#ca2f48; grid-area: 1 / 3 / 4 / 6;}
.sorteo-numeros.especial-numeros .sorteo-box:nth-child(5) {background:#ed435b; grid-area: 4 / 3 / 7 / 6;}
.sorteo-numeros.especial-numeros.gran-sorteo .sorteo-box:first-child {background:#926f34; background:linear-gradient(to bottom right, #e0aa3e, #926f34); grid-area:1 / 1 / 2 / 2;}
.sorteo-numeros.especial-numeros.gran-sorteo .sorteo-box:nth-child(2) {background:#b00f2a; grid-area: 1 / 2 / 2 / 3;}
.sorteo-numeros.especial-numeros.gran-sorteo .sorteo-box:nth-child(3) {background:#d60033; grid-area: 2 / 1 / 3 / 3;}
.sorteo-numeros.especial-numeros.gran-sorteo .sorteo-box:nth-child(4) {background:#ca2f48; grid-area: 3 / 1 / 4 / 3;}
.sorteo-numeros.especial-numeros.gran-sorteo .sorteo-box:nth-child(5) {background:#ed435b; grid-area: 4 / 1 / 5 / 3;}
.sorteo-box {text-align:center; align-items:center; padding:15px;}
.sorteo-codigo {font-size:1.6em; font-weight:700; display:flex; flex-direction:column;}
.sorteo-numeros.zodiaco-numeros .sorteo-codigo {flex-direction:column; justify-content:center;}
.sorteo-numeros.mayor-numeros .sorteo-codigo {flex-direction:row; justify-content:center;}
.superior-numeros .sorteo-codigo.tercero, .superior-numeros .sorteo-codigo.cuarto, .superior-numeros .sorteo-codigo.quinto, .especial-numeros .sorteo-codigo.tercero, .especial-numeros .sorteo-codigo.cuarto, .especial-numeros .sorteo-codigo.quinto {flex-direction:row; flex-wrap:wrap; justify-content:center;}
.especial-numeros.gran-sorteo .sorteo-codigo.segundo, .especial-numeros.gran-sorteo .sorteo-codigo.tercero, .especial-numeros.gran-sorteo .sorteo-codigo.cuarto, .especial-numeros.gran-sorteo .sorteo-codigo.quinto {flex-direction:row; flex-wrap:wrap; justify-content:center;}
.superior-numeros .sorteo-codigo.tercero span, .especial-numeros .sorteo-codigo.tercero span {margin:0; padding:10px 30px; border:0; font-size:.6em;}
.superior-numeros .sorteo-codigo.quinto span, .superior-numeros .sorteo-codigo.cuarto span, .especial-numeros .sorteo-codigo.quinto span, .especial-numeros .sorteo-codigo.cuarto span {margin:0; padding:10px 30px; border:0; font-size:1em;}
.superior-numeros .sorteo-box {display:flex; flex-direction:column; justify-content:center;}
.sorteo-codigo span:nth-child(2), .sorteo-codigo span:nth-child(3), .sorteo-codigo span:nth-child(4), .sorteo-codigo span:nth-child(5) {margin-top:8px; padding-top:8px; border-top:solid 1px #62a6ff;}
.mayor-numeros .sorteo-codigo span:nth-child(2), .mayor-numeros .sorteo-codigo span:nth-child(3), .mayor-numeros .sorteo-codigo span:nth-child(4), .mayor-numeros .sorteo-codigo span:nth-child(5) {margin-left:8px; padding-left:8px; border-left:solid 1px #ffc400; border-top:none; margin-top:0; padding-top:0;}
.especial-numeros.gran-sorteo .sorteo-codigo.segundo {font-size:1.6em;}
.especial-numeros.gran-sorteo .sorteo-codigo.segundo span {padding:15px 20px!important; border:none; margin:0;}
.sorteo-codigo.primero, .sorteo-codigo.segundo, .sorteo-codigo.tercero {font-size:2.6em; padding-top:5px;}
.sorteo-title {margin-bottom:12px; text-transform:uppercase; font-size:.88em;}
.sorteo-archive {text-align:left;}
.sorteo-archive p {font-weight:700; padding-left:10px; padding-bottom:8px;}
.sorteo-archive span {padding:5px 10px; position:relative;}
.sorteo-archive span:after {position:absolute; content:","; bottom:6px; right:5px; color:#000; font-size:16px;}
.sorteo-archive div span:last-child:after {display:none;}
.archive-results .sorteo-codigo {font-size:20px!important;}
.archive-results .sorteo-codigo span {font-size:20px!important;}
.zodiaco-numeros.archive-results .sorteo-codigo span {font-size:18px!important;}
/*LOTERIAS*/
.boxes.list .caja {text-align: center; height: 210px; margin-bottom: 20px; transition: all 0.2s ease;}
.boxes.list a {text-decoration: none;}
.boxes.list .loteria {padding: 10px 0;}
.boxes.list img {margin: 10px auto; width: 50%; height: 50%;}
.boxes.list .caja:hover {transform: translate(0, -5px) scale(1.05,1.05); transition: all 0.2s ease; box-shadow: 1px 3px 4px 0 rgba(100, 100, 100, 0.4), 1px 4px 10px 0 rgba(100, 100, 100, 0.2);}
.boxes.list .caja:hover .arrows:before {content:">>>"; display: block; position: absolute; bottom: 10px; right: 10px; width: 50px; height: 28px; font-size: 28px; font-weight: 500; color: #ff6d00;}
.boxes.list.sm .caja {width: 23%; min-width: 250px; margin-right: 2%;}
.boxes.list.sm {justify-content: flex-start;}
/*NOTICIAS*/
.new-big {display: flex; justify-content: flex-start; align-items: stretch; margin-top: 20px;}
.new-big .big-img {width: 40%; height: auto; margin: 0 20px 0 0;}
.new-big .big-img img {width: 100%;}
.new-info {width: 60%; margin: 0 20px;}
.new-info .titleNews {color: #009688; font-size: 24px; font-weight: 800; margin-bottom: 8px;}
.new-big .new-info p {padding: 0; margin: 5px 0;}
.new-big .boton {margin-top: 15px; padding: 15px 40px; display: inline-block;}
.caja.art img {display: flex; align-items: center; height: auto; width: 100%; margin: 0;}
.caja.art p {display: none; margin: 10px 20px; color: #000;}
.caja.art a {text-align: center; position: absolute; bottom: -80px; left: 25%; transition: transform .5s ease;}
.caja.art span {color: #00695c; margin: 6px 15px; font-size: 16px; font-weight: bold; display: block;}
.caja.art .new-title { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; overflow: hidden; width: 100%; height: 60px; transition: .5s ease;}
.caja.art:hover .new-title {height: 100%; background: rgba(255,255,255, 0.8);}
.caja.art:hover p {transition: .5s ease; display: block;}
.caja.art:hover a {transform: translate(0, -100px);}
.caja.art a:hover{background: #ff6d00;}
.list-news {position: relative; background: #fff; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; border: 2px solid #4db6ac;}
.list-news img {max-width:160px; border-right: 1px solid #4db6ac;}
.new-line b {font-size: 18px; margin-top: 10px;}
.new-line a {position: absolute; right: 20px; bottom: 10px; color: #ff6d00; font-weight: 700;}
.new-line {margin: 10px 100px 10px 20px; min-width: 950px;}
.new-line p em {position: absolute; right: 20px; top: 10px; color: #009688; font-weight: 300;}
.list-news:hover {border: 2px solid #ffab00;box-shadow: 0px 2px 4px 0 rgba(100, 100, 100, 0.2), 0px 3px 10px 0 rgba(100, 100, 100, 0.15); z-index: 1;}
.list-news:hover a{color: #ffab00;}
.more-news {margin-top: 20px;}
.caja.news{padding: 20px 60px 30px; border-top: 5px solid #37474f;}
.caja.news h1 {text-transform: none; font-size: 1.6em; margin:10px 0;}
.news p {color: #000;}
.caja.news img {margin: 10px; width: 40%;}
.news .tag-date {top: -6px; right: 60px;}
.caja.news table th p{color: #fff; font-weight: bold;}
.caja.news .dates{display: flex; flex-direction: column; justify-content: flex-start;}
.caja.news .dates span {color: #555; font-size: 14px; margin: 5px 0;}
/*BOLETOS*/
.bg-color .boxes .bolsa p, .bg-color .boxes .fecha-link p {color: #000;}
.boxes.featured .caja {width: 48%;}
.boxes.featured .caja .bolsa b { line-height: 60px; font-size: 56px;}
.boxes.featured .caja .bolsa p {font-size: 20px; line-height: 28px;}
.boxes.featured .caja .boton-juego {font-size: 28px;}
.boxes.featured .caja .loteria p{font-size: 24px; line-height: 35px;}
.featured .loteria-logo img {right: 40px; width: 18%;}
.pasos {display: flex; justify-content: center; margin: 20px 0 10px; align-items: flex-end; flex-wrap: wrap;}
.paso {width: 30%; margin: 10px 20px; text-align: center;}
.paso img {width: 85%; margin: 20px;}
.soon {display: flex; align-items: center; justify-content: center; margin: 18px 10px;}
span.soon {font-size: 24px; color: #009688; text-align: center;}
.caja h3 {font-size: 24px; color: #009688; text-align: center;}
.caja.rasca {display: flex; flex-direction: column; justify-content: space-between; align-items: center; min-height: 502px;}
.rasca h3, .rasca p {text-align: left; width: 90%;}
.rasca .boton-juego {margin: 15px 0;}
.rasca img {width: 100%; max-height: 300px;}
.caja.navidad.extra {width: 100%;}
.es .last-result.desglose.boxes .caja.navidad {margin: 0; display: flex; flex-direction: column;}
.es .last-result.desglose.boxes .caja.navidad .bolsa, .es .last-result.desglose.boxes .caja.navidad .fecha-link {margin-left: 350px;}
.es .last-result.desglose.boxes .caja.navidad .tag p {color: #fff; margin: 0 0 10px;}
.es .last-result.desglose.boxes .caja.navidad .bolsa b {font-size: 55px; line-height: 65px;}
.boxes.fstart {width: 100%;}
.boxes.fstart .caja {margin: 20px 10px;}
.caja.navidad .mundo {position: absolute; top: 30px; right: 30px; font-size: 30px; color: #ff9100; font-weight: 600; text-transform: uppercase; width: 450px; text-align: center;}
#countdown p, #countdown2 p {font-size: 22px; font-family: "Open Sans", sans-serif; letter-spacing: 1px; color: #ff6d00; font-weight: 600; line-height: 20px;}
#countdown p span, #countdown2 p span {margin-right: 10px;}
.boleto3 {color: #fff; background: url('/images/layout/zigzag-white.svg') repeat-x 0 26px; height: 36px; background-size: 10px 10px; text-transform: uppercase; font-size: 21px; text-align: center; margin: 0 auto; width: 200px; }
/*LOTERIA PAGE*/
.intro {display: flex; width: 100%; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin: 10px 0;}
.column {width: 60%}
.sm-bnr {width: 35%;}
.last-result.boxes .caja {width: 75%; margin: 10px 0; padding-bottom: 30px;}
.last-result.boxes {justify-content: space-between; align-items: stretch;}
.last-result .botones .boton{padding: 15px 0;}
.last-result .bolas li, .last-result .bolas li.extra {width: 50px; height: 50px;line-height: 50px; font-size: 28px; font-weight: 500; text-align: center;}
.last-result .multiplicador-si {width:54px!important; height:54px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-si img {width:54px!important; height:54px!important;}
.last-result .multiplicador-no {width:54px!important; height:54px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-no img {width:54px!important; height:54px!important;}
.last-result .bolas p {font-size: 24px;}
.last-result .chispazo .bolas p {background-position: 0 -116px;}
.last-result .tris .bolas p {background-position: 0 -174px;}
.last-result .retro .bolas p {background-position: 0 -292px;}
.last-result .retro .bolas b {background-position: 0 -350px; color: #fff;}
.last-result .gato .bolas p {background-position: 0 -233px;}
.last-result .progol .bolas li, .last-result .touch .bolas li, .last-result .touch .bolas li.extra {width: 35px; height: 35px;line-height: 35px;font-size: 28px;margin: 0 2px;}
.last-result .touch .bolas p {background-position: 0 -38px;}
.last-result .touch .bolas b {background-position: 0 -77px;}
.last-result .power .bolas p, .last-result .power .bolas b, .last-result .mega .bolas p, .last-result .mega .bolas b, .last-result.power .bolas p, .last-result.power .bolas b, .last-result.mega .bolas p, .last-result.mega .bolas b {background: url(/images/layout/sprite-balls-big-usa.png) no-repeat; background-size: 55px 230px;}
.last-result .power .bolas b {background-position: 0 -58px; color: #fff;}
.last-result .mega .bolas p {background-position: 0 -116px;}
.last-result .mega .bolas b {background-position: 0 -174px; color: #fff;}
.progol .bolas ul, .touch .bolas ul {height: auto; justify-content: flex-start;}
.more .touch .bolas ul {margin-top: 5px;}
.more .progol .bolas ul, .result .progol .bolas ul, .more .touch .bolas ul, .result .touch .bolas ul {justify-content: center;}
.progol .bolas li, .touch .bolas li {margin-bottom: 2px;}
.bolas span {font-size: 35px; font-weight: 700; margin-left: 10px;}
.last-result .bolas {justify-content: flex-start; margin: 10px 0 0 30px;}
.last-result .bolsa {margin: 0 0 10px 30px; padding: 0;}
.last-result .power .bolsa, .last-result .mega .bolsa {margin: 20px 0 0 30px;}
.last-result .bolsa p {font-size: 24px;}
.last-result .bolsa b {font-size: 38px; margin-left: 10px;letter-spacing: 3px; color: #000;}
.last-result .power .bolsa b, .last-result .mega .bolsa b {font-size: 34px;}
.last-result .tag-date {top: -6px;}
.last-result .link {position: absolute; right: 20px; bottom: 10px; color: #ff6d00; text-shadow: none;}
.icon-links {display: flex; justify-content: space-between; width: 100%; align-items: flex-end; flex-wrap: wrap; margin: 30px 0 50px;}
.icon {width: 30%; margin: 0; display: flex;flex-direction: column; text-align: center; align-items: center;}
.icon .boton {padding: 15px 40px;}
.icon object {width: 70%; margin: 30px; max-height: 230px;}
.bg-color .paso h3 {color: #fff; background: url('/images/layout/zigzag-white.svg') repeat-x 0 26px; height: 36px; background-size: 10px 10px; }
.bg-color .paso p {color: #fff;}
.row {display: flex;}
.row img {margin-left: 40px; width: 28%;}
.row p{width: 70%;}
.row .sm-bnr {margin: 10px 0;}
.row div:first-child {width: 70%}
.row div p, .row div ol {width: 90%;}
.row ol {counter-reset:li; color: #000;}
.row.tris-prizes {display:flex; flex-direction:column; text-align:center; align-items:center; justify-content:center; font-size:unset; font-weight:unset; margin:0 0 10px 30px; padding:0; width:20%; margin-right:66px; margin-left:-12;}
.row.tris-prizes b {font-size:25px; color:#009688;}
.row.tris-prizes p {width:100%; color:#000; font-size:20px;}
.bg-color .row ol {color: #fff;}
ol > li {list-style: none; margin: 0 0 6px 2em; padding: 5px; position: relative;}
ol > li:before {content: counter(li); counter-increment: li; position: absolute; top: -2px; left: -1em; color: #ffc400; font-weight: 700; font-size: 24px;}
.sorteo{display: flex; flex-direction: column; justify-content: center; margin: 5px 10px;}
.fstart .sorteo li {color: #000; font-size: 24px; font-weight: 300; display: flex; align-items: center; margin: 10px 20px;}
.sorteo.numero b {margin-left: 30px; font-weight: bold;}
.mayor .sorteo.numero li:last-child b, .superior .sorteo.numero li:last-child b, .especial .sorteo.numero li:last-child b, .diez .sorteo.numero li:last-child b, .zodiaco .sorteo.numero li:last-child b, .z-e .sorteo.numero li:last-child b, .magno .sorteo.numero li:last-child b {margin-left: 85px;}
.fstart {display: flex; width: 70%; justify-content: flex-start; align-items: center;}
.fstart .sorteo.numero {width: 80%; align-items: flex-start;}
.fstart .sorteo {width: 18%; align-items: center; font-size: 24px; font-weight: 700;}
.fstart .sorteo img {width: 55%; margin-bottom: 6px; height: 50%;}
.rslt .fstart {width: 100%;}
.rslt .fstart .sorteo.numero{width: 100%; margin-left: 0;}
.rslt .fstart .sorteo p {margin-left: 0;}
.nino .fstart .sorteo.numero ul, .nacional .fstart .sorteo.numero ul, .navidad .fstart .sorteo.numero ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; width: 90%;}
.nino .fstart, .nacional .fstart, .navidad .fstart {width: 90%;}
.desglose .nino .rslt, .desglose .navidad .rslt, .desglose .nacional .rslt, .desglose .gordo .rslt {width: 75%; align-content: center;}
.desglose .nino .boton, .desglose .navidad .boton, .desglose .nacional .boton, .desglose .gordo .boton {position: absolute; bottom: 20px; right: 20px;}
.boxes .power .bolas b:after {content: "Powerball"; font-size: 12px; text-align: center; position: absolute; color: #000; top: 35px; left: 0; }
.boxes .power .bolas span:after {content: "Power Play"; font-size: 12px; text-align: center; position: absolute; color: #000; top: 45px; left: 0; line-height: 12px;}
.boxes .mega .bolas b:after {content: "Mega ball"; font-size: 12px; text-align: center; position: absolute; color: #000; top: 55px; left: 0; line-height: 12px; }
.boxes .mega .bolas span:after {content: "Megaplier"; font-size: 12px; text-align: center; position: absolute; color: #000; top: 45px; left: -5px; line-height: 12px;}
.boxes.more .power .bolas b:after, .boxes.more .mega .bolas b:after {font-size: 9px;line-height: 10px;}
.boxes.more .power .bolas span:after, .boxes.more .mega .bolas span:after {font-size: 9px; line-height: 10px;}
.boxes.more .mega .bolas b:after, .boxes.more .power .bolas b:after {top: 42px;}
.power .bolas b, .power .bolas span, .mega .bolas b, .mega .bolas span {position: relative;}
.result .caja.power, .result .caja.mega {height: auto;}
.result .caja.power .bolsa, .result .caja.mega .bolsa {margin: 20px 0 0;}
.icon.box {border: 1px solid #009688; height: 346px; display: flex; flex-direction: column; justify-content: center;}
.icon.box span {text-transform: uppercase; font-weight: bold; color: #009688; font-size: 21px; margin-bottom: 20px;}
.icon.box hr {color: #009688; width: 60%; height: 2px; background: #009688;}
.icon.box .boton {margin: 10px 0;}
.caja2.raspadito .titulo span {text-transform: uppercase; font-size: 21px; font-weight: bold; color: #37474f; padding: 10px; margin-top: 10px;}
/*INFORMACION*/
.caja.info {padding: 0; box-sizing: border-box; margin: 20px 0; padding-bottom: 10px;}
.caja.info .titulo span {text-transform: uppercase; font-size: 21px; font-weight: bold; color: #37474f; padding: 10px; margin-top: 10px;}
.caja.info p {margin-bottom: 15px; padding: 10px; padding-top: 0;}
.caja.info .titulo {padding: 10px 0;}
.caja.info .link{margin-right: 10px;}
.caja.info:hover .titulo span {color: #009688; transition: 0.2s all ease-out;}
.caja.info:hover, .caja.horoscopo:hover, caja.raspadito:hover {box-shadow: 0px 0px 25px rgba(0, 150, 136, 0.5);}
.caja .signo {width: 20%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.caja.horoscopo {display: flex; flex-direction: row; justify-content: space-around; min-height: 200px; align-items: center; box-sizing: border-box; padding: 10px;}
.caja.horoscopo p {width: 65%; font-size: 15px;}
.caja2.raspadito {display: flex; flex-direction: row; justify-content: space-around; min-height: 200px; align-items: center; box-sizing: border-box; padding: 10px;}
.caja2.raspadito p {width: 50%; font-size: 15px;}
.caja .signo img {height: 55px; margin-bottom: 10px; max-width: 70px;}
.caja .signo span {text-transform: uppercase; font-size: 14px; font-weight: 600;}
.caja.horoscopo:hover p span {color: #ff6d00; font-weight: bold;}
/*DESGLOSE*/
.last-result .tag {height: 180px; top: -6px; left: 10px; width: 260px; display: flex; justify-content: center; flex-direction: column;align-items: center;}
.last-result .tag:after {border-top: 40px solid white; border-left: 130px solid transparent; border-right: 130px solid transparent; top: 180px;}
.last-result .melate .tag:after {border-top-color: #e91e63;}
.last-result .melate .tag {background: linear-gradient(#fc428e, #e91e63)}
.last-result .retro .tag:after {border-top-color: #c51162;}
.last-result .retro .tag {background: linear-gradient(#e52083, #c51162)}
.last-result .tris .tag:after {border-top-color: #8bc34a;}
.last-result .tris .tag {background: linear-gradient(#a8e363, #8bc34a)}
.last-result .gato .tag:after {border-top-color: #9c27b0;}
.last-result .gato .tag {background: linear-gradient(#ab47bc, #9c27b0)}
.last-result .progol .tag:after {border-top-color: #001ca5;}
.last-result .progol .tag {background: linear-gradient(#173abc, #001ca5)}
.last-result .touch .tag:after {border-top-color: #ff3d00;}
.last-result .touch .tag {background: linear-gradient(#ff5d00, #ff3d00)}
.last-result .chispazo .tag:after {border-top-color: #ffd600;}
.last-result .chispazo .tag {background: linear-gradient(#ffea00, #ffd600)}
.last-result .zodiaco .tag:after {border-top-color: #2196f3;}
.last-result .zodiaco .tag {background: linear-gradient(#55b2fc, #2196f3)}
.last-result .z-e .tag:after {border-top-color: #1DE9B6;}
.last-result .z-e .tag {background: linear-gradient(#1DE9B6, #1DE9B6)}
.last-result .mayor .tag:after {border-top-color: #ffa10b;}
.last-result .mayor .tag {background: linear-gradient(#f9ad3e, #ffa10b)}
.last-result .superior .tag:after {border-top-color: #388e3c;}
.last-result .superior .tag {background: linear-gradient(#41b741, #388e3c)}
.last-result .especial .tag:after {border-top-color: #d60033;}
.last-result .especial .tag {background: linear-gradient(#e81c56, #d60033)}
.last-result .magno .tag:after {border-top-color: #aa00ff;}
.last-result .magno .tag {background: linear-gradient(#b029ff, #aa00ff)}
.last-result .diez .tag:after {border-top-color: #acc617;}
.last-result .diez .tag {background: linear-gradient(#bfce29, #acc617)}
.last-result .nino .tag:after {border-top-color: #ff8f00;}
.last-result .nino .tag {background: linear-gradient(#f7972f, #ff8f00)}
.last-result .navidad .tag:after {border-top-color: #ea1a15;}
.last-result .navidad .tag {background: linear-gradient(#f93a3a, #ea1a15)}
.last-result .gordo .tag:after {border-top-color: #101047;}
.last-result .gordo .tag {background: linear-gradient(#072047, #101047)}
.last-result .nacional .tag:after {border-top-color: #26c6da;}
.last-result .nacional .tag {background: linear-gradient(#52d7e2, #26c6da)}
.last-result .power .tag:after {border-top-color: #f70000;}
.last-result .power .tag {background: linear-gradient(#f92828, #f70000)}
.last-result .mega .tag:after {border-top-color: #3b61dc;}
.last-result .mega .tag {background: linear-gradient(#5177f3, #3b61dc)}
.last-result .melate .tag img, .last-result .gordo .tag img, .last-result .retro .tag img, .last-result .gato .tag img, .last-result .touch .tag img, .last-result .nino .tag img, .last-result .navidad .tag img, .last-result .nacional .tag img, .last-result .power .tag img, .last-result .mega .tag img {margin-top: 30px; width: 60%; height: 60%;}
.last-result .tris .tag img, .last-result .chispazo .tag img {margin-top: 30px; width: 42%; height: 42%;}
.last-result .progol .tag img, .last-result .zodiaco .tag img, .last-result .z-e .tag img, .last-result .mayor .tag img, .last-result .superior .tag img, .last-result .especial .tag img, .last-result .diez .tag img, .last-result .magno .tag img {margin-top: 30px; width: 70%; height: 70%;}
.last-result .tag p {font-size: 21px; font-weight: 600; z-index: 1;}
.desglose.boxes .caja {min-height: 235px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row;}
.desglose .rslt {padding: 20px 0 10px; display: flex; flex-direction: column; width: 48%;}
.rslt p {color: #000; font-size: 18px; font-weight: 500;}
.melate .rslt .bolas, .tris .rslt .bolas, .chispazo .rslt .bolas {margin-top:0;}
.desglose .melate .rslt, .desglose .tris .rslt {width: 45%;}
.desglose .melate .ganadores, .desglose .tris .ganadores {width: 25%;}
.melate .ganadores p b, .tris .ganadores p b {margin-left: 0;}
.desglose .progol .rslt, .desglose .touch .rslt {width: 51%;}
.ganadores {display: flex; flex-direction: column; width: 20%; text-align: center; font-size: 21px; align-items: center; justify-content: center;}
.caja .ganadores.bolsa {margin-right: 20px;}
.desglose .caja .bolsa, .desglose .caja .bolas {margin-left: 0;}
.desglose .mayor .bolsa, .desglose .superior .bolsa, .desglose .magno .bolsa, .desglose .especial .bolsa, .desglose .diez .bolsa, .desglose .zodiaco .bolsa, .desglose .z-e .bolsa {position: absolute; top: 30%; right: 20px;}
.desglose .mayor .rslt, .desglose .superior .rslt, .desglose .magno .rslt, .desglose .especial .rslt, .desglose .diez .rslt, .desglose .zodiaco .rslt, .desglose .z-e .rslt {width: 70%;}
.desglose .zodiaco .rslt .sorteo.numero {width: 40%;}
.desglose .z-e .rslt .sorteo.numero {width: 40%;}
.rslt .bolsa p {font-weight: 300;}
table {position: relative; width: 100%; background-color: #fff; border: 1px solid #cdcdcd; border-top: 5px solid #37474f; border-collapse: collapse; margin: 30px auto; text-align: center;}
th {background-color: #009688; border-right: 1px solid #fff; color: #fff; font-weight: 500; font-size: 24px; padding: 10px 20px;}
th:last-child {border-right: none;}
tbody {font-size: 21px; font-weight: 500; }
tbody p {font-weight: 400; font-size: 18px; margin: 0;}
td {border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; padding: 5px;}
tr.dark td {color: #FFF;}
table .bolas {margin: 0;}
table .numero b {font-size: 36px;}
.mobcontainer .bolas ul {flex-wrap: nowrap;}
.mobcontainer .gato .bolas {margin: 0;}
.mobcontainer .progol span {color: #001ca5; font-weight: 700; font-size: 21px;}
.mobcontainer .progol a span, .mobcontainer .touch a span {color: #ffab00; font-weight: 700; font-size: 18px;}
.mobcontainer .progol a:visited span, .mobcontainer .touch a:visited span {color: #ff6d00; }
.mobcontainer .touch span {color: #ff3d00; font-weight: 700; font-size: 21px;}
.progol td {padding: 10px 5px;}
.inline {padding: 10px 0;}
.pie p{position: absolute; bottom: -40px;}
.pie table{margin-bottom: 50px;}
.pie {position: relative;}
.bg-color .pie table {border-right: 1px solid #fff; border-left: 1px solid #fff;}
table td a {color: #ffab00; text-transform: capitalize; text-decoration: none;}
table td a:hover {color: #ffc400; text-decoration: underline;}
table td a:visited {color: #ff6d00;}
table.nacional .sorteo.numero p {display: flex;justify-content: center; margin: 10px 0;}
.desglose table .bolas p, .desglose table .bolas b {font-size: 16px; line-height: 25px;}
.desglose table.melate .bolas p {background-position: 0 0;}
.desglose table.melate .bolas b {background-position: 0 -26px;}
.desglose table.retro .bolas b {background-position: 0 -239px;}
.desglose table.retro .bolas p {background-position: 0 -213px;}
.desglose table.chispazo .bolas p {background-position: 0 -53px;}
.desglose table.progol .bolas p {background-position: 0 -132px;}
.desglose table.tris .bolas p {background-position: 0 -79px;}
.desglose table.gato .bolas p {background-position: 0 -106px;}
.desglose table .bolas p, .desglose table .bolas b {background: url(/images/layout/sprite-balls-min.png) no-repeat; background-size: 25px 264px; width: 25px; height: 26px; margin: 0 1px;}
.desglose table.power .bolas p, .desglose table.power .bolas b, .desglose table.mega .bolas p, .desglose table.mega .bolas b {background: url(/images/layout/sprite-balls-min-usa.png) no-repeat; background-size: 25px 105px; width: 25px; height: 26px; margin: 0 1px;}
.desglose table.power .bolas b {background-position: 0 -26px;}
.desglose table.mega .bolas p {background-position: 0 -53px;}
.desglose table.mega .bolas b {background-position: 0 -80px;}
.desglose .bolas {height: auto;}
.next-draw {position: absolute; top: 30px; right: 60px; font-size: 24px; color: #009688; font-weight: bold;}
.next-draw b {text-transform: uppercase; font-size: 28px; text-align: center; margin: 0 auto; display: block; color: #37474f;}
p i {font-size: 21px; font-weight: 700;}
.desglose .bolas span{line-height: 35px;}
table .fstart {width: 100%;}
table .fstart .sorteo, table .sorteo {margin: 0 auto;}
.rslt b {font-size: 21px; color: #009688;}
table.tris td:last-child b {color: #000;}
form select#selYear {background-position: 165px 15px;}
.notes{display: flex; background: #00695c; color: #fff; justify-content: space-around; align-items: center; }
.notes span {font-size: 32px; padding: 0 5px;}
.notes p {font-weight: bold; padding: 0 20px; text-align: center;}
.tabla.pedrea {display: flex; flex-direction: column; width: 100%; background: #fff; position: relative; border-top: 4px solid #37474f; margin: 15px auto; height: 300px; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);}
.pedrea .title {background: #009688; color: #fff; margin: 0; width: 100%; text-align: center; height: 40px; line-height: 40px; letter-spacing: 1px; font-size: 21px; text-transform: uppercase; font-weight: bold;}
.pedrea-box {display: flex; flex-wrap: wrap; font-size: 20px; font-weight: bold; margin: 20px auto; width: 91%;}
.pedrea-box li {margin: 2px 15px;}
.ver-mas {position: absolute; top: 10px; right: 15px; font-size: 12px; font-weight: bold; color: #fff; text-decoration: underline; cursor:pointer;}
.ver-mas:hover{color: #ffc400;}
.pedrea:after {width: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 90%); height: 55px;content: "";}
.pedrea.open {height: 100%; transition: all .5s ease;}
.pedrea.open:after{background: transparent; display: none;}
.ver-mas.hide {display: none;}
/*FAQS*/
#preguntas {display: flex; flex-direction: column; width: 85%; align-items: center;justify-content: center; margin: 20px auto;}
.question {background: #f9f9f9; width: 90%; margin-bottom: 30px; overflow: hidden; width: 90%; }
.question span {padding: 6px 30px; display: flex;background: #009688; justify-content: space-between; cursor: pointer; align-items: center; text-decoration: none; color: #fff;}
.question span p{font-size: 22px; font-weight: 500;}
.question span.down-arrow span {font-size: 36px; line-height: 22px;transition:all 0.4s ease-in; padding: 0; background: none;}
.answer {max-height: 0; transition:max-height 0.3s ease-out; border: 1px solid transparent; }
.answer p{margin: 10px 30px;}
.answer.open {max-height: 810px; transition:max-height 0.6s ease-in; border: 1px solid #cdcdcd;}
.question span.down-arrow.open span {transform: rotate(180deg);transition:all 0.4s ease-in;}
.question span.down-arrow.open {align-items: center; background-color: #ff9100;}
.answer a {background: none; text-decoration: underline; padding: 0; margin: 0; display: inline; color: #ff6d00;}
.answer ul {margin-left: 50px; font-size: 14px;}
.answer ul li {margin: 5px;}
.row.min-img p{width: 80%;}
.row.min-img img {width: 140px; margin: 0;}
.row.min-img {justify-content: space-between; flex-direction: row;}
.expand-all {display: flex; justify-content: flex-end; margin: 10px 0; width:90%;}
.expand-all span{color: #ff6d00; content: ""; font-weight: bold; text-decoration: underline; cursor: pointer; letter-spacing: 1px;}
.expand-all span:after{content:"Abrir todas +";}
.expand-all span.collapse:after{content: "Cerrar todas -";}
/*ESTADISTICA*/
.suerte {width: 100%; display: flex; justify-content: space-around; align-items: center; margin: 30px 0; flex-wrap: wrap;}
.prueba {width: 18%; display: flex; flex-direction: column; justify-content: center;align-items: center;}
.prueba small{color: #fff; margin-bottom: 10px;}
.prueba form {width: 80%; display: flex; flex-direction: column;}
.prueba form input {color: #000; font-size: 55px; line-height: 70px; text-align: center; padding: 10px 0; font-weight: 600; width: 100%; border-width: 0;}
.prueba form button {cursor: pointer;}
.estadistica {width: 45%; margin: 0 10px; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; opacity: 0.5; transition: all 2s;}
.estadistica .lineone {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.estadistica .linetwo {margin-top: 10px; display: flex; width: 100%; justify-content: space-between;}
.estadistica p b {font-size: 26px; margin: 0 5px;}
.estadistica p {line-height: 26px; font-size: 21px;}
.lineone .meter-line {position: relative; width: 70%; height: 25px; background-color: #fff;}
.lineone .meter-line span {height: 100%; position: absolute; left: 0; top: 0; z-index: 4; width:0; transition: width .75s ease-in-out;}
.lineone .meter-line .orange {background: #ff9100;}
// .lineone .meter-line:hover span {animation: fill 1.5s ease-in-out;}
.meter {opacity: 0.5; position: relative; transition: all 2s;}
.half-circle span {position: absolute; top: 60%;left: 50%; transform: translate(-50%); text-align: center; font-size: 26px; color: #fff; width:100%;}
// #meter path.color {fill: none;stroke-width:16px;stroke:#ffc400; stroke-dasharray: 471px;stroke-dashoffset: 471px;animation: meter 4s infinite;}
#meter path.color {fill: none;stroke-width:16px;stroke:#ffc400; stroke-dasharray: 471px;stroke-dashoffset: 471px; transition: all .75s ease-in-out;}
.bolas.cell{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; border: 1px solid #ffc400; width: 17%; height: auto;}
.bolas.cell span{font-size: 14px; text-align: center; font-weight: 400; margin: 0;}
.line {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 20px;}
.bolas.cell ul {height: auto;}
.bolas.cell .title{font-weight: 700; font-size: 21px; color: #009688; margin-bottom: 5px;}
@-webkit-keyframes meter {
from {stroke-dashoffset: 471px;}
to{stroke-dashoffset:0px;}
}
@-webkit-keyframes fill {
0% {width: 0;}
100% {}
}
table .inline .bolas ul {margin: 0;}
.power.powerball .bolas li {background: #f70000; color: #fff;}
.mega.megaball .bolas li {background: #3b61dc; color: #fff;}
/*VERIFICADOR*/
.last-result.sel .caja {border-top: 5px solid #37474f; position: relative; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-end; padding: 20px 50px;}
.last-result.sel .tag {width: 170px; height: 115px;}
.last-result.sel .melate .tag:after {border-top: 20px solid #e91e63; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 115px;}
.last-result.sel .retro .tag:after {border-top: 20px solid #c51162; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 115px;}
.last-result.sel .tris .tag:after {border-top: 20px solid #8bc34a; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 115px;}
.last-result.sel .gato .tag:after {border-top: 20px solid #9c27b0; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 115px;}
.last-result.sel .chispazo .tag:after {border-top: 20px solid #ffd600; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 115px;}
.last-result.sel .nino .tag:after {border-top: 20px solid #ff8f00; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 125px;}
.last-result.sel .navidad .tag:after {border-top: 20px solid #ea1a15; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 125px;}
.last-result.sel .nacional .tag:after {border-top: 20px solid #26c6da; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 125px;}
.last-result.sel .power .tag:after {border-top: 20px solid #f70000; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 115px;}
.last-result.sel .mega .tag:after {border-top: 20px solid #3b61dc; border-left: 85px solid transparent; border-right: 85px solid transparent; top: 115px;}
.last-result.sel .nino .tag, .last-result.sel .navidad .tag, .last-result.sel .nacional .tag {height: 125px;}
.last-result.sel .nino .tag img, .last-result.sel .navidad .tag img, .last-result.sel .nacional .tag img, .last-result.sel .power .tag img, .last-result.sel .mega .tag img {width: 48%; margin-top: 20px;}
.last-result.sel .nino .tag p, .last-result.sel .navidad .tag p, .last-result.sel .nacional .tag p {font-size: 18px; text-align: center;}
.last-result.sel .caja.nino, .last-result.sel .caja.navidad, .last-result.sel .caja.nacional {min-height: 130px;}
.sel .tag p{margin-top: 2px;}
.combinacion {font-size: 21px; display: flex; align-items: center; margin-top: 20px;}
.combinacion a {display: block; background: #fdfdfd; color: #000; text-decoration: none; border: 2px solid #e91e63; width: 40px; height: 40px; font-size: 24px; font-weight: 500; text-align: center; line-height: 40px; margin: 0 10px;}
.combinacion.juego a {width: auto; font-size: 21px; padding: 0 5px;}
.melate .combinacion a.active {background: #e91e63; color: #fff;}
.tris .combinacion a.active {background: #8bc34a; border: 2px solid #8bc34a; width: auto; font-size: 21px; padding: 0 5px; color: #fff;}
.chispazo .combinacion a.active {background: #ffd600; border: 2px solid #ffd600; color: #fff;}
.retro .combinacion a.active {background: #c51162; border: 2px solid #c51162; color: #fff;}
.tris .combinacion a {border: 2px solid #8bc34a; width: auto; font-size: 21px; padding: 0 5px;}
.chispazo .combinacion a {border: 2px solid #ffd600;}
.retro .combinacion a {border: 2px solid #c51162;}
.grid {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-top: 50px; width: 100%;}
.grid a {display:block; text-decoration: none; color: #000; font-size: 21px; background: #fdfdfd; border: 2px solid #333; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 5px;}
.tris .grid a.Selected {border: 2px solid #8bc34a;}
.retro .grid a.Selected {border: 2px solid #c51162;}
.chispazo .grid a.Selected {border: 2px solid #ffd600;}
.power .grid.extra a, .mega .grid.extra a {background: #333; color: #fff;}
.mega .grid a.Selected {border: 2px solid #3b61dc;}
.melate .grid a.Selected {border: 2px solid #e91e63;}
.power .grid.extra a.Selected {background: #f70000; color: #fff;}
.power .grid a.Selected {border: 2px solid #f70000; background: #fff; color: #f70000;}
.mega .grid.extra a.Selected {background: #3b61dc; color: #fff;}
.grid a.Disabled, .boton:disabled {filter: grayscale(100%); opacity: 0.3;}
.power .title, .mega .title {font-size: 24px; color: #000; font-weight: 400; margin: 8px;}
.power .grid.extra, .mega .grid.extra {margin-top: 0;}
.tris .grid {justify-content: center; flex-direction: column; width: 100%; margin-top: 20px;}
.check {display: flex; align-items: center; margin-right: 10px;}
.check .link {color: #4db6ac; position: relative; bottom: 0;}
.bolas.grey li, .bolas.grey li.extra {filter: grayscale(100%); opacity: 0.6; color: #777;}
.bolas.grey li.extra{color: #fff; font-weight: normal;}
td:last-child b {color: #009688; font-size: 21px; font-weight: 700;}
td:nth-child(3) p {color: #ff6d00; font-weight: 700;}
.bolas.grey li.active {opacity: 1; filter: grayscale(0); color: #000;}
.bolas.grey li.extra.active {opacity: 1; filter: grayscale(0); color: #fff;}
.comprobar .caja {border-top: 5px solid #37474f; width: 70%; margin: 0; display: flex; justify-content: flex-start; align-items: center; padding: 10px 20px;}
.comprobar .caja .tag-date {right: 10px; top: -6px; }
.comprobar .caja .tag-date b {color: #fff;}
.comprobar {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.comprobar b {color: #009688; font-size: 22px; font-weight: 700;}
.comprobar .title{margin: 0; font-weight: bold; font-size: 16px;}
.bg-color table {border: 0; border-top: 5px solid #37474f;}
table .bolas {height: auto;}
.nino .check, .navidad .check, .nacional .check {justify-content: flex-start; width: 80%;}
.nino .check p, .navidad .check p, .nacional .check p {font-size: 21px; font-weight: 300;color: #000; margin-right: 25px;}
.check form {display: flex; width: 50%;}
.check form input {color: #000; font-size: 35px; line-height: 40px; text-align: center; padding: 5px 0; font-weight: 600; width: 45%;}
.check .boton {color: #fff;}
input[type=checkbox] {background: #fff; border: 2px solid; -webkit-appearance: none; width: 30px; height: 30px; margin: 5px 10px; cursor: pointer;}
input[type=checkbox]:checked {background: #009688;}
.mega input[type=checkbox]:checked {background-color: #ff333d;}
.power input[type=checkbox]:checked {background-color: #f92828;}
.mega input {border-color: #3b61dc;}
.power input { border-color: #f70000;}
label {content: "X"; color: #000; display: inline-block; width: 30px; height: 30px;}
.last-result.sel .caja.gato {flex-direction: row; justify-content: space-between;}
.gato .gato-tabla {margin-left: 30%; height: 250px; width: 300px;}
.gato-tabla table {border: none; width: 100%; height: 100%; margin: 0;}
.gato-tabla table td:last-child {border-right:none;}
.gato-tabla table tr:last-child td {border-bottom: none;}
.gato-tabla table td {border-color: #9c27b0; border-width: 2px;}
#status {position: absolute; top: 140px; left: 60px; font-size: 24px; color: #009688; font-weight: bold; text-transform: uppercase;}
.tris #status {top: 225px; left: 70px; width: 150px;}
.tableChecker {position: relative; background: none; border: none; width: 100%; margin: 0;}
.tableChecker td{text-align: left; border: none;}
.tableChecker td p{text-transform: none;}
.tableChecker td .bolas, .tableChecker td .bolas ul{justify-content: flex-start;}
.tableChecker td.equal{color: #ffab00; width: 10%; text-align: center; font-size: 40px;}
.tableChecker td:nth-child(3) p {color: #000; font-weight: normal;}
.tableChecker td:first-child {width: 44%;}
.comprobar .bolas, .comprobar .bolas ul{height: auto; justify-content: flex-start;}
td b span {color: red;}
.checking th {padding: 5px;}
.checking .bolas li {width: 30px; height: 30px; line-height: 30px; border-width: 2px; margin: 5px 2px; font-size: 20px;}
table .bolas li.no-ball{background: none; border:none; filter: grayscale(0); opacity: 1; color: #000;}
table .bolas ul {height: auto;}
/*GENERADOR*/
.last-result.melate b{background-position: 0 -58px;}
.last-result.retro b{background-position: 0 -350px;}
.last-result.retro p{background-position: 0 -292px;}
.last-result.chispazo p{background-position: 0 -116px;}
.last-result.gato p{background-position: 0 -232px;}
.last-result.tris p{background-position: 0 -174px;}
.last-result.power .bolas b {background-position: 0 -58px;}
.last-result.mega .bolas p {background-position: 0 -116px;}
.last-result.mega .bolas b {background-position: 0 -174px;}
.generador {display: flex; width: 80%; justify-content: space-around; align-items: center; margin: 10px auto;}
.generador .bolas {margin-left: 0; margin-top: 0;}
.archivo .generador {justify-content: center;}
.archivo .generador .boton {margin: 10px 0;}
.archivo form {width: 320px; margin: 10px 25px; display: flex; align-items: center; justify-content: space-around;}
form select {height: 40px; padding: 5px 30px 5px 10px; font-size: 18px; border-color: #ffc400; background: url('/images/layout/triangle-down.png') no-repeat #fff; background-size: 15px 10px; background-position: 80px 15px; font-family:"Open Sans", sans-serif; -webkit-appearance:none; cursor: pointer;}
#playNumbers b {color: #fff; font-size: 24px; font-weight: 600;}
.generador.gato .gato-tabla {margin-left: 0; height: 280px; width: 351px;}
.gato-tabla table {background: transparent; text-align: center;}
.gato-tabla table td {text-align: center; width:117px;}
.gato-tabla table td p, .gato-tabla table td img{text-align: center; margin: 0 auto; display: inline-block;}
.gato-tabla table td:last-child p { color: #000;}
.gato-tabla table td {border-color: #fff;}
.bolas ul li span{margin-left: 0; font-size: 24px;}
/*PREMIOS*/
.bolas .main{background: #fafafa; border-width: 2px; width: 20px; height: 20px; border-radius: 50%; margin: 5px 2px; border-style: solid;}
.bolas span.extra{border-width: 2px; width: 20px; height: 20px; border-radius: 50%; margin: 2px; border-style: solid;}
.melate .bolas .main{border-color: #e91e63;}
.melate .bolas span.extra{border-color: #e91e63; background: #e91e63;}
.retro .bolas .main{border-color: #c51162;}
.retro .bolas span.extra{border-color: #c51162; background: #c51162;}
.power .bolas .main{border-color: #f70000;}
.power .bolas span.extra{border-color: #f70000; background: #f70000;}
.mega .bolas .main{border-color: #3b61dc;}
.mega .bolas span.extra{border-color: #3b61dc; background: #3b61dc;}
.chispazo .bolas .main{border-color: #ffd600;}
.tris .bolas .main{border-color: #8bc34a;}
/*VENTA*/
#table .loc thead th {font-size: 15px; font-weight: 600;}
#table .loc tbody td {font-size: 13px;}
/*FOOTER*/
footer {background-color: #37474f; display: flex; padding: 20px 0; align-items: center; justify-content: space-around; width: 100%; flex-wrap: wrap;}
.foot-text {width: 45%; color: #fff; text-align: center;}
.foot-nav a {color: #fff; font-size: 16px; font-weight: 500; margin: 0 20px;}
.foot-nav a:hover {color: #ffc400;}
ul.foot-nav {margin-bottom: 10px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
ul.foot-nav li {border-right: 1px solid #fff;}
ul.foot-nav li:last-child{border-right: none;}
.foot-text span {font-size: 16px; font-weight: 300; margin: 0 20px; }
.social-media {width: 15%; background-color: #4db6ac; display: flex; justify-content: space-around; align-items: center; border-radius: 5px;}
.social-media span {color: #fff; font-size: 16px; font-weight: 500; margin: 0 5px 0 10px;}
.social-media a {border: 1px solid transparent; width: 50px; height: 50px; margin: 10px 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#fb {background-image: url('/images/icons/facebook.jpg'); background-size: cover;}
#tw {background-image: url('/images/icons/twitter.jpg'); background-size: cover;}
.social-media a img {width: 100%;}
footer .logo {margin: 0;}
.social-media a:hover {border: 1px solid #fff; transform: translate(0, -4px)}
/*--------------about us-----------------*/
.titleBig {font-size:24px; font-weight:700; letter-spacing:-1px; margin:30px 0 10px;}
.about .introBox {text-align:center;}
.about .introBox p {font-size:16px;}
.writers .rowT {display:flex; margin-bottom:20px;}
.writers .writer {display:flex; border:1px solid #e7e7e7;margin-left:20px; padding:20px; background:#f4f4f4;}
.writers .writer:first-child{margin-left:0;width:initial}
.writers .writer p:last-child{margin-bottom:0;}
.writers .avatar{margin-right:20px;}
.writers .avatarImg {border-radius:50%; width:80px; height:80px;}
.writers .linkIcon {width:20px; display:block; margin:auto;}
.writers .titleT {font-size:21px;}
.writers .subTitle {font-weight:700; color:#00695c; margin-bottom:10px;}
@media screen and (max-width: 1599px) {
.loteria p {font-size: 21px;}
.caja .loteria {padding: 8px 0 8px 10px; }
.tag {background: white; display: inline-block; height: 60px; margin-left: 20px; position: absolute; top: -6px; right: 15px; width: 120px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);}
.tag:after {border-top: 35px solid white; border-left: 60px solid transparent; border-right: 60px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 60px; width: 0; filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.1));}
.loteria-logo img {position: absolute; top: -4px; right: 36px; z-index: 2; width: 20%; min-width: 85px; filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.1)); }
.boton-juego {font-size: 16px;}
.fecha-link {margin: 0 15px 10px;}
.result .fecha-link .boton { font-size: 16px; padding: 8px 12px;}
.list-news img {display: none;}
.new-line {margin: 30px 10px; min-width: 0;}
.new-line p {margin: 0;}
.caja.art span {margin: 6px 10px; font-size: 14px;}
.caja.art p {margin: 6px 10px; font-size: 14px;}
.paso {margin: 5px 10px; width: 29%;}
.featured .tag {background: white; display: inline-block; height: 80px; margin-left: 20px; position: absolute; top: -6px; right: 15px; width: 160px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);}
.featured .tag:after {border-top: 35px solid white; border-left: 80px solid transparent; border-right: 80px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 80px; width: 0; filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.1));}
.featured .loteria-logo img {min-width: 105px;}
.last-result .bolas li, .last-result .bolas li.extra {width: 40px; height: 40px;line-height: 40px; font-size: 24px; margin: 0 4px;}
.otras .loteria-logo img, .es .loteria-logo img {width: 18%; top: 3px; right: 42px; max-width: 65px; margin: 0;}
.es .loteria-logo img {min-width: initial;}
.es .loteria p {font-size: 18px;}
.desglose .nino .rslt, .desglose .navidad .rslt, .desglose .nacional .rslt {width: 70%;}
.last-result .power .bolas p, .last-result .power .bolas b, .last-result .mega .bolas p, .last-result .mega .bolas b, .last-result.power .bolas p, .last-result.power .bolas b, .last-result.mega .bolas p, .last-result.mega .bolas b {width: 40px; height: 40px;line-height: 40px; font-size: 24px; margin: 0 5px;}
.soon {margin: 12px 10px;}
.boxes .power .bolas b:after {font-size: 9px;}
.boxes .power .bolas span:after, .boxes .mega .bolas span:after, .boxes .mega .bolas b:after {font-size: 9px; line-height: 10px;}
.boxes .mega .bolas b:after {top: 40px;}
.next-draw {width: 200px; text-align: center;}
span.soon {font-size: 18px;}
.tableChecker{width: 93%;}
.slider li img{top: 45%;}
.retro .loteria-logo img {min-width: 80px; right: 42px;}
.sena .loteria-logo img {min-width: 75px; right: 38px;}
.last-result .multiplicador-si {width:46px!important; height:46px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-si img {width:46px!important; height:46px!important;}
.last-result .multiplicador-no {width:46px!important; height:46px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-no img {width:46px!important; height:46px!important;}
}
@media screen and (max-width: 1310px) {
.slider {height: 300px;}
.slider li {height: 250px;}
.slider li img {width: 105%; top: 60%;}
.slider li .new-title { padding: 5px;}
.slider li .new-title span {font-size: 14px; margin: 2px 5px; line-height: 16px;}
.slider li .new-title p {font-size: 12px; margin: 2px 5px; line-height: 16px;}
.slider li .new-title a {padding: 4px 5px; font-size: 14px; margin: 2px auto;}
.breadcrumbs span {color: #ff6d00; font-size: 16px; padding: 0 2px;}
.content-page {width: 90%;}
.caja {min-width: 320px;}
.otras .caja {margin: 0 5px 20px;}
footer {flex-direction: column;}
footer .logo {margin: 0 0 10px; width: 100%; display: flex; align-items: center; justify-content: center; }
.social-media {width: 70%; margin: 5px 10px 0; max-width: 250px;}
.foot-text p {margin: 0 5px 5px;}
.foot-text {width: 100%; margin: 10px 0;}
.top-menu {min-height: 46px;}
.last-result .link {font-size: 16px;}
.last-result .link {position: relative; justify-content:flex-end; margin-right: 15px; right: 0; bottom: 0;}
.caja.news h1 {text-transform: none; font-size: 1.4em; margin:10px 50px 10px 0;}
.caja.navidad .mundo {font-size: 24px; width: 300px;}
.comprobar {flex-direction: column;}
.comprobar .caja {width: 90%;}
.comprobar .caja.left h3 {width: 20%;}
}
@media screen and (max-width: 1120px) {
.boxes, .boxes.list.sm, .resultados, .loterias {justify-content: center;}
nav a.compra {margin-right: 50px;}
.boxes .caja {margin: 0 5px 20px;}
.resultados .caja {margin: 0 5px 20px;}
.loterias .caja {margin: 0 5px 20px;}
nav a {font-size: 16px; padding: 0 4px;}
.top-menu .logo {width: 40%}
.top-menu .logo a img {width: 90%;}
.slider li img {top: 52%;}
.caja.art a {bottom: 5px; left:10px; opacity:1; font-size: 12px; padding: 2px 5px;}
.caja.art:hover a {transform: translate(0,0);}
.caja.art span {margin: 2px 10px; font-size: 14px;}
.caja.art .new-title {height: 70px;}
.new-big .big-img {width: 50%; height: 50%; margin-right: 10px;}
.new-info {width: 50%; margin: 0 10px 0 0;}
.boxes.featured .caja {width: 95%;}
.boxes.featured .caja {min-width: 310px; max-width: 330px;}
.boxes.featured .caja .loteria p {font-size: 20px; line-height: 30px;}
.boxes.featured .caja .bolsa p {font-size: 20px;}
.boxes.featured .caja .bolsa b {font-size: 50px;}
.boxes.featured .caja .boton-juego {font-size: 20px;}
.featured .tag {background: white; display: inline-block; height: 60px; margin-left: 20px; position: absolute; top: -6px; right: 15px; width: 120px; box-shadow: 0 2px 4px 0 rgba(100, 100, 100, 0.2), 0 2px 10px 0 rgba(100, 100, 100, 0.19);}
.featured .tag:after {border-top: 35px solid white; border-left: 60px solid transparent; border-right: 60px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 60px; width: 0; filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.1));}
.featured .loteria-logo img {position: absolute; top: 3px; right: 30px; z-index: 2; width: 20%; min-width: 85px; filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.1)); }
.melate .bolas img, .tris .bolas img, .chispazo .bolas img {width: 10%; margin: 0;}
.last-result.boxes .caja {width: 100%; max-width: none;}
.botones {margin: 10px auto 0; width: 90%; max-width: 320px;}
.botones .boton {margin: 8px 0;}
.comprobar .caja {flex-direction: column; margin-top: 15px;}
.comprobar .caja.left {align-items: flex-start; padding: 10px;}
.tableChecker td div p{text-align: left;margin: 0;}
.tableChecker td{padding-top: 20px;}
.tableChecker {width: 100%;}
.tableChecker td .bolas p{text-align: center; margin: 4px;}
.combinacion {justify-content: center;}
.combinacion a {margin: 0 4px; width: 50px;}
.grid {justify-content: center;}
.last-result .tag {position: relative; margin: 0 auto; left: 0; }
.last-result .caja .tag {width: 200px; height: 100px;}
.last-result .tag:after {top:100px; border-top: 35px solid; border-left: 100px solid transparent; border-right: 100px solid transparent;}
.content-page.last-result.sel .tag:after {top:100px; border-left: 100px solid transparent; border-right: 100px solid transparent;}
.last-result.sel .caja, .last-result.sel .caja.gato {padding: 0 5px; align-items: center; flex-direction: column; }
.gato .gato-tabla {margin: 30px 0 20px;}
.last-result .caja .tag img, .last-result.sel .caja .tag img {width: 38%; margin: 15px auto 0;}
.last-result .caja.tris .tag img, .last-result .caja.chispazo .tag img {width: 28%; margin-top: 20px;}
.last-result .multiplicador-si {width:40px!important; height:40px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-si img {width:40px!important; height:40px!important;}
.last-result .multiplicador-no {width:40px!important; height:40px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-no img {width:40px!important; height:40px!important;}
.multiplicador-si {width:36px!important; height:36px!important; background:none!important; color:#fff; border-radius:0!important; border:none!important;}
.multiplicador-si img {width:36px!important; height:36px!important;}
.multiplicador-no {width:36px!important; height:36px!important; background:none!important; color:#fff; border-radius:0!important; border:none!important;}
.multiplicador-no img {width:36px!important; height:36px!important;}
.grid {margin: 25px 0;}
.tris .grid {margin-top: 0; flex-direction: row;}
.tris .grid .row {margin: 0 10px;}
.check {justify-content: space-around; width: 100%; margin-right: 0; margin-bottom: 10px;}
.generador {flex-direction: column; width: 95%;}
.generador .bolas p, .generador .bolas b {margin: 0 3px;}
.generador .bolas {margin-bottom: 10px;}
.lineone p {text-align: center;}
.meter {display: flex; margin: 20px 0 0;}
.half-circle {margin:auto; display: flex; flex-direction: column;}
.half-circle span {position: relative; text-align: center; left: 0; top: 0; margin-top: -40px;}
.prueba, .estadistica, .meter {width: 95%; margin: 10px 0;}
.prueba {max-width: 300px;}
.estadistica p b {font-size: 21px;}
.estadistica p {font-size: 18px;}
.linetwo {flex-wrap: wrap; margin-bottom: 10px;}
.row p {width: 96%;}
.row {flex-direction: column;}
.dark img {width: 70%; margin: 10px auto; display: block; max-width: 400px;}
.row div, .row div:first-child {width: 100%;}
.last-result .caja .tag.es img {margin: 10px 0 0; width: 35%;}
.last-result .caja .tag.es p {font-size: 18px; margin: 0;}
.check form input {min-width: 155px;}
.check form {width: auto;}
.desglose.boxes .caja.navidad.full, .desglose.boxes .caja.nacional.full, .desglose.boxes .caja.nino.full, .desglose.boxes .caja.gordo.full {padding-top: 0;}
.desglose .nino.full .rslt, .desglose .navidad.full .rslt, .desglose .nacional.full .rslt {width: 100%; justify-content: center; text-align: center;}
.desglose .nino .rslt b, .desglose .navidad .rslt b, .desglose .nacional .rslt b {margin-left: 5px;}
.rslt .line, .more-rslt .line {justify-content: center;}
.title {margin: 15px auto; text-align: center;}
.column {width: 100%; }
.map .col ul {width: 46%}
.caja.news {padding: 10px; width:95%;}
.caja.news img {margin: 10px auto; width: 90%;}
.news .tag-date {top: -6px; right: 10px;}
.caja.news p {margin-bottom: 20px;}
.twocol ul li {width: 100%; padding: 10px 0; font-size: 21px;}
.last-result .caja.navidad.extra .tag {position: absolute; left: 20px; margin: 0;}
.last-result.desglose.boxes .caja.navidad.extra .bolsa {margin-left: 250px;}
.caja.navidad .mundo {display: none;}
.last-result.desglose.boxes .caja.navidad.extra .fecha-link {margin-left: 20px;}
.caja .loteria img {width: auto; margin: 0 20px 0 0;}
.loteria p {font-size: 18px;}
.caja .logo p {font-size: 18px; font-weight: 600;}
.submenu a {font-size: 14px;}
.submenu {padding: 5px 0; justify-content: space-around;}
.intro .sm-bnr {width: 95%;}
.desglose .nino .fstart .sorteo.numero, .desglose .nacional .fstart .sorteo.numero, .desglose .navidad .fstart .sorteo.numero {margin: 0 0 55px;}
.links, .links.center {margin: 10px;}
.links a {font-size: 16px;}
.links.center li {width: 30%;}
.last-result .melate .bolsa b {font-size: 26px;}
.last-result .melate .bolsa p {font-size: 21px;}
#status, .tris #status {position: relative; margin-top: 20px; top: inherit; left: inherit; width: auto; text-align: center;}
.half-circle span {transform: translate(0%);}
.last-result .progol .bolas, .last-result .touch .bolas {margin-right: 90px;}
.last-result.desglose .progol .bolas, .last-result.desglose .touch .bolas {margin-right:0px; height: auto;}
.fstart .sorteo li {margin: 10px;}
table.nacional tr td:nth-child(2){width: 34%;}
table.nacional p {line-height: 30px;}
table.nacional .sorteo.numero b {margin: 10px auto;}
.nino .check, .navidad .check, .nacional .check {width: 95%; margin-top: 23px;}
.last-result.sel .nino .tag, .last-result.sel .navidad .tag, .last-result.sel .nacional .tag {height: 100px;}
.resultados.usa .caja {margin: 10px 5px;}
.desglose .mayor .bolsa, .desglose .superior .bolsa, .desglose .magno .bolsa, .desglose .especial .bolsa, .desglose .diez .bolsa, .desglose .zodiaco .bolsa, desglose.z-e .bolsa {right: 0px;}
.desglose .caja.power .bolsa, .desglose .caja.mega .bolsa {margin: 20px 0 10px;}
.desglose .caja.power .ganadores.bolsa, .desglose .caja.mega .ganadores.bolsa {margin: 0 auto 10px;}
.desglose .caja.power .ganadores.bolsa b, .desglose .caja.mega .ganadores.bolsa b{ font-size: 30px;}
.next-draw {right: 5px; font-size: 18px; width: 150px;}
.next-draw b {font-size: 21px;}
.fecha-link.big {width: 90%; flex-wrap: wrap; align-items: center; height: auto;}
.fecha-link.big li{display: flex;}
.last-result .bolas p {font-size: 21px;}
.last-result .bolas li, .last-result .bolas li.extra {width: 36px; height: 36px;line-height: 36px; font-size: 21px; margin: 0 2px 2px; border-width: 2px;}
.result.more .melate .bolas li, .result.more .retro .bolas li, .result.more .gato .bolas li, .mobcontainer table .bolas li {width: 32px; height: 32px; line-height: 32px; font-size: 20px; border-width: 2px; margin: 0 2px 2px;}
.bolas.cell{width: 46%; margin: 5px;}
.line {justify-content: center;}
.pedrea .title {height: 50px; line-height: 50px;}
.ver-mas {width: 170px; text-align: right; top: 8px;}
.sorteo-numeros {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.sorteo-numeros.zodiaco-numeros .sorteo-box:first-child {background:#926f34; background:linear-gradient(to bottom right, #e0aa3e, #926f34); grid-area: 1 / 1 / 2 / 3;}
.sorteo-numeros.zodiaco-numeros .sorteo-box:nth-child(2) {background:#062ca1; grid-area: 2 / 1 / 3 / 2;}
.sorteo-numeros.zodiaco-numeros .sorteo-box:nth-child(3) {background:#0d4fb7; grid-area: 2 / 2 / 3 / 3;}
.sorteo-numeros.zodiaco-numeros .sorteo-box:nth-child(4) {background:#1466cb; grid-area: 3 / 1 / 4 / 2;}
.sorteo-numeros.zodiaco-numeros .sorteo-box:last-child {background:#1a7edf; grid-area: 3 / 2 / 4 / 3;}
}
@media screen and (min-width: 1024px) {
.fecha-link.big li {min-height:70px;}
}
@media screen and (max-width: 737px) {
.page {margin-top: 80px;}
.page.sub {margin-top: 110px;}
#breadcrumb li, ol#breadcrumb {display: inline;}
ol#breadcrumb li {padding: 0 5px 0 15px; background-size: 8px;}
#breadcrumb span {font-size: 14px;}
.page #breadcrumb {margin-bottom: 20px;}
.text p {font-size: 14px; line-height: 20px;}
.icon svg { width: 50%; margin: 0;}
.fecha-link {margin: 0 5px 10px;}
.drop-arrow {background: #ffc400; width: 100%; margin-top: 60px; padding: 10px 0; overflow: hidden; text-align: center; display: flex; align-items: flex-end; justify-content: center; font-size: 14px; text-transform: uppercase; font-weight: 400;}
.submenuOpen {color: #000; text-decoration: none; font-size: 21px; font-weight: 700; position: fixed; top:426px; transform:translate(0, -425px);width: 100%; z-index: 5; -webkit-transition:all 0.4s ease;transition:all 0.45s ease;}
.submenuOpen.open {transform:translate(0, 0) !important;}
.submenuOpen.open .drop-arrow span{display: none;}
.submenuOpen.open .drop-arrow {margin-top: 0;}
.submenuOpen.open .drop-arrow:after {content: "- Menú -"; align-items: center; padding: 0;}
.dropdown-submenu{display:flex; background: #ffc400; color: #000; align-items: center; height:auto; flex-direction:column;width:100%;justify-content:flex-start;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;position:fixed;top:60px;transform:translate(0, -100%);z-index:7;}
.dropdown-submenu.open{transform:translate(0, 0);}
.dropdown-submenu li{width:100%;border-bottom:1px solid #fff; font-size: 18px; font-weight: 500; color: #000; position:relative; text-align: center; padding: 10px 0;}
.dropdown-submenu li a{color: #000; text-decoration: none;}
.foot-nav {display: flex; flex-direction: column; margin: 5px 0;}
ul.foot-nav li{border-right: none;}
.foot-nav a {margin: 5px 0;}
.foot-nav span {display: none;}
.top-menu img {width: 180px; margin-left: 2%;}
.top-menu {padding: 5px 0; z-index: 99;}
.content-page {width: 95%; margin: 20px auto;}
.content-page p {margin: 8px 10px;}
h1 {margin: 5px 10px 0; font-size: 24px; padding-right: 20px;}
p {font-size: 16px;}
h2 { margin: 0 10px 10px; font-size: 21px; padding-right: 10px;}
h3 {margin-left: 10px}
.boxes .caja, .boxes.list.sm .caja {margin: 0 5px 20px; max-width: 305px; min-width: 290px; width: 100%;}
.boxes .caja {max-width: 340px;}
.result.boxes .caja, .boxes.featured .caja {min-width: 310px; max-width: 330px;}
.resultados .caja .logo {height: auto;}
.loterias .caja .logo {height: auto;}
.boxes.sorteos .bolsa p {margin-top: 0;}
.boxes {margin:0;}
.resultados .caja {padding: 5px 10px 10px;}
.loterias .caja {padding: 5px 10px 10px;}
.caja .logo {justify-content: space-between;}
.caja .logo img { margin-top: 15px;}
.boton {padding: 8px 18px;}
.boton-detalles {padding: 8px 10px;}
.otras .caja {margin: 10px 5px; width: 95%; max-width: 340px;}
.es .fecha-link {margin: 0 10px 10px;}
.es .loteria p {margin-left: 0;}
.es .tag {right: 10px;}
.nacional .logo p, .navidad .logo p, .nino .logo p, .mega .logo p {margin-top: 0;}
.nacional .logo img, .navidad .logo img, .nino .logo img {margin-top: 0;}
.tabla-links { width: 100%;}
.mas-info {justify-content: center;}
.links {margin: 10px 0 10px 30px;}
.tabla-links .links li, .tabla-links .links.center li{width: 47%; padding: 3px 0;}
.resultados .caja {width: 90%; max-width: 340px;}
.loterias .caja {width: 90%; max-width: 340px;}
.home-banner {height: 200px; margin: 20px 0 10px;}
.boxes .bolsa p, .otras .bolsa p {margin: 5px 0;}
.caja .resultado p {margin: 5px 0;}
.boxes .bolsa, .otras .bolsa {margin-left: 20px;}
.slider {height: 250px; overflow: hidden; margin: -15px auto 30px;}
.slider li {width: 60%; height: 180px; top:50%; left:50%;}
.slider li img {width: 100%; top: 33%;}
.container {padding: 0; margin-bottom: 20px;}
.sliderNav li { padding: 10px; font-size: 32px; text-shadow: 0 2px 3px #666;}
.sliderLinks li { width: 15px; height: 15px;}
.slider li .new-title span {color: #000; font-size: 16px; font-weight: 400; width: 90%; margin: 2px 5px; }
.slider li .new-title a {margin: 7px auto 0; width: 60%; position: relative; display: block; text-align: center; padding: 2px 5px; font-size: 16px;}
.bg-color {background: url('/images/layout/triangle-bg.png'); padding: 10px 0; background-repeat: repeat-y; background-size: 130%; background-position: 50% 0;}
.bg-color.dark {background-color: #009688;}
.bg-color.light {background-color: #4db6ac;}
.fecha-link.big {width: 90%; flex-wrap: wrap; align-items: center;}
.result .fecha-link {margin: 10px;}
.result .tag-date {right: 8px;}
.sorteos .loteria img {margin-right: 10px;}
.result .caja {height: auto;}
.result .bolsa {margin-left: 0;}
.result .caja .bolas p, .result .caja .bolas b {margin: 0 5px;}
.result .loteria {height: 60px;}
.new-big {flex-direction: column; justify-content: center; align-items: center;}
.new-big .big-img {width: 95%; height: auto; margin: 0 10px;}
.new-info {width: 95%; margin: 0 10px;}
.new-big .new-info p {padding: 0; margin: 0;}
.more-news {margin-top: 0;}
.list-news {width: 95%;}
.caja .arrows:before {display: block; content:">>>"; width: 40px; height: 25px; color: #ff6d00; position: absolute; right: 5px; bottom: 5px; font-size: 21px;}
.pasos .paso {width: 90%;}
.featured .caja {width: 90%;}
.featured .loteria-logo img {margin: 0 auto;}
.icon {min-width: 270px; margin: 0 0 20px;}
.icon-links {justify-content: center; margin: 0;}
.suerte {margin: 0;}
.last-result.boxes .gato .bolas, .last-result.boxes .retro .bolas {margin-right: 60px;}
.last-result.boxes .gato .rslt .bolas, .last-result.boxes .retro .rslt .bolas {margin: 10px 0 0;}
.last-result.boxes {justify-content: center;}
.last-result.boxes .bolas {margin: 20px 45px 0 5px;}
.last-result .power .bolas, .last-result .mega .bolas {width: 75%;}
.last-result.boxes .tag-date {right: 10px;}
.last-result.boxes .bolsa p{font-size: 21px; text-align: center; margin-top: 10px; line-height: 32px;}
.last-result.boxes .bolsa b {font-size: 40px; margin: 0;}
.last-result.boxes .bolsa {margin: 0 auto;}
.last-result .link {justify-content: center;}
.last-result .multiplicador-si {width:40px!important; height:40px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-si img {width:40px!important; height:40px!important;}
.last-result .multiplicador-no {width:40px!important; height:40px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-no img {width:40px!important; height:40px!important;}
.result .caja.tall {height: 650px; justify-content: space-between; min-width: 320px; margin: 10px 5px;}
.intro p {width: 95%;}
.center {margin: 10px auto 15px;}
.content-page.last-result.sel .nacional .tag:after, .content-page.last-result.sel .navidad .tag:after, .content-page.last-result.sel .nino .tag:after {top: 100px;}
.last-result.boxes .ganadores {margin-bottom: 10px;}
.desglose.boxes .caja {width: 95%; flex-direction: column;}
.desglose .rslt, .desglose .nacional .rslt, .desglose .navidad .rslt, .desglose .nino .rslt {margin: 35px auto 0; padding: 0; width: 95%;}
.desglose .rslt p {text-align: center; margin: 0;}
.desglose .melate .rslt, .desglose .tris .rslt, .desglose .touch .rslt, .desglose .progol .rslt {width: 90%;}
.desglose .melate .rslt .bolas, .desglose .tris .rslt .bolas {height: auto;}
.desglose .melate .rslt b, .desglose .tris .rslt b {margin-top: 15px;}
.last-result.desglose .fstart .sorteo.numero {flex-direction: row; width: 100%; justify-content: space-around; margin: 25px 10px;}
.power .rslt .bolas, .mega .rslt .bolas {width: 100%;}
.last-result.desglose .caja .bolas {margin: 10px 0 0; justify-content: center;}
.last-result.desglose .caja.tris .bolas, .last-result.desglose .caja.tris .bolas ul{margin: 0 auto;}
.mobcontainer {position: relative; width: 100%; overflow-x: auto; overflow-y: hidden;}
table {width: 100%; margin: 15px 0; }
th {font-size: 18px; padding: 4px 20px;}
tbody {font-size: 16px;}
tbody p {font-size: 16px;}
td {padding: 5px 2px;}
.mobcontainer .bolas p, .mobcontainer .bolas b {font-size: 16px; line-height: 25px;}
.mobcontainer .melate .bolas p {background-position: 0 0;}
.mobcontainer .melate .bolas b {background-position: 0 -26px;}
.mobcontainer .retro .bolas b {background-position: 0 -239px;}
.mobcontainer .retro .bolas p {background-position: 0 -213px;}
.mobcontainer .chispazo .bolas p {background-position: 0 -53px;}
.mobcontainer .progol .bolas p {background-position: 0 -132px;}
.mobcontainer .tris .bolas p {background-position: 0 -79px;}
.mobcontainer .gato .bolas p {background-position: 0 -106px;}
.mobcontainer .bolas p, .mobcontainer .bolas b {background: url(/images/layout/sprite-balls-min.png) no-repeat; background-size: 25px 264px; width: 25px; height: 26px; margin: 0 1px;}
.mobcontainer .power .bolas p, .mobcontainer .power .bolas b, .mobcontainer .mega .bolas p, .mobcontainer .mega .bolas b {background: url(/images/layout/sprite-balls-min-usa.png) no-repeat; background-size: 25px 105px; width: 25px; height: 26px; margin: 0 1px;}
.mobcontainer .power .bolas b {background-position: 0 -26px;}
.mobcontainer .mega .bolas p {background-position: 0 -53px;}
.mobcontainer .mega .bolas b {background-position: 0 -80px;}
.preguntas {width: 95%;}
.question {width: 100%; margin-bottom: 20px;}
.question span p { font-size: 16px; line-height: 20px; margin: 0; text-align: left; padding-right: 30px;}
.question span.down-arrow span {font-size: 26px; line-height: 20px;}
.question span {padding: 10px;justify-content: space-between; min-height: 40px;}
.question span.down-arrow {height: auto;}
.question span.down-arrow.open span {transform: rotate(180deg) translate(25px, 0px);}
.expand-all{margin-top: 0; width: 100%;}
.power .grid, .mega .grid {justify-content: center;}
.fstart .sorteo.numero {width: 84%; flex-direction: row; justify-content: flex-start;}
.zodiaco .fstart .sorteo.numero {width: 60%; }
.z-e .fstart .sorteo.numero {width: 60%; }
.nacional .check, .navidad .check, .nino .check {flex-direction: column; margin: 25px 0; justify-content: center; align-items: center;}
.nacional .check form, .navidad .check form, .nino .check form {width: 70%;}
.caja.melate .rslt b {text-align: center;}
.paso img {max-width: 320px;}
.melate .bolas p.title, .tris .bolas p.title, .chispazo .bolas p.title {width: 80%;}
.bolas {height: auto;}
.rslt .line, .more-rslt .line {flex-direction: column;}
.rslt .line b, .more-rslt .line b {margin: 0;}
.line p{text-align: center;}
.line.numero p {margin: 20px 0;}
.sliderLinks {bottom: -10px;}
.last-result.boxes .progol .bolas, .last-result.boxes .touch .bolas {margin-right: 80px; margin-left: 8px;}
.last-result .progol .bolas li, .last-result .touch .bolas li {margin: 4px;}
.last-result.boxes .bolas {margin: 20px 10px 0;}
.last-result.boxes .tris .bolas, .last-result.boxes .melate .bolas, .last-result.boxes .chispazo .bolas{margin: 0 10px;}
.last-result.boxes .gato .bolas, .last-result.boxes .retro .bolas {margin: 20px 65px 0 5px;}
.caja .numero.center {margin: 0 auto;}
.desglose .zodiaco .fstart {flex-direction: column; align-items: center; justify-content: center;}
.desglose .zodiaco .fstart .sorteo {width: 30%; margin: 5px;}
.desglose .z-e .fstart {flex-direction: column; align-items: center; justify-content: center;}
.desglose .z-e .fstart .sorteo {width: 30%; margin: 5px;}
.combinacion.juego a {width: auto; font-size: 18px; padding: 0 3px;}
.caja .combinacion.juego {flex-wrap: wrap; margin: 10px 0;}
.combinacion.juego span{width: 100%;}
.archivo .bolas p, .archivo .bolas b {margin: 0 3px;}
.comprobar .chispazo .bolas p, .comprobar .retro .bolas p, .comprobar .mega .bolas p, .comprobar .power .bolas p {margin: 0 3px;}
.comprobar .caja.chispazo, .comprobar .caja.retro, .comprobar .caja.mega, .comprobar .caja.power {align-items: flex-start;}
.comprobar .caja.chispazo .bolas {width: auto; margin-left: -3px;}
.twocol {width: 80%;}
.nopage {width: 90%; margin: auto;}
.last-result .caja.navidad.extra .tag {position: relative; left: 0; margin: 0 auto;}
.last-result.desglose.boxes .caja.navidad.extra .bolsa {margin: 20px auto;}
.last-result.desglose.boxes .caja.navidad.extra .fecha-link {flex-direction: column;}
.last-result.desglose.boxes .caja.navidad.extra .bolsa b {font-size: 40px; line-height: 45px;}
.last-result.boxes .fstart .bolas, .last-result.desglose.boxes .chispazo .bolas {margin: 20px auto 0;}
.sorteo.numero li {margin: 10px; display: flex; flex-direction: column; align-items: center; font-size: 18px;}
.sorteo.numero ul {display: flex;}
.sorteo.numero li b {margin: 10px auto; font-size: 30px;}
.fstart .sorteo.numero ul li:last-child b {margin: 10px auto;}
.nino .fstart .sorteo.numero, .nacional .fstart .sorteo.numero, .navidad .fstart .sorteo.numero {margin-bottom: 0;}
.desglose .nino .rslt b, .desglose .navidad .rslt b, .desglose .nacional .rslt b {margin: 10px auto;}
.tris .combinacion, .tris .combinacion a, .melate .combinacion {font-size: 16px;}
.tris .combinacion, .melate .combinacion {margin: 10px;}
.caja.melate .combinacion {margin-top: 25px;}
.caja.progol .rslt .bolas, .caja.touch .rslt .bolas {margin: 10px auto;}
.mobcontainer .sorteo.numero p {align-items: center;}
.row ol {padding-left: 0;}
.tris .grid {flex-direction: row;}
.tris .combinacion a {margin: 0 3px; padding: 0 3px;}
table .fstart, table .fstart .sorteo.numero {width: 100%; margin: 0 auto; align-items: center;}
table .fstart .sorteo.numero p {margin: 5px 0; font-size: 18px;}
.zodiaco .fstart {width: 100%; align-items: flex-end;}
table.zodiaco .fstart {align-items: center;}
.zodiaco .fstart .sorteo.numero {align-items: center;}
.z-e .fstart {width: 100%; align-items: flex-end;}
table.z-e .fstart {align-items: center;}
.z-e .fstart .sorteo.numero {align-items: center;}
.map .col ul {width: 90%}
.tris .grid .row {margin: 0 5px;}
.generador.gato .gato-tabla {width: 310px;}
.zodiaco .sorteo.numero p {align-items: center;}
.z-e .sorteo.numero p {align-items: center;}
.dark img {max-height: 140px; margin-bottom: 0;}
p.bot-m {margin-bottom: 20px;}
.pie p {position: relative; bottom: auto;}
.desglose .mayor .bolsa, .desglose .superior .bolsa, .desglose .magno .bolsa, .desglose .especial .bolsa, .desglose .diez .bolsa, .desglose .zodiaco .bolsa, .z-e .bolsa {position: relative; top: inherit; right: inherit;}
.desglose .mayor .rslt, .desglose .superior .rslt, .desglose .magno .rslt, .desglose .especial .rslt, .desglose .diez .rslt, .desglose .zodiaco .rslt, .z-e .rslt {width: 95%;}
.caja.nino .fstart, .caja.navidad .fstart, .caja.nacional .fstart {width: 100%;}
.desglose .nacional .boton, .desglose .navidad .boton, .desglose .nino .boton, .desglose .gordo .boton {position: relative; right: 0; bottom: 0; display: block; margin: 0 auto 10px;}
.next-draw {display: none;}
.caja.art img, .caja.news img {max-height: 100%;}
.caja.navidad .tag p {font-size: 19px;}
.caja.navidad .loteria img {margin: 0;}
.caja.navidad .loteria p {font-size: 17px;}
.row.min-img {flex-direction: column;}
.row.min-img p{width: 100%;}
.row.min-img img{margin: 10px auto;}
.bolas ul {height: auto;}
.tableChecker td div b{color: #ffab00;}
.tableChecker .bolas li {margin: 4px 2px;}
.checking td .bolas {flex-wrap: nowrap;}
.checking td .bolas li {width: 25px; height: 25px; line-height: 25px; font-size: 16px;}
.retro .tableChecker .bolas, .power .tableChecker .bolas, .mega .tableChecker .bolas {margin-right: 40px;}
table.checking .bolas li.no-ball span{font-size: 18px; margin: 0;}
.chispazo .bolas img, .melate .bolas img {width: 13%;}
.bolas.cell{width: 26%; padding: 5px;}
.bolas.cell span{font-size: 12px;}
.bolas.cell ul{margin: 2px;}
.bolas.cell.bote {width: 100%;}
.links.center li {width: 90%;}
.ver-mas{position: relative; top: auto; right: auto; text-align: center; width: 100%; color: #000; margin-top: 10px;}
.pedrea-box {width: 95%;}
.pedrea-box li {margin: 1px 10px;}
.caja2.raspadito {display:flex; flex-direction: column;min-height: 200px;box-sizing: border-box; padding: 10px;}
.caja2.raspadito .signo img {width:100%;}
.caja2.raspadito p {width: 90%; font-size: 15px;}
.video {position: relative; height: 195px}
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.alert {padding: 10px 25px; width: 100%}
.row.tris-prizes {width:100%; margin:20px 0;}
.row.tris-prizes p:first-child {margin-bottom:20px;}
.full-mob {max-width:unset!important; min-width:unset!important; width:100%!important;}
.sorteo-numeros.mayor-numeros {grid-template-columns:unset; grid-template-rows:1fr 1fr 1fr 1fr 1fr;}
.sorteo-numeros.mayor-numeros .sorteo-box {grid-area:unset!important;}
.mayor-numeros .sorteo-codigo {flex-wrap:wrap;}
.sorteo-numeros.superior-numeros {grid-template-columns:unset; grid-template-rows:unset; display:flex; flex-direction:column;}
.sorteo-numeros.especial-numeros {display:flex!important; flex-direction:column;}
/*--------------about us-----------------*/
.titleBig {font-size:24px; font-weight:700; letter-spacing:-1px; margin:30px 0 10px;}
.introBox {text-align:center;}
.introBox p {font-size:16px;}
.writers .rowT {display:inline-block; margin-bottom:20px;}
.writers .writer {display:flex; border:1px solid #e7e7e7; padding:20px; margin-bottom:20px; background:#f4f4f4;margin-left:0;width:initial}
.writers .writer p:last-child{margin-bottom:0;}
.writers .avatar{margin-right:20px;width:initial}
.writers .avatarImg {border-radius:50%; width:80px; height:80px;max-width:none;margin-left:0}
.writers .linkIcon {width:20px; display:block; margin:auto;}
.writers .titleT {font-size:21px;}
.writers .subTitle {font-weight:700; color:#00695c; margin-bottom:10px;}
}
@media (max-width: 499px) {
.boxes .caja {max-width: 340px;}
/*#move {content: ''; opacity: 0; background: url(/images/layout/mover-tabla.png) center no-repeat; background-size: 230px 108px; position: absolute; top: 120px; left: 16%; width: 230px; height: 108px; transition: 0.5s all ease-in-out; z-index: 2;}
#move.move {opacity: 1;}*/
#playNumbers b {font-size: 18px;}
.es .tag {right: 15px;}
.caja .fstart {width: 100%;}
.nacional .check form, .navidad .check form, .nino .check form {width: 90%; margin: 6px auto;}
.nacional .check, .navidad .check, .nino .check {width: 100%;}
.nacional .check p, .navidad .check p, .nino .check p {text-align: center;}
.nacional .check form input, .navidad .check form input, .nino .check form input {width: 50%;}
.last-result .progol .bolas p, .last-result .touch .bolas p {margin: 2px;}
.last-result .progol .bolas, .last-result .touch .bolas {margin-right: 80px;}
.last-result.desglose .fstart .sorteo.numero {margin: 10px 0;}
.last-result .multiplicador-si {width:40px!important; height:40px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-si img {width:40px!important; height:40px!important;}
.last-result .multiplicador-no {width:40px!important; height:40px!important; background:none; color:#fff; border-radius:0!important; border:none!important;}
.last-result .multiplicador-no img {width:40px!important; height:40px!important;}
.desglose .zodiaco .fstart .sorteo {width: 30%; margin: 0px;}
.desglose .z-e .fstart .sorteo {width: 30%; margin: 0px;}
.sel .caja {min-width: 300px;}
.combinacion.juego input[type=checkbox] {margin: 5px;}
.tris .grid .row {margin: 0;}
.sorteo.numero li{flex-direction: row; align-items: center; margin: 0 10px;}
.sorteo.numero li b{margin-left: 8px;}
.sorteo.numero ul {flex-direction: column;}
.fstart .sorteo.numero {flex-direction: column;}
.zodiaco .fstart .sorteo.numero {width: 100%; align-items: flex-start; position: relative; flex-direction: column; margin: 20px 0;}
.zodiaco .fstart .sorteo { width: 100%; flex-direction: row; justify-content: center; margin: 0 auto;}
.zodiaco .fstart .sorteo img {width: 50px; margin: 0;}
.zodiaco .fstart {flex-wrap: wrap;}
.z-e .fstart .sorteo.numero {width: 100%; align-items: flex-start; position: relative; flex-direction: column; margin: 20px 0;}
.z-e .fstart .sorteo { width: 100%; flex-direction: row; justify-content: center; margin: 0 auto;}
.z-e .fstart .sorteo img {width: 50px; margin: 0;}
.z-e .fstart {flex-wrap: wrap;}
.sorteo-numeros {grid-template-columns:1fr; grid-template-rows:unset;}
.sorteo-numeros.zodiaco-numeros .sorteo-box {grid-area: unset!important;}
}
@media (max-width: 350px){
.fstart .sorteo.numero p {font-size: 16px;}
.fstart .sorteo.numero p b{margin-left: 5px; font-size: 24px;}
.fstart .sorteo.numero {margin: 5px;}
}
.generador > .bolas li, .generador > .bolas li.extra, .generador > .bolas p, .generador > .bolas b {position: relative;}
.generador > .bolas li .innerA, .generador > .bolas li.extra .innerA, .generador > .bolas p .innerA, .generador > .bolas b .innerA {position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; left: 0; top: 0; display: block; overflow: hidden; border-radius: 30px;}
.generador > .bolas li .innerB, .generador > .bolas li.extra .innerB, .generador > .bolas p .innerB, .generador > .bolas b .innerB {display: block;}
.mobTableContainer {position: relative; width: 100%; _overflow: auto; overflow-x: auto; overflow-y: hidden;}
.mobTableContainer:before {content: ''; background: url(/images/layout/mover-tabla.png) center no-repeat; background-size: 230px 108px; position: absolute; top: 80px; left: 16%; width: 65%; height:80px; padding: 10px 5%; transition: 0.5s all ease-in-out; border-radius: 6px; text-align: center; z-index: 9;}
.mobTableContainer.trans:before {opacity: 0; z-index: -1;}
.mobTableContainer.topper:before {top: 20px !important;}
.gato-tabla.bolas p {width: 50px; height: 50px; background: #fafafa; font-size: 28px; font-weight: 500; text-align: center; border-radius: 50%; border: 3px solid #9c27b0; line-height: 50px;}
.gato-tabla.bolas p span {margin-left: 0;}
.gato-tabla.bolas p span div {}
/*AJAX LOADING*/
#overlay {
pointer-events: none;
opacity: 0;
position: fixed;
top:0;
left:0;
width: 100vw;
height: 100vh;
background: rgba(255,255,255,.9);
transition: all .1s ease-in-out;
}
#overlay:after {
content: "";
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
width: 45px;
height: 45px;
border-radius: 50%;
border: 5px solid rgba(0,0,0,.08);
border-top-color: #00695c;
animation: loading .75s ease-in-out infinite;
}
#overlay.is-active {
opacity: 1;
}
@keyframes loading {
0% {
transform: translate(-50%, -50%) rotate(0);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
#loadMore {visibility: hidden;}
#jackpotPromo {transition: all .6s ease;}
#jackpotPromo.popped {opacity: 1 !important; bottom: 0 !important;}
#jackpotPromo.hidden {bottom: -500px !important; opacity: 0 !important;}