*,
::after,
::before {
   box-sizing: border-box;
}
html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent;
   min-width: 320px;
}
@-ms-viewport {
   width: device-width;
}
body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff;
   background: #eee url(extra-clean-paper.png);
}
address {
   font-style: normal;
   line-height: inherit;
}
h2,
h3,
p,
ul {
   margin-top: 0;
}
address,
p,
ul {
   margin-bottom: 1rem;
}
ul ul {
   margin-bottom: 0;
}
b,
strong {
   font-weight: bolder;
}
a {
   text-decoration: none;
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   color: #a30101 !important;
   cursor: pointer;
}
a:hover {
   color: #0056b3;
   text-decoration: underline;
}
a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
   color: inherit;
   text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
   outline: 0;
}
img {
   vertical-align: middle;
   border-style: none;
}
svg:not(:root) {
   overflow: hidden;
}
label {
   display: inline-block;
   margin-bottom: 0.5rem;
}
button {
   border-radius: 0;
}
button:focus {
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color;
}
button,
input {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   overflow: visible;
}
button {
   text-transform: none;
}
[type="submit"],
button,
html [type="button"] {
   -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
   padding: 0;
   border-style: none;
}
input[type="time"] {
   -webkit-appearance: listbox;
}
::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button;
}
[hidden],
img[height="1"],
img[width="1"] {
   display: none !important;
}
.h2,
.h3,
h2,
h3 {
   margin-bottom: 0.5rem;
   font-family: inherit;
   font-weight: 500;
   line-height: 1.2;
   color: inherit;
}
.h2,
h2 {
   font-size: 2rem;
}
.h3,
h3 {
   font-size: 1.75rem;
}
.img-fluid {
   max-width: 100%;
   height: auto;
}
.container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}
.row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}
.col-12,
.col-lg-6,
.col-lg-9,
.col-md-12,
.col-sm-12,
.col-xl-6 {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}
.col-12 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
}
.form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition:
      border-color 0.15s ease-in-out,
      box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
   background-color: transparent;
   border: 0;
}
.form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1;
}
.form-control::-moz-placeholder {
   color: #6c757d;
   opacity: 1;
}
.form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
}
.form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
}
.form-control::placeholder {
   color: #6c757d;
   opacity: 1;
}
.form-control:disabled {
   background-color: #e9ecef;
   opacity: 1;
}
.middle-footer-new li:last-child {
   margin-bottom: 0;
}
.main-wheel form,
form {
   position: relative;
}
.bg-white {
   background-color: #fff !important;
}
.border {
   border: 1px solid #dee2e6 !important;
}
.rounded {
   border-radius: 0.25rem !important;
}
.d-block {
   display: block !important;
}
.mx-auto {
   margin-right: auto !important;
   margin-left: auto !important;
}
.text-center {
   text-align: center !important;
}
.order_block h3 {
   text-align: center;
   padding-top: 15px;
   margin: -50px 0;
   font-size: 20px !important;
}
li::before {
   padding-left: 20px;
}
input,
select {
   width: 85%;
   margin-bottom: 30px;
   border: 2px solid #222;
   padding: 5px;
   height: 30px;
   border-radius: 10px;
}
.submit-form {
   width: 85%;
   -webkit-animation: a 1s infinite alternate;
   animation: a 1s infinite alternate;
}
.button,
.cursor-text {
   display: inline-block;
}
.button {
   vertical-align: top;
   text-decoration: none;
   font-size: 18px;
   padding: 15px;
   background-color: #f44336;
   color: #fff;
   text-align: center;
   letter-spacing: 0.5px;
   border: 0;
   margin: 10px 0;
   text-transform: uppercase;
   border-radius: 2px;
   -webkit-box-shadow:
      0 0 2px rgba(0, 0, 0, 0.12),
      0 2px 2px rgba(0, 0, 0, 0.2);
   box-shadow:
      0 0 2px rgba(0, 0, 0, 0.12),
      0 2px 2px rgba(0, 0, 0, 0.2);
   transition: 0.3s ease-out;
}
.button:hover {
   background-color: #f55a4e;
   box-shadow:
      0 3px 3px 0 rgba(0, 0, 0, 0.14),
      0 1px 7px 0 rgba(0, 0, 0, 0.12),
      0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.main-wheel {
   max-width: 95%;
   margin: 0 auto;
   color: #000;
   font-family: Arial, Helvetica, sans-serif;
}
.wr-wheel_pp {
   padding: 15px 0;
   overflow: hidden;
}
.main-wheel input:invalid {
   box-shadow: none;
}
.text-wheel_pp {
   margin-bottom: 20px;
}
.orderForm label,
.submit-form {
   text-align: center;
   display: block;
}
.submit-form {
   margin: 40px auto;
   padding: 0 20px;
   max-width: 140px !important;
   height: 63px !important;
   font-weight: 400;
   font-size: 20px;
   text-decoration: none;
   background-color: #de0606;
   color: #fff !important;
   border-radius: 4px;
   border: 0;
   cursor: pointer;
}
.spin-wrapper2 {
   padding: 20px 10px;
   border-radius: 10px;
   box-sizing: border-box;
   text-align: center;
}
.orderForm label {
   margin-bottom: 3px;
}
.wheel {
   margin: 0 auto;
   position: relative;
   max-width: 481px;
}
.cursor-text,
.wheel-cursor {
   position: absolute;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.wheel-cursor {
   width: 35% !important;
   height: 35%;
   top: 49%;
}
.cursor-text {
   color: #000;
   z-index: 2;
   display: flex;
   width: 51% !important;
   height: 51%;
   line-height: normal;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 50%;
   vertical-align: middle;
   text-align: center;
   background-color: #ccc;
   border: 1px solid #ccc;
   top: 46.7%;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-box-shadow:
      #fff 0 -2px 0 inset,
      #fff 0 2px 0 inset,
      rgba(0, 0, 0, 0.4) 0 0 5px;
   box-shadow:
      #fff 0 -2px 0 inset,
      #fff 0 2px 0 inset,
      rgba(0, 0, 0, 0.4) 0 0 5px;
   background: #fff;
   background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #fff), color-stop(100%, #eaeaea));
   background: -webkit-radial-gradient(center, ellipse cover, #fff 0, #eaeaea 100%);
   background: -o-radial-gradient(center, ellipse cover, #fff 0, #eaeaea 100%);
   background: -webkit-radial-gradient(center, ellipse, #fff 0, #eaeaea 100%);
   background: -o-radial-gradient(center, ellipse, #fff 0, #eaeaea 100%);
   background: radial-gradient(ellipse at center, #fff 0, #eaeaea 100%);
}
.wheel-img {
   -webkit-transition: 4s;
   -o-transition: 4s;
   transition: 4s;
}
.cursor-text:active {
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px inset;
   box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px inset;
}
.wheel img {
   max-width: 100%;
}
.menu-text-hh ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   display: flex;
   white-space: nowrap;
}
.orderForm input,
.orderForm select {
   border: 2px solid gray !important;
   height: 43px;
   max-width: 354px;
   margin-left: auto;
   margin-right: auto;
}
.wr-form {
   background: #a30101;
   padding: 20px 0 10px;
   margin-bottom: 35px;
   border-radius: 10px;
}
.spin-wrapper2 {
   background: #fff;
   border: 3px solid #001e42;
}
.order_block {
   background: #fff;
   padding: 20px 10px;
   border-radius: 10px;
}
.header-nbc {
   background: #b80000;
}
.in-header-nbc {
   max-width: 1140px;
   padding: 0 15px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   min-height: 45px;
}
.logo-nbc svg,
.top-footer-new svg {
   display: block;
   height: 20px;
}
.logo-nbc svg stroke {
   fill: #fffff !important;
}
.wr-bot-header-nbc {
   background: #fff;
   border-bottom: 1px solid #f5f5f5;
}
.bot-header-nbc {
   max-width: 1140px;
   padding: 0 15px;
   margin: 0 auto;
   min-height: 45px;
   display: flex;
   align-items: center;
}
.menu-h {
   margin: 0 25px 0 0;
}
.menu-text-hh {
   overflow-x: auto;
   width: calc(100% - 46px);
   padding: 10px 0;
}
.menu-text-hh ul li,
.middle-footer-new li {
   padding: 0;
   background: 0 0;
   line-height: normal;
}
.menu-text-hh ul li {
   margin: 0 30px 0 0;
   color: #000;
}
.menu-text-hh ul li a {
   color: #000 !important;
   text-decoration: none;
}
.footer-new {
   background: #222;
   font-size: 14px;
}
.wr-top-footer {
   background: #b80000;
}
.linkfooter-new,
.top-footer-new {
   max-width: 1140px;
   padding: 0 15px;
   margin: 0 auto;
   display: flex;
   align-items: center;
}
.top-footer-new {
   min-height: 45px;
}
.linkfooter-new {
   min-height: 66px;
}
.linkfooter-new a {
   color: #fff !important;
}
.bot-footer-new,
.middle-footer-new {
   border-top: 1px solid #3f3f42;
   max-width: 1140px;
   margin: 0 auto;
   display: flex;
}
.middle-footer-new {
   padding: 20px 15px;
}
.middle-footer-new ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 50%;
}
.middle-footer-new li {
   margin: 0 0 20px;
}
.bot-footer-new a,
.middle-footer-new li a {
   color: #fff !important;
   text-decoration: none;
}
.bot-footer-new {
   min-height: 90px;
   padding: 10px 15px;
   color: #fff;
   align-items: center;
}
.bot-footer-new a {
   font-weight: 700;
}
@media (min-width: 576px) {
   .container {
      max-width: 540px;
   }
   .col-sm-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
}
@media (min-width: 768px) {
   .container {
      max-width: 720px;
   }
   .col-md-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
   .offset-md-1 {
      margin-left: 8.333333%;
   }
}
@media (min-width: 992px) {
   .container {
      max-width: 960px;
   }
   .col-lg-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
   .col-lg-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
   }
}
@media (min-width: 1200px) {
   .container {
      max-width: 1140px;
   }
   .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
}
@media all and (max-width: 520px) {
   .cursor-text {
      width: 40% !important;
      line-height: 48px;
      font-size: 12px;
      top: 50%;
      left: 50%;
   }
}
@media screen and (max-width: 480px) {
   input {
      width: 90%;
   }
}
@media screen and (prefers-reduced-motion: reduce) {
   .form-control {
      transition: none;
   }
}
@media print {
   *,
   ::after,
   ::before {
      text-shadow: none !important;
      box-shadow: none !important;
   }
   a:not(.btn) {
      text-decoration: underline;
   }
   img {
      page-break-inside: avoid;
   }
   h2,
   h3,
   p {
      orphans: 3;
      widows: 3;
   }
   h2,
   h3 {
      page-break-after: avoid;
   }
   @page {
      size: a3;
   }
   .container,
   body {
      min-width: 992px !important;
   }
}

body {
   overflow-x: hidden;
}