@charset"UTF-8";
@import url("https://fonts.googleapis.com/css?family=Rubik");
*, :after, :before {
     box-sizing: border-box; 
     -webkit-backface-visibility: hidden; 
     backface-visibility: hidden; 
}
body, html {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
body {
    scroll-behavior: smooth;
    background: #f7f7f7;
    font-family: Rubik,sans-serif;
    font-size: 16px;
    color: #1a1a1a;
    padding-top: 58px;
    -webkit-text-size-adjust: none;
}
a {
    text-decoration: none;
    color: #ed008c;
}

header {
    width: 100%;
    top: 0;
    position: fixed;
    background: #fff;
    box-shadow: 0 0 40px rgba(26,26,26,.25);
    z-index: 2;
}
.flex{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.-middle{
    /*上下居中*/
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.-between{
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.-right{
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    text-align: right;
}
.ul-reset{
	margin:0;
	padding: 0;
	list-style: none;
}
.btn {
    padding: 10px 20px;
    margin: 5px 8px;
    border-radius: 5px;
    background: #ed008c;
    font-family: Rubik,sans-serif;
    text-align: center;
    color: #fff;
    line-height: 1em;
    cursor: pointer;
    -webkit-appearance: none;
}
.btn.-green {
    background: #079453;
}

.btn.-block {
    margin: 10px auto;
    display: block;
}
.btn.-green:hover {
    background:#0ac46f
}

table {
    width: 100%;
    border-spacing: 0;
    background: #fff;
    font-family: Rubik,sans-serif;
    /*margin-bottom: 40px;*/
    border-collapse: collapse;
    /*box-shadow:0 0 40px rgba(26, 26, 26, .25);
    border-radius:15px;*/
    overflow:hidden
}
#app thead {
    background: #000078;
    color: #fff;
}
th {
    padding:10px
}
td {
    padding:5px 10px;
    position:relative
}
td {
    border:1px solid rgba(26, 26, 26, .15)
}
table tr:first-child td {
    border-top:0
}
table tr td:first-child {
    border-left:0
}
table tr:last-child td {
    border-bottom:0
}
table tr td:last-child {
    border-right:0
}
table.-center td, table.-center th {
    text-align:center
}
table.-left td, table.-left th {
    text-align:left
}
table.-right td, table.-right th {
    text-align:right
}
table.-right td:first-child, table.-right th:first-child, table.-td1-center td, table.-td1-center th {
    text-align:left
}
table.-td1-center td:first-child, table.-td1-center th:first-child {
    text-align:center;
    font-weight:700
}
table td.more{
    padding: 0;
}
table td.more a{
    display: block;
    padding: 15px 0;
}
table td.more a:hover{
    background-color: #f5f5f5;
}
.table {
    width:100%;
    /*margin-bottom:40px*/
}
.thead {
    background:#000078;
    color:#fff;
    padding:10px 15px
}
.thead h2 {
    margin:0;
    font-size:1.2em;
    text-transform:uppercase
}
.tbody {
    background:#fff
}
.tbody.is-padded {
    padding:60px
}

/*****/


header > div.nav-wrapper{
	background-color: #000078;
}
header > div.nav-wrapper > div.container{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    /*上下居中*/
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#logo img {
    padding: 0 5px;
    width: 200px;
}
header nav{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
header nav > ul.menu{
	margin:0;
	padding: 0;
	list-style: none;
}
header nav > ul.menu > li.menu-item{
	-webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 58px;
    border-right: 1px solid hsla(0,0%,100%,.1);
}
header nav > ul.menu > li.menu-item > a.menu-link{
	font-family: Rubik,sans-serif;
    color: #fff;
    height: 100%;
    padding: 0 10px;
    text-align: center;
    line-height: 1em;
    position: relative;
    /*置为flex*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*左右居中*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*上下居中*/
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header nav > ul.menu > li.menu-item > a.menu-link.sub:after {
    top: 80%;
    left: 50%;
    z-index: 2;
    content: ">";
    color: hsla(0,0%,100%,.5);
    -webkit-transform: translate(-50%,-55%) rotate(90deg);
    transform: translate(-50%,-55%) rotate(90deg);
    position: absolute;
}
header nav > ul.menu > li.menu-item:hover > a.menu-link {
        background:#0000ab
    }
header nav > ul.menu > .menu-item:hover .menu-link:before {
    background:#0ef38a;
    -webkit-transform:translate(-50%, -40%);
    transform:translate(-50%, -40%)
}
header nav > ul.menu > .menu-item:hover .menu-link:after {
    color:#fff;
    -webkit-transform:translate(-50%, -40%) rotate(90deg);
    transform:translate(-50%, -40%) rotate(90deg)
}
header nav > ul.menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: #0000ab;
    width: 100%;
    box-shadow: 0 10px 20px rgba(26,26,26,.1);
    pointer-events: none;
}

header nav > ul.menu > .menu-item:hover .sub-menu {
        visibility:visible;
        opacity:1;
        z-index:1;
        pointer-events:auto
    }
header nav > ul.menu .sub-menu > div.container{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    /*上下居中*/
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header nav > ul.menu .sub-menu > div.container > ul{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: 0;
    padding: 20px;
    border-right: 1px solid hsla(0,0%,100%,.1);
	margin:0;
	list-style: none;
}
header nav > ul.menu > .menu-item:hover .sub-menu > div.container > ul {
    opacity:1;
    -webkit-transform:translate(0);
    transform:translate(0);
    transition:all .3s ease-in-out;
}
header nav > ul.menu > .menu-item:hover .sub-menu > div.container > ul:last-child {
    border:0
}
header nav > ul.menu > .menu-item:hover .sub-menu > div.container > ul:first-child {
    transition-delay:.1s
}
header nav > ul.menu > .menu-item:hover .sub-menu > div.container > ul:nth-child(2) {
    transition-delay:.2s
}
header nav > ul.menu > .menu-item:hover .sub-menu > div.container > ul:nth-child(3) {
    transition-delay:.3s
}
header nav > ul.menu > .menu-item:hover .sub-menu > div.container > ul:nth-child(4) {
    transition-delay:.4s
}
header nav > ul.menu .sub-menu > div.container > ul > li{
	padding: 7px 0;
}

header nav > ul.menu .sub-menu > div.container > ul > li > a{
	padding: 0 10px;
    color: #fff;
    font-size: .9em;
}
header nav > ul.menu .sub-menu > div.container > ul > li > a:hover {
    color:#0ef38a
}
.breadcrumbs{
	background: #dedede;
}
.breadcrumb {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    font-size: .75em;
    padding: 3px 10px;
}
.breadcrumb li {
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
}
.breadcrumb li:after {
    content:"/";
    position:absolute;
    top:50%;
    left:100%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.breadcrumb li:last-child:after {
    display:none
}

footer{
	background: #1a1a1a;
}
footer .container.top{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	padding: 20px;
}
footer .logo img{
	width: 200px;
	padding: 0 10px;
}
footer .sitemap{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	color: rgba(255,255,255,.8);
    text-align: right;
    font-size: .9em;
}
footer .container.bottom{
	background: #010101;
	color: hsla(0,0%,100%,.3);
	padding:8px 20px;
	font-size: .75em;
	text-align: center;
}


#app{
	height: auto;
	margin:0 auto 15px;
	max-width: 1170px;
}
main{
	display: block;
	margin-top: 20px;
}
main .container{
	padding: 40px;
	margin-bottom: 25px;
	background: #fff;
	box-shadow: 0 0 40px rgba(26,26,26,.25);
	border-radius: 15px;
}
main .container .row{
    /*置为flex*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 7px 0;
}

main .container .col {
    -webkit-box-flex:1;
    -ms-flex:1 0 1px;
    flex:1 0 1px;
    min-width:275px
}
main .container .col, .col-1 {
    margin:0 15px 15px
}
main .container .col-1 {
    width:calc(100% - 30px)
}
main .container .col-2{
	margin:0 15px 15px;
	width: calc(50% - 30px);
}
main .container .col-3{
	margin:0 15px 15px;
	width: calc(33.3% - 30px);
}
main .container h1{
	font-size:2em;
	font-family: Rubik,sans-serif;
	line-height: 1em;
	font-weight: 100;
}
main .container .nomargin{
	margin:0;
}
main .container .sub-title{
    margin:10px 0;
}
main .container .more{
    /*左右居中*/
}

main .page-control{
    margin: 20px 0 0;
}
main .page-control .prev-page a,
main .page-control .next-page a{
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 20px;
    background: #e0e0e0;
    display: inline-block;
    position: relative;
}
main .page-control .prev-page a{
    padding-left: 40px;
}
main .page-control .next-page a{
    padding-right: 40px;
}
main .page-control .prev-page a:before,
main .page-control .next-page a:before{
    top: 50%;
    z-index: 2;
    content: ">";
    color: rgba(0,0,0,.5);
    position: absolute;
}
main .page-control .prev-page a:before{
    top: 20px;
    left: 20px;
    -webkit-transform: translate(-50%,-55%) rotate(180deg);
    transform: translate(-50%,-55%) rotate(180deg);
}
main .page-control .next-page a:before{
    top: 22px;
    right: 15px;
    -webkit-transform: translate(-50%,-55%);
    transform: translate(-50%,-55%);
}


/*首页推荐位*/
.recommendation-container.container{
    padding: 0;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 0 0 40px rgba(26,26,26,.25);
    border-radius: 15px;
    overflow: hidden;
}

.recommendation-container.inline{
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 40px rgba(26, 26, 26, .25);
}

.recommendation-container.container .row{
    padding: 0;
}
.recommendation-container .max-jackpot-wrap{
    background: url(https://viking-lotto.net/images/layout/viking-lotto/play-bg.jpg) repeat;
    background-size: 600px auto;
    background-position: 0 0;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 20s;
    animation-name: a;
    color: #fff;
    padding: 10px;
    height: 100%;
}
.recommendation-container .max-jackpot-wrap .timer-wrap{
    height: 80px;
    width: 200px;
    margin: 0 auto;
}
.recommendation-container .max-jackpot-wrap .timer-wrap{
    height: 80px;
    width: 200px;
    margin: 0 auto;
}

.recommendation-container .max-jackpot-wrap .go-to-play-btn{
    background: #ed008c;
    color: #fff;
}
.recommendation-container .max-jackpot-wrap .go-to-play-btn:hover{
    background: #ba006e;
    text-decoration:none
}
.recommendation-container .app-promotion-wrap{
    height: 100%;
    position: relative;
    padding: 10px;
}
.recommendation-container .app-promotion-wrap .app-screenshot{
    /*background: url(/Statics/images/app-screenshot.png) no-repeat center bottom;
    min-height: 200px;*/
    background-size: contain;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
}
.recommendation-container .app-promotion-wrap .app-download-btn{
    margin: 5px 0;
    display: inline-block;
}

.lotto-card, .news-card{
	/*width: calc(50% - 30px);*/
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0 4px rgba(26,26,26,.55);
	padding:15px 20px;
	overflow: hidden;
    display: block;
    transition:all .2s ease-in-out;
}
.lotto-card a, .news-card a{
    color: #fff;
}
.news-card a:hover{
    color: #fff;
    text-decoration: none;
}
.lotto-card{
    background-color: #da3c37;
}
.lotto-card:hover{
    /*background-color: #f0f0f0;*/
    box-shadow: 0 0 20px rgba(26,26,26,.25);
    -webkit-transform:scale(1.01);
    transform:scale(1.01)
}
.lotto-card.usa-powerball{
    background-color: #da3c37;
}
.lotto-card.mega-millions{
    background-color: #f89b00;
}
.lotto-card.el-gordo{
    background-color: #aa261c;
}
.lotto-card.finland-lotto{
    background-color: #1355a3;
}
.lotto-card.euromillions{
    background-color: #4844d6;
}
.lotto-card.eurojackpot{
    background-color: #aa7800;
}
.lotto-card.irish-lotto{
    background-color: #13a321;
}
.lotto-card.la-primitiva{
    background-color: #02870f;
}
.lotto-card.germany-lotto{
    background-color: #d53e30;
}
.lotto-card.super-ena-lotto{
    background-color: #f26d16;
}
.lotto-card.bitcoin-jackpot{
    background-color: #f26d16;
}
.lotto-card.norway-lotto{
    background-color: #3d36ac;
}
.lotto-card.poland-lotto{
    background-color: #ca2242;
}
.lotto-card.mega-sena{
    background-color: #4da01d;
}
.lotto-card.cash4life{
    background-color: #2c7cc8;
}
.lotto-card.california-super-lotto{
    background-color: #0086e9;
}
.lotto-card.mini-lotto{
    background-color: #ca2242;
}


.lotto-card .info-row{

}
.lotto-card .info-row .lotto-logo{
	height: 50px;
	width: 50px;
    margin: 15px;
    background-color: rgba(255,255,255,.5);
	border-radius: 40px;
    position: relative;
}
.lotto-card .info-row .lotto-logo span{
    font-size: 1.2em;
    font-weight: 1000;
    position: absolute;
    top: 50%;
    left: 50%;
    /*margin-top:-0.5em;*/
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    text-align: center;

}
.lotto-card .info-row .lotto-info{
	padding: 10px 10px 10px 30px;
}
.lotto-card .info-row .lotto-info .draw-time{
	font-size:.9em;
	color: rgba(255,255,255,.8);
}
.lotto-card .info-row .lotto-info .jackpot{
	font-size:2.5em;
}
.lotto-card .lastdraw{
    font-size: .8em;
    color: rgba(255,255,255,.8);
    border-top: 1px dotted rgba(255,255,255,.3);
    padding: 10px 0;
}
.lotto-card .numbers-row{

}
.lotto-card .numbers-row ul.numbers{
	padding: 5px 0;
}
.lotto-card .numbers-row ul.numbers li{
	background: rgba(255,255,255,.5);
    color: #000;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	margin: 10px 7px 0;
	font-size: 1em;
	text-align: center;
	line-height: 40px;
}
.lotto-card .numbers-row ul.numbers li.bonus{
    background: rgba(0,0,0,.4);
    color: #fff;
}
.lotto-card .numbers-row ul.numbers li.extra{
    background: rgba(0,0,0,.7);
    color: #fff;
}
/* Lotto card v2 begin*/

.lotto-card-2{
    /*width: calc(50% - 30px);*/
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 4px rgba(26,26,26,.55);
    overflow: hidden;
    display: block;
    transition:all .2s ease-in-out;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 15px;
}
.lotto-card-2 a{
    color: #000;
}
.lotto-card-2 a:hover{
    text-decoration: none;
}
.lotto-card-2:hover{
    /*background-color: #f0f0f0;*/
    box-shadow: 0 0 20px rgba(26,26,26,.25);
    -webkit-transform:scale(1.01);
    transform:scale(1.01);
    text-decoration: none;
}
.lotto-card-2 .info-row{
    padding: 15px 20px;
    position: relative;
}
.lotto-card-2 .info-row .lotto-info{
}
.lotto-card-2 .info-row .lotto-info .lotto-name{
    font-size:1.5em;
    font-weight: 700;
}
.lotto-card-2 .info-row .lotto-info .draw-time{
    font-size:.9em;
    color: #999;
}
.lotto-card-2 .info-row .lotto-info .jackpot{
    font-size:2.2em;
    margin: 5px 0;
}
.lotto-card-2 .info-row .play{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30%;
}
.lotto-card-2 .info-row .play .play-btn{
    display: block;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 5px #da3c37;
    background-color: #da3c37;
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.lotto-card-2 .lastdraw{
    font-size: .8em;
    color: #999;
    padding: 10px 20px;
    background-color: #f2f2f2;
}
.lotto-card-2 .numbers-row{
    background-color: #f2f2f2;
}
.lotto-card-2 .numbers-row ul.numbers{
    padding-bottom: 15px;
}
.lotto-card-2 .numbers-row ul.numbers li{
    background: #fff;
    color: #000;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    border: 2px solid #d7d7d7;
    margin: 0 7px;
    font-size: 0.9em;
    text-align: center;
    line-height: 36px;
}
.lotto-card-2 .numbers-row ul.numbers li.bonus{
    background: #fff;
    color: #000;
}
.lotto-card-2 .numbers-row ul.numbers li.extra{
    background: rgba(0,0,0,.7);
    color: #fff;
}

/* Lotto card v2 end*/
.news-card{
	padding: 0;
}
.news-card .news-background{
	background: #e0e0e0;
	padding: 20px;
    position: relative;
    overflow: hidden;
}
.news-card .news-background img{
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .3s ease-in-out;
}
.news-card-wrap.headline:nth-child(2) .news-background:after {
    background:rgba(95, 195, 94, .75)
}
.news-card-wrap.headline:nth-child(3) .news-background:after{
    background:rgba(181, 166, 35, .75)
}
.news-card-wrap.subline:nth-child(1) .news-background:after{
    background:rgba(181, 166, 35, .75)
}
.news-card-wrap.subline:nth-child(2) .news-background:after{
    background:rgba(170, 38, 28, .75)
}
.news-card-wrap.subline:nth-child(3) .news-background:after{
    background:rgba(61, 54, 172, .75)
}
.news-card:hover .news-background img{
    -webkit-transform:translate(-50%, -50%) scale(1.2);
    transform:translate(-50%, -50%) scale(1.2)
}
.news-card .news-background:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(25,115,178,.75);
    top: 0;
    left: 0;
}
.news-card .news-background .title{
	margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.news-card.headline .news-background .title{
	height: 70px;
	font-size: 1.5em;
}
.news-card.subline .news-background .title{
	height: 90px;
	font-size: 1.2em;
}
.news-card .news-background .publish-time{
	font-size: .9em;
    position: relative;
    z-index: 1;
}
.news-card .description{
	height: 80px;
	padding: 20px;
    color: #000;
}
.news-card .description div{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
ul.tags-list{
}
ul.tags-list li{
    margin: 4px;
}
ul.tags-list li a.article-tag{
    border: 1px solid #c4c4c4;
    background: none;
    color: #1a1a1a;
    border-radius: 8px;
    font-size: 1em;
    padding: 8px;
    display: block;
}
ul.tags-list li a.article-tag:hover{
    background: #d0fde8
}
ul.tags-list li.flex a.article-tag{
    border-radius: 8px 0 0 8px;
}
ul.tags-list li.flex span.count{
    border: 1px solid #c4c4c4;
    background: none;
    color: #1a1a1a;
    border-radius: 0 8px 8px 0;
    border-left:0;
    font-size: 1em;
    padding: 8px;
    display: block;
}

main .article-info .publish-time{
    font-size: .9em;
    margin: 20px 0;
    color:#666;
}
main .article-images, .news-content img{
    max-width: 100%;
}

.table-wrapper{
    box-shadow: 0 0 40px rgba(26, 26, 26, .25);
    border-radius: 15px;
    margin-bottom: 40px;
    overflow: hidden;
}

.jackpot-history-panel table td.positive:after {
    content: "↑";
}

.jackpot-history-panel table td.positive {
}

.jackpot-history-panel table td.negative:after {
    content: "↓";
    color: #de008c;
}

.jackpot-history-panel table td.negative {
    color: #ed008c;
}

.schedule-panel{
    overflow-x:scroll;
    box-shadow: 0 0 40px rgba(26, 26, 26, .25);
    border-radius: 15px;
    margin-bottom: 40px;
}
.schedule-panel table{
    min-width: 480px;
    box-shadow: none;
    border-radius: none;
    margin: 0;
}

.schedule-panel table td{
    text-align: center;
    width: 12.5%;
    height: 30px;
    line-height: 30px;
}

.drawn-numbers-panel{
    border-radius: 15px;
    box-shadow: 0 0 40px rgba(26,26,26,.25);
    background-color: #002e96;
    overflow: hidden;
}
.drawn-numbers-panel.-intable{
    border-radius: 0;
    box-shadow: 0 0;
    background-color: transparent;
}
.drawn-numbers-panel .top{
    padding: 10px;
    background-color: rgba(0,0,0,.3);
    color: rgba(255,255,255,.8);
}
.drawn-numbers-panel .prev-draw a,
.drawn-numbers-panel .next-draw a{
    padding: 0 20px;
    display: inline-block;
    position: relative;
    color: rgba(255,255,255,.6);
}
.drawn-numbers-panel .prev-draw a{
    padding-left: 40px;
}
.drawn-numbers-panel .next-draw a{
    padding-right: 40px;
}
.drawn-numbers-panel .prev-draw a:before,
.drawn-numbers-panel .next-draw a:before{
    top: 50%;
    z-index: 2;
    content: ">";
    color: rgba(255,255,255,.5);
    position: absolute;
}
.drawn-numbers-panel .prev-draw a:before{
    top: 10px;
    left: 20px;
    -webkit-transform: translate(-50%,-55%) rotate(180deg);
    transform: translate(-50%,-55%) rotate(180deg);
}
.drawn-numbers-panel .next-draw a:before{
    top: 11px;
    right: 15px;
    -webkit-transform: translate(-50%,-55%);
    transform: translate(-50%,-55%);
}
.drawn-numbers-panel .numbers-panel{

}
.drawn-numbers-panel .numbers-panel ul.numbers{
    padding: 5px 0;
}
.drawn-numbers-panel .numbers-panel ul.numbers li{
    font-family: Rubik,sans-serif;
    background: #fff;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    margin: 20px 10px;
    font-size: 1.5em;
    text-align: center;
    line-height: 50px;
}
.drawn-numbers-panel.-intable .numbers-panel ul.numbers li{
    margin: 5px;
    height:40px;
    width: 40px;
    line-height: 40px;
    background: #000078;
    color: #fff;
}
.drawn-numbers-panel .numbers-panel ul.numbers li.bonus{
    color: #fff;
    background-color: rgba(0,0,0,.3);
}
.drawn-numbers-panel .numbers-panel ul.numbers li.extra{
    color: #fff;
    background-color: rgba(0,0,0,.5);
}
.drawn-numbers-panel.-intable .numbers-panel ul.numbers li.bonus{
    color: #fff;
    background-color: #ed008c;
}
.drawn-numbers-panel.-intable .numbers-panel ul.numbers li.extra{
    color: #fff;
    background-color: #ed008c;
}
.burger{
    display: none;
}

@media (max-width: 768px){
    body{
        padding-top: 45px;
    }

    header.legacy nav{
        position: absolute;
        left: 100%;
        top: 100%;
        width: 50%;
        height: 100vh;
        z-index: 4;
        transition: all .3s ease-in-out;
        background-color: #000045;
    }

    header.legacy nav.is-active{
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    .burger{
        display: block;
        width: 45px;
        height: 45px;
        position: relative;
        cursor: pointer;
    }
    .burger span,
    .burger:before,
    .burger:after{
        content: "";
        position: absolute;
        width: 50%;
        height: 2px;
        background-color: #fff;
        top: 50%;
        left: 50%;
        transition: all .3s ease-in-out;
    }
    .burger span{
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .burger:before{
        -webkit-transform: translate(-50%,-7px);
        transform: translate(-50%,-7px);
    }
    .burger:after{
        -webkit-transform: translate(-50%,5px);
        transform: translate(-50%,5px);
    }
    .burger.is-active span{
        -webkit-transform: translate(-50%) scaleX(0);
        transform: translate(-50%) scaleX(0);
    }
    .burger.is-active:before{
        -webkit-transform: translate(-50%) rotate(45deg);
        transform: translate(-50%) rotate(45deg);
    }
    .burger.is-active:after{
        -webkit-transform: translate(-50%) rotate(-45deg);
        transform: translate(-50%) rotate(-45deg);
    }
    header.legacy nav > ul.menu > li.menu-item > a.menu-link.sub:after {
        top: 50%;
        left:90%;
        -webkit-transform: translate(-50%,-55%) rotate(0);
        transform: translate(-50%,-55%) rotate(0);
        position: absolute;
    }

    .breadcrumb{
        width: 100%;
    }


    main .container{
        padding: 10px;
    }
    main .container h1{
        font-size: 1.5em;
    }
    main .container .col-1,
    main .container .col-2,
    main .container .col-3{
        width:100%;
    }
    main .container .col-1{
        margin: 0 0 15px;
    }
    main .container .row.title .col-2{
        width: calc(50% - 30px);
    }

    .lotto-card .info-row .lotto-logo{
    }
    .lotto-card .info-row .lotto-logo span{
        font-size: 1em;
    }
    .lotto-card .info-row .lotto-info{
    }
    .lotto-card .info-row .lotto-info .draw-time{
        font-size:.8em;
    }
    .lotto-card .info-row .lotto-info .jackpot{
        font-size:1.5em;
    }
    .lotto-card .numbers-row{

    }
    .lotto-card .numbers-row ul.numbers{
    }
    .lotto-card .numbers-row ul.numbers li{
        height: 30px;
        width: 30px;
        border-radius: 15px;
        margin: 5px 3px 0;
        font-size: .8em;
        text-align: center;
        line-height: 30px;
    }
    .lotto-card-2{
        margin: 10px 0px!important;
    }
    .lotto-card-2 .info-row .lotto-info .jackpot{
        font-size: 1.5em;
    }
    .lotto-card-2 .info-row .lotto-logo{
    }
    .lotto-card-2 .info-row .lotto-logo span{
        font-size: 1em;
    }
    .lotto-card-2 .info-row .lotto-info{
    }
    .lotto-card-2 .info-row .lotto-info .draw-time{
        font-size:.8em;
    }
    .lotto-card-2 .info-row .lotto-info .jackpot{
        font-size:1.5em;
    }
    .lotto-card-2 .numbers-row{

    }
    .lotto-card-2 .numbers-row ul.numbers{
    }
    .lotto-card-2 .numbers-row ul.numbers li{
        height: 30px;
        width: 30px;
        border-radius: 15px;
        margin: 5px 3px 0;
        font-size: .8em;
        text-align: center;
        line-height: 26px;
    }
    .lotto-card-2 .info-row .lotto-info .jackpot{
        font-size: 1.5em;
    }


    .news-card.col-2 .news-background .title{
        height: 60px;
        font-size: 1.2em;
    }
    .news-card.col-3 .news-background .title{
        height: 60px;
        font-size: 1.2em;
    }

    .drawn-numbers-panel .numbers-panel{

    }
    .drawn-numbers-panel .numbers-panel ul.numbers{
        padding: 5px 0;
    }
    .drawn-numbers-panel .numbers-panel ul.numbers li{
        height: 30px;
        width: 30px;
        border-radius: 15px;
        margin: 10px 5px;
        font-size: 1em;
        line-height: 30px;
    }
    .drawn-numbers-panel.-intable .numbers-panel ul.numbers li{
        margin: 5px;
        height:30px;
        width: 30px;
        line-height: 30px;
    }

    .prize-breakdown-panel table tr,
    .jackpot-history-panel table tr{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid rgba(26,26,26,.2);
    }
    .prize-breakdown-panel table td,
    .jackpot-history-panel table td{
        border: none;
        -webkit-box-flex:1;
        -ms-flex: auto;
        flex: auto;
    }

    ul.tags-list li a.article-tag{
        font-size: .8em;
    }
    ul.tags-list li.flex span.count{
        font-size: .8em;
    }

    footer .container.top{
        padding: 10px 10px 10px 5px;
    }
}