html {
   font-family: sans-serif;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
body {
   margin: 0;
}
article,
footer,
header,
section {
   display: block;
}
[hidden] {
   display: none;
}
a {
   background: 0 0;
}
a:active,
a:hover {
   outline: 0;
}
b,
strong {
   font-weight: 700;
}
h1 {
   margin: 0.67em 0;
   font-size: 2em;
}
img {
   border: 0;
}
button,
input {
   margin: 0;
   font: inherit;
   color: inherit;
}
button {
   overflow: visible;
   text-transform: none;
}
button,
html input[type="button"] {
   -webkit-appearance: button;
   cursor: pointer;
}
button[disabled],
html input[disabled] {
   cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
   padding: 0;
   border: 0;
}
input {
   line-height: normal;
}
@keyframes pop-up-appear {
   0% {
      transform: translateY(-2000px);
   }
   30% {
      transform: translateY(100px);
   }
   to {
      transform: translateY(0);
   }
}
@keyframes pop-up-appear-before {
   0% {
      transform: scale(0);
   }
   to {
      transform: scale(1);
   }
}
@keyframes pop-up-appear-after {
   0% {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
:after,
:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
html {
   -webkit-tap-highlight-color: transparent;
   height: 100%;
}
body {
   background: #fff;
   background: #448ccb;
   background: url(data:image/jpeg;base64,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)
      0 0;
   padding: 2rem;
   background: #f1f1f1;
}
button,
input {
   font-size: inherit;
   line-height: inherit;
   font-family: inherit;
}
a {
   color: #69b9ff;
}
a:focus,
a:hover {
   color: #23527c;
   text-decoration: underline;
}
a:focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
}
img {
   vertical-align: middle;
   flex-shrink: 0;
   align-self: center;
}
.h1,
.h2,
h1 {
   color: inherit;
}
.h1,
.h2 {
   font-family: inherit;
   font-weight: 500;
   line-height: 1.1;
   margin-top: 20px;
   margin-bottom: 10px;
}
.h1 {
   font-size: 36px;
}
.h2 {
   font-size: 30px;
}
.alert > p,
.alert > ul,
ul ul {
   margin-bottom: 0;
}
address {
   font-style: normal;
   line-height: 1.42857143;
}
.alert > p + p {
   margin-top: 5px;
}
*,
.open > a {
   outline: 0;
}
.alert {
   border-radius: 4px;
}
.show {
   display: block !important;
}
.hidden {
   display: none !important;
}
@-ms-viewport {
   width: device-width;
}
img[alt="copyright"] {
   display: block;
   margin: 0 auto 5px;
}
.content {
   max-width: 960px;
   margin: 0 auto;
}
.top {
   height: 90px;
   width: 100%;
   margin: 30px 0;
   overflow: hidden;
   position: relative;
}
.top .right {
   width: 56%;
}
.top .right h1 {
   font-weight: 400;
   font-size: 32px;
   line-height: 36px;
   margin: 20px 0;
}
.top .right .price {
   clear: both;
   background: #eaeaea;
   position: absolute;
   bottom: 0;
   width: 56%;
}
.top .right .price .wrap {
   padding: 20px;
   overflow: hidden;
}
.top .right .price .wrap .right {
   text-align: right;
}
.button,
h2 {
   text-align: center;
}
h2 {
   color: #313e47;
}
.button {
   display: inline-block;
   border: 1px solid #0076a3;
   border-radius: 0.5em;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   cursor: pointer;
   font:
      15px/100% Arial,
      Helvetica,
      sans-serif;
   outline: medium;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
   padding: 0.55em 2em 0.6em;
}
.button,
.button:hover {
   background: 0 0 0;
   color: #d9eef7;
   text-decoration: none;
}
.button:active {
   position: relative;
   top: 1px;
}
.button:active,
.disabled,
.disabled:hover {
   background: 0 0 0;
   color: #80bed6;
}
.disabled:hover {
   cursor: default;
}
.disabled:active {
   top: 0;
}
a:hover {
   color: #e14740;
}
#agreement a:hover,
.breadcrums a {
   text-decoration: none;
}
#agreement .title {
   line-height: 1.3;
   padding-top: 15px;
   padding-bottom: 15px;
}
#agreement .content {
   line-height: 1.5;
   font-size: 12px;
}
#agreement .content p {
   margin-bottom: 20px;
   font-size: 12px;
}
* {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#agreement a {
   color: #1946ca;
   text-decoration: underline;
}
input::-webkit-input-placeholder {
   opacity: 1;
   transition: opacity 0.3s ease;
}
input::-moz-placeholder {
   opacity: 1;
   transition: opacity 0.3s ease;
}
input:-moz-placeholder {
   opacity: 1;
   transition: opacity 0.3s ease;
}
input:-ms-input-placeholder {
   opacity: 1;
   transition: opacity 0.3s ease;
}
input:focus::-webkit-input-placeholder {
   opacity: 0;
   transition: opacity 0.3s ease;
}
input:focus::-moz-placeholder {
   opacity: 0;
   transition: opacity 0.3s ease;
}
input:focus:-moz-placeholder {
   opacity: 0;
   transition: opacity 0.3s ease;
}
input:focus:-ms-input-placeholder {
   opacity: 0;
   transition: opacity 0.3s ease;
}
.rulet_container li {
   list-style: none;
   display: inline-block;
   float: left;
}
.rulet_window {
   overflow: hidden;
   position: relative;
   width: 12000px;
   height: 108px;
   right: 0;
}
.rulet_wrapper {
   position: relative;
   margin: 30px auto 0;
   width: 100%;
   max-width: 800px;
   overflow-x: hidden;
   border: 4px solid #005ff5;
   border-radius: 2px;
}
.rulet_list {
   position: relative;
   display: inline-block;
   padding: 0;
   margin: 0;
   padding-inline-start: 0 !important;
}
.rulet_list li {
   border: 4px solid transparent;
}
.rulet_list li img {
   width: 130px;
   height: 130px;
}
.rulet_list li .num {
   width: 100px;
   height: 100px;
   line-height: 100px;
   font-size: 40px;
   color: #fff;
   font-weight: 700;
   text-align: center;
   background: #02a9f4;
}
.rulet_list li:nth-child(2n) .num {
   background: #3f51b5;
}
.rulet_list li:nth-child(3n) .num {
   background: #ffc107;
}
.rulet_list li:nth-child(4n) .num {
   background: #ff5722;
}
.rulet_list li:nth-child(5n) .num {
   background: #4caf50;
}
.rulet_arrowdown,
.rulet_arrowup {
   position: absolute;
   right: 50%;
   z-index: 1;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
}
.rulet_arrowup {
   bottom: 0;
   border-bottom: 20px solid #005ff5;
}
.rulet_arrowdown {
   top: 0;
   border-top: 20px solid #005ff5;
}
.rulet_block {
   background: #eff5ff;
   border-radius: 3px;
   padding: 20px;
   text-align: center;
}
.rulet_block > p:nth-child(1) {
   font-size: 24px !important;
}
.rulet_button {
   cursor: pointer;
   min-width: 200px;
   box-sizing: border-box;
   box-shadow: none;
   border: 0;
   background: #005ff5;
   color: #fefefe;
   text-align: center;
   padding: 15px;
   display: inline-block;
   font-size: 18px;
   line-height: 1.3em;
   margin-top: 20px;
}
.rulet_button:disabled {
   opacity: 0.7;
}
.pop-up-window,
.spin-result-wrapper {
   left: 0;
   margin: 0 auto;
   text-align: center;
}
.spin-result-wrapper {
   background: rgba(0, 0, 0, 0.6);
   display: none;
   padding: 0;
   width: 100%;
   top: 0;
   z-index: 9999;
   height: 100%;
   position: fixed;
}
.pop-up-window {
   position: relative;
   max-width: 400px;
   right: 0;
   top: 27%;
   background: #fff 0 0;
   padding: 70px 10px 20px;
   border-radius: 10px;
   animation: 0.7s ease 0s normal none 1 running pop-up-appear;
}
.pop-up-window::after,
.pop-up-window::before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
}
.pop-up-window::before {
   background: #71c341;
   width: 110px;
   height: 110px;
   top: -55px;
   border-radius: 50%;
   animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-before;
}
.pop-up-window::after {
   border: medium medium 4px 4px solid solid currentcolor currentcolor #fff #fff;
   width: 50px;
   height: 20px;
   top: -20px;
   -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;
}
.pop-up-heading {
   display: inline-block;
   font-size: 37px;
   margin-bottom: 20px;
}
.pop-up-text {
   margin-bottom: 25px;
   font-size: 24px;
   line-height: 30px;
   text-align: center;
}
.pop-up-button {
   font:
      20px "Montserrat",
      Arial,
      Helvetica,
      sans-serif;
   background: #71c341;
   text-transform: uppercase;
   padding: 10px 20%;
   border-radius: 5px;
   border: medium;
   cursor: pointer;
   outline: medium;
}
.pop-up-button,
.pop-up-button:hover {
   color: #fff;
   text-decoration: none;
}
.close-popup {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAZlBMVEUAAADgT1/gTl7gTl/gT1/hT1/gTl/hT1/hT17gT1/hT1/gT1/fT17gTmDhUV7fUVzpTlneRGbgT1/hT1/gT1/gT17fT2DfT1/iTl/hT2DeUmPkUlvgT1/////unKXhVWT2ztL2zdLBmTzRAAAAHHRSTlMA+GDq0rOMb8e/uqNnSToXCwfy4uHYiHFOTR8csRg2LAAAAV1JREFUWMOclFkSgyAQBUFQXBPNvjxMvP8lU0k+plSGxf60qlsBGcHR382lqbVSum4u5t6LJPZtLjFD5u0+1h5MCSelGWL87ASWUxbUOw0vuvPqjwpBqgfv7xQiUDt29RJRSGYnCkRTuPwcCeTc+7d/Q4ZEssX+SyQiZ2fxVEhGPQVRYwM1+R02QX+1xiY0ewKvacSKcXoxJzEcl/7b2nHlW/teFo7/+XB1+FQg31G4/gLl2qcC+a5C+Zt/mDNZSwXy/0yY852T7WqxVGAeES3dQqbA+XQrewlPIeBD9uIG+Apun7gJA3/B78OIAv6C30chGvCFsI9GVOALYR+VOIMvhH2cxQF8Iezj8Cm9DmgAgGEYhvFnbRAmcOn/1iZ9QF+hH7G/sQepR7mXqdd5A6UjrUN1Y72Lpatty3XrvQFjEachazFvQXNRt2H7cf+F45Xnpeu178Xz1fflu/UfQiFccPzcXXEAAAAASUVORK5CYII=)
      0 0/100%;
   position: absolute;
   width: 30px;
   height: 30px;
   top: 2px;
   border-radius: 50%;
   -webkit-box-shadow: 0 0 10px #fff;
   box-shadow: 0 0 10px #fff;
   right: 3px;
   cursor: pointer;
}
.order_block {
   display: none;
   text-align: center;
   margin: 0 auto;
}
.prod_img_wrapper {
   max-width: 400px;
   margin: 15px auto;
   position: relative;
}
.prod_img_wrapper img {
   width: 100%;
}
.wheel_input {
   font:
      400 18px/60px "Montserrat",
      Arial,
      Helvetica,
      sans-serif;
   position: relative;
   display: block;
   outline: 0;
   border: 1px solid #b7b7b7 !important;
   border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
   width: 100%;
   height: 60px;
   margin: 0 auto 10px;
   padding: 0 20px;
   background: #fff;
   text-align: center;
   color: #222;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   -ms-transition: all 0.2s;
   transition: all 0.2s;
}
.price_main {
   font:
      700 24px/1 "Montserrat",
      Arial,
      Helvetica,
      sans-serif;
   margin: 0 auto;
   color: #f91e41;
}
.prod_img_wrapper p {
   text-align: center !important;
}
.old_price {
   text-decoration: line-through;
}
.order-stock {
   text-align: center;
   margin-bottom: 20px;
}
.order-stock span {
   color: #f91e41;
   font-weight: 700;
   font-style: 1.3em;
}
.order_form {
   display: block;
   margin: 0 auto;
   text-align: center;
   max-width: 320px;
   width: 100%;
}
.main-link,
.timer {
   font-size: 18px;
   font-weight: 400;
   text-align: center;
}
.main-link {
   position: relative;
   display: block;
   width: 100%;
   margin: 0 auto;
   padding: 20px;
   border: 0;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   font-family: "Montserrat", Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   text-decoration: none;
   cursor: pointer;
   color: #fff;
   background: #005ff5;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   -ms-transition: all 0.2s;
   transition: all 0.2s;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.main-link:hover {
   background: #0a64f5;
}
#clock {
   display: block;
   font-size: 30px;
   font-weight: 700;
   color: #005ff5;
}
.timer {
   margin: 20px 0 0;
}
.timer p {
   margin: 0;
}
.right {
   float: right;
}
.center {
   text-align: center;
}
p.par {
   text-align: justify;
   -moz-text-align-last: center;
   text-align-last: center;
   padding: 0 20px 20px;
}
.article > img,
.img,
.start-article > img {
   display: block;
   margin: 0 auto 20px;
}
.slab {
   font-family: "Roboto Slab", serif;
}
.lato {
   font-family: "Lato", Helvetica, sans-serif;
}
.article ul li,
h1,
h2 {
   line-height: 1.3em;
}
.wrap {
   width: 480px;
   padding: 0;
   margin: 0 auto;
   background: #fff;
}
footer,
section {
   width: 100%;
   position: relative;
}
.wrap:after,
footer:after,
section:after {
   clear: both;
   content: "";
   display: table;
}
.price,
h2.title {
   text-align: center;
}
h2.title {
   margin: 0 0 30px;
   font-size: 36px;
}
h2.title > span {
   color: #ffcc01;
}
.price {
   width: 400px;
   margin: 0 auto;
   text-transform: uppercase;
   font-weight: 700;
}
.header {
   background: url(../img/header.png) no-repeat center top;
   position: relative;
   margin-bottom: 20px;
}
.header::before {
   content: "";
   display: block;
   background: url(../img/gif.gif) no-repeat 0 0 / contain;
   width: 100px;
   height: 21px;
   position: absolute;
   top: 19px;
   right: 10px;
}
.breadcrums {
   padding: 110px 0 0 13px;
   font-size: 14px;
   font-weight: 700;
}
.article > p a,
.breadcrums,
.breadcrums a,
.pg a {
   color: #004380;
}
.breadcrums span {
   color: #666;
   font-weight: 400;
}
.start-article h1 {
   font-size: 24px;
   font-weight: 600;
}
.start-article h2 {
   font-size: 18px;
   font-weight: 400;
   padding: 0 10px 20px;
}
.article-autor,
.article-date {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: stretch;
   padding: 0 10px 10px;
}
.article-date {
   justify-content: space-between;
   padding: 0 10px;
}
.article-autor span,
.article-date .post-date,
.comments h2 {
   font-size: 14px;
   font-weight: 700;
}
.comments h2 {
   font-size: 23px;
   border-bottom: 1px solid #f1f1f1;
   line-height: 2em;
}
.article-date .post-date {
   color: #666;
}
.article {
   padding: 30px 0;
}
.article > p,
.start-article h1 {
   padding: 0 10px 20px;
}
.article > img {
   width: auto;
   max-width: 100%;
}
.article ul {
   list-style: outside disc;
   padding: 0 10px 20px 30px;
   display: grid;
   grid-template-columns: 1fr;
   gap: 1em;
}
.rullet {
   margin-bottom: 40px;
}
.comments {
   padding: 0 15px 40px;
}
.comments h2,
.row-y-item {
   margin-bottom: 30px;
}
.info {
   position: relative;
   padding: 0 0 0 65px;
}
.comments .info img {
   display: block;
   margin: 10px 0 0;
}
.coment_ava {
   position: absolute;
   left: 0;
   top: 10px;
   width: 50px;
}
.coment_ava img {
   width: 100%;
   border-radius: 3px;
}
.name {
   font-weight: 700;
   font-size: 18px;
   color: #004380;
}
.name .date {
   font-weight: 400;
   font-size: 16px;
   color: #858585;
   margin-left: 10px;
}
.pg,
.toform {
   font-size: 16px;
   line-height: 1.5em;
}
.toform {
   width: 400px;
   height: 60px;
   line-height: 60px;
   border-radius: 3px;
   margin: 0 auto;
   text-decoration: none;
   background: #f1f1f1 url(../img/up.png) no-repeat 20px center;
   font-weight: 700;
   color: #212121;
   border: 1px solid #e3e3e3;
   padding-left: 96px;
}
.copyright a,
.footer img,
.toform {
   display: block;
}
.copyright {
   padding: 0;
   font-size: 14px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: stretch;
   align-content: stretch;
   gap: 1em;
}
.copyright a {
   margin: 15px 0;
   text-decoration: none;
   color: #333;
}
.alert {
   margin: 15px;
   padding: 15px;
   border: 1px solid #00f;
}
.alert p {
   margin-bottom: 15px;
}
.alert p:last-child {
   margin-bottom: 0;
}
.alert span {
   color: red;
}
address,
article,
b,
center,
del,
div,
footer,
form,
h1,
h2,
header,
html,
i,
img,
li,
p,
s,
section,
span,
strong,
ul,
var {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
}
a,
body {
   border: 0;
}
body {
   outline: 0;
}
a {
   margin: 0;
   padding: 0;
   font-size: 100%;
   text-decoration: underline;
}
article,
footer,
header,
section {
   display: block;
}
ul {
   list-style: none;
}
img {
   max-width: 100%;
   height: auto;
}
a:hover {
   cursor: pointer;
}

a,
button,
input {
   outline: 0;
}
button,
input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
html {
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: subpixel-antialiased !important;
}
body,
h1,
h2 {
   font-family: "Roboto";
}
h1,
h2 {
   text-transform: none;
}
b,
h1,
h2,
strong {
   font-weight: 700;
}
body {
   padding: 0;
   font-weight: 400;
   font-size: 16px;
   line-height: 1.5em;
   color: #000;
   width: 100%;
   margin: 0 auto;
}
@media only screen and (max-width: 768px) {
   .top .right h1 {
      font-size: 24px;
      margin: 10px 0;
   }
   .top .right .price .wrap {
      padding: 10px;
   }
}
@media screen and (max-width: 500px) {
   .rulet_block {
      padding: 20px 0;
   }
   .rulet_list li .num {
      width: 80px;
      height: 80px;
      line-height: 80px;
      font-size: 30px;
   }
   .rulet_window {
      height: 88px;
   }
}
@media only screen and (max-width: 479px) {
   .top > .right {
      width: 100%;
      float: left;
   }
   .top .right .price {
      position: static;
      width: 100%;
   }
}