
                            .submit-roulette:hover {
                                background: #bb0000;
                                transition: background 0.3s;
                            }

                            .spin-result-wrapper {
                                display: none;
                                padding: 0 10px;
                                -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                                width: 100%;
                                top: 0;
                                z-index: 999;
                                left: 0;
                                height: 100%;
                                position: fixed;
                                background-color: rgba(0, 0, 0, .6);
                                text-align: center;
                            }

                            .pop-up-window {
                                position: relative;
                                max-width: 400px;
                                right: 0px;
                                left: 0px;
                                top: 40%;
                                margin: 0px auto;
                                background: #ffffff none repeat scroll 0% 0%;
                                text-align: center;
                                padding: 10px;
                                padding-top: 70px;
                                padding-bottom: 20px;
                                border-radius: 10px;
                                animation: 0.7s ease 0s normal none 1 running pop-up-appear;
                            }

                            .close-popup {
                                position: absolute;
                                width: 30px;
                                height: 30px;
                                background-image: url("../img/cross.svg");
                                background-size: 100%;
                                top: -40px;
                                border-radius: 50%;
                                -webkit-box-shadow: 0 0 10px #fff;
                                box-shadow: 0 0 10px #fff;
                                right: -40px;
                                cursor: pointer;
                            }

                            .pop-up-heading {
                                font-size: 40px;
                                margin-bottom: 20px;
                            }

                            .pop-up-button {
                                text-transform: uppercase;
                                text-decoration: none !important;
                                padding: 10px 20%;
                                font-size: 20px;
                                border-radius: 5px;
                                background-color: rgb(113, 195, 65);
                                color: rgb(255, 255, 255) !important;
                                border: medium none;
                                cursor: pointer;
                                outline: medium none;
                            }

                            .pop-up-window::before {
                                content: "";
                                position: absolute;
                                width: 110px;
                                height: 110px;
                                top: -55px;
                                left: 0;
                                right: 0px;
                                margin: 0 auto;
                                background-color: rgb(113, 195, 65);
                                border-radius: 50%;
                                animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-before;
                            }

                            .submit-roulette:active {
                                transform: translateY(2px);
                                box-shadow: none;
                            }

                            .super-rotation {
                                -webkit-animation-name: super-rotation;
                                animation-name: super-rotation;
                                -webkit-animation-duration: 7s;
                                animation-duration: 7s;
                                -webkit-animation-fill-mode: forwards;
                                animation-fill-mode: forwards;
                                -webkit-transition-timing-function: ease-in-out;
                                -o-transition-timing-function: ease-in-out;
                                transition-timing-function: ease-in-out
                            }

                            @-webkit-keyframes super-rotation {
                                70% {
                                    -webkit-transform: rotate(1783deg);
                                    transform: rotate(1783deg);
                                }
                                100% {
                                    -webkit-transform: rotate(1774deg);
                                    transform: rotate(1774deg);
                                }
                            }

                            @keyframes super-rotation {
                                70% {
                                    -webkit-transform: rotate(1962deg);
                                    transform: rotate(1962deg);
                                }
                                100% {
                                    -webkit-transform: rotate(1950deg);
                                    transform: rotate(1950deg);
                                }
                            }

                            input[value="ÐŸÐ¾Ð»ÑƒÑ‡Ð¸Ñ‚ÑŒ Ð±ÐµÑÐ¿Ð»Ð°Ñ‚Ð½Ð¾"],
                            .submit-roulette {
                                text-transform: uppercase;
                                padding: 10px 15px;
                                margin: 15px 0;
                                outline: none;
                                border: none;
                                margin-top: 5px;
                                border-radius: 5px;
                                box-shadow: 0px 4px 3px #242120;
                                background: red;
                                color: #fff;
                                font-weight: bold;
                                cursor: pointer;
                                transition: background 0.3s;
                            }

                            input[value="ÐŸÐ¾Ð»ÑƒÑ‡Ð¸Ñ‚ÑŒ Ð±ÐµÑÐ¿Ð»Ð°Ñ‚Ð½Ð¾"]:hover {
                                background: #bb0000 !important;
                                transition: background 0.3s;
                            }

                            input[value="ÐŸÐ¾Ð»ÑƒÑ‡Ð¸Ñ‚ÑŒ Ð±ÐµÑÐ¿Ð»Ð°Ñ‚Ð½Ð¾"]:active {
                                transform: translateY(2px);
                                box-shadow: none !important;
                            }

                            .input-roulette {
                                padding-left: 5px;
                                height: 42px;
                                margin-bottom: 10px;
                                width: 300px !important;
                            }

                            input[placeholder="Ð’Ð°ÑˆÐµ Ð¸Ð¼Ñ"],
                            input[placeholder="Ð’Ð°Ñˆ Ñ‚ÐµÐ»ÐµÑ„Ð¾Ð½"] {
                                padding-left: 5px;
                                height: 42px;
                                margin-bottom: 10px;
                            }

                            .ruletka-p {
                                text-indent: 0px;
                                color: black;
                                text-align: center !important;
                                margin: 15px;
                                line-height: 25px;
                                font-weight: bold;
                            }

                            .order_block {
                                display: none;
                                text-align: center !important;
                            }

                            .order_block img {
                                width: 70%;
                            }

                            .order_block h3 {
                                font: bold 18px Arial !important;
                                background: transparent;
                            }

                            .ruletka-p h2 {
                                font-size: 25px;
                                margin-bottom: 15px;
                            }

                            .ruletka-a {
                                color: rgb(22, 151, 206);
                            }

                            .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;
                            }

                            .danger-text {
                                color: red;
                                font-weight: bold;
                            }

                            .wheel {
                                width: 380px !important;
                                margin: 0 auto;
                                position: relative;
                            }

                            .wheel img {
                                max-width: 100%;
                            }

                            .wheel-img {
                                -webkit-transition: 4s;
                                -o-transition: 4s;
                                transition: 4s;
                            }

                            .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: rgba(255, 255, 255, 1) 0px -2px 0px inset, rgba(255, 255, 255, 1) 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
                                box-shadow: rgba(255, 255, 255, 1) 0px -2px 0px inset, rgba(255, 255, 255, 1) 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
                                background: rgb(255, 255, 255);
                                background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
                                background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
                                background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
                                background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
                                background: -o-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
                                background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%);
                                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=1);
                            }

                            .pop-up-text {
                                margin-bottom: 25px;
                                font-size: 24px;
                                line-height: 30px;
                                text-align: center !important;
                            }

                            .pop-up-window::after {
                                content: "";
                                position: absolute;
                                width: 50px;
                                height: 20px;
                                top: -20px;
                                left: 0px;
                                right: 0;
                                margin: 0 auto;
                                border-width: medium medium 4px 4px;
                                border-style: none none solid solid;
                                border-color: currentcolor currentcolor rgb(255, 255, 255) rgb(255, 255, 255);
                                -moz-border-top-colors: none;
                                -moz-border-right-colors: none;
                                -moz-border-bottom-colors: none;
                                -moz-border-left-colors: none;
                                border-image: none;
                                transform: rotate(-45deg);
                                transition: opacity 1s ease 0s;
                                animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-after;
                            }
                        