body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:#e4e4e4}body::-webkit-scrollbar-thumb{background:#e7a769;width:5px}body::-webkit-scrollbar-thumb:hover{background:#e7a769}@keyframes cardback{from{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes cardfront{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}#total .bottom-line .coupon button[disabled]{color:#6a6a6a;cursor:no-drop}.turn{display:none!important}@keyframes cardshake{from{box-shadow:0 0 0 #e7a769}to{box-shadow:0 0 15px #e7a769}}@keyframes prediction-show{from{filter:blur(5px);opacity:0}to{filter:blur(0);opacity:1}}@media only screen and (max-width :4000px){.show-550,.show-920{display:none!important}html{font-size:20px}#total .content .image img{max-height:none}#total .content .image .text{font-size:2em}}@media only screen and (max-width :2560px){#choose .content{max-width:90%}#cards .content,#total .content{width:1300px}#total .content .image .text{font-size:1.5em}}@media only screen and (max-width :1920px){html{font-size:16px}section .top-line p{font-size:1.5em}#choose{background-size:cover}#choose .top-line h2{font-size:3em}#choose .content{height:80vh;bottom:0;top:auto;transform:translate(-50%,0);max-width:80vw}#total .content .image img{max-height:65vh}#choose .content p{cursor:pointer;width:35vw}#cards .content{width:1200px}#total .content .image .text{font-size:1.4em;left:15%}#total .content .btns-group{margin-bottom:30px}}@media only screen and (max-width :1680px){#cards .content,#total .content{width:1000px}#total .content .btns-group{margin-bottom:35px}#total .content .image img{max-height:60vh}#total .content .image .text{font-size:1.1em;left:15%}}@media only screen and (max-width :1440px){html{font-size:15px}section .top-line{top:20px}section .top-line p{font-size:1.2em}section .bottom-line{bottom:20px}#cards .content,#total .content{width:940px}#total .bottom-line .coupon{max-width:600px}#total .bottom-line .coupon button{min-width:35%}#total .content .image img{max-height:400px}#total .content .image .text{left:15%;font-size:1em}#cards .popup .popup--content .desc img{width:750px}}@media only screen and (max-width :1366px){section .btn{padding:14px 30px}#total .content .image .text{left:22%;font-size:.9em}#total .content .image img{max-height:330px}}@media only screen and (max-width :1280px){#total .content .btns-group{margin-bottom:20px}html{font-size:14px}section .top-line h2{font-size:3em}section .btn{font-size:1.1em;padding:10px 30px}section .top-line p{font-size:1.1em}#cards .content,#total .content{width:740px}#cards .content .prediction img{width:50px}#total .content .image{margin-bottom:25px}#total .content .btns-group{margin-bottom:40px}#total .content .prediction img{width:55px}#total .bottom-line .coupon input{padding:12px 8% 12px 25px}#total .content .image .text{font-size:.9em}#total .content .btns-group .btn{min-width:250px}#cards .popup .popup--content .desc img{width:auto;min-height:95vh}}@media only screen and (max-width:1024px){#cards .content,#total .content{width:700px}#cards .content .prediction img{width:45px}}@media only screen and (max-width:920px){.rules{bottom:40px;opacity:.8;text-align:center;font-size:.9em}.hide-920{display:none!important}.show-920{display:block!important}#main{background-image:url(../img/mobile/mobile_page1_bg.svg);background-size:cover}section .top-left-bg{left:1%}section .top-right-bg{right:1%}section .content{width:130%}section .top-line p{font-size:1.1em}section .bot-right-bg{width:35%}#choose{background-image:url(../img/mobile/mobile_page2_bg.svg);background-size:cover}#cards{background-image:url(../img/mobile/mobile_page3_bg.svg);background-size:cover}#cards .content .cards-block{width:85%}#total{background-image:url(../img/mobile/mobile_page4_bg.svg);background-size:cover}}@media only screen and (max-width :768px){section .btn{margin:auto 15px}#choose .top-line h2,section .top-line h2{font-size:2em}section .top-line p{font-size:1em}#cards .content,#total .content{width:100%}#total .content .btns-group .btn{min-width:240px}#total .bottom-line .coupon{max-width:100%;width:90%}#cards .popup .popup--content{flex-wrap:wrap;width:95%;margin:auto}#cards .popup .popup--content .desc{width:100%;padding:20px 10px;background-color:#142143}#cards .popup .popup--content .desc img{width:100%;display:block;height:50vh;margin-left:auto;margin-right:auto}#cards .popup .popup--content .desc p{position:relative;top:auto;left:auto;transform:translate(0);width:100%}}@media only screen and (max-width :550px){.hide-550{display:none!important}.show-550{display:block!important}html{font-size:15px}#main .top-line{top:10vh}#choose .content p{width:67%}#choose .content{height:75vh;max-width:none}section .top-line img{width:80%}#cards .popup .popup--content .desc img{min-height:0}#main .top-line h2{font-size:2.5em}#main .content .center-bg{width:150%;margin-left:5%}#main .bot-right-bg{display:none}.rules{left:50%;bottom:115px;transform:translate(-50%,0)}#choose .top-line{top:5vh}#choose .top-line h2{font-weight:400;font-size:1.7em}#choose .content p.star{bottom:50px}#cards .top-line{top:13vh}#cards .content .cards-block .card{width:calc(33.333% - 5px)}#cards .content .prediction img{width:40px}#cards .content .prediction ul{padding-left:10px}#cards .content .prediction ul li{white-space:normal;font-size:.8em}section .bottom-line{width:100%;flex-wrap:wrap;bottom:130px}section .btn{width:75%;margin:5px auto;font-size:1em}#cards .content .cards-block .cardshow:before{left:-20px;font-size:.8em;padding:2px 5px}#cards .popup .popup--content{width:98%}#total .top-left-bg{width:30%;left:5%}#total .content{top:40%}#total .content .image{width:95%;margin-left:auto;margin-right:auto;margin-bottom:15px}#total .content .image img{width:100%}#total .content .btns-group{flex-wrap:wrap;margin-bottom:37px}#total .content .prediction img{width:45px}#total .content .prediction ul li{font-size:.9em}#total .content .prediction{width:95%;margin-left:auto;margin-right:auto;margin-bottom:25px}#total .content .prediction ul li{white-space:normal;font-size:1em}#total .content .image .text{left:20px;font-size:.6em}#total .content .image .text p{margin-bottom:3px}#total .bottom-line .coupon{flex-wrap:wrap}#total .bottom-line .coupon input{margin-bottom:10px!important}#total .bottom-line .coupon button,#total .bottom-line .coupon input{width:100%;margin:auto;height:35px}#cards .popup .popup--content .desc p{font-size:1em}#cards .content .cards-block .cardshow:after,#cards .content .cards-block .enabled:after{left:0}section .btn .social a{margin-right:3px}section .btn .social a img{width:30px}}@media only screen and (max-width:330px) and (max-height:750px){#choose .content p.ball{top:100px}#total .content .image .text{font-size:.5em}#cards .content .prediction ul li{font-size:.6em}#total .content .btns-group .btn{min-width:none;width:80%}}@media only screen and (max-width:376px) and (max-height:600px){#choose .content p{width:55%}#choose .content p.star{bottom:25px}#main .content .center-bg{width:125%}#main .top-line{top:5vh}#main .bottom-line{bottom:120px}.rules{bottom:105px}#cards .top-line{top:5vh}#cards .bottom-line{bottom:5vh}#total .content{top:40%}#total .content .image{margin-bottom:5px}#total .content .btns-group{margin-bottom:5px}#total .bottom-line{bottom:7vh}}@media only screen and (max-width:900px) and (max-height:450px){.turn{position:fixed;z-index:100;top:0;left:0;width:100%;height:100vh;overflow:hidden;background-image:url(../img/turn.svg);background-position:center;background-size:contain;background-repeat:no-repeat;display:block!important;background-color:#142142}}