@charset "UTF-8";*{user-select:none;position:relative}*,:after,:before{box-sizing:border-box}html{line-height:1.2;font-family:Circe;font-weight:400;color:#e7a769;overflow:hidden;background-color:#142142;max-width:100vw}body{margin:0}a{text-decoration:none}img{pointer-events:none}.cross{position:absolute;z-index:5;top:0;right:22px;font-size:20px;color:#fff;opacity:.9;cursor:pointer}.hidden{display:none!important}.bg-red{background-color:#ba1b16!important;color:#f0e2c7!important}section .bg-blue{background-color:#142143!important;color:#f0e2c7!important}section .bg-blue:hover{box-shadow:0 0 5px #9fa0a3!important;color:#fff!important}.rules{position:absolute;bottom:20px;right:10%;font-size:1em;color:#fff;text-decoration:underline;z-index:5}.copy{position:fixed;bottom:5vh;left:5%;padding:10px 25px;background-color:#e7a769;color:#f0e2c7;font-size:1em;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.5);z-index:5;display:none}section{width:100%;height:100vh;padding:25px 0;background-size:contain;background-repeat:no-repeat;background-position:top center}section .top-right-bg{position:absolute;top:0;right:10%;z-index:1;width:10%;height:auto}section .top-left-bg{position:absolute;top:0;left:7%;z-index:1;width:17%;height:auto}section .bot-right-bg{position:absolute;bottom:50px;right:5%;z-index:1;width:22%;height:auto}section .top-line{position:absolute;top:25px;left:50%;width:100%;transform:translate(-50%,0);text-align:center;z-index:3}section .top-line h2{font-size:4em;text-transform:uppercase;text-align:center;font-weight:100;display:inline-block;margin:auto}section .top-line img{display:block;margin:auto;margin-bottom:10px;width:100%}section .top-line p{font-size:1.3em;color:#f0e2c7;text-align:center;margin:auto;display:block}section .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:100%;height:100%;margin:auto;display:flex}section .content .center-bg{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}section .bottom-line{position:absolute;bottom:25px;left:50%;transform:translate(-50%,0);z-index:1;display:flex;justify-content:space-around}section .btn:hover{color:#222;box-shadow:0 0 15px rgba(231,167,105,.3);transition:.4s all}section .btn{font-size:1.2em;background-color:#e7a769;color:#0a1127;display:block;font-weight:400;padding:14px 40px;transition:.3s all;cursor:pointer;border:0;z-index:5;border-radius:10px;min-width:250px;margin:auto 30px}section .btn .social{left:0;position:absolute;width:100%;top:calc(100% + 10px);display:none;text-align:center}section .btn .social a:last-child{margin-right:0}section .btn .social a{display:inline-block;line-height:0;border-radius:5px;margin-right:5px}section .btn .social a img{width:35px}#main{overflow:hidden;background-color:#142143;background-image:url(../img/screen1/page1_bg.svg)}#choose{background-color:#0a1127;background-image:url(../img/screen2/page2_bg.svg)}#choose .top-line h2{font-size:2.2em}#choose .content{z-index:2;position:absolute;width:100%;display:flex;justify-content:space-between}#choose .content p.ball{left:0;top:0}#choose .content p.star{right:0;bottom:0}#choose .content p{position:absolute;user-select:none;z-index:1;width:30vw;margin:0;height:auto}#choose .content p img{width:100%}#cards{background-color:#050819;background-image:url(../img/screen3/page3_bg.svg)}#cards .top-line p{width:100%}#cards .popup{display:none;width:100%;height:100%;z-index:3;top:0;left:0}#cards .popup .overflow{background-color:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;height:100%;cursor:zoom-out;z-index:1}#cards .popup .popup--content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex}#cards .popup .popup--content .desc img{display:block;margin:auto;width:800px}#cards .popup .popup--content .desc p a{font-size:1.15em;font-weight:700;text-decoration:underline;display:block;margin-bottom:10px;color:#f0e2c7;text-decoration:underline}#cards .popup .popup--content .desc p{position:absolute;left:51%;width:45%;top:50%;transform:translate(0,-55%);font-size:1.2em;color:#f0e2c7;margin:0}#cards .content{width:940px;height:auto;margin:auto}#cards .content .center-bg{width:100%;height:auto}#cards .content .cards-block{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;top:-40px;width:65%;margin:auto;z-index:2}#cards .content .cards-block .cardshow .cardback{display:none!important}#cards .content .cards-block .cardshow .cardfront{display:block!important}#cards .content .cards-block .card-back-animate{animation:cardback .25s;transform:rotateY(90deg)}#cards .content .cards-block .card-front-animate{animation:cardfront .5s;transform:rotateY(0)}#cards .content .cards-block .enabled:hover{transform:scale(1.025)}#cards .content .cards-block .card{transition:.5s all;position:relative;width:calc(33.333% - 15px);display:inline-block;cursor:pointer}#cards .content .cards-block .card .cardfront{display:none}#cards .content .cards-block .enabled{animation-name:cardshake;animation-duration:1.5s;animation-iteration-count:infinite;animation-direction:alternate}#cards .content .cards-block .enabled:after{content:'';position:absolute;top:-30px;left:35%;width:1px;height:1px;border-radius:3px;border:15px solid transparent;border-right-color:#f0e2c7;border-top-color:#f0e2c7;opacity:0}#cards .content .cards-block .enabled:before{content:'Нажмите, чтобы открыть';position:absolute;top:-30px;background-color:#f0e2c7;color:#050819;white-space:nowrap;left:-25px;padding:3px 10px;border-radius:15px;font-size:.9em;opacity:0;z-index:2}#cards .content .cards-block .enabled:hover:after,#cards .content .cards-block .enabled:hover:before{opacity:1}#cards .content .cards-block .cardshow:after{content:'';position:absolute;top:-30px;left:40%;width:1px;height:1px;border-radius:3px;border:15px solid transparent;border-right-color:#f0e2c7;border-top-color:#f0e2c7;opacity:0}#cards .content .cards-block .cardshow:before{content:'Нажмите, чтобы увеличить';position:absolute;top:-30px;background-color:#f0e2c7;color:#050819;white-space:nowrap;left:-25px;padding:3px 10px;border-radius:15px;font-size:.9em;opacity:0;z-index:2}#cards .content .cards-block .cardshow:hover:after,#cards .content .cards-block .cardshow:hover:before{opacity:1}#cards .content .prediction{position:absolute;top:calc(100% + 15px);left:0;z-index:2;width:100%;display:flex;align-items:center;justify-content:center}#cards .content .prediction img{width:55px}#cards .content .prediction ul{padding:0;padding-left:20px;margin:0}#cards .content .prediction ul .show{animation:prediction-show 2s;opacity:1}#cards .content .prediction ul li{white-space:nowrap;list-style-type:none;color:#f0e2c7;font-size:1em;opacity:0;transition:2s all}#cards .bottom-line{display:none}#total{background-color:#050819;background-image:url(../img/screen4/page4_bg.svg)}#total .bot-right-bg{bottom:0;right:2%}#total .content{width:940px;height:auto;margin:auto;flex-wrap:wrap}#total .content .image{width:100%;position:relative;margin-bottom:30px}#total .content .image img{height:100%;max-height:600px;display:block;margin:auto}#total .content .image .text{position:absolute;top:50%;transform:translate(0,-50%);left:7%;width:60%;font-size:1.1em;color:#f0e2c7}#total .content .image .text p{width:100%;display:block;text-shadow:0 0 5px #000;margin:0;margin-bottom:10px}#total .content .btns-group{display:flex;justify-content:center;margin-bottom:50px;width:100%}#total .content .btns-group .btn{min-width:280px;text-align:center}#total .content .prediction{z-index:2;width:100%;display:flex;align-items:center;justify-content:center}#total .content .prediction img{width:60px}#total .content .prediction ul{padding:0;padding-left:20px;margin:0}#total .content .prediction ul li{white-space:nowrap;list-style-type:none;color:#f0e2c7;font-size:1.2em}#total .bottom-line{width:100%}#total .bottom-line .coupon{width:100%;max-width:800px;display:flex;justify-content:center;align-items:stretch}#total .bottom-line .coupon button:hover,#total .bottom-line .coupon input:hover{box-shadow:0 0 15px rgba(231,167,105,.3)}#total .bottom-line .coupon input{width:75%;background-color:#fff;padding:15px 8% 15px 25px;font-size:1.1em;border:0;text-align:center;background-color:#f0e2c7;color:#0a1127;border-radius:10px;outline:0!important;outline-offset:none!important;transition:.3s all}#total .bottom-line .coupon button{min-width:30%;margin-left:-5%;color:#142143;background-color:#e7a769;border-radius:10px;padding:0 15px;font-size:1.1em;border:0;cursor:pointer;transition:.3s all}