.fair-link .jackpot-icn-left,
.fair-link .jackpot-icn-right {
    display: block;
    position: absolute;
    background: url("https://mferma.ru/images-480/fair/NewYear2019_coin.png") 50% 50%
        no-repeat !important;
    background-size: 100% auto !important;
    width: 36.25%;
    height: 129.903%;
    max-width: 40px;
    max-height: 38px;
    top: -12%;
}
.fair-link .jackpot-icn-left {
    left: -13px;
}
.fair-link .jackpot-icn-right {
    right: -13px;
}

/*..................................
................widget..............
..................................*/
.f-wrapper .sector-fair .fair-head {
    background: none !important;
}
.f-wrapper .sector-fair #fairBody {
    background: none !important;
}

.fair-widget .jackpot,
.fair-link .jackpot {
    background: #db291c !important;
    background: linear-gradient(
        #af2016 1%,
        #db291c 11%,
        #db291c 89%,
        #af2016 99%
    ) !important;
}
.fair-widget {
    position: relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 0;
    height: 61px;
    padding: 50px 0 0 0;
    margin: -24px 0 -8px 0 !important;
    background: url("https://mferma.ru/images-480/fair/ny-widget.png") 50% 0 no-repeat !important;
}
@media screen and (max-width: 400px) {
    .fair-widget .fair-top-cd {
        left: 3px !important;
    }
}
.fair-widget .jackpot {
    position: absolute;
    text-align: center;
    text-align: center;
    width: 125px;
    height: 35px;
    top: -9px;
    margin: 0;
    left: 32%;
    left: calc(50% - 70px);
    padding: 0;
    border-radius: 30px;
    border: 2px solid #fff;
}
.fair-widget .jackpot-text {
    position: absolute;
    padding: 0 !important;
    width: 100%;
    left: 0;
    top: 8%;
    color: #fff;
    font-size: 26px !important;
}
.fair-widget .jackpot-icn-left,
.fair-widget .jackpot-icn-right {
    display: block;
    position: absolute;
    background: url("https://mferma.ru/images-480/fair/NewYear2019_coin.png") 50% 50%
        no-repeat !important;
    background-size: auto 42px !important;
    width: 42px !important;
    height: 42px !important;
    top: -3px !important;
}
.fair-widget .jackpot-icn-left {
    left: -16px !important;
}
.fair-widget .jackpot-icn-right {
    right: -16px !important;
}
.fair-widget-btn {
    display: block;
    position: relative;
    margin: 0 auto 0 auto;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    background: url("https://mferma.ru/images-480/fair/snowball_button.png") 50% 0 no-repeat !important;
    background-size: 100% auto !important;
    -webkit-filter: drop-shadow(0px 10px 7px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0px 10px 7px rgba(0, 0, 0, 0.7));
    width: 198px;
    height: 47px;
    line-height: 44px;
}
.fair-widget .fair-top-cd {
    width: 16.167%;
    max-width: 86px;
    height: 16px;
    padding: 6px 0 8px;
    top: -6px;
    left: 10px;
    min-width: 70px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.6) !important;
    border: 2px solid #fff !important;
}

/*..................................
............sector-fair.............
..................................*/
.sector-fair {
    position: relative;
    overflow: hidden;
    margin: 0px 0 -12% 0;
    overflow: hidden;
    width: 100%;
    max-width: 540px;
    height: auto;
    max-height: 700px;
    padding-bottom: 168.75%;
    background: url("https://mferma.ru/images-480/fair/ny-bg.jpg") 50% 0 no-repeat !important;
    background-size: 100% auto !important;
}
.fair-top-cd {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 19.167%;
    max-width: 92px;
    height: 4.274%;
    padding: 0;
    left: 2.5%;
    top: 7.402%;
    border: 2px solid #3f850b !important;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.fair-top-cd > span {
    display: block;
    position: absolute;
    width: 100%;
    top: 20%;
}
.fair-link-label {
    color: #aaa;
}
.fair-top-result {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 19.167%;
    max-width: 92px;
    height: 4.074%;
    max-height: 33px;
    right: 2.5%;
    top: 7.402%;
    padding: 0;
    border: 2px solid #3f850b !important;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.fair-top-result > span {
    display: block;
    position: absolute;
    width: 50%;
    top: 20%;
    text-align: left;
    left: 48%;
}
.fair-top-result-icon {
    position: absolute;
    width: 52.478%;
    max-width: 46px;
    height: 162.212%;
    max-height: 74px;
    top: -38.5%;
    left: -10%;
    background: url("https://mferma.ru/images-480/fair/ny-ticket.png") 50% 50% no-repeat !important;
    background-size: auto 100% !important;
}

.fair-body .jackpot-text {
    display: block;
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
    z-index: 10 !important;
    padding: 0 !important;
    font-weight: bold;
    top: 4% !important;
    color: #fff000 !important;
    font-size: 41px !important;
    text-shadow: 0px 0px 15px #00ff55;
}
.jackpot {
    border-radius: 10px;
}

.sector-fair .jackpot-icn-left,
.sector-fair .jackpot-icn-right {
    display: block;
    position: absolute;
    background: url("https://mferma.ru/images-480/fair/NewYear2019_coin.png") 50% 50%
        no-repeat !important;
    background-size: auto 100% !important;
    width: 38.288%;
    height: 52.5747%;
    max-width: 45px !important;
    max-height: 45px !important;
    top: 11% !important;
}
.sector-fair .jackpot-icn-left {
    left: 93% !important;
}
.sector-fair .jackpot-icn-right {
    right: 90% !important;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.sector-fair._get-jackpot .jackpot-icn-left,
.sector-fair._get-jackpot .jackpot-icn-right {
    display: none !important;
}
.jackpot-label {
    display: none;
}
.fair-body .jackpot {
    position: absolute;
    z-index: 100;
    width: 24.583%;
    height: 10.741%;
    max-width: 118px;
    max-height: 87px;
    left: 38%;
    top: 5%;
}
.fair-prize-inner._count {
    -webkit-animation: numFly 0.3s linear forwards;
    animation: numFly 0.3s linear forwards;
}
@-webkit-keyframes numFly {
    from {
        -webkit-transform: translate(0px, 0px) scale(1);
        opacity: 1;
    }
    99.999% {
        -webkit-transform: translate(32.5%, -205%) scale(0.5);
        opacity: 1;
    }
    to {
        -webkit-transform: translate(0px, 0px) scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes fairBoxIcn {
    from,
    19% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translateY(-6px) rotate(5deg);
    }
    21.5% {
        -webkit-transform: translateY(-6px) rotate(-5deg);
    }
    23% {
        -webkit-transform: translateY(-6px) rotate(5deg);
    }
    24.5%,
    48% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    49% {
        -webkit-transform: translateY(-6px) rotate(5deg);
    }
    50.5% {
        -webkit-transform: translateY(-6px) rotate(-5deg);
    }
    52% {
        -webkit-transform: translateY(-6px) rotate(5deg);
    }
    53.5% {
        -webkit-transform: translateY(-6px) rotate(-5deg);
    }
    55%,
    74% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    75% {
        -webkit-transform: translateY(-6px) rotate(5deg);
    }
    76.5% {
        -webkit-transform: translateY(-6px) rotate(-5deg);
    }
    78% {
        -webkit-transform: translateY(-6px) rotate(5deg);
    }
    79.5% {
        -webkit-transform: translateY(-6px) rotate(-5deg);
    }
    81%,
    to {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
}
@keyframes numFly {
    from {
        transform: translate(0px, 0px) scale(1);
        opacity: 1;
    }
    99.999% {
        transform: translate(32.5%, -205%) scale(0.5);
        opacity: 1;
    }
    to {
        transform: translate(0px, 0px) scale(1);
        opacity: 0;
    }
}
@keyframes fairBoxIcn {
    from,
    19% {
        transform: translateY(0px) rotate(0deg);
    }
    20% {
        transform: translateY(-6px) rotate(5deg);
    }
    21.5% {
        transform: translateY(-6px) rotate(-5deg);
    }
    23% {
        transform: translateY(-6px) rotate(5deg);
    }
    24.5%,
    48% {
        transform: translateY(0px) rotate(0deg);
    }
    49% {
        transform: translateY(-6px) rotate(5deg);
    }
    50.5% {
        transform: translateY(-6px) rotate(-5deg);
    }
    52% {
        transform: translateY(-6px) rotate(5deg);
    }
    53.5% {
        transform: translateY(-6px) rotate(-5deg);
    }
    55%,
    74% {
        transform: translateY(0px) rotate(0deg);
    }
    75% {
        transform: translateY(-6px) rotate(5deg);
    }
    76.5% {
        transform: translateY(-6px) rotate(-5deg);
    }
    78% {
        transform: translateY(-6px) rotate(5deg);
    }
    79.5% {
        transform: translateY(-6px) rotate(-5deg);
    }
    81%,
    to {
        transform: translateY(0px) rotate(0deg);
    }
}
.fair-prize-inner._item-up {
    -webkit-animation: itemFly 0.3s linear forwards;
    animation: itemFly 0.3s linear forwards;
}
@-webkit-keyframes itemFly {
    from {
        -webkit-transform: translate(0px, 0px) scale(1);
        opacity: 1;
    }
    99.999% {
        -webkit-transform: translate(0px, -242px) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translate(0px, 0px) scale(1);
        opacity: 0;
    }
}
@keyframes itemFly {
    from {
        transform: translate(0px, 0px) scale(1);
        opacity: 1;
    }
    99.999% {
        transform: translate(0px, -242px) scale(1);
        opacity: 1;
    }
    to {
        transform: translate(0px, 0px) scale(1);
        opacity: 0;
    }
}
.fair-prize-inner._item-up .fair-prize-inner-text,
.fair-prize-inner._count .fair-prize-inner-text,
.fair-prize-inner._item-up:after,
.fair-prize-inner._count:after {
    display: none !important;
}

.sector-fair .f-animal-oval[style*="animal-products"] {
    background-position-y: 35% !important;
}
.f-animal-oval.mini {
    width: 26px !important;
    height: 26px !important;
    background-size: 26px auto !important;
}
.f-animal-oval[style*="animal-products"] {
    background-position-x: 50%;
}
.f-animal-oval.mini {
    display: inline-block !important;
    background-position-y: 99% !important;
    margin: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
}

.fair-prize-inner .bag {
    width: 80px;
    height: 92px;
    background: url("https://mferma.ru/images-480/fair/bag.png") 50% 0 no-repeat;
}
.fair-prize-inner .bag .f-plant-oval {
    background-size: 76px auto;
    width: 80px;
}
.fair-prize-inner .f-plant-oval {
    height: 84px;
}
.fair-prize-inner .f-animal-oval {
    height: 96px !important;
    background-position: center !important;
}

.fair-body .jackpot {
    position: absolute;
    padding: 0 !important;
    border-width: 0px !important;
    background: transparent !important;
}
.jackpot-label {
    display: none !important;
    position: absolute;
    text-align: center;
    font-weight: normal;
    left: 0;
    width: 100%;
}
.fair-body-get {
    text-align: center;
}
.fair-desc {
    position: absolute;
    font-size: 22px;
    top: 45%;
    width: 100%;
    z-index: 5;
    left: 0;
    color: #78f127 !important;
    -webkit-animation: fairTextDesc 0.3s linear forwards;
    animation: fairTextDesc 0.3s linear forwards;
}
.fair-head-icon {
    display: none;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    top: 0px;
}
.fair-prize-label,
.fair-prize-inner,
.fair-prize-desc,
._get-jackpot .fair-prize-inner-result {
    color: #075e00 !important;
}
.fair-prize-inner-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.fair-prize-inner-result {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.fair-prize-inner-text {
    font-weight: bold;
    width: 144%;
    margin-left: -22%;
}
.fair-prize-desc {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
}

.fair-prize-inner._count .fair-prize-inner-text {
    opacity: 0;
}
.fair-prize-inner._item-up .fair-prize-inner-text {
    opacity: 0;
}
.fair-body-hint {
    display: block !important;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #78f127;
    top: 50%;
}

#oldJackpot {
    display: none;
}

.jackpot-label {
    font-size: 22px;
    top: -14px;
}
.fair-head-icon {
    display: none;
}
.f-icon.f-icon-fair-candy {
    background-size: 27px auto;
    width: 27px;
    margin-right: 4px;
}
.fair-shine {
    display: none !important;
}

/*..................................
.........fair lock panel............
..................................*/
.fair-body-lock {
    position: absolute;
    z-index: 13000;
    max-width: 480px;
    height: 45%;
    max-height: 368px;
    width: 100%;
    -webkit-filter: drop-shadow(0px 0px 10px #000);
    filter: drop-shadow(0px 0px 10px #000);
    left: 0%;
    background: url("https://mferma.ru/images-480/fair/ny-lock-panel.png") 0 0 no-repeat;
    background-size: 100% auto;
    padding: 0;
    margin: 0;
    top: 16%;
    border-radius: 7px !important;
    transform-origin: 50% 100%;
    -webkit-animation: showFairLockPanel 0.5s linear forwards;
    animation: showFairLockPanel 0.5s linear forwards;
    color: #ffeae8;
}
@-webkit-keyframes showFairLockPanel {
    from {
        -webkit-transform: scale(0.1);
    }
    80% {
        -webkit-transform: scale(1.05);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@keyframes showFairLockPanel {
    from {
        transform: scale(0.1);
    }
    80% {
        transform: scale(1.05);
    }
    to {
        transform: scale(1);
    }
}
.fair-body-lock-close {
    position: absolute;
    display: block;
    text-decoration: none;
    right: 4%;
    top: 3%;
    height: 8.152%;
    width: 6.25%;
    max-width: 30px;
    max-height: 30px;
    background: url("https://mferma.ru/images-480/fair/ny-cross.png") 50% 50% no-repeat;
    background-size: 89% auto !important;
}
.fair-body-lock-title {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 10%;
}
.fair-body-lock-inner {
    position: absolute;
    border-radius: 7px !important;
    width: 90%;
    text-align: center;
    left: 5%;
    top: 26%;
    height: 9%;
    padding: 18% 0 0 0;
}
.fair-body-lock-hint {
    position: absolute;
    width: 80%;
    text-align: center;
    left: 10%;
    top: 63%;
}
.fair-body-lock a.a,
.fair-body-lock-inner {
    color: #ffff01 !important;
}
.fair-body-lock .fair-prize-inner-icon {
    display: block;
    position: absolute;
    margin: 0 !important;
    width: 16.667%;
    height: 74.766%;
    top: 0%;
    left: 42%;
}
.sector-fair .f-animal-oval[style*="animal-products"] {
    background-position-y: 35% !important;
}
.f-animal-oval.mini {
    width: 26px !important;
    height: 26px !important;
    background-size: 26px auto !important;
}
.f-animal-oval[style*="animal-products"] {
    background-position-x: 50%;
}
.f-animal-oval.mini {
    display: inline-block !important;
    background-position-y: 99% !important;
    margin: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
}

/*.........................................
.................raiting...................
.........................................*/
.fair-raiting {
    position: absolute;
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 60.8% !important;
    left: 0 !important;
    z-index: 10;
}
.sector-fair .table-raiting td {
    padding: 1.3% 0% !important;
}
.sector-fair .table-raiting,
.sector-fair .table-raiting td,
.table-raiting tr:nth-child(2n) td {
    background: transparent !important;
}
.fair-raiting-head {
    text-align: center;
}
.fair-raiting,
.fair-raiting td,
.fair-raiting-head {
    color: #3abd16 !important;
}
.fair-raiting a,
.fair-raiting td a {
    color: #79f327 !important;
}
.sector-fair .table-raiting {
    margin: 0 auto;
    width: 95%;
}

/*.........................................
...................font....................
.........................................*/
.fair-top-cd,
.fair-top-result,
.fair-link-label {
    font-size: 18px !important;
}
.fair-raiting,
.fair-raiting td,
.fair-raiting-head,
.fair-raiting a,
.fair-raiting td a,
.fair-get-button-in,
.fair-prize,
.fair-link .jackpot-text,
.fair-body-lock,
.fair-body-lock a.a {
    font-size: 22px !important;
}
.fair-get-button-in,
.fair-desc {
    font-size: 22px !important;
}
.fair-prize-inner-result {
    font-size: 72px;
}

@media screen and (max-width: 480px) {
    .fair-top-cd,
    .fair-top-result,
    .fair-link-label {
        font-size: 14px !important;
        font-size: calc(100vw / (480 / 18)) !important;
    }
    .sector-fair .jackpot-text {
        font-size: 22px !important;
        font-size: calc(100vw / (480 / 41)) !important;
    }
    .fair-raiting,
    .fair-raiting td,
    .fair-raiting-head,
    .fair-raiting a,
    .fair-raiting td a,
    .fair-get-button-in,
    .fair-prize,
    .fair-link .jackpot-text,
    .fair-body-lock,
    .fair-body-lock a.a,
    .fair-desc,
    .fair-body-hint {
        font-size: 14px !important;
        font-size: calc(100vw / (480 / 22)) !important;
    }
    .fair-prize-inner-result {
        font-size: 24px !important;
        font-size: calc(100vw / (480 / 72)) !important;
    }
    .fair-body .jackpot-text {
        font-size: 24px !important;
        font-size: calc(100vw / (480 / 36)) !important;
    }
}

/*.........................................
.................fair-prize................
.........................................*/
.fair-prize {
    position: absolute;
    z-index: 5000;
    display: block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    top: 10%;
    left: 0;
    width: 100%;
    max-width: 480px;
    height: 59.259%;
    max-height: 480px;
    color: #075e00 !important;
}
.fair-prize:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    max-width: 480px;
    max-height: 480px;
    background: url("https://mferma.ru/images-480/fair/ny-shine.png") 50% 50% no-repeat;
    background-size: 88% auto !important;
    opacity: 0;
}

.fair-prize-label {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30%;
}
.fair-prize-inner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 35%;
}
.fair-prize-inner:after {
    content: "Нажми, чтобы забрать";
    display: block;
    padding-top: 5px;
}
.fair-prize-desc {
    position: absolute;
    width: 100%;
    left: 0;
    top: 66%;
}
.fair-prize-inner-text {
    font-weight: bold;
}
.fair-prize-inner-result {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.fair-prize-inner {
    position: relative;
}

/*.........................................
....................icons..................
.........................................*/
.f-icon.petard-bd,
.f-icon.f-icon-fair-candy {
    background: url("https://mferma.ru/images-480/fair/NewYear2019_coin.png") 50% 50%
        no-repeat !important;
    background-size: 27px auto !important;
    width: 27px !important;
    height: 27px !important;
    max-height: 27px !important;
    margin-top: -6px;
}
.f-icon.f-icon-fair-ticket {
    background: url("https://mferma.ru/images-480/fair/ny-ticket.png") 50% 50% no-repeat !important;
    background-size: 27px auto !important;
    width: 27px !important;
    height: 27px !important;
}
.fair-body-hint .f-icon.f-icon-fair-candy,
.fair-get-button-in .f-icon.f-icon-fair-candy,
.fair-get-button-in .f-icon.petard-bd {
    background: url("https://mferma.ru/images-480/fair/NewYear2019_coin.png") 50% 50%
        no-repeat !important;
    background-size: 74% auto !important;
    margin-top: -4px;
}
.fair-body-hint .f-icon.petard-bd {
    background: url("https://mferma.ru/images-480/fair/ny-ticket.png") 50% 50% no-repeat !important;
    background-size: 100% auto !important;
}
.fair-body-lock .fair-prize-inner-icon {
    background: url("https://mferma.ru/images-480/fair/ny-ticket.png") 50% 50% no-repeat !important;
    background-size: 100% auto !important;
}
@media screen and (max-width: 400px) {
    span.f-animal-oval.mini,
    .fair-get-button .f-icon.petard-bd,
    .fair-get-button .f-icon.f-icon-fair-candy {
        width: 18px !important;
        height: 18px !important;
        background-size: 18px auto !important;
    }
    span.f-icon.petard-bd,
    span.f-icon.f-icon-fair-candy,
    span.f-icon.f-icon-fair-ticket {
        width: 18px !important;
        height: 18px !important;
        background-size: auto 18px !important;
    }
}
.fair-prize-inner-icon {
    display: inline-block;
    vertical-align: middle;
    background: url("https://mferma.ru/images-480/fair/NewYear2019_coin.png") 50% 50%
        no-repeat !important;
    background-size: 82% auto !important;
    width: 16.667%;
    max-width: 80px;
    height: 80px;
    margin: -20% 0;
    margin-right: -4px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

/*.........................................
..................button...................
.........................................*/

.fair-get-button {
    display: block;
    text-decoration: none;
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 28.542%;
    height: 16.914%;
    max-width: 137px;
    max-height: 137px;
    background: url(https://mferma.ru/images-480/fair/ny-ball.png) 50% 50% no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    -webkit-animation: ascent 1.8s linear forwards;
    animation: ascent 1.8s linear forwards;
}
.fair-get-button._swing {
    -webkit-animation: swing 2s linear infinite;
    animation: swing 2s linear infinite;
}
.fair-get-button._left {
    top: 23.8%;
    left: 5.3%;
    -webkit-animation-delay: 0.02s;
    animation-delay: 0.02s;
}
.fair-get-button._center {
    top: 19.9%;
    left: 36.1%;
    -webkit-animation-delay: 0.07s;
    animation-delay: 0.07s;
}
.fair-get-button._right {
    top: 24.1%;
    right: 5.2%;
    -webkit-animation-delay: 0.04s;
    animation-delay: 0.04s;
}
@-webkit-keyframes swing {
    from {
        -webkit-transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(-6px);
    }
    to {
        -webkit-transform: translateY(0px);
    }
}
@keyframes swing {
    from {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
    }
    to {
        transform: translateY(0px);
    }
}
.fair-get-button-item {
    position: absolute;
    top: 14px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* -webkit-animation: question 3.4s linear infinite;    
      animation: question 3.4s linear infinite; */
}
.fair-get-button._fake .f-animal-oval,
.fair-get-button._fake .f-plant-oval {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin: 18% 0 0 0 !important;
}
/* @-webkit-keyframes question {
    from {
        -webkit-transform: rotateY(0deg);
    }    
    to {
        -webkit-transform: rotateY(-360deg);
    }    
}
@keyframes question {
    from {
        transform: rotateY(0deg);
    }    
    to {
        transform: rotateY(-360deg);
    }    
} */

.fair-get-button._fake {
    opacity: 0.7;
    /*  -webkit-animation: swing 1.7s linear infinite;
     animation: swing 1.7s linear infinite;   */
}
.fair-get-button-item-text {
    font-weight: bolder;
    position: absolute;
    font-size: 1.5em;
    text-align: center;
    left: 0;
    top: 63px;
    width: 100%;
    color: #d2ba07 !important;
}

.fair-get-button-shadow,
.fair-get-button-in {
    display: none;
}

@-webkit-keyframes ascent {
    from {
        -webkit-transform: translateY(-160px);
    }
    50% {
        -webkit-transform: translateY(20px);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
    to {
        transform: translateY(0px);
    }
}
@keyframes ascent {
    from {
        transform: translateY(-160px);
    }
    50% {
        transform: translateY(20px);
    }
    75% {
        transform: translateY(-10px);
    }
    to {
        transform: translateY(0px);
    }
}

.fair-get-button:before {
    opacity: 0;
    content: "";
    position: absolute;
    width: 43.066%;
    height: 43.066%;
    max-width: 59px;
    max-height: 59px;
    left: 4.38%;
    top: 8.03%;
    background: url("https://mferma.ru/images-480/fair/ny-highlight.png") 50% 50% no-repeat;
    background-size: 100% auto;
}
.fair-get-button._left:before {
    -webkit-animation: starShines 6s linear infinite 1.3s;
    animation: starShines 6s linear infinite 1.3s;
}
.fair-get-button._center:before {
    -webkit-animation: starShines 6s linear infinite 3.5s;
    animation: starShines 6s linear infinite 3.5s;
}
.fair-get-button._right:before {
    -webkit-animation: starShines 6s linear infinite 2.2s;
    animation: starShines 6s linear infinite 2.2s;
}
@-webkit-keyframes starShines {
    from,
    79.999% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(0deg);
    }
    80% {
        opacity: 0.3;
        -webkit-transform: scale(0.1) rotate(0deg);
    }
    90% {
        opacity: 1;
        -webkit-transform: scale(1.05) rotate(90deg);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(180deg);
    }
}
@keyframes starShines {
    from,
    79.999% {
        opacity: 0;
        transform: scale(0.1) rotate(0deg);
    }
    80% {
        opacity: 0.3;
        transform: scale(0.1) rotate(0deg);
    }
    90% {
        opacity: 1;
        transform: scale(1.05) rotate(90deg);
    }
    to {
        opacity: 0;
        transform: scale(0.1) rotate(180deg);
    }
}

/* from s-common.css */
/*...........................
...........Fair..............
...........................*/

@-webkit-keyframes fairTextDesc {
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes fairBoxGet {
    from,
    64.999% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
    65% {
        -webkit-transform: scale(2);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes fairBoxGetShine {
    from {
        -webkit-transform: rotate(0deg) scale(1);
        opacity: 0.8;
    }
    7.999% {
        opacity: 0.8;
    }
    8% {
        opacity: 0.8;
        -webkit-transform: rotate(360deg) scale(0.8);
    }
    16% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1);
    }
    24% {
        opacity: 0.8;
        -webkit-transform: rotate(360deg) scale(0.8);
    }
    32% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1);
    }
    40% {
        opacity: 0.8;
        -webkit-transform: rotate(360deg) scale(0.8);
    }
    48% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1);
    }
    56% {
        opacity: 0.8;
        -webkit-transform: rotate(360deg) scale(0.8);
    }
    64% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1);
    }
    72% {
        opacity: 0.8;
        -webkit-transform: rotate(360deg) scale(0.8);
    }
    80% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1);
    }
    88% {
        opacity: 0.8;
        -webkit-transform: rotate(360deg) scale(0.8);
    }
    96% {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1);
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(360deg) scale(1);
    }
}
@keyframes fairTextDesc {
    from {
        transform: scale(0.1);
    }
    to {
        transform: scale(1);
    }
}

@keyframes fairBoxGet {
    from,
    64.999% {
        transform: scale(2);
        opacity: 0;
    }
    65% {
        transform: scale(2);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes fairBoxGetShine {
    from {
        transform: rotate(0deg) scale(1);
        opacity: 0.8;
    }
    7.999% {
        opacity: 0.8;
    }
    8% {
        opacity: 0.8;
        transform: rotate(360deg) scale(0.8);
    }
    16% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
    24% {
        opacity: 0.8;
        transform: rotate(360deg) scale(0.8);
    }
    32% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
    40% {
        opacity: 0.8;
        transform: rotate(360deg) scale(0.8);
    }
    48% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
    56% {
        opacity: 0.8;
        transform: rotate(360deg) scale(0.8);
    }
    64% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
    72% {
        opacity: 0.8;
        transform: rotate(360deg) scale(0.8);
    }
    80% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
    88% {
        opacity: 0.8;
        transform: rotate(360deg) scale(0.8);
    }
    96% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }

    to {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
}

#oldJackpot {
    display: none;
}

/*.........................................
...................decor...................
.........................................*/
.decor {
    display: block;
}
.decor1,
.decor2,
.decor3,
.decor4 {
    opacity: 0;
    display: block;
    position: absolute;
    z-index: 3;
}
.decor1 {
    -webkit-animation: starLightI 8.5s linear infinite;
    animation: starLightI 8.5s linear infinite;
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important;
}
.decor2 {
    -webkit-animation: starLightI 7.2s linear infinite;
    animation: starLightI 7.2s linear infinite;
    -webkit-animation-delay: 2s !important;
    animation-delay: 2s !important;
}
.decor3 {
    -webkit-animation: starLightI 9s linear infinite;
    animation: starLightI 9s linear infinite;
    -webkit-animation-delay: 2.1s !important;
    animation-delay: 2.1s !important;
}
.decor4 {
    -webkit-animation: starLightI 6.5s linear infinite;
    animation: starLightI 6.5s linear infinite;
    -webkit-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important;
}

.decor1,
.decor2,
.decor3,
.decor4 {
    z-index: 3;
    width: 9.375%;
    height: 5.556%;
    max-width: 45px;
    max-height: 45px;
    background: url("https://mferma.ru/images-480/fair/ny-point.png") 50% 50% no-repeat;
    background-size: 55.556% auto;
}
.decor1 {
    top: -4.815%;
    left: 1%;
}
.decor2 {
    top: -5.679%;
    left: 61.667%;
}
.decor3 {
    top: -10.123%;
    left: 88.958%;
}
.decor4 {
    top: -8.148%;
    left: 49.792%;
}
@-webkit-keyframes starLightI {
    from {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(347px);
    }
}
@keyframes starLightI {
    from {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(347px);
    }
}

.balls-shadow {
    position: absolute;
    left: 0px;
    top: 20%;
    width: 100%;
    height: 27.407%;
    opacity: 1;
    background: url("https://mferma.ru/images-480/fair/ny-ball-shadow.png") 50% 50%
        no-repeat;
    background-size: 100% auto;
    -webkit-animation: showBallsShadow 0.8s linear forwards;
    animation: showBallsShadow 0.8s linear forwards;
}
.balls-shadow._show {
}
@-webkit-keyframes showBallsShadow {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
}
@keyframes showBallsShadow {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
.balls-rings {
    position: absolute;
    z-index: 20;
    top: 14.6%;
    left: 0px;
    width: 100%;
    height: 11.481%;
    opacity: 1;
    background: url("https://mferma.ru/images-480/fair/ny-ball-rings.png") 0 0 no-repeat;
    background-size: 100% auto;
    -webkit-animation: showBallsRings 1.8s linear forwards;
    animation: showBallsRings 1.8s linear forwards;
}
.balls-rings._show {
}
@-webkit-keyframes showBallsRings {
    from,
    89% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes showBallsRings {
    from,
    89% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fair-get-button .mask {
    position: absolute;
    overflow: hidden;
    top: 19.708%;
    left: 10.949%;
    width: 78.832%;
    height: 78.832%;
    max-width: 108px;
    max-height: 108px;
    border-radius: 50%;
}
.fair-get-button .mask:after {
    content: "";
    position: absolute;
    opacity: 0;
    top: -46.296%;
    left: -46.296%;
    width: 192.593%;
    height: 192.593%;
    max-width: 208px;
    max-height: 208px;
    border-radius: 50%;
    background: linear-gradient(
        45deg,
        rgba(255, 215, 100, 0) 48.999%,
        rgba(255, 215, 100, 0.3) 49%,
        rgba(255, 215, 100, 0) 68%
    );
    -webkit-animation: ballMask 5s linear infinite;
    animation: ballMask 5s linear infinite;
}
@-webkit-keyframes ballMask {
    from {
        opacity: 1;
        -webkit-transform: translate(200px, -200px);
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-200px, 200px);
    }
}
@keyframes ballMask {
    from {
        opacity: 1;
        transform: translate(200px, -200px);
    }
    to {
        opacity: 1;
        transform: translate(-200px, 200px);
    }
}
/*...............................................
...................GET PRIZE.....................
...............................................*/
._get-jackpot .fair-body .jackpot-icn-right,
._get-jackpot .fair-body .jackpot-icn-left {
    opacity: 0.1 !important;
}
._animation-get-prize .fair-body-hint,
._get-jackpot .fair-body-hint,
._animation-get-prize .fair-desc,
._get-jackpot .fair-desc,
._get-jackpot .fair-prize-label,
._get-jackpot .jackpot-text,
._animation-get-prize .fair-get-button:before,
._get-jackpot .fair-get-button:before,
._animation-get-prize .fair-get-button .mask,
._get-jackpot .fair-get-button .mask,
._get-jackpot .fair-prize-desc,
._animation-get-prize .fair-prize-desc {
    display: none !important;
}
._animation-get-prize .balls-rings,
._get-jackpot .balls-shadow {
    animation: none !important;
}
.fair-get-button._burst {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: flickerIV 1.3s linear forwards;
    transform-origin: 50% 100%;
    animation: flickerIV 1.3s linear forwards;
}
.fair-get-button._burst .fair-get-button-item {
    position: absolute !important;
    top: -29.197% !important;
    left: -35.766% !important;
    width: 172.263% !important;
    height: 172.263% !important;
    max-width: 236px !important;
    max-height: 236px !important;
    background: url("https://mferma.ru/images-480/fair/ny-sun.png") 50% 50% no-repeat !important;
    background-size: 100% auto !important;
    -webkit-animation: flickerIII 1.5s linear forwards;
    animation: flickerIII 1.5s linear forwards;
}
.fair-get-button._burst .fair-get-button-item * {
    display: none;
}
.fair-get-button._burst:before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    opacity: 0 !important;
    width: 121.898%;
    height: 121.898%;
    max-width: 167px !important;
    max-height: 167px !important;
    left: -8.759% !important;
    top: -2.189% !important;
    background: url("https://mferma.ru/images-480/fair/ny-stars1.png") 50% 50% no-repeat !important;
    background-size: 100% auto !important;
    -webkit-animation: flickerII 1s linear forwards;
    animation: flickerII 1s linear forwards;
}
.fair-get-button._burst:after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    opacity: 0 !important;
    width: 121.898%;
    height: 121.898%;
    max-width: 167px !important;
    max-height: 167px !important;
    left: -14.598% !important;
    top: 2.92% !important;
    background: url("https://mferma.ru/images-480/fair/ny-stars2.png") 50% 50% no-repeat !important;
    background-size: 100% auto !important;
    -webkit-animation: flickerI 1s linear forwards;
    animation: flickerI 1s linear forwards;
}
@-webkit-keyframes flickerI {
    from {
        opacity: 1;
    }
    16.667% {
        opacity: 0;
    }
    33.333% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    66.667% {
        opacity: 1;
    }
    83.333% {
        opacity: 0;
    }
    99.999% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes flickerII {
    from {
        opacity: 0;
    }
    16.667% {
        opacity: 1;
    }
    33.333% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    66.667% {
        opacity: 0;
    }
    83.333% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes flickerIII {
    from {
        opacity: 0;
    }
    33.333%,
    80% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes flickerIV {
    from,
    89.999% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes flickerI {
    from {
        opacity: 1;
    }
    16.667% {
        opacity: 0;
    }
    33.333% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    66.667% {
        opacity: 1;
    }
    83.333% {
        opacity: 0;
    }
    99.999% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes flickerII {
    from {
        opacity: 0;
    }
    16.667% {
        opacity: 1;
    }
    33.333% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    66.667% {
        opacity: 0;
    }
    83.333% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes flickerIII {
    from {
        opacity: 0;
    }
    33.333%,
    80% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes flickerIV {
    from,
    89.999% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fair-get-button._fake {
    -webkit-animation: showOtherPrize 0.8s linear forwards;
    animation: showOtherPrize 0.8s linear forwards;
}
@-webkit-keyframes showOtherPrize {
    from,
    70% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
    70.001% {
        opacity: 0.5;
        -webkit-transform: rotateY(-90deg);
    }
    to {
        opacity: 0.5;
        -webkit-transform: rotateY(0deg);
    }
}
@keyframes showOtherPrize {
    from,
    70% {
        opacity: 1;
        transform: rotateY(0deg);
    }
    70.001% {
        opacity: 0.5;
        transform: rotateY(-90deg);
    }
    to {
        opacity: 0.5;
        transform: rotateY(0deg);
    }
}
.fair-get-button._fake * {
    opacity: 0;
    -webkit-animation: showOtherPrizeInner 0.8s linear forwards !important;
    animation: showOtherPrizeInner 0.8s linear forwards !important;
    font-style: normal !important;
}
@-webkit-keyframes showOtherPrizeInner {
    from,
    99.999% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes showOtherPrizeInner {
    from,
    99.999% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
._animation-get-prize .fair-prize-inner-icon,
._animation-get-prize .f-plant-oval,
._get-jackpot .fair-prize-inner-icon,
._get-jackpot .f-plant-oval {
    -webkit-animation: fairBoxIcn 11.3s linear forwards;
    animation: fairBoxIcn 11.3s linear forwards;
}
._animation-get-prize .fair-prize,
._get-jackpot .fair-prize {
    -webkit-transform-origin: 50% -40%;
    -webkit-animation: showPrize 1.6s linear forwards;
    transform-origin: 50% -40%;
    animation: showPrize 1.6s linear forwards;
}
._get-jackpot .fair-prize {
    top: 8% !important;
}
@-webkit-keyframes showPrize {
    from,
    50% {
        -webkit-transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@keyframes showPrize {
    from,
    50% {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

._animation-get-prize .fair-prize:before,
._get-jackpot .fair-prize:before {
    display: block;
    opacity: 1;
    -webkit-animation: showPrizeShine 20s 1s linear infinite;
    animation: showPrizeShine 20s 1s linear infinite;
}
@-webkit-keyframes showPrizeShine {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes showPrizeShine {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

._get-jackpot .fair-prize-inner {
    padding-top: 7% !important;
}

._get-jackpot .fair-prize:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 30.208%;
    max-width: 480px;
    max-height: 145px;
    left: 0;
    top: 22%;
    background: url("https://mferma.ru/images-480/fair/title-cats-day.png") 50% 50%
        no-repeat;
    background-size: 100% auto;
}
._get-jackpot.sector-fair:before {
    content: "";
    opacity: 0;
    position: absolute;
    -webkit-animation: showJackpotBg 0.7s linear forwards;
    animation: showJackpotBg 0.7s linear forwards;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 480px;
    max-height: 810px;
    background: url("https://mferma.ru/images-480/fair/ny-bg-win.jpg") 50% 0 no-repeat !important;
    background-size: 100% auto !important ;
}
@keyframes showJackpotBg {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes showJackpotBg {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
._animation-get-prize._left .fair-prize,
._get-jackpot._left .fair-prize {
    -webkit-transform-origin: -10% 6% !important;
    transform-origin: -10% 6% !important;
}
._animation-get-prize._center .fair-prize,
._get-jackpot._center .fair-prize {
    -webkit-transform-origin: 50% -20% !important;
    transform-origin: 50% -20% !important;
}
._animation-get-prize._right .fair-prize,
._get-jackpot._right .fair-prize {
    -webkit-transform-origin: 110% 6% !important;
    transform-origin: 110% 6% !important;
}

@-webkit-keyframes showJackpot {
    from {
        -webkit-transform: scale(1) translateY(0px);
    }
    50% {
        -webkit-transform: scale(1.9) translateY(69px);
    }
    60% {
        -webkit-transform: scale(1.8) translateY(69px);
    }
    70% {
        -webkit-transform: scale(1.9) translateY(69px);
    }
    80% {
        -webkit-transform: scale(1.8) translateY(69px);
    }
    to {
        -webkit-transform: scale(1.9) translateY(69px);
    }
}
@keyframes showJackpot {
    from {
        transform: scale(1) translateY(0px);
    }
    50% {
        transform: scale(1.9) translateY(69px);
    }
    60% {
        transform: scale(1.8) translateY(69px);
    }
    70% {
        transform: scale(1.9) translateY(69px);
    }
    80% {
        transform: scale(1.8) translateY(69px);
    }
    to {
        transform: scale(1.9) translateY(69px);
    }
}
@-webkit-keyframes showJackpotPrize {
    from {
        opacity: 1;
        -webkit-transform: scale(0.6) translateY(-190px);
    }
    50%,
    to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0px);
    }
}
@keyframes showJackpotPrize {
    from {
        opacity: 1;
        transform: scale(0.6) translateY(-190px);
    }
    50%,
    to {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}
/*...........................
...........Fair..............
...........................*/