@font-face {
   font-display: swap;
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/open-sans-v40-latin-ext-regular.woff2') format('woff2');
 }

 @font-face {
   font-display: swap;
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/open-sans-v40-latin-ext-700.woff2') format('woff2');
 }

 @font-face {
   font-family: 'Heading-Pro';
   font-display: swap;
   src: url('../fonts/HeadingPro-Regular.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
 }

 @font-face {
   font-family: 'Heading-Pro';
   font-display: swap;
   src: url('../fonts/HeadingPro-Bold.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
 }

 * {
   box-sizing: border-box;
 }

 .fw700 {
   font-weight: 700;
 }

 h1 {
   margin: 0 0 15px;
   display: block;
   width: auto;
   line-height: 1.4;
   color: #0a0a0a;
   font-size: 23px
 }

 h2 {
   margin-top: 0;
   margin-bottom: 15px;
   display: block;
   line-height: 1.2;
   color: #0a0a0a;
   font-size: 19px;
 }

 h2::after {
   content: "";
   margin-top: 15px;
   border-bottom: 4px solid #168de2;
   display: block
 }

 a {
   color: blue;
   text-decoration: underline
 }

 a:hover {
   color: #b0493b
 }

 hr {
   margin-top: 15px;
   margin-bottom: 15px;
   border-width: 1px 0 0;
   border-style: solid none none;
   border-color: #eee currentcolor currentcolor;
   border-image: none
 }

 body {
   display: block;
   font-family: "Open Sans", sans-serif;
   background: #ededed none repeat scroll 0 0;
   height: auto;
   color: #444;
   line-height: 1.4;
   margin: 0px;
   overflow-x: hidden;
 }

 .header {
   display: block;
   width: 100%;
   background: transparent none repeat scroll 0 0;
   margin: 0 auto
 }

 .header-top {
   display: block;
   width: 100%;
   background: transparent none repeat scroll 0 0
 }

 .header-top-container {
   width: 96%;
   max-width: 960px;
   display: block;
   margin: 0 auto;
   padding: 20px 2% 15px
 }

 .header-top-container::after {
   content: "";
   display: block;
   clear: both
 }

 .header-bottom {
   display: block;
   width: 100%;
   background: #333541 none repeat scroll 0 0
 }

 .header-bottom-container {
   max-width: 1000px;
   margin: 0 auto;
   width: 96%;
   display: block;
   padding: 0
 }

 .header-bottom ul {
   height: 41px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   overflow: hidden;
   font-size: 0
 }

 .header-bottom ul li {
   display: inline-block;
   width: auto;
 }

 .header-bottom ul li:last-child {
   display: none;
 }

 .header-bottom ul li a {
   padding: 10px 15px;
   text-transform: uppercase;
   font-size: 14px;
   color: #fff;
   text-decoration: none;
   opacity: 1;
   display: block;
 }

 .header-bottom ul li a:hover {
   opacity: .8
 }

 .content {
   max-width: 1000px;
   margin: 0 auto;
   padding: 25px 20px;
   display: block;
   background: #fff none repeat scroll 0 0;
   position: relative
 }

 .prod-bottom {
  display: block;
  margin: 0 auto;
  width: 250px;
 }

 .content-left {
   display: block;
   float: left;
   width: 71%;
   padding-right: 2%;
   font-size: 18px;
 }

 .content-left p {
   margin: 15px 0;
 }



 .content-left-social {
   display: flex;
   align-items: center;
   border: #383838 1px dashed;
   padding: 1% 2%;
   margin: 15px 0
 }

 .content-left-social-pictures {
   display: block;
   width: 50%;
   float: left
 }

 .content-left-social-pictures img {
   display: block;
   width: 100%;
   max-width: 200px
 }

 .content-left-social-comments {
   display: block;
   float: right;
   width: 50%;
   text-align: right;
   font-size: 16px
 }

 .content-left-social-comments a {
   margin-left: 1%
 }

 .content-left-social::after {
   content: "";
   display: block;
   clear: both
 }

 .content-left-doctor {
   max-width: 662px;
   margin: 0 auto;
   display: block;
   background-color: #e2e2e2;
   padding: 15px;
   margin-top: 25px
 }

 .content-left-doctor-foto {
   display: block;
   width: 48%;
   float: left;
   margin-right: 2%
 }

 .content-left-doctor-foto img {
   width: 100%;
   display: block
 }

 .content-left-doctor-text {
   display: block;
   width: 50%;
   float: right
 }

 .content-left-doctor::after {
   content: "";
   display: block;
   clear: both
 }

 .content-important {
   margin-bottom: 15px;
   display: block;
   width: auto;
   text-align: left;
   font-weight: 700;
   font-style: italic
 }

 .opros-product-block {
   display: block;
   width: auto;
   margin-top: 2%
 }

 .like-block {
   display: block;
   border: 2px solid #e6e6e6;
   padding: 0 15px 15px;
   margin: 3% 0;
   border-radius: 3px
 }

 .like-block img {
   display: block;
   width: auto;
   max-width: 200px;
   /* cursor: pointer; */
 }

 .vk-container {
   font-size: 16px;
   color: #000;
   text-decoration: none
 }

 .vk-header {
   background: #dae2e8 none repeat scroll 0 0;
   padding: 4px 4px 4px 6px;
   margin-bottom: 10px
 }

 .vk-logo {
   background: transparent none no-repeat scroll 0 0;
   width: 16px;
   height: 16px;
   float: right;
   margin-top: -1px
 }

 .vk-header-text {
   padding: 2px 3px 1px;
   line-height: 100%;
   color: #45688e;
   font-weight: 700
 }

 .vk-comment,
 .vk-comment-load {
   margin-bottom: 15px;
   position: relative;
   border-bottom: 1px solid #dae1e8;
   padding-bottom: 15px
 }

 .vk-comment--last {
   border: 0;
 }

 .reply {
   padding-left: 30px;
 }

 .vk-avatar img {
   float: left;
   margin-right: 10px
 }

 .vk-comment-name {
   color: #2b587a;
   font-weight: 700;
 }

 .vk-comment-text {
   margin: 10px 0 10px 60px;
 }

 .vk-comment-date {
   margin-left: 60px;
   color: #999
 }

 .content-right {
   display: block;
   width: 27%;
   float: right;
   position: relative
 }

 .content-right-recommend-container {
   display: block;
   max-width: 270px;
   width: 100%
 }

 .content-right-recommend {
   display: block;
   width: auto
 }

 .content-right-recommend-top {
   padding: 10px 0;
   background: #4aa224 none repeat scroll 0 0;
   font-weight: 700;
   color: #fff;
   text-transform: uppercase;
   position: relative;
   text-align: center
 }

 .content-right-recommend-top::before {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 17px 13px 0;
   border-color: transparent #4aa224 transparent transparent;
   left: 0;
   bottom: -13px
 }

 .content-right-recommend-top::after {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 13px 17px 0 0;
   border-color: #4aa224 transparent transparent;
   right: 0;
   bottom: -13px
 }

 .content-right-recommend-middle {
   width: calc(100% - 32px);
   display: block;
   margin: auto;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 15px;
   text-align: center;
   background: #fff none repeat scroll 0 0;
   text-decoration: none
 }

 .content-right-recommend-middle img {
   margin: 0 auto;
   display: block;
 }

 .content-right-statistic {
   display: block;
   padding: 0 2% 2%;
   background: #f3f3f3 none repeat scroll 0 0;
   color: #515151;
   margin-top: 5%
 }

 .content-right-statistic-head {
   display: block;
   width: auto;
   text-align: center;
   font-weight: 700;
   font-size: 14px;
   margin-bottom: 1%
 }

 .content-right-statistic-info {
   display: block;
   width: 100%;
   margin-bottom: 1%
 }

 .content-right-statistic-info-left {
   display: block;
   float: left;
   width: 60%;
   text-align: right;
   font-size: 14px
 }

 .content-right-statistic-info-right {
   display: block;
   float: left;
   width: 37%;
   font-size: 14px;
   margin-left: 3%;
   font-weight: 700;
   text-align: left
 }

 .content-right-statistic-info::after {
   content: "";
   display: block;
   clear: both
 }

 .content-product-img {
   display: block;
 }

 .content::after {
   content: "";
   display: block;
   clear: both
 }

 .footer {
   display: block;
   width: 100%;
   max-width: 100%;
   padding: 20px 52px;
   margin: 0 auto;
   background: #ebebeb none repeat scroll 0 0;
   box-sizing: border-box;
 }

 .footer-text {
   color: #383838;
   max-width: 1000px;
   margin: 0px auto;
 }

 @media screen and (max-width:1199px) {
   .content-right {
     display: none
   }

   .content-left {
     width: 100%;
     padding-right: 0
   }
 }

 @media screen and (max-width:989px) {
   .content {
     max-width: 750px;
     padding: 20px;
     width: 88%
   }

   .like-block {
     margin: 5% 0
   }

   .footer {
     position: relative;
     z-index: 1;
     max-width: 750px;
     padding: 20px 52px;
     width: 88%
   }
 }

 @media screen and (max-width:720px) {

   .content-product-img {
     display: block;
   }

   .content-left-social-pictures img {
     width: 100%;
     cursor: pointer
   }

   .header-bottom ul li {
     text-align: center
   }
 }

 @media screen and (max-width:630px) {
   .header-bottom-container {
     width: 100%;
   }

   .header-bottom ul {
     height: auto;
     justify-content: flex-end;
   }

   .header-bottom ul li {
     display: none;
   }

   .header-bottom ul li:last-child {
     display: block;
   }

   .header-bottom ul li a {
     padding: 5px 15px;
   }
 }

 @media screen and (max-width:599px) {

   .content-left-doctor-foto {
     width: auto;
     max-width: 260px;
     margin: 0 auto;
     float: none;
   }



   .content-left-doctor-text {
     float: none;
     width: 100%;
     margin-top: 15px;
     text-align: center;
   }
 }

 @media screen and (max-width:429px) {
   .like-block img {
     width: 100%
   }

   .header-top-container {
     padding: 3% 2%
   }
 }

 .close {
   position: absolute;
   top: 1px;
   right: 5px;
   font-size: 40px;
   cursor: pointer
 }

 .submit {
   margin-top: 10px;
   height: 75px;
   width: 400px;
   background-color: #b22222;
   color: #fff;
   font-size: 30px;
   border-radius: 3px
 }

 .vote-block {
   max-width: 665px;
   width: auto;
   margin-left: auto;
   margin-right: auto;
   display: block;
   background: #eeeff1 none repeat scroll 0 0;
   border-radius: 3px
 }

 .vote-block-head {
   display: block;
   text-align: left;
   width: auto;
   padding: 15px 20px
 }

 .vote-block-head h2 {
   color: #8f0001;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 18px;
   line-height: 25px;
   margin-top: 0;
   margin-bottom: 0;
 }

 .vote-block-head span {
   font-size: 18px;
   color: #000;
   text-transform: lowercase
 }

 .vote-block-content {
   display: block;
   width: auto;
   border: 1px solid #eeeff1;
   background: #fff none repeat scroll 0 0;
   padding: 15px;
   font-size: 14px !important
 }

 .vote-block-content-container {
   display: block;
   width: auto;
   margin-bottom: 20px
 }

 .vote-block-content-container:last-child {
   margin-bottom: 0;
 }

 .vote-block-content-container::after {
   content: "";
   display: block;
   clear: both
 }

 .vote-block-content-text {
   float: left;
   display: block;
   width: 50%;
   padding-right: 10px;
   text-align: left
 }

 .vote-block-content-stat {
   width: calc(100% - 50%);
   display: block;
   float: right;
   position: relative;
   background: #eeeff1 none repeat scroll 0 0;
   height: 25px
 }

 .vote-block-content-stat-line {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 35%;
   height: 100%;
   background: #66a01d none repeat scroll 0 0;
   text-align: right
 }

 .vote-block-content-stat-line h6 {
   font-size: 12px;
   color: #eeeff1;
   margin-left: 121%;
   margin-top: 4px
 }

 .line-1 {
   width: 23%;
   background: #66a01d none repeat scroll 0 0
 }

 .line-2 {
   width: 47%;
   background: #66a01d none repeat scroll 0 0
 }

 .line-3 {
   width: 8%;
   background: #66a01d none repeat scroll 0 0
 }

 .line-4 {
   width: 17%;
   background: #939598 none repeat scroll 0 0
 }

 .line-5 {
   width: 5%;
   background: #939598 none repeat scroll 0 0
 }

 .line-1 h6 {
   color: #66a01d
 }

 .line-2 h6 {
   color: #66a01d;
   margin-left: 108%
 }

 .line-3 h6 {
   color: #66a01d
 }

 .line-4 h6 {
   color: #939598
 }

 .line-5 h6 {
   color: #939598
 }

 .iframe {
   width: 100%;
   height: 300px;
   background: #a0ba8a none repeat scroll 0 0;
   border: 5px dashed #000
 }

 iframe {
   width: 100%;
   height: 100%;
   border: 0 none
 }

 .iframe {
   width: 100%;
   height: 350px;
   background: #a0ba8a none repeat scroll 0 0
 }

 iframe {
   width: 100%;
   height: 100%;
   border: 0 none
 }

 .myhead1 {
   position: relative;
 }

 @-webkit-keyframes example {
   0% {
     opacity: 0
   }

   25% {
     opacity: 0
   }

   50% {
     opacity: 0
   }

   75% {
     opacity: .9
   }

   100% {
     opacity: 1
   }
 }

 @keyframes example {
   0% {
     opacity: 0
   }

   25% {
     opacity: 0
   }

   50% {
     opacity: 0
   }

   75% {
     opacity: .9
   }

   100% {
     opacity: 1
   }
 }

 .vk-comment-text p {
   margin-bottom: 0px;
   margin-top: 0px;
 }

 .order_block {
   border-radius: 10px;
   overflow: hidden;
 }

 .w2_content {
   margin: 0 auto;
   padding: 15px;
   max-width: 665px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 25px;
   background: #373737;
   border-radius: 15px
 }


 footer,
 header {
   display: block
 }


 .w2_head:before {
   display: block;
   position: absolute
 }

 .form-prod {
   display: block;
 }

 .w2_left {
   max-width: 250px;
 }

 .w2_right {
   max-width: 325px;
   width: 100%;
   margin: 0;
   box-sizing: border-box;
 }

 .w2_head {
   position: relative;
   font-size: 27px;
   line-height: 41px;
   font-family: 'Heading-Pro', sans-serif;
   color: #fff;
   text-align: center;
   text-transform: uppercase
 }

 .w2_head>span {
   display: block;
   margin-top: 6px;
   text-transform: none;
   font-size: 16px;
   line-height: 20px;
   color: #818181;
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
 }

 .w2r_text {
   text-align: center;
   font-size: 14px;
   line-height: 17px;
   color: #fff;
   margin: 15px 0
 }

 .w2f_input,
 .w2f_submit {
   border-radius: 10px;
 }

 .w2f_input {
   box-sizing: border-box;
   width: 100%;
   height: 42px;
   padding: 0 20px;
   font-size: 16px;
   background: #fff;
   border: 1px solid #767676;
   margin-bottom: 10px;
 }

 .w2f_submit {
   background: linear-gradient(88.53deg, #1cd27b 0, #1c91d2 100%);
   position: relative
 }

 .w2f_submit:hover {
   background: linear-gradient(240deg, #1cd27b 0, #1c91d2 100%)
 }

 .w2f_submit>input {
   outline: 0;
   border: 0;
   display: block;
   height: 50px;
   font-size: 20px;
   background: 0 0;
   cursor: pointer
 }


 .w2f_submit>input {
   box-sizing: border-box;
   width: 100%;
   text-align: center;
   color: #fff
 }

 img {
   max-width: 100%;
   height: auto
 }

 .ib {
   display: inline-block;
 }

 @media only screen and (max-width:920px) {

   .w2_right {
     float: none
   }

   .w2_right {
     max-width: 320px;
   }
 }

 @media only screen and (max-width:500px) {

   .w2_head {
     font-size: 24px;
     line-height: 36px;
     padding-left: 0;
     text-align: center;
   }

   .w2_head>span {
     margin-top: 3px
   }

   .w2_head:before {
     left: 50%;
     transform: translate(-50%)
   }
 }

 @media only screen and (max-width:450px) {

   .cursor-text {
     line-height: 14vw
   }
 }

 .visibility-hidden {
   display: none;
 }

 .wheel-img {
   position: relative;
   user-select: none;
 }

 .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: #fff;
   font-weight: bold;
   font-family: sans-serif;
   position: absolute;
   font-size: 3em;
   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);
 }

 @media only screen and (max-width: 576px) {
   .wheel-img__number {
     font-size: 1.95em;
   }

   .wheel-img__number::before {
     top: 100%;
   }
 }

 @keyframes super-rotation {
   70% {
     transform: rotate(1640deg);
   }

   100% {
     transform: rotate(1620deg);
   }
 }

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

 .wheel-cursor {
   user-select: none;
 }

 .spin-result-wrapper {
   padding: 0 15px;
   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;
   display: none;
 }

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

 .pop-up-window:before {
   content: "";
   position: absolute;
   width: 110px;
   height: 110px;
   top: -55px;
   left: 0;
   right: 0;
   margin: 0 auto;
   background-color: #42b7e0;
   border-radius: 50%;
   animation: .5s ease .6s normal backwards 1 running pop-up-appear-before;
 }

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

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

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

 .pop-up-button {
   text-transform: uppercase;
   text-decoration: none;
   padding: 10px 20%;
   font-size: 20px;
   border-radius: 5px;
   background-color: #42b7e0;
   color: #fff !important;
   border: medium;
   cursor: pointer;
   outline: medium;
   display: inline-block;

   animation: pulseNew 1.5s infinite;
   box-shadow: none;
 }

 @keyframes pulseNew {
   0% {
     transform: scale(1);
   }

   30% {
     transform: scale(1.05);
     box-shadow: 0 5px 5px 0 #a1a1a1;
   }

   100% {
     transform: scale(1);
   }
 }

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



 @keyframes pop-up-appear {
   0% {
     transform: translateY(-2000px)
   }

   30% {
     transform: translateY(100px)
   }

   100% {
     transform: translateY(0)
   }
 }

 @keyframes pop-up-appear-before {
   0% {
     transform: scale(0)
   }

   100% {
     transform: scale(1)
   }
 }

 @keyframes pop-up-appear-after {
   0% {
     opacity: 0
   }

   100% {
     opacity: 1
   }
 }

 .wheel-container {
   max-width: 665px;
   margin: 0 auto 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: column;
   border: 2px solid red;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 2px 1px 28px 10px rgba(0, 0, 0, 0.2);
   font-family: 'Heading-Pro', sans-serif;
 }

 .wheel-text {
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
   background-color: #efefef;
   padding: 30px 40px;
   margin-bottom: 30px;
 }

 .wheel-slogan {
   margin-top: 0 !important;
   margin-bottom: 60px !important;
   font-size: 34px !important;
   line-height: 1.2 !important;
   max-width: 550px !important;
   text-align: center !important;
   font-family: 'Heading-Pro', sans-serif !important;
   font-weight: 700 !important;
   padding: 0 10px;
 }

 .wheel-text__title-wrap {
   border: 1px solid #494949;
   border-radius: 15px;
   padding: 15px 28px 15px 62px;
   position: relative;
   max-width: 450px;
   margin: 0px auto;
   box-sizing: border-box;
 }

 .wheel-text__title {
   font-size: 20px;
   line-height: 25px;
   color: #393939;
 }

 .wheel-text__time {
   font-size: 16px !important;
   color: #656565 !important;
   margin: 0px !important;
 }

 .wheel-text__title-wrap::after {
   content: '';
   display: block;
   position: absolute;
   background-image: url(../images/fire.svg);
   width: 31px;
   height: 39px;
   top: 20px;
   left: 20px;
 }

 .wheel-title {
   margin-top: 0 !important;
   margin-bottom: 15px;
   font-size: 33px !important;
   color: #000;
   line-height: 1.2;
   text-align: center;
 }

 .wheel-title span {
   font-size: 57px;
   color: inherit;
 }

 .wheel-footer {
   padding-top: 20px;
   padding-bottom: 15px;
   background-color: #F0F0F0;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .wheel-footer div img {
   margin-right: 10px;
   width: inherit;
   width: 40px;
 }

 .wheel-footer div {
   display: flex;
   align-items: flex-start;
 }

 .wheel-footer__title {
   color: #000000;
   font-size: 22px;
 }


 .wheel {
   position: relative;
 }

 .wheel-cursor {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 3;
 }

 .wheel-cursor img {
   width: 160px;
 }

 .wheel-wrarpper {
   padding: 0 15px;
   position: relative;
 }

 /* .wheel-result {
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: inherit !important;
} */

 .wheel-result-2 {
   position: absolute;
   top: -37px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 2;
   width: inherit !important;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .cursor-text {
   position: absolute;
   z-index: 2;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 61px;
   cursor: pointer;
   border-radius: 50%;
   top: 41%;
   left: 50%;
   transform: translate(-50%, -50%);

   box-shadow: #fff 0 -2px 0 inset,
     #fff 0 2px 0 inset,
     rgba(0, 0, 0, .4) 0 0 5px;
   border: 1px solid #ccc;
   text-align: center;
   transition: 0.5s ease-in-out;
 }

 .cursor-text:active {
   box-shadow: rgba(0, 0, 0, .4) 0 0 5px inset;
 }

 .cursor-text:hover {

   transform: scale(1.2) translate(-41%, -42%);
 }

 .cursor-text span {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }


 .table {
   background-color: #fff;
   border-radius: 10px;
   border: 1px solid #000;
   position: relative;
   z-index: 2;
   overflow: hidden;
   max-width: 450px;
   margin: 0px auto;
   box-sizing: border-box;
 }

 .table span {
   font-size: 17px;
   line-height: 33px;
   color: #000;
   display: block;
   width: 48%;
 }

 .table-title span {
   color: #fff;
 }

 .table-row {
   display: flex;
   justify-content: space-between;
   position: relative;
 }

 .table-title {
   background: linear-gradient(89.47deg, #ED7B22 0%, #F59A14 100%);
 }



 .table-row span:nth-child(1) {
   padding-left: 20px;
 }

 .table-row span:nth-child(2) {
   padding-right: 20px;
 }

 .table-row:not(:last-child)::after {
   content: '';
   display: block;
   width: 100%;
   height: 1px;
   background-color: #D8D8D8;
   bottom: 0;
   left: 0;
   position: absolute;
 }

 .wheel-text-2 {
   padding: 25px 40px;
 }

 .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(1783deg);
     transform: rotate(1783deg)
   }

   100% {
     -webkit-transform: rotate(1774deg);
     transform: rotate(1774deg)
   }
 }

 .center {
   text-align: center !important;
 }

 .center img {
   margin: 0 auto;
 }

 .form__price-wrapper {
   width: 100%;
   max-width: 320px;
   margin: 0 auto 15px;
   justify-content: space-around;
   display: flex;
   text-align: center;
   color: #fff;
 }

 .form__price-wrapper .x_currency {
   font-size: 20px;
 }

 .price .x_price_previous {
   display: inline-block;
   position: relative;
 }

 .price .x_price_current,
 .price .x_price_previous {
   font-size: 28px;
   padding-bottom: 0 !important;
 }

 .old-wrap {
   display: inline-block;
   position: relative;
 }

 .price .old-wrap:after,
 .price .old-wrap:before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   height: 2px;
   background-color: red;
 }

 .price .old-wrap:before {
   transform: translateY(-50%) rotate(15deg);
 }

 .price .old-wrap:after {
   transform: translateY(-50%) rotate(-15deg);
 }

 .price p {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
   line-height: 1.3;
   text-align: center !important;
 }

 .red {
   font-weight: 700;
   color: red;
 }

 .inL_778391 {
   font-size: 40px;
   line-height: 40px;
   margin-bottom: 15px;
 }

 .inL_860933 {
   font-size: 24px;
 }

 .inL_716804 {
   padding: 0px;
 }

 .inL_716804 img {
   display: block;
 }

 .inL_177897 {
   display: block;
   max-width: 200px;
 }

 .inL_898617 {
   margin: 0 0 10px;
 }

 .inL_843976 {
   max-width: 200px;
   display: block;
 }

 .inL_719385 {
   margin-top: 0px;
   left: 0px;
   position: relative;
   top: 0px;
   bottom: 0px;
 }

 .inL_136561 {
   width: 200px;
 }

 .ord_button {
   text-align: center;
   background-color: #ff4141;
   color: rgb(255, 255, 255) ! important;
   display: inline-block;
   padding: 5px 20px;
   font-size: 20px ! important;
   box-shadow: 2px 3px 8px rgb(115, 115, 115);
   text-decoration: none ! important;
   border-radius: 8px;
   border: 3px solid rgb(255, 255, 255);
   margin: 20px 0px 30px;
   line-height: 27px;
   text-transform: uppercase;
   transition: all 0.3s ease-in 0s;
 }

 .ord_button:hover {
   background-color: #f52424;
   box-shadow: 2px 3px 3px rgb(153, 153, 153);
   text-decoration: none ! important;
 }

 .content-right .ord_button {
   margin-bottom: 0;
 }

 .table-cont {
   border: 1px solid #333;
   border-collapse: collapse;
 }

 .table-cont td,
 .table-cont th {
   padding: 5px 10px;
   border: 1px solid #333;
 }


 .cenz {
   max-width: 360px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 15px;
   display: block;
   position: relative;
   cursor: pointer;
   overflow: hidden;
 }

 .cenz img {
   margin: 0 auto;
   filter: blur(10px);
 }

 .cenz::before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .cenz::after {
   width: 60px;
   height: 60px;
   content: "18+";
   color: red;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100px;
   border: 5px solid red;
   font-size: 27px;
   font-weight: 700;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #fff;
 }

 .cenz.active::before,
 .cenz.active::after {
   opacity: 0;
 }

 .cenz.active img {
   filter: blur(0);
 }

 .live {
   margin-top: 15px;
   display: block;
 }

 @media screen and (max-width:1199px) {
   .wheel-wrarpper {
     max-width: 380px;
   }

   .wheel-img__number {
     font-size: 30px;
   }
 }

 @media (max-width: 575px) {
   .wheel-img__numbers {
     font-size: 11px;
     top: -3px;
   }
 }


 @media (max-width:1024px) {

   .wheel-container {
     flex-direction: column;

   }

   .wheel-text {
     margin-bottom: 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
     max-width: 100%
   }

   .table {
     width: 414px;
   }
 }

 @media (max-width:767px) {
   .w2_content {
     flex-direction: column;
     gap: 10px;
   }

   .w2_left {
     max-width: 200px;
   }
 }

 @media (max-width:639px) {
   .inL_860933 {
     line-height: 1.2;
     font-size: 20px;
   }


   .content-left {
     font-size: 16px;
   }



   .content {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px;
   }

   .live {
     margin-top: 10px;
   }

   h1 {
     line-height: 1.3;
   }
 }


 @media (max-width:450px) {
   .table {
     width: 100%;
   }

   .table-row span:nth-child(2) {
     padding-right: 10px;
   }

   .table-row span:nth-child(1) {
     padding-left: 10px;
   }

   .wheel {
     max-width: 100%;
   }

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

   .wheel-title {
     font-size: 28px !important;
   }
 }


 @media (max-width:488px) {
   .close-popup {
     right: 0px !important;
   }
 }

 @media (max-width:479px) {
   .table {
     width: auto;
   }

   .wheel-slogan {
     font-size: 28px !important;
   }

   .wheel-text {
     padding: 15px;
   }

   .wheel-text-2 {
     padding: 15px;
   }

   .table span {
     padding-top: 5px;
     padding-bottom: 5px;
     line-height: 1.2;
   }

   .img-wrap {
     overflow-x: auto;
   }

   .img-wrap img {
     width: 450px;
     max-width: none;
   }

   .inL_778391 {
    font-size: 30px;
    line-height: 1.2;
   }
 }

 @media(max-width:375px) {
   .cursor-text {
     width: 40px;
     height: 40px;
   }
 }


.scroll-icon {
  display: none !important;
}

@media screen and (max-width: 479px) {

  .scroll-icon {
    display: block !important;

  }

   .table-wrap {
     overflow-x: auto;
   }

   .table-cont {
     width: 530px;
     margin: 0 auto;
   }
}

  .scroll-icon {

    margin: 0 auto 10px;
    width: 40px !important;
    transform: translateX(0px);
    animation: moving 2s infinite;
  }


    @keyframes moving {
    0% {
      transform: translateX(10px);
    }

    50% {
      transform: translateX(-10px);
    }

    100% {
      transform: translateX(10px);
    }
  }