/*@import url('https://fonts.googleapis.com/css?family=Fredoka+One:400');*/

.b-tuesday-rocket * {
    font-family: 'Fredoka One';
    box-sizing: border-box;
}

/*.b-tuesday-rocket__yellow {
    color: #FFD00D;
}*/

/* Stretch */

.b-tuesday-rocket-stretch {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    min-width: 1000px;
    margin: auto;
    background: linear-gradient(180deg, #006ECC -6.43%, #3AA0F0 55.57%, #99D5FF 116.43%);
    z-index: 10000;
    display: none;
}
.b-tuesday-rocket-stretch__back-1 {
    position: absolute;
    top: 0;
    right: 50%;
    width: 346px;
    height: 70px;
    transform: translateX(-531px);
}
.b-tuesday-rocket-stretch__back-2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 346px;
    height: 70px;

    transform: translateX(559px);
}

.b-tuesday-rocket-stretch__back-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 151px;
    height: 70px;
    background: url("../img/cloud-stretch-left.png") no-repeat 0 0 / 151px 70px;
}

.b-tuesday-rocket-stretch__back-right {
    position: absolute;
    left: 147px;
    top: 0;
    width: 190px;
    height: 70px;
    background: url("../img/cloud-stretch-right.png") no-repeat 0 0 / 190px 70px;
}

.b-tuesday-rocket-stretch__back-rocket {
    position: absolute;
    right: 50%;
    transform: translateX(-371px);
    top: 0;
    width: 184px;
    height: 104px;
    background: url("../img/rocket-stretch.png") no-repeat 0 0 / 184px 104px;
}

.b-tuesday-rocket-stretch__wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 70px;
    overflow: hidden;
}

.b-tuesday-rocket-stretch__caption {
    position: absolute;
    left: 98px;
    top: 8px;
    width: 415px;
    height: 52px;

    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #FFFFFF;
    text-align: center;
}
.b-tuesday-rocket-stretch__caption b{
    color: #FFE072;
}

.b-tuesday-rocket__timer {
    position: absolute;
    left: 529px;
    top: 10px;
}
.b-tuesday-rocket__plate {
    display: inline-block;
    box-sizing: border-box;
    width: 44px;
    height: 50px;
    border: 1px solid #649AC7;
    border-radius: 10px;
    background: #FFFFFF;

    font-size: 24px;
    line-height: 50px;
    text-align: center;
    color: #0B487B;
}
.b-tuesday-rocket__del {
    display: inline-block;
    width: 16px;
    height: 50px;
    vertical-align: bottom;

    font-family: 'DM Sans';
    font-weight: 500;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
}

.b-tuesday-rocket-stretch__button {
    display: block;
    position: absolute;
    left: 713px;
    top: 10px;
    width: 233px;
    height: 50px;

    background: #FFF52E;
    box-shadow: 0 1px 3px rgba(145, 91, 15, 0.2);
    border-radius: 10px;

    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 50px;
    color: #0B487B;
    text-decoration: none;
    cursor: pointer;
}

/*.b-tuesday-rocket-stretch__button:hover {
    background: linear-gradient(180deg, #FFE36E 13.85%, #DD911F 86.77%);
}*/

.b-tuesday-rocket-stretch__close {
    position: absolute;
    left: 976px;
    top: 23px;
    width: 24px;
    height: 24px;
    background: url(../img/cross.svg) no-repeat 0 0 / 24px 24px;
    cursor: pointer;
}

/* Popup */

.b-tuesday-rocket-popup {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100002;
    background: rgba(14, 16, 18, 0.5);
}

.b-tuesday-rocket-popup-jslider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.b-tuesday-rocket-popup__body {
    position: absolute;
    width: 720px;
    height: 510px;
    box-sizing: border-box;
    padding: 0;
    background: linear-gradient(180deg, #0069C2 0%, #2897EF 40.39%, #99D5FF 72.75%);
    top: 50%;
    left: 50%;
    text-align: center;
    overflow: hidden;
    transform: translate(-50%, -50%);
}

.b-tuesday-rocket-popup__close {
    position: absolute;
    background: url(../img/cross.svg) no-repeat center center / 24px 24px;
    width: 24px;
    height: 24px;
    z-index: 100020;
    cursor: pointer;
    top: 20px;
    right: 20px;
}
#b-tuesday-rocket-popup__bg-cloud-0 {
    position: absolute;
    left: 0;
    top: 270px;
    z-index: 100010;
    width: 720px;
    height: 307px;
    background: url("../img/cloud-bg-0.png") no-repeat 0 0 / 720px 307px;
    transition: top 3500ms cubic-bezier(.66,0,.33,1) 350ms;
}
#b-tuesday-rocket-popup__bg-cloud-1 {
    position: absolute;
    left: 0;
    top: 402px;
    z-index: 100017;
    width: 720px;
    height: 151px;
    background: url("../img/cloud-bg-1.png") no-repeat 0 0 / 720px 151px;
    transition: top 3500ms cubic-bezier(.66,0,.33,1) 350ms;
}
.b-tuesday-rocket-popup__quarter-circle-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 87px;
    height: 89px;
    background: url("../img/quarter-circle.svg") no-repeat 0 0 / 87px 89px;
}

.b-tuesday-rocket-popup__quarter-circle-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 87px;
    height: 87px;
    background: url("../img/quarter-circle-right.png") no-repeat 0 0 / 87px 87px;
}

#b-tuesday-rocket-popup__move-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    z-index: 100011;
}
.b-tuesday-rocket-popup__first {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
}
.b-tuesday-rocket-popup__second {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
}

.b-tuesday-rocket-popup__title {
    position: relative;
    margin: 30px auto 0;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #FFFFFF;
}
.b-tuesday-rocket-popup__caption {
    position: relative;
    margin: 12px auto 0;
    color: #10FFFF;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.04em;
}

.b-tuesday-rocket-popup__rocket {
    position: absolute;
    left: 286px;
    top: 170px;
    z-index: 100012;
    width: 148px;
    height: 340px;
    background: url("../img/rocket.png") no-repeat 0 0 / 148px 340px;
    animation: 250ms linear infinite trembling alternate -125ms;
    animation-play-state: paused;

    transition: top 2s ease-in 0ms;
}

@keyframes trembling {
    0% {
        left: 283px;
    }
    100% {
        left: 289px;
    }
}

.b-tuesday-rocket-popup__rocket-smoke {
    display: none;
    position: absolute;
    top: 374px;
    left: 360px;
    z-index: 100014;
    width: 0;
    height: 0;
    border-radius: 100px;
    background: #777777;
    opacity: 1;
    animation: 4s ease-out 0s 1 normal rocket-launch-smoke;
    animation-play-state: paused;
    transition: left 4000ms 0ms linear, top 4000ms 0ms linear;
}

@keyframes rocket-launch-smoke {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
        margin: 0 0 0 0;
    }

    20% {
        width: 30px;
        height: 30px;
        opacity: 1;
        margin: -15px 0 0 -15px;

    }
    100%{
        width: 100px;
        height: 100px;
        opacity: 0;
        margin: -50px 0 0 -50px;

    }
}

.b-tuesday-rocket-popup__rocket-fly-smoke {
    position: absolute;
    /*top: -2000px;*/
    left: 360px;
    z-index: 100014;
    width: 0;
    height: 0;
    background: #777;
    opacity: 1;
    border-radius: 700px;

    transition:
            left 3000ms 0ms linear,
            top 3000ms 0ms linear,
            width 3000ms 0ms cubic-bezier(0,.5,1,1),
            height 3000ms 0ms cubic-bezier(0,.5,1,1),
            margin 3000ms 0ms cubic-bezier(0,.5,1,1);

    animation: 1600ms linear 0s 1 normal forwards rocket-fly-smoke;
    animation-play-state: paused;
}
@keyframes rocket-fly-smoke {
    0% {
        opacity: 1;
        z-index: 100014;
    }
    99%{
        opacity: 0;
        z-index: 100014;
    }
    100%{
        opacity: 0;
        z-index: 100010;
    }
}


.b-tuesday-rocket-popup__circle {
    position: absolute;
    left: 431px;
    top: 178px;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background: #1DBFF4;
    border: 2px solid #0EE0E0;
    box-sizing: border-box;
    transform: rotate(10deg);
    z-index: 100012;

    color: #FFFFFF;
    font-size: 18px;
    line-height: 16px;
    padding-top: 15px;
    cursor: pointer;
}

#b-tuesday-rocket-popup__rocket-timer {
    display: none;
    position: absolute;
    left: 431px;
    top: 178px;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background: #1DBFF4;
    border: 2px solid #0EE0E0;
    box-sizing: border-box;
    transform: rotate(10deg);
    z-index: 100013;

    color: #FF4500;
    font-size: 32px;
    line-height: 59px;
    text-align: left;
    padding-left: 14px;
}

#b-tuesday-rocket-popup__rocket-timer {
    position: absolute;
    left: 431px;
    top: 178px;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background: #1DBFF4;
    border: 2px solid #0EE0E0;
    box-sizing: border-box;
    /*transform: rotate(10deg);*/
    z-index: 100013;
    overflow: hidden;
}

#launch-timer__back {
    background: #FFAB1A;
    position: absolute;
    left: -2px;
    bottom: 0px;
    width: 64px;
    height: 0;
    z-index: 100014;

    transition: height 1850ms 0ms linear;
}
.b-tuesday-rocket-popup__vector {
    position: absolute;
    left: 419px;
    top: 238px;
    width: 36px;
    height: 30px;
    background: url("../img/vector.svg") no-repeat 0 0 ;
}
.b-tuesday-rocket-popup__sky {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.b-tuesday-rocket-popup__cloud-sale-40{
    position: absolute;
    left: 51px;
    top: 155px;
    width: 103px;
    height: 110px;
    background: url("../img/sale-40.png") no-repeat 0 0 / 100% 100%;
}
.b-tuesday-rocket-popup__cloud-sale-45{
    position: absolute;
    left: 589px;
    top: 241px;
    width: 108px;
    height: 100px;
    background: url("../img/sale-45.png") no-repeat 0 0 / 100% 100%;
}
.b-tuesday-rocket-popup__cloud-sale-50{
    position: absolute;
    left: 136px;
    top: 270px;
    width: 127px;
    height: 113px;
    background: url("../img/sale-50.png") no-repeat 0 0 / 100% 100%;
}

.b-tuesday-rocket-popup__sky-star {
    display: none;
    position: absolute;
    background: url("../img/star.svg") no-repeat 0 0 / 100% 100%;
    top: -128px;
    left: -128px;
    width: 64px;
    height: 64px;
    opacity: 1;

    transition: left 5s 0ms linear, top 5s 0ms linear;
}


#b-tuesday-rocket__sky-star-11 {
    left: 573px;
    top: -14px;
    width: 27px;
    height: 27px;
    opacity: 0.2;
    transform: rotate(-5.31deg);
}
#b-tuesday-rocket__sky-star-12 {
    left: 31px;
    top: 13px;
    width: 12px;
    height: 12px;
    opacity: 0.2;
    transform: rotate(-5.31deg);
}
#b-tuesday-rocket__sky-star-13 {
    left: 437px;
    top: 40px;
    width: 15px;
    height: 15px;
    opacity: 0.2;
    transform: rotate(-5.31deg);
}
#b-tuesday-rocket__sky-star-14 {
    left: 182px;
    top: 49px;
    width: 12px;
    height: 12px;
    opacity: 0.6;
    transform: rotate(-5.31deg);
}
#b-tuesday-rocket__sky-star-15 {
    left: 573px;
    top: 140px;
    width: 19px;
    height: 19px;
    opacity: 0.6;
    transform: rotate(-5.31deg);
}
#b-tuesday-rocket__sky-star-16 {
    left: 57px;
    top: 219px;
    width: 12px;
    height: 12px;
    opacity: 1;
    transform: rotate(-5.31deg);
}

.b-tuesday-rocket-popup__sky-ellipse {
    position: absolute;
    background: url("../img/ellipse.svg") no-repeat 0 0 / 100% 100%;
}

#b-tuesday-rocket__sky-ellipse-11 {
    left: 269px;
    top: -28px;
    width: 55px;
    height: 55px;
    opacity: 0.15;
    transform: rotate(-15deg);
}
#b-tuesday-rocket__sky-ellipse-12 {
    left: 43px;
    top: 92px;
    width: 31px;
    height: 34px;
    opacity: 1;
    transform: rotate(0deg);
}
#b-tuesday-rocket__sky-ellipse-13 {
    left: 658px;
    top: 189px;
    width: 79px;
    height: 79px;
    opacity: 0.15;
    transform: rotate(75deg);
}
#b-tuesday-rocket__sky-ellipse-14 {
    left: 192px;
    top: 275px;
    width: 28px;
    height: 31px;
    opacity: 0.2;
    transform: rotate(0deg);
}

.b-tuesday-rocket-popup__prize {
    position: absolute;
    left: 120px;
    top: 40px;
    width: 480px;
    height: 177px;
    color: #FFFFFF;
}
.b-tuesday-rocket-popup__prize-1{
    font-size: 40px;
    line-height: 52px;
}
.b-tuesday-rocket-popup__prize-2{
    font-size: 82px;
    line-height: 82px;
    color: #FFF52E;
}
.b-tuesday-rocket-popup__prize-3{
    font-size: 34px;
    line-height: 44px;
}

.b-tuesday-rocket-popup__button {
    position: absolute;
    left: 222px;
    top: 248px;
    z-index: 100013;
    display: block;
    width: 276px;
    height: 71px;

    background: #FFF52E;
    box-shadow: 0 4px 6px rgba(29, 66, 121, 0.23);
    border-radius: 5px;

    font-size: 24px;
    line-height: 71px;
    color: #0B487B;
    text-decoration: none;
    cursor: pointer;
}

/*.b-tuesday-rocket-popup__button:hover {
    background: linear-gradient(180deg, #10FFA4 0%, #10C790 72.19%);
}*/

@media (max-width: 720px) {
    .b-tuesday-rocket-popup__body {
        left: 0;
        transform: translateY(-50%);
    }
}

@media (max-height: 510px) {
    .b-tuesday-rocket-popup__body {
        top: 0;
        transform: translateX(-50%);
    }
}

@media (max-width: 720px) and (max-height: 510px) {
    .b-tuesday-rocket-popup__body {
        top: 0;
        left: 0;
        transform: none;
    }
}