﻿/*! Rezet============================================*/
.cta *{margin:0!important;-webkit-margin-before:0!important;-webkit-margin-end:0!important;-webkit-margin-after:0!important;-webkit-margin-start:0!important;margin-block-start:0!important;margin-block-end:0!important;margin-inline-start:0!important;margin-inline-end:0!important;padding:0!important;border-style:none!important;border-width:0!important;border-color:transparent!important;font-size:100%!important;font-family:Roboto!important;box-sizing:border-box!important;text-indent:0!important;line-height:1.3!important;box-shadow:none!important}/*! Cta===================================== */.cta{max-width:780px!important;margin:25px auto!important}/*! Matreshka=================================== */.matreshka{position:relative!important;display:flex!important;flex-flow:column!important;gap:15px!important;height:280px!important;min-width:280px!important;margin:0 auto!important;padding:0!important;transition:opacity .4s linear,height .5s linear .6s!important}.matreshka.hidden{height:0!important;opacity:0!important}.matreshka.none{display:none!important}.matreshka__title{padding:15px!important;border-radius:.5em!important;font:700 22px/1.3 Roboto!important;text-align:center!important;text-indent:0!important;text-transform:uppercase!important;background-color:#3a4752!important;color:#fff!important}.matreshka__container{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}.matreshka__item{cursor:pointer!important;position:relative!important;z-index:10!important;width:100%!important}.matreshka__item.open .matreshka__item-img[data-type=close]{display:none!important}.matreshka__item.open .matreshka__item-img[data-type=open]{display:block!important}.matreshka__item-discount{position:absolute!important;top:25%!important;left:22%!important;z-index:1000!important;display:inline-block!important;width:70px!important;border-radius:100%!important;font-size:28px!important;font-weight:700!important;text-align:center!important;text-wrap:nowrap!important;text-shadow:1px 1px 1px #fff!important;line-height:1.3!important;color:red!important}.matreshka__item-discount.fail{text-shadow:1px 1px 1px #fff!important;color:rgb(153 140 140)!important}.matreshka__item-discount.hidden{display:none!important}.matreshka__item-img{width:100%!important;max-width:130px!important;margin:0 auto!important;padding:0!important}.matreshka__item-img[data-type=open]{display:none!important}.matreshka.bg{background-image:url(../images/matreshka/matreshka__bg.png)!important;border-radius:18px!important}.matreshka.animation .matreshka__item-img{animation:animation 3s linear infinite}@keyframes animation{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(0)}75%{transform:rotate(10deg)}100%{transform:rotate(0)}}@media (min-width:475px){.matreshka{height:330px!important}.matreshka__item-img{max-width:140px!important}.matreshka__item-discount{top:30%!important;left:25%!important;font-size:34px!important}}@media (min-width:576px){.matreshka{height:420px!important}.matreshka__item-img{max-width:160px!important}.matreshka__item-discount{top:30%!important;left:25%!important;font-size:40px!important}.matreshka__title{font-size:26px!important}}@media (min-width:768px){.matreshka{height:450px!important}.matreshka__item-img{max-width:200px!important}.matreshka__item-discount{top:30%!important;left:25%!important;font-size:50px!important}.matreshka__title{font-size:28px!important}}@media (min-width:992px){.matreshka{height:500px!important}}/*! Order=================================== */.order{position:relative!important;display:none!important;min-width:270px!important;max-width:450px!important;margin:0 auto!important;padding:15px!important;border:2.5px dashed #ddd!important;border-radius:2.5px!important;background-color:#fff!important}.order.active{display:block!important}.order__header{display:flex!important;flex-flow:column!important;gap:20px!important;margin-bottom:30px!important;font-size:18px!important;font-weight:700!important;text-align:center!important}.order__img{width:100%!important;height:auto!important;max-width:250px!important;margin:0 auto!important}.order__text{font-size:18px!important;font-weight:700!important;margin-bottom:15px!important;text-align:center!important;line-height:1.3!important}.order__text:nth-child(2){margin-bottom:5px!important}.order__time{font-weight:700!important;font-size:24px!important;text-align:center!important;color:red!important}.order__price{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;font-size:20px!important}.order__price-old{font-weight:700!important;text-decoration:line-through!important;white-space:nowrap!important}.order__price-new{font-weight:700!important;white-space:nowrap!important;color:red!important}.order__price-new>.order__price-summ{font-size:24px!important}.order__price-new>.order__price-curr{font-size:24px!important}.order__price-zero{text-transform:uppercase!important}.order__body{display:flex!important;flex-flow:column!important;gap:15px!important;width:100%!important;margin-bottom:15px!important;border:none!important;text-align:center!important}.order__input{position:relative!important;display:block!important;width:100%!important;height:55px!important;padding:15px!important;border-style:none!important;border-width:0!important;border-color:transparent!important;border-radius:35px!important;outline:0!important;font-size:16px!important;background-color:#f2f2f2!important;box-shadow:none!important}.order__input:focus,.order__input:focus-visible{outline:0!important;border:none!important;box-shadow:none!important}.order__input::placeholder{font-size:16px!important;font-weight:400!important}.order__input--select{-webkit-appearance:none!important;-moz-appearance:none!important;-ms-appearance:none!important;-o-appearance:none!important;appearance:none!important;cursor:pointer!important;width:100%!important}.order__input--select::-ms-expand{display:none}.order__select{position:relative!important;width:100%!important}.order__input:focus-visible{outline:0!important;outline-offset:0!important}.order__btn{cursor:pointer!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:100%!important;min-height:55px!important;padding:20px!important;border-radius:35px!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;line-height:1.2!important;color:#fff!important;background-color:#388e3c!important;transition:background-color .2s linear!important;box-shadow:none!important}.order__btn:hover{background-color:#2bac31!important}.order__footer{font-size:14px!important;text-align:center!important;color:#888!important}.order__info{font-size:14px!important;text-align:center!important;line-height:1.3!important}@media all and (min-width:475px){.order__time{font-size:24px!important}.order__price{font-size:24px!important}.order__btn{font-size:18px!important}}@media all and (min-width:576px){.order__footer{font-size:16px!important}}/*! Spin======================================== */.spin{position:fixed!important;top:0!important;left:0!important;z-index:1000!important;display:none!important;width:100%!important;height:100%!important;background-color:rgba(0,0,0,.2)!important}.spin.active{display:block!important}.spin__content{position:absolute!important;top:50%!important;left:50%!important;z-index:10!important;width:300px!important;height:auto!important;min-width:270px!important;padding:80px 20px 20px 20px!important;border-radius:10px!important;background-color:#fff!important;transform:translateX(-50%) translateY(-50%)}.spin__content::before{content:""!important;position:absolute!important;top:-55px!important;right:0!important;left:0!important;width:110px!important;height:110px!important;margin:0 auto!important;border-radius:50%!important;background-color:#71c341!important;animation:.5s ease .6s normal backwards 1 running pop-up-appear-before}.spin__content::after{content:""!important;position:absolute!important;top:-20px!important;right:0!important;left:0!important;width:50px!important;height:20px!important;margin:0 auto!important;border-style:none none solid solid!important;border-width:medium medium 4px 4px!important;border-color:currentcolor currentcolor #fff #fff!important;border-image:none!important;transform:rotate(-45deg)!important;transition:opacity 1s ease 0s!important;animation:.5s ease .6s normal backwards 1 running pop-up-appear-after}.spin__title{margin-bottom:15px!important;font-size:30px!important;font-weight:500!important;text-align:center!important}.spin__text{margin-bottom:30px!important;font-size:22px!important;font-weight:400!important;text-align:center!important;line-height:1.3!important;text-indent:0!important}.spin__btn{cursor:pointer!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:180px!important;min-height:45px!important;margin:0 auto!important;padding:10px!important;border-radius:10px!important;font-size:18px!important;font-weight:700!important;text-transform:uppercase!important;color:#fff!important;background-color:#71c341!important;transition:background-color .2s linear!important;box-shadow:none!important}.spin__btn:hover{background-color:#53a723!important}@media all and (min-width:475px){.spin__content{width:400px!important}}@keyframes pop-up-appear-before{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes pop-up-appear-before{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes pop-up-appear-after{0%{opacity:0}100%{opacity:1}}@keyframes pop-up-appear-after{0%{opacity:0}100%{opacity:1}}

/*! Cta===================================== */
.cta{max-width:780px!important;margin:25px auto!important}
/*! Order=================================== */
.order{position:relative!important;display:none!important;min-width:270px!important;max-width:450px!important;margin:0 auto!important;padding:15px!important;border:2.5px dashed #ddd!important;border-radius:2.5px!important;background-color:#fff!important}.order.active{display:block!important}.order__header{display:flex!important;flex-flow:column!important;gap:20px!important;margin-bottom:30px!important;font-size:18px!important;font-weight:700!important;text-align:center!important}.order__img{width:100%!important;height:auto!important;max-width:250px!important;margin:0 auto!important}.order__text{font-size:18px!important;font-weight:700!important;margin-bottom:15px!important;text-align:center!important;text-indent:0!important;line-height:1.3!important}.order__text:nth-child(2){margin-bottom:5px!important}.order__time{font-weight:700!important;font-size:24px!important;text-align:center!important;color:red!important;text-indent:0!important;line-height:1.3!important}.order__price{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;font-size:20px!important;text-indent:0!important;line-height:1.3!important}.order__price-old{font-weight:700!important;text-decoration:line-through!important}.order__price-new{font-weight:700!important;color:red!important}.order__price-new>.order__price-summ{font-size:24px!important}.order__price-new>.order__price-curr{font-size:24px!important}.order__price-zero{text-transform:uppercase!important}.order__body{display:flex!important;flex-flow:column!important;gap:15px!important;width:100%!important;margin-bottom:15px!important;border:none!important;text-align:center!important;-webkit-box-direction:normal!important;-webkit-box-orient:vertical!important}.order__input{position:relative!important;display:block!important;width:100%!important;height:55px!important;padding:15px!important;border-style:none!important;border-width:0!important;border-color:transparent!important;border-radius:35px!important;outline:0!important;font-size:16px!important;background-color:#f2f2f2!important;box-shadow:none!important}.order__input:focus,.order__input:focus-visible{outline:0!important;border:none!important;box-shadow:none!important}.order__input::placeholder{font-size:16px!important;font-weight:400!important}.order__input--select{-webkit-appearance:none!important;-moz-appearance:none!important;-ms-appearance:none!important;-o-appearance:none!important;appearance:none!important;cursor:pointer!important;width:100%!important}.order__input--select::-ms-expand{display:none}.order__select{position:relative!important;width:100%!important}.order__input:focus-visible{outline:0!important;outline-offset:0!important}.order__btn{cursor:pointer!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:100%!important;min-height:55px!important;padding:20px!important;border-radius:35px!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;line-height:1.2!important;text-indent:0!important;color:#fff!important;background-color:#388e3c!important;transition:background-color .2s linear!important;box-shadow:none!important}.order__btn:hover{background-color:#2bac31!important}.order__footer{font-size:14px!important;text-align:center!important;color:#888!important}.order__info{font-size:14px!important;text-align:center!important;line-height:1.3!important}@media all and (min-width:475px){.order__time{font-size:24px!important}.order__price{font-size:24px!important}.order__btn{font-size:18px!important}}@media all and (min-width:576px){.order__footer{font-size:16px!important}}
/*! Spin======================================== */
.spin{position:fixed!important;top:0!important;left:0!important;z-index:1000!important;display:none!important;width:100%!important;height:100%!important;background-color:rgba(0,0,0,.2)!important}.spin.active{display:block!important}.spin__content{position:absolute!important;top:50%!important;left:50%!important;z-index:10!important;width:calc(100% - 20px)!important;height:auto!important;min-width:270px!important;padding:80px 20px 20px 20px!important;border-radius:10px!important;background-color:#fff!important;transform:translateX(-50%) translateY(-50%)}.spin__content::before{content:""!important;position:absolute!important;top:-55px!important;right:0!important;left:0!important;width:110px!important;height:110px!important;margin:0 auto!important;border-radius:50%!important;background-color:#71c341!important;animation:.5s ease .6s normal backwards 1 running pop-up-appear-before}.spin__content::after{content:""!important;position:absolute!important;top:-20px!important;right:0!important;left:0!important;width:50px!important;height:20px!important;margin:0 auto!important;border-style:none none solid solid!important;border-width:medium medium 4px 4px!important;border-color:currentcolor currentcolor #fff #fff!important;border-image:none!important;transform:rotate(-45deg)!important;transition:opacity 1s ease 0s!important;animation:.5s ease .6s normal backwards 1 running pop-up-appear-after}.spin__title{margin-bottom:15px!important;font-size:30px!important;font-weight:500!important;text-align:center!important}.spin__text{margin-bottom:30px!important;font-size:22px!important;font-weight:400!important;text-align:center!important;line-height:1.3!important;text-indent:0!important}.spin__btn{cursor:pointer!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:180px!important;min-height:45px!important;margin:0 auto!important;padding:10px!important;border-radius:10px!important;font-size:18px!important;font-weight:700!important;text-transform:uppercase!important;color:#fff!important;background-color:#71c341!important;transition:background-color .2s linear!important;box-shadow:none!important}.spin__btn:hover{background-color:#53a723!important}@media all and (min-width:475px){.spin__content{width:400px!important}}@keyframes pop-up-appear-before{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes pop-up-appear-before{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes pop-up-appear-after{0%{opacity:0}100%{opacity:1}}@keyframes pop-up-appear-after{0%{opacity:0}100%{opacity:1}}

.spin-wrapper {
    -webkit-box-shadow: 0 0 10px;
    box-shadow: 0 0 10px;
    border: 3px solid red;
    padding: 20px 10px;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
}
.spin-wrapper .ruletka-p {
    margin-bottom: 15px!important;
}
.ruletka-p {
    text-indent: 0px;
    color: black;
    text-align: center !important;
    margin: 15px;
    line-height: 25px;
    font-weight: bold;
}
.wheel {
    width: 380px;
    height: 380px;
    margin: 0 auto!important;
    position: relative;
}
.wheel-img {
    position: relative;
    user-select: none;
}
.wheel-img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: 4s;
    -o-transition: 4s;
    transition: 4s;
}
.wheel img {
    max-width: 100%;
    max-height: 100%;
}
.wheel-img__numbers {
    position: absolute;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    user-select: none;
}
.wheel-img__number {
    color: #000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif!important;
    position: absolute;
    font-size: 2em!important;
    line-height: 1;
}
.wheel-img__number:nth-child(1) {
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wheel-img__number:nth-child(2) {
    top: 25%;
    left: 75%;
    transform: translate(-50%, -50%) rotateZ(45deg);
}
.wheel-img__number:nth-child(3) {
    top: 50%;
    left: 85%;
    transform: translate(-50%, -50%) rotateZ(90deg);
}
.wheel-img__number:nth-child(4) {
    top: 75%;
    left: 75%;
    transform: translate(-50%, -50%) rotateZ(135deg);
}
.wheel-img__number:nth-child(5) {
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ(180deg);
}
.wheel-img__number:nth-child(6) {
    top: 75%;
    left: 25%;
    transform: translate(-50%, -50%) rotateZ(225deg);
}
.wheel-img__number:nth-child(7) {
    top: 50%;
    left: 15%;
    transform: translate(-50%, -50%) rotateZ(270deg);
}
.wheel-img__number:nth-child(8) {
    top: 25%;
    left: 25%;
    transform: translate(-50%, -50%) rotateZ(315deg);
}
.wheel-img__number::before {
    content: "%";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    font-size: 0.7em;
}
.wheel-cursor {
    user-select: none;
}
.wheel-cursor {
    position: absolute;
    width: 35% !important;
    height: 35%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cursor-text {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 45% !important;
    height: 45%;
    font: 16px Arial !important;
    line-height: 61px !important;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    top: 49%;
    left: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: white 0px -2px 0px inset, white 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
    box-shadow: white 0px -2px 0px inset, white 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
    background: white;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #eaeaea));
    background: -webkit-radial-gradient(center, ellipse cover, white 0%, #eaeaea 100%);
    background: -o-radial-gradient(center, ellipse cover, white 0%, #eaeaea 100%);
    background: -webkit-radial-gradient(center, ellipse, white 0%, #eaeaea 100%);
    background: -o-radial-gradient(center, ellipse, white 0%, #eaeaea 100%);
    background: radial-gradient(ellipse at center, white 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eaeaea", GradientType=1);
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(1440deg); }
}

.wheel-spin {
    animation: spin 2s ease-out forwards;
}

.order_block {
    display: none;
    opacity: 0;
    transform: translateY(100px);
    transition: transform 0.6s ease, opacity 0.6s ease;
}
.order_block.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
